@charset "UTF-8";
.child1, .child2, .child3, .child4, .child5 {
  padding-right: 5px;
  font-size: 12px;
}

.child1 {
  padding-left: 15px;
}

.child2 {
  padding-left: 30px;
}

.child3 {
  padding-left: 45px;
}

.child4 {
  padding-left: 60px;
}

.child5 {
  padding-left: 75px;
}

.main-header h4 .fa-chevron-right {
  font-size: 17px;
}
.main-header h4 .light-text {
  font-size: 17px !important;
  text-transform: uppercase;
}

.well a {
  color: white !important;
}
.well a i, .well a span {
  color: white;
}

.custom-file {
  height: 27px;
}
.custom-file input {
  height: 27px;
}
.custom-file .custom-file-control {
  height: 27px;
  padding: 4px 8px;
  line-height: 17.5px;
}
.custom-file .custom-file-control::before {
  height: 27px;
  padding: 4px 8px;
  line-height: 17.5px;
}
.custom-file .custom-file-control::after {
  line-height: 17.5px;
}

.has-error input, .has-error select, .has-error textarea {
  border-color: darkred;
}

.image-container {
  position: relative;
}
.image-container a.btn-danger {
  position: absolute;
  left: 20px;
  top: 5px;
}
.image-container a.btn-danger i {
  color: white;
}

.nav.nav-tabs .nav-item .nav-link i {
  margin-right: 8px;
}

#product-tabs, .custom-tabs {
  padding-top: 15px;
  padding-bottom: 15px;
}

.w60em {
  width: calc(60px + 1em);
}

.dropzone {
  min-height: 100px;
}

.jstree-container-ul .jstree-node a {
  width: 100%;
}
.jstree-container-ul .jstree-node a button {
  padding: 2px 5px;
  margin-left: 5px;
}

.chemistry-planning-line {
  padding-top: 10px;
  padding-bottom: 10px;
}
.chemistry-planning-line.header {
  padding-top: 2px;
  padding-bottom: 2px;
}
.chemistry-planning-line.header div[class^=col-sm-] {
  background: #f2f2f2;
}
.chemistry-planning-line .row, .chemistry-planning-line.row {
  margin-left: -5px;
  margin-right: -5px;
}
.chemistry-planning-line .row div[class^=col-sm-], .chemistry-planning-line.row div[class^=col-sm-] {
  padding-left: 5px !important;
  padding-right: 5px !important;
  font-size: 13px;
}
.chemistry-planning-line .row div[class^=col-sm-] .chemistry-planning-line-image, .chemistry-planning-line.row div[class^=col-sm-] .chemistry-planning-line-image {
  display: block;
  width: 100%;
}
.chemistry-planning-line .row div[class^=col-sm-].chemistry-planning-line-buttons, .chemistry-planning-line.row div[class^=col-sm-].chemistry-planning-line-buttons {
  padding-top: 5px;
  padding-bottom: 5px;
}
.chemistry-planning-line .row div[class^=col-sm-].chemistry-planning-line-buttons .custom-inputfile, .chemistry-planning-line.row div[class^=col-sm-].chemistry-planning-line-buttons .custom-inputfile {
  margin-right: 5px;
}
.chemistry-planning-line .row div[class^=col-sm-].chemistry-planning-line-buttons label, .chemistry-planning-line.row div[class^=col-sm-].chemistry-planning-line-buttons label {
  background-color: #40c4ff;
  border-color: #40c4ff;
  margin-bottom: 0px;
  line-height: 1;
}
.chemistry-planning-line .row div[class^=col-sm-].chemistry-planning-line-buttons label i, .chemistry-planning-line.row div[class^=col-sm-].chemistry-planning-line-buttons label i {
  margin-right: 0px;
  font-size: 10px;
  line-height: 24px;
}
.chemistry-planning-line .row div[class^=col-sm-] a i, .chemistry-planning-line.row div[class^=col-sm-] a i {
  color: white;
}
.chemistry-planning-line .row .chemistry-planning-line-horizontal, .chemistry-planning-line.row .chemistry-planning-line-horizontal {
  height: 1px;
  margin-top: 15px;
  background: #ccc;
}
.chemistry-planning-line .row .chemistry-planning-line-icons, .chemistry-planning-line.row .chemistry-planning-line-icons {
  padding-top: 5px;
  padding-bottom: 5px;
}
.chemistry-planning-line .row .chemistry-planning-line-icons img, .chemistry-planning-line.row .chemistry-planning-line-icons img {
  max-width: calc((100% - 15px) / 3);
}
.chemistry-planning-line .col-sm-1 {
  width: 40px;
}
.chemistry-planning-line .col-sm-11 {
  width: calc(100% - 40px);
}

.w100 {
  width: 100%;
}

.mb5 {
  margin-bottom: 5px;
}

#user-edit-form .input-group .input-group-btn .btn {
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: none;
}
#user-edit-form .input-group .input-group-btn .btn:hover, #user-edit-form .input-group .input-group-btn .btn:focus {
  color: white;
  background: #757575;
}

.nav.nav-tabs.md-tabs.tabs-left.b-none .nav-item {
  text-align: left;
}
.nav.nav-tabs.md-tabs.tabs-left.b-none .nav-item a {
  text-align: left;
  padding-left: 10px !important;
}

.main-header-top > .navbar {
  margin-left: 0;
  display: inline-block;
  float: right;
}

