/*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;
}

.container-fluid {
    width: 95%;
}

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;
}

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

input:read-only[placeholder='Enter Date Range'] {
    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;
}
.file-preview .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame {margin: 0}
.file-preview .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame .kv-file-content {
    width: 100%;
    height: 104px;
    padding: 0;
    margin: 0;
}
.file-preview .file-drop-zone .file-preview-thumbnails .krajee-default .file-actions {display: none}
.file-preview .file-drop-zone  .krajee-default.file-preview-frame .file-thumbnail-footer {height: auto}
.file-preview .file-drop-zone  .krajee-default .file-footer-caption {margin-bottom: 0}
.file-preview .file-drop-zone  .krajee-default .file-caption-info, .file-size-info {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 120px;
    height: 15px;
    margin: auto;
}

/*
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;*/
}