/* Orders Management */
.order-row-mng:hover {
 /* box-shadow: 1px 1px black !important;
*/
}
.dropdown-list {
  max-height: 200px; /* Adjust the height as needed to show 4 items */
  overflow-y: auto;
}
.list-group-item {
  cursor: pointer;
}

.highlighted {
  background-color: #007FFF !important; /* Highlight background color */
  color:white !important;
}

.list-group-item {
  cursor: pointer;
}
/* End of Orders Management */

/* Order Edit section */

.order-description {
  background: #C8E6C9;
}


/* End of Order Edit section */

/* Dropdown options */
.showDropdown {
  display:block !important;
}
.hideDropdown {
  display:none !important;
}
.hiddenDrop{
  display:none;
}
.custom-dropdown {
  position: absolute;
  border: 1px solid #ccc;
  background-color: #fff;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  z-index: 9999;
}

.dropdown-option {
  padding: 5px;
  cursor: pointer;
}
.for-sl:hover{
  cursor:pointer;
}

/* End of Dropdown options */

/* Input form for parts */

.part-form {
  display: flex; /* Use Flexbox to align items horizontally */
  flex-direction: column; /* Align items vertically */

  gap: 10px; /* Add some gap between elements */
}

.input-container {
  display: grid; /* Use Flexbox to align items horizontally */
  gap: 5px; /* Add some gap between input elements */
  grid-template-columns: 2fr 1fr 1fr; /* Adjust the number of columns as needed */

}
.wide-input {
  width: 400px; /* Set the desired width here */
}
@media only screen and (max-width:600px){
  
  .input-container {
    grid-template-columns: repeat(1, 1fr); /* Adjust the number of columns as needed */

  }
  .wide-input {
    width: 300px; /* Set the desired width here */
  }
}

/* End of input form for parts */

/* Showing clients */

.great-client {
  background-color: rgb(40, 167, 69) !important;
  color:white !important;

}
.average-client {
  background-color: rgb(255, 193, 7) !important;
  color:white !important;

}

.bad-client {
  background-color: #A7171A !important;
  color:white !important;
}
.no-rating {
  background-color: white !important;
  color:black !important;
}
/* End of showing clients */

/* Range slider */
.slider-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}

.slider {
  width: 80%;
}

.slider-labels {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin-top: 10px;
}

.slider-label {
  flex-grow: 1;
  text-align: center;
}

.slider-value {
  margin-top: 10px;
}
/* End of Range slider */

/* Search And Filter */
.search-form {
}
.date-label{
  display: flex;
  flex-direction: column;
  align-items: left;
}
.search-form  .multiselect--above .multiselect__content-wrapper{
  width:50%;
  bottom: -407% !important;
}
/* End of Search And Filter */
.search-form-archived{
  display: grid; /* Use grid layout */
  grid-template-columns: repeat(4, 1fr); /* Adjust the number of columns as needed */
  gap: 10px; /* Adjust the gap between elements as needed */
  align-items: center; 
}
.search-form-clients {
  display: grid; /* Use grid layout */
  grid-template-columns: repeat(1, 1fr); /* Adjust the number of columns as needed */
  gap: 10px; /* Adjust the gap between elements as needed */
  align-items: center; /* Align items vertically in the center if needed */
}
.search-form {
  display: grid; /* Use grid layout */
  grid-template-columns: repeat(4, 1fr); /* Adjust the number of columns as needed */
  gap: 10px; /* Adjust the gap between elements as needed */
  align-items: center; /* Align items vertically in the center if needed */
}
@media (max-width: 576px) {
  .form-group {
    margin-bottom: 1rem;
  }
  .btn-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .btn-group .btn {
    margin-bottom: 0.5rem;
  }
  .btn-group .btn:last-child {
    margin-bottom: 0;
  }
  .text-right {
    text-align: center !important;
  }
  .text-right .btn {
    margin-bottom: 0.5rem;
    width: 100%;
  }
  .text-right .btn:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width:768px){
  .btn-order-add {
    text-transform:uppercase;
  }
  .search-form {
    display: grid; /* Use grid layout */
    grid-template-columns: repeat(1, 1fr); /* Adjust the number of columns as needed */
    gap: 10px; /* Adjust the gap between elements as needed */
    align-items: center; /* Align items vertically in the center if needed */
    margin-bottom:10px;
  }
}
/* Orders swal */
.swal2-popup{
  width:57em !important;
}
/* End of swal */

/* Table PDFs */
.orderoffer{
  background-color: #2A7D3B !important;
  border-color: #2A7D3B !important;
  color:white !important;
}
.orderaccepted{
  background-color: #ffc107 !important;
  border-color: #ffc107 !important;
  color:white !important;
}
.orderfinished{
  background-color:#0d6efd !important;
  border-color:#0d6efd !important;
  color:white !important;

}

/* End of Table PDFs */

/* Buttons generation and buttons for sections */

.button-container {
  flex-direction: column;
}

@media (max-width: 990px) {
  .button-container {
    display: inline-flex;
    /*flex-direction: column;*/
  }
  .button-container button{
    margin:1vw;
  }
  .details-order {
    display: flex;
    padding: 6px;
  }
}

.btn-gen{
  margin:10px;
}