.logo-center {
  padding-left: 0;
  text-align: center;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

.tabs-rollen div table th .checkbox-color {
  margin-left: -4px;
}

a.btn-mini {
  padding: 4px 8px;
  height: 26px;
  line-height: 18px;
}
a.btn-mini i, a.btn-mini span {
  font-size: 14px;
  line-height: 18px;
}

.main-header h4 a {
  color: #373a3c;
  font-size: 1.5rem;
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .main-header h4 a {
    font-size: 20px;
  }
}
.chartWrapper {
  position: relative;
}

.chartWrapper > canvas {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.chartAreaWrapper {
  overflow-x: scroll;
  position: relative;
  width: 100%;
}

.chartAreaWrapper2 {
  position: relative;
  height: 300px;
}

.hidden {
  display: none;
}

/* 5 Columns */
.col-xs-p8,
.col-sm-p8,
.col-md-p8,
.col-lg-p8 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-p8 {
  width: calc(100% / 8);
  float: left;
}

@media (min-width: 768px) {
  .col-sm-p8 {
    width: calc(100% / 8);
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-p8 {
    width: calc(100% / 8);
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-p8 {
    width: calc(100% / 8);
    float: left;
  }
}
.table td, .table th {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.table td .checkbox-color, .table th .checkbox-color {
  margin-right: 0px;
}
.table td .checkbox-color label, .table th .checkbox-color label {
  min-height: 22px;
  margin-bottom: 0px;
}
.table td.chk-col, .table th.chk-col {
  width: calc(32px + 1em);
}
.table td.btn-col, .table th.btn-col {
  width: calc(75px + 1em);
}
.table td a.btn-mini, .table th a.btn-mini {
  padding: 4px 8px;
  height: 26px;
  line-height: 18px;
}
.table td a.btn-mini i, .table td a.btn-mini span, .table th a.btn-mini i, .table th a.btn-mini span {
  font-size: 14px;
  line-height: 18px;
}
.table td a i, .table th a i {
  color: white;
}
.table td.foto {
  padding-top: 2px;
  padding-bottom: 2px;
  width: calc(37px + 1.5em) !important;
}
.table th a.sort {
  color: black;
  font-weight: 700;
  text-decoration: none;
  width: 100%;
}
.table th a.sort span {
  float: right;
}
.table .dropdown .dropdown-menu {
  right: 0px;
  left: auto;
}
.table .dropdown .dropdown-menu a {
  float: left;
}
.table .dropdown .dropdown-menu a:hover, .table .dropdown .dropdown-menu a:focus {
  background: #f2f2f2;
}

.tab-content {
  width: 100%;
}
.tab-content.tabs-left-content {
  padding-left: 15px;
}

.sidebar-menu {
  margin-left: 15px;
  margin-right: 15px;
}

.table-select {
  padding: 8px;
  margin-top: 1px;
  width: 100%;
  border-radius: 5px;
}

.common-img-bg {
  background: #f2f2f2 !important;
}

nav,
.main-header-top,
.color-picker .settings-header,
.color-picker a.handle:hover,
.sidebar-menu > li.active > a,
.bg-spark-chart,
.double-bounce1,
.circle-5,
.loader .circle:after,
.slider-handle,
#BC .slider-selection,
.br-theme-bars-1to10 .br-widget a.br-selected,
.br-theme-bars-1to10 .br-widget a.br-active,
.br-theme-bars-movie .br-widget a.br-active,
.br-theme-bars-movie .br-widget a.br-selected,
.br-theme-bars-pill .br-widget a.br-active,
.br-theme-bars-pill .br-widget a.br-selected,
.br-theme-bars-reversed .br-widget a.br-active,
.br-theme-bars-reversed .br-widget a.br-selected,
.br-theme-bars-horizontal .br-widget a.br-active,
.br-theme-bars-horizontal .br-widget a.br-selected,
.nav-tabs .slide,
.bg-primary,
#breadcrumb-triangle li a,
.error-500,
.error-503,
.error-404,
.error-400,
.error-403,
.login,
.md-content h3,
.portlets-primary .card-header,
.custom-control-input:checked ~ .custom-control-indicator,
.md-form-control:focus ~ .md-line:before,
.md-form-control:focus ~ .md-line:after,
.md-input-wrapper .md-line:after,
.md-form-control:focus ~ .md-line:before,
.md-input-wrapper .md-line:before,
.sign-in-up,
.pricing-new,
.join-us,
.footer-gallery li .footer-hvr-effect,
.ourpro-icon-effect-8 .ourpro-icon,
.ourpro-icon-effect-8 .ourpro-icon:hover,
.footer-news button,
.blog-hover-detail,
.invoice-box,
.blog-section h2, .custom-header, .select2-container--default .select2-results__option--highlighted[aria-selected],
.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover,
.badge-primary, .label-primary,
.dtp div.dtp-date, .dtp div.dtp-time, .dtp table.dtp-picker-days tr > td > a.selected,
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover,
.daterangepicker td.active, .daterangepicker td.active:hover, .bootstrap-datetimepicker-widget table td span.active,
.dtp .dtp-actual-meridien a.selected, .wizard > .steps .current a,
.wizard > .steps .current a:hover, .wizard > .steps .current a:active,
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active,
.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover,
#main-chat .chat-single-box.active .chat-header, .morris-hover-row-label, .morris-hover-point,
.card-questioning .ui-state-active,
.card-member .ui-state-active, .cd-pricing-switcher .cd-switch,
.fc-state-active, .b-menu-left, .b-menu-right, #b-menu a.b-menu-icon:hover, .b-menu-icon,
.chat-menu-reply, .slimScrollBar, .sidebar-menu > li > a:hover, .dynamic-list-two .new-item, .dynamic-list-three .new-item, .dynamic-list-one .new-item {
  background-color: #aac532 !important;
}

.br-theme-bars-square .br-widget a.br-active,
.br-theme-bars-square .br-widget a.br-selected, .form-control:focus ~ .input-group-btn .btn-secondary {
  border-color: #aac532;
  color: #aac532;
}

#breadcrumb-triangle li:nth-child(even) a:before {
  border-color: #aac532;
  border-left-color: transparent;
}

#breadcrumb-triangle li a:after, .color-picker .section {
  border-left-color: #aac532;
}

#breadcrumb-triangle li:nth-child(even) a:after, .chat-menu-reply:before {
  border-left-color: #aac532;
}

.double-bounce2 {
  background-color: #aac532 !important;
  opacity: 0.6;
}

#BC .slider-handle, .bootstrap-datetimepicker-widget table td.today:before, .color-picker .section:last-child {
  border-bottom-color: #aac532;
}

.custom-control-input:checked ~ .custom-control-indicator {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #aac532;
}

.cd-popular .cd-pricing-wrapper > li {
  box-shadow: inset 0 0 0 3px #aac532;
}

.ms-container .ms-list.ms-focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(64, 196, 255, 0.6);
  border-color: rgba(64, 196, 255, 0.8);
}

.min-slider-handle.triangle,
.min-slider-handle.custom,
.md-effect-12 h3, .media-left .btn-primary {
  background-color: transparent !important;
}

.color-picker a.handle i,
.main-header .breadcrumb-title a,
.sidebar-menu .treeview-menu > li.active > a,
.color-picker a.handle i,
.dashboard-page-view .counter-txt,
.slider-handle.custom::before,
.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars .br-widget a.br-selected:after,
.br-theme-css-stars .br-widget a.br-selected:after,
.br-theme-css-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars-o .br-widget a.br-selected:after,
.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after,
.br-theme-fontawesome-stars-o .br-widget a.br-active:after,
.md-tabs .nav-item.open .nav-link,
.md-tabs .nav-item.open .nav-link:focus,
.md-tabs .nav-item.open .nav-link:hover,
.md-tabs .nav-link.active,
.md-tabs .nav-link.active:focus,
.md-tabs .nav-link.active:hover,
.md-tabs .nav-link,
.md-form-control:focus ~ label,
.md-valid ~ label,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
a:hover,
a {
  color: #aac532;
}

.txt-primary,
.icon-list-demo i:hover,
.login-card h1,
span.logo,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link:hover,
#home-header span,
.socials-icon li a:hover,
h2.title-sec,
h2.title-center,
.about-sec li i,
.portfolioFilter li button:hover,
.portfolioFilter li button.current,
.pricing-table-header .price,
.pricing-table-items li i.icofont-check,
.blog-details h6,
.blog-details .read-more a,
.testimonial-thumbs h5,
.slick-dots li.slick-active button:before,
.footer-about i,
.footer-menu h5:hover,
.slick-dots li button:before,
.blog-section h5,
.read-more a,
.blog-block a:hover,
.blog-single h4,
.blog-big-user h4,
.blog-s-reply h6,
.blog-article .articles a, .radio label:hover .helper, .radio input:checked ~ .helper::before, .ranges li,
.inline-editable label, .ourCountdownContainer, .yourCountdownContainer p,
.cd-pricing-header, .cd-currency, .cd-duration,
.mega-card h6, ul.mega-list li > a:hover,
#b-menu .dropup .dropdown-menu li:hover, .dummy-media-object:hover h3,
.main-header-top .top-nav .settings-menu li a:hover, .coming-social a:hover, .h-active a, .faq-expi li i {
  color: #aac532 !important;
}

