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

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

.domLength .dataTables_length label {display: flex}
.domLength .dataTables_length label .form-select {margin:0 10px; width: 60px}

.domSearch .dataTables_filter label {display: flex}
.domSearch .dataTables_filter 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;
    }
}