.bg-login {
    background: #cf7134;
    background-image: url(/images/pattern1.webp);
    box-shadow: inset 0 0 1000px 200px #00000057;
    height: 100vh;
}

.hidden-element {
    display: none;
}

table.dataTable tbody tr.selected > * {
    box-shadow: inset 0 0 0 9999px #007eaf6e !important;
    color: white !important;
}

.class-info {
    padding: 10px 10px 0px 10px;
    background: #f9f9f9;
    border-radius: 5px;
}

.nav-tabs .nav-link {
    text-wrap: nowrap;
    overflow: hidden;
    transition: 0s;
    white-space: nowrap;
}

.nav-link.active {
    width: 100%;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.nav-link:not(.active):hover {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin-top: -2px;

}

.active span.nav-title {
    padding-right: 0px;
}

.ui-segment {
    color: rgb(0, 122, 255);
    border: 1px solid rgb(0, 122, 255);
    border-radius: 4px;
    display: inline-block;
    font-family: 'Lato', Georgia, Serif;
}

.ui-segment span.option.active {
    background-color: rgb(0, 122, 255);
    color: white;
}

.ui-segment span.option {
    font-size: 13px;
    padding-left: 23px;
    padding-right: 23px;
    height: 25px;
    text-align: center;
    display: inline-block;
    line-height: 25px;
    margin: 0px;
    float: left;
    cursor: pointer;
    border-right: 1px solid rgb(0, 122, 255);
}

.ui-segment span.option:last-child {
    border-right: none;
}

.segment-select {
    display: none;
}

.ui-segment span.option {
    height: 35px;
    line-height: 35px;
    border-right: 1px solid rgb(168 25 10);
}

.ui-segment span.option.active {
    background-color: rgb(168 25 10);
}

.ui-segment {
    color: rgb(168 25 10);
    border: 1px solid rgb(158, 24, 9);
}

.paging_simple_numbers {
    display: block;
    margin: auto;
    width: 100%;
    text-align: center;
}

.paging_simple_numbers {
    text-align: center !important;
}

.paginate_button {
    font-size: 13px !important;
    border-radius: 7px !important;
    background: white !important;
    padding: 3px 10px !important;
    border: 1px solid gainsboro !important;
    margin: 0px 2px !important;
}

.current {
    background: #fff8e7 !important;
}

.paginate_button:hover {
    color: #dca500 !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #ed7340;
}

.boxForDetail .volume-container {
    display: flex;
    overflow: auto;
    padding: 12px 0;
}

.boxForDetail .volume-container .volume {
    align-items: center;
    background: linear-gradient(90deg, #cbcbcb, #e7e7e7 34%, #fbfbfb 67%, #dbdada 90%, #b2b2b2) !important;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    display: flex;
    height: 110px;
    justify-content: center;
    position: relative;
    width: 40px;
}

.boxForDetail .volume-container .volume:after {
    background: hsl(37.85deg 100% 50% / 4%);
    content: " ";
    height: 100%;
    position: absolute;
    width: 100%;
}

.boxForDetail .volume-container .volume span {
    padding: 3px;
    transform: rotate(270deg);
    white-space: nowrap;
    color: #000000;
    font-weight: bold;
}

.border_bottom_book {
    bottom: 5px;
    width: 100%;
    display: block;
    background: #878787;
    height: 2px;
    position: absolute;
}

.border_top_book {
    top: 5px;
    width: 100%;
    display: block;
    background: #bbbbbb;
    height: 2px;
    position: absolute;
}

.displayNoneIfRequestIsAjax {
    display: none;
}

.link-active-level2 i, li-active i {
    color: #c85329 !important;
    transition: 0.5s all;
}

@media (max-width: 991.98px) {
    .notShowOnMobile {
        display: none !important;
    }
}

.selectedVolume {
    margin-top: auto;
    background: linear-gradient(270deg, #feffec, #ffd17f) !important;
    border-bottom: 3px solid #00000087;
}

.holderimage img {
    height: 100% !important;
    max-width: -webkit-fill-available;
}

@media (max-width: 991px) {
    .inMobileMenuLink {
        color: black !important;
    }
}
ul#select2-user_type-container {
    color: white;
}

.modal.show .modal-dialog{
    max-width: 80%;
}

.no_input_with > input{
    width:0 !important;
}

.input_with > input {
    max-width: 100%;
    padding: 5px;
    border: 1px solid #dfdfdf;
}
th.input_with {
    max-width: 30px;
}
.ThisColumnIsMarc{
    background: #fff0e959 !important;
}
.datatableimg {
    width:25px;
    height:35px;
    border: 1px solid #dddddd;
    border-radius: 6px;
}
::-webkit-scrollbar {
    height: 2px;
}


table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after{
    right:0;
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after {
    right: -1px;
    font-size: 9px;
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:before {
    bottom: 50%;
    content: "▴";
    font-size: 16px !important;
    right: -3px !important;
}

th.sorting{
    padding:15px !important;
}
th.sorting_disabled {
    padding:15px !important;
}
.btn-white {
    box-shadow: -1px 1px 4px #dedede !important;
    border-radius: 6px;
}
.holderimage{
        height: 100% !important;
        max-width: -webkit-fill-available;
}

.bd-calendar {
    text-align: -webkit-center;
}
.input-group-text {
    font-size: 13px;
    padding: 0px 10px;
}

.alert {
    position: fixed;
    right: 30px;
    top: 20px;
    width: 280px !important;
    z-index:2000;
}

.input-group .form-control:not(:last-child) {
    border-right: inset;
}