.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover,
.bootpag > .active > a,
.bootpag > .active > a:focus,
.bootpag > .active > a:hover,
.bootpag > .active > span,
.bootpag > .active > span:focus,
.bootpag > .active > span:hover,
.radio .helper::after,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--classic .select2-results__option--highlighted[aria-selected],
.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover,
.ranges li.active, .ranges li:hover,
.footable .pagination > .active > a, .footable .pagination > .active > a:focus,
.footable .pagination > .active > a:hover, .footable .pagination > .active > span,
.footable .pagination > .active > span:focus, .footable .pagination > .active > span:hover,
.fc th {
  background-color: #aac532 !important;
  border-color: #aac532 !important;
}

.color-picker a.handle,
.form-control:focus,
.fade-in-primary .cr,
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover,
.slick-dots li button, .radio.radiofill .helper::after,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--classic.select2-container--open .select2-dropdown,
.select2-container--classic.select2-container--open .select2-selection--single,
.daterangepicker .input-mini.active, .media-list .media a.border-primary, .fade-in-primary .cr,
.chat-footer, .chat-link, .new-msg:focus ~ .input-group-addon,
.horizontal-fixed .main-sidebar .sidebar-menu li:hover ul.mega-menu, .panels-wells .panel-primary {
  border-color: #aac532 !important;
}

#circle-loader2 {
  stroke: #aac532;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
  border-bottom-color: #aac532;
}

.color-picker .section:last-child {
  border-bottom-color: #40c4ff;
}

.color-picker .section {
  border-right-color: #40c4ff;
}

.pricing-table:hover {
  border-top-color: #aac532;
}

.filter-bar > .navbar {
  background-color: #fff !important;
}

.item:hover .blog-hover-detail, .wizard > .actions .disabled a, .cd-pricing-switcher .fieldset {
  background-color: rgba(64, 196, 255, 0.68);
  color: #fff;
}

.blog-single .qutoe-text, .fc-event {
  border-left-color: #aac532 !important;
  color: #aac532;
}

button.dt-button, div.dt-button, a.dt-button {
  background-image: linear-gradient(to bottom, #aac532 0%, #aac532 100%) !important;
  border-color: #aac532 !important;
}

.checkbox-color input[type=checkbox]:focus + label::before {
  outline: none;
}

.hour-hand, .minute-hand {
  stroke: #aac532;
}

.dtp-select-hour[fill="#2196F3"], .dtp-select-minute[fill="#2196F3"] {
  fill: #aac532 !important;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
  background-color: #aac532;
}

.invoice-box tr td a, a.dt-button:hover {
  color: #fff;
}

.signup-btn .btn-primary:hover {
  background-color: #fff !important;
  border-color: #aac532;
}

.dashboard-primary.bg-primary, .bg-spark-chart {
  background-color: #aac532 !important;
}

.bg-spark-chart {
  background-color: #3f51b5 !important;
}
@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px #aac532, 0 0 10px 10px #aac532, 0 0 0 10px #aac532;
  }
  100% {
    box-shadow: 0 0 0 2px #aac532, 0 0 10px 10px #aac532, 0 0 0 10px #aac532;
    transform: scale(1.5);
    opacity: 0;
  }
}
.custom-inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.custom-inputfile + label {
  max-width: 80%;
  font-size: 1.25rem;
  /* 20px */
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0.625rem 1.25rem;
  /* 10px 20px */
}

.no-js .custom-inputfile + label {
  display: none;
}

.custom-inputfile:focus + label,
.custom-inputfile.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.custom-inputfile + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */
}

/* style 1 */
.custom-inputfile + label {
  background-color: #f5f5f5;
  font-size: 14px;
  padding: 0px 10px;
  line-height: 27px;
}
.custom-inputfile + label i {
  margin-right: 8px;
}

.custom-inputfile:focus + label,
.custom-inputfile.has-focus + label,
.custom-inputfile + label:hover {
  background-color: #ccc;
  color: white;
}

#access-list ul {
  list-style-type: none;
}
#access-list ul li {
  border: 1px solid #f4f4f4;
  padding: 5px;
}
#access-list ul li:hover, #access-list ul li:focus {
  background-color: #3c8dbc;
}
#access-list ul li:hover a, #access-list ul li:focus a {
  color: white;
}
#access-list ul li.active {
  background-color: #3c8dbc;
}
#access-list ul li.active a {
  color: white;
}

#access-content input[type=checkbox] {
  margin-left: 0;
}

.subchild.menu-name .fa {
  margin-left: 25px;
}

.modal.modal-xxl .modal-dialog {
  max-width: none;
  width: 80%;
  height: calc(100% - 60px);
}
.modal.modal-xxl .modal-dialog .modal-content {
  width: 100%;
  height: 100%;
}
.modal.modal-xxl .modal-dialog .modal-content .modal-body {
  height: calc(100% - 61px);
}
.modal.modal-xxl .modal-dialog .modal-content .modal-body iframe {
  width: 100%;
  height: 100%;
}

.month-picker {
  float: right;
  margin-right: 30px;
  font-weight: 600;
  position: relative;
}
.month-picker .previous, .month-picker .next {
  color: #aac532;
  font-weight: 600;
  font-size: 20px;
}
.month-picker span {
  font-size: 18px;
}
.month-picker .previous:first-of-type, .month-picker .next:first-of-type {
  margin-right: 10px;
}
.month-picker .previous:last-of-type, .month-picker .next:last-of-type {
  margin-left: 10px;
}

.cell-border {
  border: 1px solid lightgrey;
}

.cell-hover:hover {
  background-color: rgba(170, 197, 50, 0.2);
}

.absence-cell {
  cursor: pointer;
}

.absence-weekend {
  background-color: #f2f2f2;
}

.absence-cell.selected {
  background-color: #aac532;
}

.action-buttons {
  display: inline-block;
  transform: translateX(-50%);
  left: 50%;
  position: fixed;
  bottom: 15px;
}

.to-be-approved {
  background-color: #ffc107;
  color: white;
}

.approved {
  background-color: #17a2b8;
  color: white;
}

.disapproved {
  background-color: #FF5A5A;
  color: white;
}

.absence-table .name_search {
  padding: 5px;
}
.absence-table .name-td {
  text-align: left;
}
.absence-table th, .absence-table td {
  height: 60px;
  width: 60px;
}
.absence-table td {
  text-align: center;
  vertical-align: middle;
}
.absence-table td.absence-cell {
  font-size: 10px;
}
.absence-table .table-header-tr th .name_search {
  border: 1px solid #efefef;
  background: #efefef;
}

.week-number {
  text-align: center;
  line-height: 2.5;
}

