.bg-ivory {
    background-color: ivory;
    border: solid 1px gray;
    border-radius: 7px;
    padding: 12px;
    margin-bottom: 5px;
    line-height: 1.3;
}
@media (min-width: 300px) {
    .hide-on-lg {
        display: none;
    }

}

label.required:after {
    content: " *";
    color: red;
}

label.required.requirementSatisfied:after {
    content: " ✓"; /* Display a checkmark or any other symbol for requirement satisfied */
    color: green; /* Change the color for requirement satisfied */
}

.StewardshipHeaderNew {
    font-size: 18px;
    margin-bottom: 12px;
}

.select2Dropdown {
    display: block !important;
    width: 100% !important;
    height: calc(1.47em + 1rem + 2px) !important;
    padding: 0.5rem 0.875rem !important;
    font-size: 0.8125rem !important;
    font-weight: 400 !important;
    line-height: 1.47 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 4px !important;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
}
.select2-container {
    width: 100% !important;
    display: block !important;
}

.grid-filter-active {
    color: grey;
    margin: 10px;
    font-weight: bold;
}

.grid-filter-inactive {
    color: grey;
    margin: 10px;
    font-weight: normal;
}

.swal2-styled.swal2-confirm {
    background-color: #2198F3 !important;
}

/*.nav-menu li a {
    color: #dee2e6;
}*/

.nav-sub-menu {
    padding-left: 10px !important;
    background-color: rgba(31, 31, 31, 0.75) !important;
    font-style:italic;
}

.page-sidebar, .page-logo {
    background-image: linear-gradient( 270deg, black, transparent);
    background-color: black
}

.centered {
    display: flex;
    align-items: center;
    max-height: 58px;
}

.center {
    text-align: center;
    margin: auto;
    width: 50%;
    padding: 10px;
}

.calculated {
    background-color: wheat;
}

.beginning {
    background-color: lightblue;
}

.notEditable {
    background-color: #808080;
}

.edited {
    background-color: rgba(0, 128, 0, 0.15);
}

.imported {
    background-color: rgba(97, 134, 133, 0.70);
}

.disabled {
    pointer-events: none;
    background: grey;
}

.highLighted {
    background-color: yellow
}

.readonlySelect {
    background: #eee !important;
    pointer-events: none !important;
    touch-action: none !important;
    /*remove arrows*/
    /* for Firefox */
    -moz-appearance: none !important;
    /* for Chrome */
    -webkit-appearance: none !important;
}

hr {
    border: none;
    border-bottom: 1px solid #808080 !important;
    border-image: auto;
    -webkit-border-image: auto;
    -moz-border-image: auto;
    border-image-slice: 1;
}
.breadcrumb > li.breadcrumb-item {
    max-width: 250px !important;
    /* text-overflow: ellipsis; */
    white-space: nowrap;
     overflow: visible !important; 
    display: block;
}
    .breadcrumb > li.breadcrumb-item:hover {
        max-width: 250px !important;
        /* text-overflow: ellipsis; */
        white-space: nowrap;
        overflow: visible !important;
        display: block;
    }
.table thead th {
    background-color: grey !important;
    color: white !important;
    font-family: Verdana !important;
}
.alert-ivory {
    color: black;
    background-color: ivory;
}

@media print {
    html, body {
        height: auto;
    }

    #main-table_filter {
        display: none !important;
    }


    .dt-print-table, .dt-print-table thead, .dt-print-table th, .dt-print-table tr {
        border: 0 none !important;
    }
}