/*GLOBAL CONTROLS OVERRIDE BEGIN*/

.custom-checkbox { margin: 0;padding: 0;width: auto;}
.custom-checkbox > input[type=checkbox] { display:none; } /* to hide the checkbox itself */

.custom-checkbox > input[type=checkbox] + label:before {
  display: inline-block;
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 700;
  content: "check_box_outline_blank";
  letter-spacing: 5px;
  margin-right: -2px;
  margin-left: 1px;
  font-size: 14px;
}

.custom-checkbox > input[type=checkbox]:checked + label:before {
    content: "select_check_box";
}

.custom-checkbox > input[type=checkbox]:disabled + label {
    color: #a6a6a6;
}
.custom-checkbox > input[type=checkbox]:disabled + label:before {
    color: #a6a6a6;
}

tr.selected td .custom-checkbox > input[type=checkbox] + label:before {
  color: #fff;
}

.custom-radio { margin: 0;padding: 0;width: auto; cursor: pointer;}
.custom-radio > input[type=radio] { 
    display: none;
} 

.custom-radio label {
  cursor: pointer;
}

.custom-radio > input[type=radio] + label:before {
    display: inline-block;
    font-family: 'Material Symbols Rounded';
    font-style: normal;
    content: "radio_button_unchecked";
    letter-spacing: 5px;
    font-weight: normal;
    padding: 0 0 0 5px;
    position: relative;
    top: 2px;
}

.custom-radio > input[type=radio]:checked + label:before {
    content: "radio_button_checked";
}

.custom-radio > input[type=radio]:disabled + label,
.custom-radio > input[type=radio]:disabled + label:before {
    color: #a6a6a6;
}

.btn-with-dropdown {
    display: inline-block;
}
/*GLOBAL CONTROLS OVERRIDE END*/

/* BOOTSTRAP CSS OVERRIDES BEGIN */

.input-group .bootstrap-select.input-group-btn .btn.btn-default:not(:disabled):hover {
  border: 1px solid #d2d2d2;
}

.checkbox-list .btn { font-size: inherit;}
.checkbox-list .btn:active, .checkbox-list .btn.active {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}
.checkbox-list .active .glyphicon.glyphicon-unchecked:before {
  content: "\e067";
}