.dropdown-menu #month-select {
  width: calc(50% - 10px);
  float: left;
  margin: 5px;
}
.dropdown-menu #year-select {
  width: calc(50% - 10px);
  margin: 5px;
}
.dropdown-menu .btn-search-range {
  text-align: center;
  display: inline-block;
  margin-top: 10px;
  transform: translateX(-50%);
  left: 50%;
  position: relative;
}

.absence-type-0 {
  color: #ffc107;
}

.absence-type-1 {
  color: #aac532;
}

.absence-type-2 {
  color: #dc3545;
}

.schedule-item .absence {
  font-size: 11px;
}

#absence-zoek-form {
  overflow: scroll;
  height: calc(100vh - 220px);
}
#absence-zoek-form thead {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 1;
}

@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
}
.ps-1 {
  padding-left: calc((1 * 0.5rem) + 2rem) !important;
}

.ps-2 {
  padding-left: calc((2 * 0.5rem) + 2rem) !important;
}

.ps-3 {
  padding-left: calc((3 * 0.5rem) + 2rem) !important;
}

.ps-4 {
  padding-left: calc((4 * 0.5rem) + 2rem) !important;
}

.ps-5 {
  padding-left: calc((5 * 0.5rem) + 2rem) !important;
}

#schedule .schedule-wrapper {
  max-height: calc(100vh - 200px);
  overflow: scroll;
}
#schedule .schedule-wrapper .header-wrapper {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 99;
}

.schedule-export-dropdown button {
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  font-size: 18px !important;
  margin-left: 5px;
}
.schedule-export-dropdown button:after {
  margin-left: 0;
}
.schedule-export-dropdown .dropdown-menu a {
  display: block;
  padding: 5px 10px;
  font-size: 12px;
}

.main-header a, .main-header button {
  font-size: 10px;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.week_day_table {
  width: 100%;
  float: left;
  min-width: 320px;
}

.week_day_title {
  display: inline-block;
  width: 100%;
  font-size: 18px;
}

#rrule {
  display: block;
  float: left;
  width: 100%;
}
#rrule label {
  width: 100%;
}
#rrule input[type=text] {
  width: 100px;
  margin-right: 25px;
  display: inline-block;
  float: left;
  height: 40px;
}
#rrule select {
  width: calc(100% - 125px);
  display: inline-block;
  float: right;
}

.form-group.day {
  margin-bottom: 0;
  padding-left: 5px;
}

label.bold {
  font-weight: 700;
}

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

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

#schedule .is_no_working_day {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
#schedule .schedule-row:not(.collapse), #schedule .schedule-row.collapse.in {
  display: flex;
}
#schedule .schedule-row .schedule-item {
  width: 100px;
  padding: 0.5rem 1rem;
  text-align: center;
  border-left: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
}
#schedule .schedule-row .schedule-item:not(.success) .opdracht_afsluiten {
  color: black !important;
}
#schedule .schedule-row .schedule-item.schedule-item-user {
  width: 200px;
  min-width: 200px;
  position: relative;
}
#schedule .schedule-row .schedule-item.schedule-item-user .button-recup {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
#schedule .schedule-row .schedule-item.has-doubles {
  color: orange;
  cursor: pointer;
}
#schedule .schedule-row .schedule-item.is-coll {
  position: relative;
  cursor: pointer;
}
#schedule .schedule-row .schedule-item.is-coll:before {
  font-family: "FontAwesome";
  content: "";
  transition: transform 0.25s ease-in-out;
  position: absolute;
}
#schedule .schedule-row .schedule-item.is-coll.ps-1:before {
  left: calc((1 * 0.5rem) + 0.75rem) !important;
}
#schedule .schedule-row .schedule-item.is-coll.ps-2:before {
  left: calc((2 * 0.5rem) + 0.75rem) !important;
}
#schedule .schedule-row .schedule-item.is-coll.ps-3:before {
  left: calc((3 * 0.5rem) + 0.75rem) !important;
}
#schedule .schedule-row .schedule-item.is-coll.ps-4:before {
  left: calc((4 * 0.5rem) + 0.75rem) !important;
}
#schedule .schedule-row .schedule-item.is-coll.ps-5:before {
  left: calc((5 * 0.5rem) + 0.75rem) !important;
}
#schedule .schedule-row .schedule-item.is-coll.in:before {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
#schedule .schedule-row .schedule-item.success {
  background: #008000 !important;
  color: white !important;
}
#schedule .schedule-row .schedule-item.has-extra {
  background: yellow !important;
  color: black !important;
}
#schedule .schedule-row .schedule-item.has-anomaly {
  background: #aac532 !important;
  color: white !important;
}
#schedule .schedule-row .schedule-item.has-not-all-confirmed {
  background: #0099CC !important;
  color: white !important;
}
#schedule .schedule-row .schedule-item.error {
  background: #FF5A5A !important;
  color: white !important;
}
#schedule .schedule-row .schedule-item:first-child {
  text-align: left;
  width: calc(100% - (15 * 100px));
}
#schedule .schedule-row .schedule-item:last-child {
  border-right: 1px solid lightgrey;
}
#schedule .schedule-row .schedule-item.full {
  width: 100%;
}
#schedule .schedule-row .schedule-item.week {
  min-width: calc(7 * 100px);
}
#schedule .schedule-row .schedule-item.week.week-user {
  min-width: calc(7 * 200px);
}
#schedule .schedule-row .schedule-item.schedule-item-holiday-border {
  border-left: 6px solid #FFD700;
  border-right: 6px solid #FFD700;
}
#schedule .schedule-row.isGroup .schedule-item {
  border-bottom: 1px solid black;
  border-top: 1px solid black;
}
#schedule .schedule-row .schedule-sub-row {
  width: calc(100% - 250px);
}
#schedule .schedule-row:first-child .schedule-item, #schedule .schedule-row:nth-child(2) .schedule-item {
  border-top: 1px solid lightgrey;
  font-weight: 700;
}

hr {
  margin-top: 0;
  margin-bottom: 0;
}

.effective_hours {
  display: flex;
  justify-content: space-around;
  color: white;
  font-size: 11px;
  font-weight: lighter;
}

#schedule-filter button {
  height: 36px;
  float: right !important;
  margin-left: 0.25rem;
  margin-top: 2px;
}

.pr-20 {
  padding-right: 20px;
}

#expandAll, #collapseAll, #return {
  height: 40px;
}

#expandAll, #collapseAll {
  margin: 0 0.5rem;
}

#sync, #destroy {
  margin-right: 0.25rem;
}

#return {
  margin-left: 2rem;
  margin-right: 0.5rem;
  line-height: 24px;
}

.pointer {
  cursor: pointer;
}

.select-2-item {
  width: 200px;
  height: 2.5rem;
}
.select-2-item span {
  height: 100% !important;
}
.select-2-item span .select2-selection--single {
  height: 100% !important;
}
.select-2-item span .select2-selection--single .select2-selection__rendered {
  line-height: 38px !important;
}

.me-5 {
  margin-right: 3rem;
}

.me-1 {
  margin-right: 1rem;
}

.ms-5 {
  margin-left: 3rem !important;
}