/* End of buttons generation */
.orderaccepted, .orderfinished, .orderoffer{
  display:block;
}
.orderfinished, .orderoffer{
  padding: .75rem 1.25rem;
}
/* Checkboxes */
#additionalNoticeCheckbox {
  transform: scale(1.7);
  margin: 7px;
}
#photosAddCheckbox {
  transform: scale(1.7);
  margin: 7px;
}
#photosDescriptionsAddCheckbox {
  transform: scale(1.7);
  margin: 7px;
}
#markOrders {
  transform: scale(1.7);
  margin: 7px;
}
#termsNoticeCheckbox {
  transform: scale(1.7);
  margin: 7px;
}
#usersCheckbox {
  transform: scale(1.7);
  margin: 7px;
}
#emailSendCheckbox {
  transform: scale(1.7);
  margin: 7px;
}
/* End of Checkboxes */

/* Table slidebar */
.top-scrollbar {
  width: 100%;
  height: 12px;
  background: #f1f1f1;
  position: sticky;
  top: 0;
  z-index: 1;
}
.table-container {
  width: 100%;
  overflow: auto;
  position: relative;
}

table {
  width: 100%;
  table-layout: fixed;
}
.table-container::-webkit-scrollbar {
  width: 12px;
}

.table-container::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.table-container::-webkit-scrollbar-thumb {
  background: #888;
}

/* Create a top scrollbar */
.table-container::-webkit-scrollbar-top {
  width: 12px;
}

.table-container::-webkit-scrollbar-thumb-top {
  background: #888;
}
/* End of table slidebar */

/* Table Responsive */

.table-responsive{
  overflow-x:auto;
}
.table-wrapper {
  width: 100%;
  overflow-x: auto;
}

 
table {
  /* width: 100%;
   border-collapse: collapse;
   */
   margin-bottom: 20px;
 }
@media only screen and (max-width:700px){
  td {
    white-space: normal;
    word-wrap: break-word;
  }
  .table-wrapper th,
.table-wrapper td {
  white-space: nowrap;
  
}
}


table {
  table-layout: fixed;
  width: 100%;
}


.table-responsive table{
  margin-left:auto;
  margin-right:auto;
}
.d-smg-block{
  display:inline-block !important;
}


@media only screen and (max-width:800px){
  .logo-nav {
    width:60% !important;
  }
  #dropzone{
    width: 90%;
  }
  #notification .dropdown-menu{
    width:200px !important;
  }
}
@media only screen and (min-width:768px) and (max-width:992px) {
  .logo-nav {
    width:195% !important;
  }
}

@media only screen and (max-width:450px){
  .logo-nav {
    width:90% !important;
  }
}
/* End of Table Responsive */

/* Tasks */


/* Sub boxes */

.sec-sub-box {
  background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem;
padding: 15px;
margin-bottom:16px;
}

/* End of sub boxes */

/* Notifications */

#notification .dropdown-toggle {
  position: relative;
}

#notification .glyphicon-globe {
  position: absolute;
  top: 3px;
  left: 18px;
  font-size: 18px;
}

#notification .bellnotify {
  position: relative;
  top: 2px;
  right: 0px;
  font-size: 20px;
}

#notification .badge {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 10px;
}

#notification .dropdown-menu {
  width: 400px;
  padding: 10px;
  max-height: 400px;
  overflow-y: auto;
}

#notification .wrap {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

#notification .notification-item--read {
  background-color: #eee;
}


/* End of notifications */

.bold-txt{
  font-weight: bold;
}

/* Different type of orders */
.btn-al{
  background:#A7171A !important;
  color:white !important;
}
  .poruchkiskoli {
    background:white !important;
  
  }
  .poruchkaecont {
    background:#A7171A !important;
    color:white;
  }
  .poruchkisfarovenamqsto {
    background:	#FFF200 !important;
  }

/* End of different types of orders */ 
select {
  font-size: 16px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

option {
  font-size: 16px;
  padding: 8px;
  background-color: #fff;
}
.task-list{
  display:inline-block;
}
.task-list li{
  display:inline-block;
}
.task-label{
  text-align:left;
  color:black;
  font-weight:bold;
}
.active-task{
  background:orange !important;
  color:white !important;
}
.completed-task{
  background-color: green !important;
  color:white !important;
}

 td:hover{
  cursor:pointer;
 }


th, td {
  text-align: center;
  padding: 10px;
  border: 1px solid #ddd;
}

th {
  background-color: #eee;
}

/* End of tasks */

.logo-nav{
    width:50%;
  }
  
  .details-order{
    color:black !important;
    font-weight: bold;
    padding:25px;
   /* padding-left:4px; */
  }
  .heading-order-sec{
    font-weight: bold;
  }
  @media only screen and (min-width:780px){
  .dropdown-menu{
    min-width: 15rem !important;
  }
}

#dropzone {
  border: 2px dashed #ccc;
  padding: 20px;
  margin: 20px;
}

/* Style for the preview container */
.preview-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}

/* Style for the preview box */
.preview-box {
  width: 200px;
  height: 200px;
  margin-bottom: 20px;
  position: relative;
}

/* Style for the preview image */
.preview-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Style for the preview close button */
.preview-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}

@media (min-width: 1200px){
  .container{
    max-width:1185px !important;
  }
}