.items-list-header .btn-default{background-color: #fff; color: #333;}
.items-list-header .btn-default:hover{background-color: #e6e6e6;}

.modal-body {padding: 10px;}
.modal-header {background: #ee7600 none repeat scroll 0 0; border-radius: 6px 6px 0 0;color: #fefefe;}
.modal-header h2, .modal-header button {color: #fefefe;font-weight: bolder;}
.modal-header h2 { font-size: 14px; text-transform: capitalize;}
.modal-header button { opacity: 1; border: none;box-shadow: none;}
.modal-header button:hover {opacity: 1; color: inherit;}

.modal-header button.close {
  margin-top: 0;
  display: flex;
  align-items: center;
}

.modal-footer .btn {background: #ee7600 none repeat scroll 0 0;color: #fefefe;}
.modal-footer .btn.btn-white {background: #fefefe none repeat scroll 0 0;color: #333; border-color: #a6a6a6}
.modal-footer .btn.btn-white:hover, .modal-footer .btn.btn-white:focus {
  background-color: transparent;
  border-color: #ee7600;
  color: #ee7600;
}

button.cancel-btn,
.modal-footer button.cancel-btn {
  background: #fefefe none repeat scroll 0 0;
  color: #333;
  border-color: #a6a6a6;
}

button.cancel-btn:hover,
.modal-footer button.cancel-btn:hover {
  background-color: transparent;
  border-color: #ee7600;
  color: #ee7600;
}

.modal-footer .btn:hover, .modal-footer .btn:focus {
  background-color: transparent;
  border-color: #ee7600;
  color: #ee7600;
}

.form-control .input-group { font-size: inherit;line-height: inherit;width: 100%;}
.form-control .input-group .input-group-btn{font-size: inherit;line-height: inherit;}
.form-control .input-group .input-group-btn .btn {font-size: inherit;line-height: 20px;padding: 3px 6px;}
.form-control .input-group .input-group-btn .btn.dropdown-toggle {padding: 0 15px 0 4px;}
.form-control .input-group .input-group-btn .btn .glyphicon  { top: 2px;}

.form-control .input-group .input-group-addon{font-size: inherit;line-height: inherit;}
.form-control .input-group .input-group-addon .btn {font-size: inherit;line-height: inherit;padding: 0 4px;}
.form-control .input-group .input-group-addon .btn .glyphicon  { top: 2px;}

.file-upload-ctrl .file-preview-image {
    max-width: 560px;
}

/*.file-preview-frame {
  margin: 0;
}*/

.file-input .btn-file {
  background-color: #ee7600;
  border-color: #ee7600;
}

@media (max-width: 767px) {
  .file-upload-ctrl .file-preview-image {
      max-width: 100% !important;
      height: auto;
  }
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    font-size: 20px;
  }
}

.carousel .carousel-control, .carousel .carousel-indicators li { visibility: hidden; }
.carousel:hover .carousel-control, .carousel:hover .carousel-indicators li { visibility: visible; }

.carousel.single-cover:hover .carousel-control { visibility: hidden; }
.carousel.single-cover:hover .carousel-indicators li { visibility: hidden; }

.carousel-control.left, .carousel-control.right {
  background: none !important;
  outline: 0;
}

.fa-mobile { font-size: 20px;}

/* BOOTSTRAP CSS OVERRIDES END */

.typeahead.dropdown-menu .active a { background: #ee7600 none repeat scroll 0 0;color: #fefefe; }

/* BOOTSTRAP SELECTPPICKER CSS enhancements BEGIN*/

.selectpicker-with-dynamic-button .selectpicker-button { display: none; }
.selectpicker-with-dynamic-button.selectpicker-with-button .btn-group.bootstrap-select + .selectpicker-button { display: table-cell; }
/* .selectpicker-with-button.input-group .bootstrap-select.input-group-btn .btn.btn-default {border-radius: 4px 0 0 4px; border-right: none;} */
.selectpicker-with-button.input-group .input-group-addon.selectpicker-button {background: #fefefe; border-left: none; border-radius: 0 4px 4px 0; box-shadow: 0 0 2px #bcbcbc;color: #333333;}
.selectpicker-with-button.input-group .input-group-addon.selectpicker-button:hover{border-color: #ADADAD; color: #f15929;}

/* BOOTSTRAP SELECTPPICKER CSS enhancements END*/

/* BOOTSTRAP DATETIME PICKER CSS OVERRIDES BEGIN*/

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #f15929;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #f15929;
}

/* BOOTSTRAP DATETIME PICKER CSS OVERRIDES END*/

/* BOOTSTRAP DATETIMERANGE CSS OVERRIDES BEGIN*/

.slider-handle {
    background-color: #ee7600;
    background-image: -webkit-linear-gradient(top, #ee7600 0%, #f15929 100%);
    background-image: -o-linear-gradient(top, #ee7600 0%, #f15929 100%);
    background-image: linear-gradient(to bottom, #ee7600 0%, #f15929 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee7600', endColorstr='#fff15929', GradientType=0);
    filter: none;
}

/* BOOTSTRAP DATETIMERANGE CSS OVERRIDES END*/


/* BOOTSTRAP SELECT CSS OVERRIDES BEGIN */

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
    font-size: inherit;
    line-height: inherit;
}

.search_block .bootstrap-select.btn-group:not(.input-group-btn),
.search_block .bootstrap-select.btn-group[class*="col-"] {
     width: auto;
}

.body_block .center_block .search_block .page-size-box .bootstrap-select .dropdown-toggle {min-width: 0; width: 45px;}
.body_block .center_block .search_block .page-size-box .bootstrap-select.btn-group .dropdown-menu li a { padding: 3px 10px;}


.bootstrap-reset .search_block .bootstrap-select .dropdown-toggle {
    background: none;
    color: inherit;
    font-size: 14px;
    padding: 6px 6px 6px 12px;
}

.search_block .bootstrap-select .dropdown-toggle {
    padding: 0 4px;
}

@media (min-width: 992px) {
  .search_block .bootstrap-select .dropdown-toggle,
  .form-control.bootstrap-select > .dropdown-toggle {
    min-width: 125px;
  }
}

.form-group {
  margin-bottom: 5px;
}

.form-control {
  padding: 3px 6px;
}

.input-group-addon {
  padding: 6px;
  width: 95px;
  max-width: 95px;
  min-width: 95px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.input-group-addon.mod-auto {
  width: auto;
  max-width: none;
}

.input-group-addon.mod-xl {
  width: 75px;
  max-width: 75px;
}

.row.gutters-sm {
  margin-left: -5px;
  margin-right: -5px;
}

.row.gutters-sm > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.event-color-control > .input-group > .input-group-addon {
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  line-height: 14px;
}

.event-color-control > .input-group > .input-group-addon .custom-checkbox label {
  line-height: 12px;
}

.event-color-control > .input-group > .input-group {
  border-left: none;
  padding: 0px;
  display: table;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  height: 34px;
}

.event-color-control > .input-group > .input-group > .form-control {
  border-radius: 0;
  border: none;
  border-right: 1px solid #ccc;
  height: 32px;
}

.event-color-control > .input-group > .input-group > .input-group-addon {
  border: none;
  text-align: center;
}

/*.file-preview-frame {
  width: 100%;
}*/

.file-preview-frame:not(.file-preview-error):hover {
  box-shadow: 1px 1px 5px 0 #a2958a;
}

.pseudo-input-group.input-group .input-group-addon {
  border: none;
  background-color: transparent;
  cursor: default;
}

.pseudo-input-group.input-group .form-control {
  border: none;
  box-shadow: none;
}

.checkbox-list.form-control {
  border: none;
  background: transparent;
  box-shadow: none;
}

.btn {
  transition: .3s;
}

.btn-primary,
.btn-primary:active {
  background-color: #ee7600;
  border-color: #ee7600;
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: transparent;
  border-color: #ee7600;
  color: #ee7600;
}

.btn-primary.active, 
.btn-secondary.active {
  background-color: #ee7600;
  border-color: #ee7600;
  color: #fff;
  cursor: default;
}

.btn-primary.active:hover, 
.btn-secondary.active:hover {
  background-color: transparent;
  border-color: #ee7600;
  color: #ee7600;
}

.dark-mode .btn-primary.active:hover,
.dark-mode .btn-secondary.active:hover {
  border-color: #ee7600;
  color: #ee7600;
}

.btn-primary.disabled, .btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover, .btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: rgba(238, 118, 0, 0.7);
  border-color: rgba(238, 118, 0, 0.7);
}

.btn-secondary,
.modal-footer .btn-secondary {
  color: #ee7600;
  border: 1px solid #ee7600;
  background-color: #fff;
}

.btn-secondary:hover,
.btn-secondary:focus,
.modal-footer .btn-secondary:hover,
.modal-footer .btn-secondary:focus {
  background-color: #ee7600;
  color: #fff;
}

.btn-secondary a {
  color: #ee7600;
}

.btn-secondary a:hover,
.btn-secondary a:focus {
  color: #fff;
}

.btn .material-symbols-rounded {
  transition: none;
}

@media (min-width: 768px) {
  .input-group-addon {
    width: 95px;
    max-width: 95px;
    min-width: 95px;
  }

  .input-group-addon.mod-xl {
    width: 100px;
    max-width: 100px;
  }
}

/*@media (max-width: 374px) {
  .input-group-addon {
    width: 50px;
    max-width: 50px;
    font-size: 9px !important;
  }
}*/



/* BOOTSTRAP SELECT CSS OVERRIDES END */
@media (max-width: 991px) {
  .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xxl-1,
  .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xxl-2,
  .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3,
  .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4,
  .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xxl-5,
  .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xxl-6,
  .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xxl-7,
  .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xxl-8,
  .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xxl-9,
  .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xxl-10,
  .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xxl-11,
  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .col-xxl-12,
  .container, .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 1600px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 2000px) {
  .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xxl-12 {
    width: 100%;
  }
  .col-xxl-11 {
    width: 91.66666667%;
  }
  .col-xxl-10 {
    width: 83.33333333%;
  }
  .col-xxl-9 {
    width: 75%;
  }
  .col-xxl-8 {
    width: 66.66666667%;
  }
  .col-xxl-7 {
    width: 58.33333333%;
  }
  .col-xxl-6 {
    width: 50%;
  }
  .col-xxl-5 {
    width: 41.66666667%;
  }
  .col-xxl-4 {
    width: 33.33333333%;
  }
  .col-xxl-3 {
    width: 25%;
  }
  .col-xxl-2 {
    width: 16.66666667%;
  }
  .col-xxl-1 {
    width: 8.33333333%;
  }
  .col-xxl-pull-12 {
    right: 100%;
  }
  .col-xxl-pull-11 {
    right: 91.66666667%;
  }
  .col-xxl-pull-10 {
    right: 83.33333333%;
  }
  .col-xxl-pull-9 {
    right: 75%;
  }
  .col-xxl-pull-8 {
    right: 66.66666667%;
  }
  .col-xxl-pull-7 {
    right: 58.33333333%;
  }
  .col-xxl-pull-6 {
    right: 50%;
  }
  .col-xxl-pull-5 {
    right: 41.66666667%;
  }
  .col-xxl-pull-4 {
    right: 33.33333333%;
  }
  .col-xxl-pull-3 {
    right: 25%;
  }
  .col-xxl-pull-2 {
    right: 16.66666667%;
  }
  .col-xxl-pull-1 {
    right: 8.33333333%;
  }
  .col-xxl-pull-0 {
    right: auto;
  }
  .col-xxl-push-12 {
    left: 100%;
  }
  .col-xxl-push-11 {
    left: 91.66666667%;
  }
  .col-xxl-push-10 {
    left: 83.33333333%;
  }
  .col-xxl-push-9 {
    left: 75%;
  }
  .col-xxl-push-8 {
    left: 66.66666667%;
  }
  .col-xxl-push-7 {
    left: 58.33333333%;
  }
  .col-xxl-push-6 {
    left: 50%;
  }
  .col-xxl-push-5 {
    left: 41.66666667%;
  }
  .col-xxl-push-4 {
    left: 33.33333333%;
  }
  .col-xxl-push-3 {
    left: 25%;
  }
  .col-xxl-push-2 {
    left: 16.66666667%;
  }
  .col-xxl-push-1 {
    left: 8.33333333%;
  }
  .col-xxl-push-0 {
    left: auto;
  }
  .col-xxl-offset-12 {
    margin-left: 100%;
  }
  .col-xxl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xxl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xxl-offset-9 {
    margin-left: 75%;
  }
  .col-xxl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xxl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xxl-offset-6 {
    margin-left: 50%;
  }
  .col-xxl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xxl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xxl-offset-3 {
    margin-left: 25%;
  }
  .col-xxl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xxl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xxl-offset-0 {
    margin-left: 0%;
  }
}