table.employee-table tr td .checkbox-color.checkbox-success {
  position: relative;
  width: 100%;
  height: 20px;
}
table.employee-table tr td .checkbox-color.checkbox-success label {
  top: 2px;
  position: absolute;
}
table.employee-table tr td .checkbox-color.checkbox-success label:before, table.employee-table tr td .checkbox-color.checkbox-success label:after {
  top: 0;
  margin-left: 0;
  left: 0;
}

.fa.green {
  color: green;
}
.fa.red {
  color: red;
}

#is-scheduled {
  line-height: 35px;
  margin-right: 1.5rem;
}
.ml-5 {
  margin-left: 3rem;
}

.example-table {
  float: left;
  width: 100%;
  margin-bottom: 50px;
}
.example-table .example-table-column {
  float: left;
  width: calc(7 * 50px);
}
.example-table .example-table-column .example-table-week {
  text-align: center;
  border-left: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
  border-top: 1px solid lightgrey;
  background: #aac532;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  color: white;
}
.example-table .example-table-column .example-table-day-row .example-table-day {
  width: 50px;
  float: left;
  text-align: center;
  border-left: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.example-table .example-table-column .example-table-day-row .example-table-day.day-6, .example-table .example-table-column .example-table-day-row .example-table-day.day-7 {
  background: #f2f2f2;
}
.example-table .example-table-column .example-table-day-row .example-table-day.header {
  font-weight: 700;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.example-table .example-table-column .example-table-day-row .example-table-day:not(.header) {
  height: 50px;
}
.example-table .example-table-column:last-child .example-table-week {
  border-right: 1px solid lightgrey;
}
.example-table .example-table-column:last-child .example-table-day-row .example-table-day:last-child {
  border-right: 1px solid lightgrey;
}

.mt-5 {
  margin-top: 1rem;
  float: left;
  width: 100%;
}

.modal-80vw .modal-dialog {
  width: 80vw !important;
  max-width: 80vw !important;
}

.modal-full .modal-dialog {
  width: calc(100vw - 30px) !important;
  max-width: calc(100vw - 30px) !important;
}

#panel-user-search {
  border: 1px solid lightgrey;
  margin-bottom: 25px;
}
#panel-user-search .panel {
  border: 0;
}
#panel-user-search .panel .panel-heading {
  background: #eceeef;
  padding-top: 0;
}
#panel-user-search .panel .panel-heading .panel-title {
  margin: 0px;
}
#panel-user-search .panel .panel-heading .panel-title a {
  color: black;
}
#panel-user-search .panel .panel-collapse .panel-body {
  border-top: 1px solid lightgrey;
  padding: 10px 15px;
}
#panel-user-search .panel .panel-collapse .panel-body .search {
  margin-bottom: 0.5rem;
  display: inline-block;
  width: 100%;
}
#panel-user-search .panel .panel-collapse .panel-body .search label {
  width: 200px;
}
#panel-user-search .panel .panel-collapse .panel-body .search select, #panel-user-search .panel .panel-collapse .panel-body .search span.select2 {
  width: calc(100% - 215px) !important;
  float: right;
}
#panel-user-search .panel .panel-collapse .panel-body .search select .select2-selection--single, #panel-user-search .panel .panel-collapse .panel-body .search span.select2 .select2-selection--single {
  height: 34px !important;
}
#panel-user-search .panel .panel-collapse .panel-body .search select .select2-selection--single .select2-selection__rendered, #panel-user-search .panel .panel-collapse .panel-body .search span.select2 .select2-selection--single .select2-selection__rendered {
  line-height: 34px !important;
}
#panel-user-search .panel .panel-collapse .panel-body .search .date-picker {
  width: calc(100% - 215px);
  float: right;
}

.sort i {
  color: black !important;
  float: right;
  margin-top: 3.5px;
}

a.isDouble {
  color: orange !important;
  font-weight: 700;
}

.day-tasks {
  width: 100%;
}
.day-tasks li {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  border-bottom: 1px solid lightgrey;
  position: relative;
}
.day-tasks li a {
  padding: 0.5rem 1rem;
  color: black;
  font-size: 11px;
}
.day-tasks li .buttons {
  padding: 0.5rem 1rem;
}
.day-tasks li:last-of-type {
  border-bottom: 0;
}
.day-tasks li.not-confirmed a {
  color: #0099CC;
}

.legende {
  background-color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid lightgray;
  position: fixed;
  z-index: 9999;
  bottom: 15px;
  right: 15px;
}
.legende ul li .text {
  line-height: 15px;
  font-size: 12px;
  vertical-align: text-top;
}
.legende ul li .block {
  width: 25px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
  border: 1px solid lightgrey;
}
.legende ul li .block.error {
  background: #FF5A5A !important;
}
.legende ul li .block.is-extra {
  background: yellow !important;
}
.legende ul li .block.has-not-all-confirmed {
  background: #0099CC !important;
}
.legende ul li .block.success {
  background: #008000 !important;
}

.sticky-header .main-header {
  position: fixed;
  top: 97px;
  z-index: 9;
  background-color: #E5E5E5;
  width: 100%;
}
.sticky-header .row:last-of-type {
  margin-top: 67px;
}

.checkbox-success .fixed-icon {
  position: absolute;
  right: 2em;
  top: -2px;
}
.checkbox-success .fixed-icon i {
  color: black;
}

.refused-icon {
  position: absolute;
  left: 25px;
  top: 1px;
  border-radius: 50%;
  background-color: red;
  color: white;
  padding: 3px 5px;
  font-size: 12px;
}

@media only screen and (max-width: 1600px) {
  .ps-3 {
    padding-left: 15px !important;
  }
}
.double-user {
  margin-top: 15px;
  font-size: 16px;
}

.schedule-item:first-of-type a {
  color: black;
  font-weight: 700;
}

.float-left {
  float: left !important;
}

.padding-25 {
  padding: 25px;
}

.extra_comment_container div.checkbox-success {
  float: left;
  width: 20px !important;
}
.extra_comment_container i.extra-comment-tooltip {
  float: right;
  margin-top: 3px;
}

.second-week-schedule .card {
  background-color: #f2f2f2;
}

.mt-7px {
  margin-top: 7px;
}

.mr-5px {
  margin-right: 5px !important;
}

.chef-select {
  width: 80px;
}

#autocomplete-results {
  padding: 5px;
  cursor: pointer;
}
#autocomplete-results .autocomplete-item {
  background-color: #fafafa;
}

.opdracht_afsluiten {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 11px;
  color: white !important;
  border-radius: 50%;
  padding: 0px 5px;
}

.opdracht_week_afsluiten {
  color: black !important;
}

.m-t-5em {
  margin-top: 5em;
}

.planner-box, .checker-box {
  position: absolute;
  height: 20px;
  width: 20px;
}

.planner-box {
  left: 0;
}

.checker-box {
  right: 0;
}

#history td {
  vertical-align: middle !important;
}

