/*label.required:not(:empty):after,*/
/*.field-header.required:after {*/
/*    content: " *";*/
/*    color: red;*/
/*}*/

.form-label, .form-check-label {
    font-size: .625rem;
    font-weight: var(--tblr-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 1rem;
    color: var(--tblr-muted);
    margin-bottom: .25rem;
}

.table thead th {
    font-size: .725rem;
}

.custom-header {
    background-color: #2389da;
}

.custom-header-color {
    color: #0F5B97;
}

.custom-sub-header {
    background-color: rgba(144, 238, 144, 0.51);
}

.custom-header-menu {
    color: black;
    font-size: .800rem;
    font-weight: 500;
}

.bg-yellow-lightest {
    background-color: #fef5e6;
}

.bg-blue-lightest {
    background-color: #f5f8fb;
}

.bg-pink-lightest {
    background-color: #fffbf3;
}

.bg-green-lightest {
    background-color: rgba(213, 246, 213, 0.27);
}


.btn-primary {
    background-color: #0F5B97;
}

.container-fluid {
    width: 95%;
}

.card-header {
    padding: 10px;
}

.dropdown-menu-column .dropdown-item:hover {
    color: #0F5B97;
}

input:read-only[type='text'] {
    background-color: var(--tblr-bg-surface-secondary)!important;;
    opacity: 1;
}

input:read-only[placeholder='d/m/y'] {
    background-color: white!important;;
    opacity: 1;
}

input:read-only[placeholder='d/m/y to d/m/y'] {
    background-color: white!important;;
    opacity: 1;
}

.col-form-label {
    font-size: .625rem;
    font-weight: var(--tblr-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 1rem;
    color: var(--tblr-muted);
    padding: 2px;
}

.interfaceBlock .dropdown-menu-columns {
    display: flex;
    flex: 0 .25rem;
    flex-direction: row;
    flex-wrap: wrap;
}

.interfaceBlock .dropdown-menu-column {
    min-width: 47%;
    width: 47%;
}


.text-mini {
    font-size: .775rem !important;
}

.main-header .navbar-nav .nav-item ul {
    margin: 0;
    padding: 0;
}

.toggleMenu {
    display: none;
}

@media (max-width: 767px) {
    .toggleMenu {
        display: inline-block;
    }

    .main-header .navbar-nav .nav-item ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        position: absolute;
        width: 100%;
        left: 0px;
        background: #001f3f;
    }

    .main-header .navbar-nav .nav-item.active .toggleMenu .fa-bars:before {
        content: "\f00d";
    }
}

.cust-calender {
    position: relative
}

.cust-calender i {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}
.form-group legend {display: none}

.recipeCalcClass {position: relative}
.recipeCalcClass.fixed {position: fixed;z-index: 9;top:0}

/*.nav-sidebar > .nav-item > .nav-treeview {*/
/*    background-color: transparent;*/
/*    height: 970px;*/
/*    overflow: auto;*/
/*}*/

.custom-calendar {
    position:relative;
}

.custom-calendar .ui-datepicker-trigger {
    position:absolute; top:75%; right:10px;transform: translateY(-50%);
}

.custom-th-color {background-color: #ebf3fd}
.custom-th-child-color {background-color: #F7FAFE}
.tbl-scroll {height: 400px; overflow: scroll}
.custom-td-fixed th:first-child, .custom-td-fixed td:first-child {position:sticky;left:0px; background-color: #F7FAFE;padding: 0 10px;}
.custom-td-fixed th:first-child:after, .custom-td-fixed td:first-child:after {content: '';width: 100%;border-bottom: 1px solid #dee2e6;position: absolute;left: 0;height: auto;bottom: -1px}
.custom-td-fixed thead th:after {content: '';width: 100%;border-right: 1px solid #dee2e6;position: absolute;right: 0;height: 100%;bottom:0px;}
.custom-td-fixed thead th {position:sticky;top:0px; background-color: #ebf3fd}

.custom-icon {width: 25px;}

/* begin: jQuery UI Datepicker moving pixels fix */
table.ui-datepicker-calendar {border-collapse: separate;}
.ui-datepicker-calendar td {border: 1px solid transparent;}
/* end: jQuery UI Datepicker moving pixels fix */

/* begin: jQuery UI Datepicker emphasis on selected dates */
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
    background: #743620 none; /* a color that fits the widget theme */
    color: white; /* a color that is readeable with the color above */
}

/*

TomSelect v 2.3.1
The dropdown is tranparent, so make it opaque

 */

.ts-dropdown {background: #ffffff !important;}

.tom-select-fieldset-class {display: flex;justify-content: space-between}
.tom-select-fieldset-class .ts-wrapper {width: 45%}

.tom-select-duration-fieldset-class {display: flex;justify-content: space-between}
.tom-select-duration-fieldset-class .ts-wrapper {width: 100%}

.form_content_background {background-color: floralwhite}


.file-drop-zone {
    border: 1px dashed #aaa;
    min-height: 55px;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    margin: 5px 5px 5px 5px;
    padding: 5px;
}

/*
Data Table UI
 */
.dt-search-0 {}
.domLength .dt-length label {display: none; }
.domLength .dt-length label .form-select {margin:0 10px; width: 60px}

.domSearch .dt-search label {display: none}
.domSearch .dt-search label input {margin-left:10px;}

.mb-n5
{
    margin-bottom: -5rem !important;
}
.mt-n4
{
    margin-top: -1.5rem !important;
}
.mx-n4
{
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
}
a:hover {text-decoration: none}

.navbar-header {
    margin-top: 56px;
}

@media screen and (max-width: 992px){
    .navbar-header {
        margin-top: 0;
    }
}

.preview-navbar {
    --navbar-height: var(--tblr-space-5xl);
    padding: 0 var(--tblr-space-md);
    height: var(--navbar-height);
    line-height: var(--navbar-height);
    background: var(--tblr-color-background-primary);
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #1d2434;
}
*, ::after, ::before {
    margin: 0;
    border: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}
.preview {
    color: #fff;
}

.nav-custom-tabs > li > .nav-link.active{
    border: 0;
    border-bottom: 1px solid #67b173;
    color: #67b173;
    background: var(--tblr-color-background-secondary) linear-gradient(to right, #FFF, #FFF) !important;
}

.icon-color-green {
    filter: drop-shadow(0px 1px 0 #67b173);
}

.bg-gold {
    background: #DFB880;
}

.bg-custom-green {
    background: #95dfac;
}
.custom-footer {
    /*background: #182433;*/
    height: 20px;
    /*color: #fff;*/
}


.flatpickr-calendar.inline,
.flatpickr-innerContainer,.flatpickr-rContainer,.flatpickr-days,.dayContainer{
    width: 100%;
    padding: 2px;
    box-shadow: none;
}
.flatpickr-day {width:100px;max-width: 100px;margin:6px 0}
.dayContainer {min-width: 100%;max-width: 100%; padding: 2px}
.flatpickr-weekdays {background-color: #ffaea6;height:50px;}
.flatpickr-current-month {padding:0}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month{padding:0;}
.flatpickr-current-month .flatpickr-monthDropdown-months {border: 1px solid #ddd;margin: 0;border-radius: 5px}
.tracking-block {
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    min-width: 35px;
    max-width: 35px;
}

.icon-md {
    max-width: 40%;
}

body.overlay-bg {
    /*!*position: fixed;*!*/
    /*content: '';*/
    /*top: 0;*/
    /*right: 0;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*height: 100vh;*/
    /*!*background: rgba(240, 240, 240, 0.47);*!*/
    /*!*transition: opacity 0.5s, width 0.5s;*!*/
    /*width: 100vw;*/
    /*opacity: 0.95;*/
    /*z-index: 99;*/
}

body.overlay-bg:before {
    /*content: '';*/
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*height: 100vh;*/
    /*!*background: rgba(240, 240, 240, 0.47);*!*/
    /*!*transition: opacity 0.5s, width 0.5s;*!*/
    /*width: 100vw;*/
    /*opacity: 0.95;*/
    /*z-index: 99;*/
}

body.progress-overlay {
    position: fixed;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
    /*background: rgb(240, 240, 240);*/
    /*transition: opacity 0.5s, width 0.5s;*/
    width: 100vw;
    opacity: 0.95;
    z-index: 99;
}

body.progress-overlay:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
    /*background: rgba(240, 240, 240, 0.47);*/
    /*transition: opacity 0.5s, width 0.5s;*/
    width: 100vw;
    opacity: 0.95;
    z-index: 99;
}


/*.bg-img-shape { position: absolute;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    left: 0;*/
/*    z-index: 1;*/
/*    pointer-events: none;*/
/*}*/

/*.login-bg {*/
/*    background-image: url("../img/background-image-3Ip3Voo.png");*/
/*    background-position: center;*/
/*    background-size: cover;*/
/*}*/

/*.login-bg-overlay {*/
/*    position: absolute;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    top: 0;*/
/*    opacity: .7;*/
/*    background-color: #000;*/
/*}*/

/*.login-bg-position {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    width: 100%;*/
/*    height: 380px;*/
/*}*/

.doc-setting {
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index: 1000;
}

.offcanvas {
    --tblr-offcanvas-width: 65%;
}