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

.navbar-brand-custom-image {
    height: 4rem;
    width: auto;
    vertical-align: top;
    /*filter: brightness(0) invert(1);*/
}

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

fieldset:empty {
    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: 70%;
    transform: translateY(-70%)
}
.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:65%; 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}

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

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

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