.fixed-header-scroll-table-container {
  overflow-x: auto;
  /* Horizontaal scrollen inschakelen */
  max-width: 100%;
  /* Maximale breedte van de container */
  position: relative;
  /* Relatieve positionering voor kolommen */
}
.fixed-header-scroll-table-container table {
  border-collapse: collapse;
  width: 100%;
  /* Volledige breedte van de container */
}
.fixed-header-scroll-table-container th, .fixed-header-scroll-table-container td {
  padding: 8px;
  border: 1px solid #ddd;
  white-space: nowrap;
  /* Voorkomen van tekstterugloop */
}
.fixed-header-scroll-table-container th {
  position: sticky;
  top: 0;
  background-color: white;
  /* Achtergrondkleur voor de vaste koprij */
  z-index: 1;
  /* Om ervoor te zorgen dat het boven de tabelinhoud wordt weergegeven */
}
.fixed-header-scroll-table-container th:nth-child(1), .fixed-header-scroll-table-container td:nth-child(1) {
  left: 0;
  z-index: 999;
}
.fixed-header-scroll-table-container.fixed-second-header-scroll-table-container th:nth-child(2), .fixed-header-scroll-table-container.fixed-second-header-scroll-table-container td:nth-child(2) {
  left: 220px;
  z-index: 999;
}

.im-sticky {
  position: sticky;
  background-color: white;
  z-index: 1;
  left: 0;
}

.position-relative {
  position: relative;
}

@media (max-width: 1199.98px) {
  #schedule .schedule-row .schedule-item:first-child {
    font-size: 12px;
    width: 200px;
  }
  #schedule .schedule-row .schedule-item:first-child a {
    font-size: 10px;
    word-break: break-word;
  }

  #schedule .schedule-row:first-child .schedule-item, #schedule .schedule-row:nth-child(2) .schedule-item {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .wrapper .main-header-top.hidden-print {
    background-color: #aac532 !important;
    display: inline-block;
    width: 100%;
  }

  .main-header-top .logo {
    float: left !important;
    width: auto !important;
    display: none;
  }

  .main-header-top .logo.logo-center {
    display: block;
  }

  .toggle-menu-mobile {
    display: block !important;
    padding: 15px;
    color: white !important;
  }

  .main-sidebar {
    z-index: 9999999999;
    transform: translate(-230px, 0);
  }
  .main-sidebar .user-panel {
    display: none !important;
  }
}
#pswd_same, #pswd_info {
  position: absolute;
  bottom: -140px;
  left: 55px;
  width: 250px;
  padding: 15px;
  background: #fefefe;
  font-size: 0.875em;
  border-radius: 5px;
  box-shadow: 0 1px 3px #ccc;
  border: 1px solid #ddd;
  display: none;
  z-index: 9;
}
#pswd_same ul, #pswd_info ul {
  padding: 0;
  list-style-type: none;
}
#pswd_same ul li, #pswd_info ul li {
  padding-left: 0;
}
#pswd_same .icon, #pswd_info .icon {
  display: none;
}
#pswd_same .invalid, #pswd_info .invalid {
  padding-left: 22px;
  line-height: 24px;
  color: #ec3f41;
}
#pswd_same .invalid .icomoon-icon-close, #pswd_same .invalid .fa-times, #pswd_info .invalid .icomoon-icon-close, #pswd_info .invalid .fa-times {
  display: inline-block;
  color: #ec3f41;
  margin-top: -12px;
  margin-right: 0;
}
#pswd_same .valid .icomoon-icon-checkmark-3, #pswd_same .valid .fa-check, #pswd_info .valid .icomoon-icon-checkmark-3, #pswd_info .valid .fa-check {
  display: inline-block;
  color: #3a7d34;
  margin-top: -12px;
  margin-right: 0;
}
#pswd_same .valid, #pswd_info .valid {
  padding-left: 22px;
  line-height: 24px;
  color: #3a7d34;
}

div#pswd_info.user_edit {
  left: 0;
  bottom: auto;
  top: 35px;
}

#pswd_same {
  bottom: -50px;
}

#pswd_info h5 {
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: normal;
  font-size: 14px;
  color: black;
}

#pswd_same::before, #pswd_info::before {
  content: "▲";
  position: absolute;
  top: -12px;
  left: 45%;
  font-size: 14px;
  line-height: 14px;
  color: #ddd;
  text-shadow: none;
  display: block;
}

.login-eye-position {
  position: absolute;
  right: 10px;
  top: 18px;
}

.toggle-menu-mobile {
  display: none;
}

.select2-container .select2-selection--single {
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  height: 27px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 27px !important;
  font-size: 0.875rem !important;
}

.min-width-175 {
  min-width: 175px;
}

.m-t-44px {
  margin-top: 44px;
}

.p-6px {
  padding: 6px;
}

.justify-content-end {
  justify-content: flex-end;
}

.product-zoek input, .product-zoek select {
  width: 200px;
}
.product-zoek a {
  height: 30px;
}

.wrap-columns {
  white-space: normal;
}

.input-group-addon button {
  border: none;
  padding: 0;
}

.white {
  color: white !important;
}

.back-epacco {
  background-color: #aac532 !important;
}

.w-65-px {
  width: 65px !important;
}

.user-image {
  height: 40px;
}

.hidden {
  display: none !important;
}

.float-right {
  float: right;
}

form nav {
  background-color: transparent !important;
}

nav {
  background-color: transparent !important;
}

nav.navbar {
  background-color: #aac532 !important;
}

.td-warning {
  background-color: #ffc107;
}

.td-success {
  background-color: #aac532;
}

.td-danger {
  background-color: #dc3545;
}

.fixed-scroll {
  height: 40vh;
  overflow-x: auto;
  display: block;
}

.datepicker {
  padding: 15px;
  padding-top: 5px;
  font-size: 14px;
}
.datepicker th {
  padding-top: 5px;
}

.help-error-block {
  color: #dc3545;
  margin-top: 15px;
  display: inline-block;
}

.m-t-10-em {
  margin-top: 10em;
}

.text-white {
  color: white !important;
}

.w-10-px {
  width: 10px;
}

.w-20-px {
  width: 20px;
}

.w-30-px {
  width: 30px;
}

.w-40-px {
  width: 40px;
}

.w-50-px {
  width: 50px;
}

.w-60-px {
  width: 60px;
}

.w-70-px {
  width: 70px;
}

.w-80-px {
  width: 80px;
}

.w-90-px {
  width: 90px;
}

.w-100-px {
  width: 100px;
}

.w-110-px {
  width: 110px;
}

.w-120-px {
  width: 120px;
}

.w-130-px {
  width: 130px;
}

.w-140-px {
  width: 140px;
}

.w-150-px {
  width: 150px;
}

.w-160-px {
  width: 160px;
}

.w-170-px {
  width: 170px;
}

.w-180-px {
  width: 180px;
}

.w-190-px {
  width: 190px;
}

.w-200-px {
  width: 200px;
}

.w-210-px {
  width: 210px;
}

.w-220-px {
  width: 220px;
}

.w-230-px {
  width: 230px;
}

.w-240-px {
  width: 240px;
}

.w-250-px {
  width: 250px;
}

.w-260-px {
  width: 260px;
}

.w-270-px {
  width: 270px;
}

.w-280-px {
  width: 280px;
}

.w-290-px {
  width: 290px;
}

.w-300-px {
  width: 300px;
}

.w-310-px {
  width: 310px;
}

.w-320-px {
  width: 320px;
}

.w-330-px {
  width: 330px;
}

.w-340-px {
  width: 340px;
}

.w-350-px {
  width: 350px;
}

.w-360-px {
  width: 360px;
}

.w-370-px {
  width: 370px;
}

.w-380-px {
  width: 380px;
}

.w-390-px {
  width: 390px;
}

.w-400-px {
  width: 400px;
}

.w-410-px {
  width: 410px;
}

.w-420-px {
  width: 420px;
}

.w-430-px {
  width: 430px;
}

.w-440-px {
  width: 440px;
}

.w-450-px {
  width: 450px;
}

.w-460-px {
  width: 460px;
}

.w-470-px {
  width: 470px;
}

.w-480-px {
  width: 480px;
}

.w-490-px {
  width: 490px;
}

.w-500-px {
  width: 500px;
}

.w-510-px {
  width: 510px;
}

.w-520-px {
  width: 520px;
}

.w-530-px {
  width: 530px;
}

.w-540-px {
  width: 540px;
}

.w-550-px {
  width: 550px;
}

.w-560-px {
  width: 560px;
}

.w-570-px {
  width: 570px;
}

.w-580-px {
  width: 580px;
}

.w-590-px {
  width: 590px;
}

.w-600-px {
  width: 600px;
}

.w-610-px {
  width: 610px;
}

.w-620-px {
  width: 620px;
}

.w-630-px {
  width: 630px;
}

.w-640-px {
  width: 640px;
}

.w-650-px {
  width: 650px;
}

.w-660-px {
  width: 660px;
}

.w-670-px {
  width: 670px;
}

.w-680-px {
  width: 680px;
}

.w-690-px {
  width: 690px;
}

.w-700-px {
  width: 700px;
}

.w-710-px {
  width: 710px;
}

.w-720-px {
  width: 720px;
}

.w-730-px {
  width: 730px;
}

.w-740-px {
  width: 740px;
}

.w-750-px {
  width: 750px;
}

.w-760-px {
  width: 760px;
}

.w-770-px {
  width: 770px;
}

.w-780-px {
  width: 780px;
}

.w-790-px {
  width: 790px;
}

.w-800-px {
  width: 800px;
}

.w-810-px {
  width: 810px;
}

.w-820-px {
  width: 820px;
}

.w-830-px {
  width: 830px;
}

.w-840-px {
  width: 840px;
}

.w-850-px {
  width: 850px;
}

.w-860-px {
  width: 860px;
}

.w-870-px {
  width: 870px;
}

.w-880-px {
  width: 880px;
}

.w-890-px {
  width: 890px;
}

.w-900-px {
  width: 900px;
}

.w-910-px {
  width: 910px;
}

.w-920-px {
  width: 920px;
}

.w-930-px {
  width: 930px;
}

.w-940-px {
  width: 940px;
}

.w-950-px {
  width: 950px;
}

.w-960-px {
  width: 960px;
}

.w-970-px {
  width: 970px;
}

.w-980-px {
  width: 980px;
}

.w-990-px {
  width: 990px;
}

.w-1000-px {
  width: 1000px;
}

.m-w-10-px {
  min-width: 10px;
}

.m-w-20-px {
  min-width: 20px;
}

.m-w-30-px {
  min-width: 30px;
}

.m-w-40-px {
  min-width: 40px;
}

.m-w-50-px {
  min-width: 50px;
}

.m-w-60-px {
  min-width: 60px;
}

.m-w-70-px {
  min-width: 70px;
}

.m-w-80-px {
  min-width: 80px;
}

.m-w-90-px {
  min-width: 90px;
}

.m-w-100-px {
  min-width: 100px;
}

.m-w-110-px {
  min-width: 110px;
}

.m-w-120-px {
  min-width: 120px;
}

.m-w-130-px {
  min-width: 130px;
}

.m-w-140-px {
  min-width: 140px;
}

.m-w-150-px {
  min-width: 150px;
}

.m-w-160-px {
  min-width: 160px;
}

.m-w-170-px {
  min-width: 170px;
}

.m-w-180-px {
  min-width: 180px;
}

.m-w-190-px {
  min-width: 190px;
}

.m-w-200-px {
  min-width: 200px;
}

.m-w-210-px {
  min-width: 210px;
}

.m-w-220-px {
  min-width: 220px;
}

.m-w-230-px {
  min-width: 230px;
}

.m-w-240-px {
  min-width: 240px;
}

.m-w-250-px {
  min-width: 250px;
}

.m-w-260-px {
  min-width: 260px;
}

.m-w-270-px {
  min-width: 270px;
}

.m-w-280-px {
  min-width: 280px;
}

.m-w-290-px {
  min-width: 290px;
}

.m-w-300-px {
  min-width: 300px;
}

.m-w-310-px {
  min-width: 310px;
}

.m-w-320-px {
  min-width: 320px;
}

.m-w-330-px {
  min-width: 330px;
}

.m-w-340-px {
  min-width: 340px;
}

.m-w-350-px {
  min-width: 350px;
}

.m-w-360-px {
  min-width: 360px;
}

.m-w-370-px {
  min-width: 370px;
}

.m-w-380-px {
  min-width: 380px;
}

.m-w-390-px {
  min-width: 390px;
}

.m-w-400-px {
  min-width: 400px;
}

.m-w-410-px {
  min-width: 410px;
}

.m-w-420-px {
  min-width: 420px;
}

.m-w-430-px {
  min-width: 430px;
}

.m-w-440-px {
  min-width: 440px;
}

.m-w-450-px {
  min-width: 450px;
}

.m-w-460-px {
  min-width: 460px;
}

.m-w-470-px {
  min-width: 470px;
}

.m-w-480-px {
  min-width: 480px;
}

.m-w-490-px {
  min-width: 490px;
}

.m-w-500-px {
  min-width: 500px;
}

.m-w-510-px {
  min-width: 510px;
}

.m-w-520-px {
  min-width: 520px;
}

.m-w-530-px {
  min-width: 530px;
}

.m-w-540-px {
  min-width: 540px;
}

.m-w-550-px {
  min-width: 550px;
}

.m-w-560-px {
  min-width: 560px;
}

.m-w-570-px {
  min-width: 570px;
}

.m-w-580-px {
  min-width: 580px;
}

.m-w-590-px {
  min-width: 590px;
}

.m-w-600-px {
  min-width: 600px;
}

.m-w-610-px {
  min-width: 610px;
}

.m-w-620-px {
  min-width: 620px;
}

.m-w-630-px {
  min-width: 630px;
}

.m-w-640-px {
  min-width: 640px;
}

.m-w-650-px {
  min-width: 650px;
}

.m-w-660-px {
  min-width: 660px;
}

.m-w-670-px {
  min-width: 670px;
}

.m-w-680-px {
  min-width: 680px;
}

.m-w-690-px {
  min-width: 690px;
}

.m-w-700-px {
  min-width: 700px;
}

.m-w-710-px {
  min-width: 710px;
}

.m-w-720-px {
  min-width: 720px;
}

.m-w-730-px {
  min-width: 730px;
}

.m-w-740-px {
  min-width: 740px;
}

.m-w-750-px {
  min-width: 750px;
}

.m-w-760-px {
  min-width: 760px;
}

.m-w-770-px {
  min-width: 770px;
}

.m-w-780-px {
  min-width: 780px;
}

.m-w-790-px {
  min-width: 790px;
}

.m-w-800-px {
  min-width: 800px;
}

.m-w-810-px {
  min-width: 810px;
}

.m-w-820-px {
  min-width: 820px;
}

.m-w-830-px {
  min-width: 830px;
}

.m-w-840-px {
  min-width: 840px;
}

.m-w-850-px {
  min-width: 850px;
}

.m-w-860-px {
  min-width: 860px;
}

.m-w-870-px {
  min-width: 870px;
}

.m-w-880-px {
  min-width: 880px;
}

.m-w-890-px {
  min-width: 890px;
}

.m-w-900-px {
  min-width: 900px;
}

.m-w-910-px {
  min-width: 910px;
}

.m-w-920-px {
  min-width: 920px;
}

.m-w-930-px {
  min-width: 930px;
}

.m-w-940-px {
  min-width: 940px;
}

.m-w-950-px {
  min-width: 950px;
}

.m-w-960-px {
  min-width: 960px;
}

.m-w-970-px {
  min-width: 970px;
}

.m-w-980-px {
  min-width: 980px;
}

.m-w-990-px {
  min-width: 990px;
}

.m-w-1000-px {
  min-width: 1000px;
}

.fs-14 {
  font-size: 14px !important;
}

.margin-left-min-2-px {
  margin-left: -2px;
}

.margin-right-min-2-px {
  margin-right: -2px;
}

.border-collapse-unset {
  border-collapse: unset;
}

.select-schedule {
  height: 33px !important;
  padding-top: 5px;
}

#schedule-filter .select2-container .select2-selection {
  height: 32px !important;
  margin-top: -2px;
}

.width-150 {
  width: 150px !important;
  float: left;
  height: 35px;
  line-height: 24px;
}

.width-300 {
  width: 300px !important;
}

.min-width-300 {
  min-width: 300px !important;
}

.columns-4 {
  -moz-column-count: 4;
       column-count: 4;
}

.columns-2 {
  -moz-column-count: 2;
       column-count: 2;
}

.color-black {
  color: black !important;
}

.height-2-5-rem {
  height: 2.5rem;
}

.m-l-auto {
  margin-left: auto;
}

.input-group {
  border-spacing: 0;
}

.min-width-100px {
  min-width: 100px;
}

.text-black, .well a.text-black {
  color: black !important;
}
.text-black i, .well a.text-black i {
  color: black !important;
}

.mt-3 {
  margin-top: 3px;
}

.button-xl-td {
  width: 125px;
}

.no-padding-td {
  padding: 0 !important;
}

.pt-7px {
  padding-top: 7px !important;
}

.pb-7px {
  padding-bottom: 7px !important;
}

.used_water-chart {
  position: relative;
  height: 50vh !important;
  width: 90vw !important;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  color: #FFF !important;
}

.help-block {
  color: #ff5252;
  font-weight: 200;
}

.text-danger i {
  color: #dc3545 !important;
}

.text-success i {
  color: #28a745 !important;
}

.alert-danger {
  color: white;
}

.m-r-34px {
  margin-right: 34px !important;
}

.table-hover > tbody > tr.no-hover:hover {
  background-color: #ffffff;
}

.select2-container {
  width: 100% !important;
}
.select2-container .select2-selection--single {
  height: 36px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px !important;
}

.custom-recycle-btn {
  position: absolute;
  left: -10px;
  top: 10px;
}
.custom-recycle-btn i {
  color: black !important;
}

.d-inline {
  display: inline-block !important;
}

.d-flex {
  display: flex !important;
}

.min-width-80px {
  min-width: 80px;
}

.min-width-110px {
  min-width: 110px;
}

.min-width-130px {
  min-width: 130px;
}

.min-width-200px {
  min-width: 200px;
}

.min-width-270px {
  min-width: 270px;
}

.pos-sticky-0 {
  position: sticky;
  left: 0;
  z-index: 99;
  background-color: white;
}

.pos-sticky-180 {
  position: sticky;
  left: 180px;
  z-index: 99;
  background-color: white;
}

.pos-sticky-330 {
  position: sticky;
  left: 330px;
  z-index: 99;
  background-color: white;
}

.no-padding {
  padding: 0 !important;
}

.height-66-vh {
  height: 66vh;
}

.gap-5 {
  gap: 5px;
}

.background-light-light-grey {
  background-color: rgba(0, 0, 0, 0.03);
}

.width-auto {
  width: auto !important;
}

.max-width-60-px {
  max-width: 60px;
}

.white-space-normal {
  white-space: normal !important;
}

.font-size-10 {
  font-size: 10px !important;
}

.w-31-px {
  width: 31px !important;
}

.layout-disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

.lh-11 {
  line-height: 11px !important;
}

.btn-header-small {
  font-size: 14px !important;
  color: white !important;
  padding: 10px !important;
  height: auto !important;
}

.margin-top-2 {
  margin-top: 2rem;
}

.margin-top-main-5px {
  margin-top: 5px;
  display: inline-block;
}

.font-size-15 {
  font-size: 15px !important;
}

.height-450px {
  height: 450px;
}

.overflow-scroll {
  overflow: scroll;
}

.height-100 {
  height: 100% !important;
}

.height-100-80px {
  height: calc(100% - 80px);
}

.table-widget-height {
  height: calc(100% - 80px);
  overflow: scroll;
}

#user-widget .card-header .card-title a {
  font-size: 1.5rem;
  color: #757575;
}

.color-darkblue {
  color: #31708f !important;
}

.super-bold {
  font-weight: 700;
}

.btn-alert-small {
  padding: 0.5rem;
  margin: 2px;
}

.position-home-no-widget {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 15rem;
}
.position-home-no-widget img {
  width: 350px;
}
.position-home-no-widget h3 {
  display: inline-flex;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  margin-top: 15px;
}

.position-home-no-widget-smaller {
  margin-right: 17rem;
}
.position-home-no-widget-smaller img {
  width: 150px;
}
.position-home-no-widget-smaller h3 {
  font-size: 13px;
  margin-top: 5px;
}

.position-static {
  position: static;
}

.checkbox-color label::before {
  z-index: 0;
}

.table .dropdown .dropdown-menu {
  z-index: 9999;
}

.column-count-4 {
  -moz-column-count: 4;
       column-count: 4;
}

.schedule-item-holiday {
  background-color: #FFD700;
  border-bottom: 6px solid #FFD700;
}

.holiday-background, #schedule .schedule-row .schedule-item.holiday-background {
  background-color: #FFD700 !important;
}

.holiday-text {
  color: #FFD700;
}

.mt-5px {
  margin-top: 5px;
}

.no-animation g, .no-animation path, .no-animation circle, .no-animation rect {
  animation-iteration-count: unset;
  animation-timing-function: unset;
  transform-origin: revert;
  animation-duration: unset;
  animation-direction: unset;
}

.justify-content-space-between {
  justify-content: space-between;
}

.fixed-rapport-button {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 12px;
}

.inline-margin-top-8 {
  display: inline-block;
  margin-top: 8px;
}

.m-l-5px {
  margin-left: 5px;
}