/* bengali */
@font-face {
    font-family: 'Chewy';
    font-style: normal;
    font-weight: 300;
    src: local('Atma Light'), local('Atma-Light'), url(https://fonts.gstatic.com/s/atma/v2/3bA_tRhT7yJYSP4sVRhwkPY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0981-09FB, U+200B-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
    font-family: 'Chewy';
    font-style: normal;
    font-weight: 300;
    src: local('Atma Light'), local('Atma-Light'), url(https://fonts.gstatic.com/s/atma/v2/UhnxTliN5m80QJYs0x0ZMPY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chewy';
    font-style: normal;
    font-weight: 300;
    src: local('Atma Light'), local('Atma-Light'), url(https://fonts.gstatic.com/s/atma/v2/Od8cPWy9FXhZuP4h6II-Ag.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* bengali */
@font-face {
    font-family: 'Chewy';
    font-style: normal;
    font-weight: 400;
    src: local('Atma Regular'), local('Atma-Regular'), url(https://fonts.gstatic.com/s/atma/v2/tUcVDHNCVY7oFp6g2zLOiQ.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0981-09FB, U+200B-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
    font-family: 'Chewy';
    font-style: normal;
    font-weight: 400;
    src: local('Atma Regular'), local('Atma-Regular'), url(https://fonts.gstatic.com/s/atma/v2/PbvYsXTFQ_MNc2ljvem-3g.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chewy';
    font-style: normal;
    font-weight: 400;
    src: local('Atma Regular'), local('Atma-Regular'), url(https://fonts.gstatic.com/s/atma/v2/h3A1dHyu7MD1UIhUXOiGCQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* bengali */
@font-face {
    font-family: 'Chewy';
    font-style: normal;
    font-weight: 500;
    src: local('Atma Medium'), local('Atma-Medium'), url(https://fonts.gstatic.com/s/atma/v2/kH5Dp2WzWl8Fa8L6DU1pwvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0981-09FB, U+200B-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
    font-family: 'Chewy';
    font-style: normal;
    font-weight: 500;
    src: local('Atma Medium'), local('Atma-Medium'), url(https://fonts.gstatic.com/s/atma/v2/d8t95FzsPIwqUltacGyzJvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chewy';
    font-style: normal;
    font-weight: 500;
    src: local('Atma Medium'), local('Atma-Medium'), url(https://fonts.gstatic.com/s/atma/v2/sYx0uZ3R56QMuzBssF8kKA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* bengali */
@font-face {
    font-family: 'Chewy';
    font-style: normal;
    font-weight: 600;
    src: local('Atma SemiBold'), local('Atma-SemiBold'), url(https://fonts.gstatic.com/s/atma/v2/Hp_EZdooGojMu7amY42Nw_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0981-09FB, U+200B-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
    font-family: 'Chewy';
    font-style: normal;
    font-weight: 600;
    src: local('Atma SemiBold'), local('Atma-SemiBold'), url(https://fonts.gstatic.com/s/atma/v2/F3_EeuFf-5-1crhWp7X2YvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chewy';
    font-style: normal;
    font-weight: 600;
    src: local('Atma SemiBold'), local('Atma-SemiBold'), url(https://fonts.gstatic.com/s/atma/v2/4VYRJUTmCFM7TxNGjTCblw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* bengali */
@font-face {
    font-family: 'Chewy';
    font-style: normal;
    font-weight: 700;
    src: local('Atma Bold'), local('Atma-Bold'), url(https://fonts.gstatic.com/s/atma/v2/wgiB2TZNy9XcAN8URrWDCfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0981-09FB, U+200B-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
    font-family: 'Chewy';
    font-style: normal;
    font-weight: 700;
    src: local('Atma Bold'), local('Atma-Bold'), url(https://fonts.gstatic.com/s/atma/v2/6AY8f4GypZOPjj1Pvz_eBPY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chewy';
    font-style: normal;
    font-weight: 700;
    src: local('Atma Bold'), local('Atma-Bold'), url(https://fonts.gstatic.com/s/atma/v2/yI7-GEIMrsHmyHv3dO1c8g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

:root{
    --nav-background-colour: rgba(195, 10, 10, 0.6);
    --nav-link-colour: #212121;
    --header-color:  rgba(20, 185, 20, 0.6);
    --body-font: 'Outfit', normal;
    --bs-body-color: white;
    --normal-font-size: 11px;

    --panel-button-color: rgba(189, 106, 11, 0.8);
    --dark-blue-color: #2f6f8d;
    --light-blue-color: #c3e2ff;
    --tint-blue-color: #e9f8fd;

    --purple-color: #9a16ee;
    --dark-purple-color: #56269a;
    --light-purple-color: #b897fd;
    --tint-purple-color: #f3e9fd;

    --red-color: #E75543;
    --dark-red-color: #943131;
    --light-red-color: #ffcdcd;
    --tint-red-color: #fde9e9;

    --green-color: #8CC15D;
    --dark-green-color: #2e7a21;
    --light-green-color: #ccffac;
    --tint-green-color: #edfde9;

    --yellow-color: #F5B952;
    --dark-yellow-color: #a4981e;
    --light-yellow-color: #fff0a0;
    --tint-yellow-color: #fdfce9;

    --bs-body-bg: rgba(255,255,255,0);

    --backgroung-color: rgba(255,255,255,0) !important;
}

.nav_link{
    color: lightgray !important;
    font-weight: bold;
}
nav.navbar{
    background-color: var(--header-color) !important;
    color: white !important;
    font-weight: bold;
}
nav.navbar .nav-link{
    color: white !important;
}

.ui-widget-overlay.ui-front{
    background: #2e7a21;
    background-color: rgba(195, 10, 10, 0.1);
}

#accordion-nav{
    background-color: transparent;
}
#accordion-nav.collapse.show, #accordion-nav.collapsing{
    background-color: black !important;
}
.dropdown-menu{
    background-color: rgba(156, 28, 28, 0.9);
}
table{
    background-color: white;
    color: black;
}
div.dataTables_wrapper div.dataTables_processing{
    background-color: rgba(66, 66, 66, 0.66);
    color: #000000 !important;
}
.ui-pnotify.bg-yellow{
    background-color: var(--yellow-color);
    color: black;
}
.ui-pnotify.bg-red{
    background-color: var(--red-color);
    color: black;
}
.ui-pnotify.bg-green{
    background-color: var(--green-color);
    color: black;
}
.jumbotron{
    background-color: var(--header-color);
    box-shadow: none !important;
}
.jumbotron.bg-red{
    background-color: var(--red-color);
}
.jumbotron.bg-red{
    background-color: var(--red-color);
}
.jumbotron.page-header{
    /*background-color: var(--header-color);*/
    background: linear-gradient(90deg, rgba(255,153,17,0.4) 0%, rgba(253,59,29,0.4) 30%, rgba(32,125,43,0.4) 85%);
    box-shadow: none !important;
}
.jQUI .ui-widget-header {
    border: 1px solid #b9b9b9;
    background: #000000;
    /* color: #fff; */
}
.form-control{
    box-shadow: 0.33rem 0.33rem 5px 0px rgba(0,0,0,0.75) !important;
}
.custom-control-label::before{
    box-shadow: 0.33rem 0.33rem 5px 0px rgba(0,0,0,0.75) !important;
}
.btn-success{
    box-shadow: 0.33rem 0.33rem 5px 0px rgba(0,0,0,0.75) !important;
}
/*
.text-settings{
    border-radius: 5% !important;
}
*/
.theme_settings{
    color:white;
}
.module-header{
    background: rgba(252, 14, 14, 0.6) !important; 
    color: white !important;
}
#librarian-content{
    color: #000000 !important;
}

#updateText{
    background-color: rgba(30, 114, 22, 0.5) !important;
}

#table_id_catalog_wrapper{
    color: #000000 !important;
}
.fg-toolbar, .dataTables_info, .dataTables_paginate.paging_simple_numbers, #table_id_catalog_paginate, .dataTables_paginate, #batchBorrowCancel, #bookFinish, #table_id_catalog_removed_info, #table_id_catalog_removed_filter, 
#table_id_info, #table_id_filter, #table_id_students_advanced_filter, #table_id_students_advanced_info, .advancedSearchBox,
#table_id_loans_info, #table_id_loans_filter, #table_id_reservations_info, #table_id_reservations_filter, 
#table_id2_filter, #table_id2_info{
    color: #000000 !important;
}

#activateStockCheck{
    color: white !important;
}

html{
    font-family: var(--body-font), sans-serif !important;
    font-size: var(--normal-font-size);
    background: url('images/autumn_forest.jpg') no-repeat center top fixed !important;
}

.page-header{
    color: #212121;
}

.bg-grey, .bg-grey > a{
    background-color: grey;
    color: black;
}
.bg-green, .bg-green > a{
    background-color: var(--green-color);
    color: black;
}

.form-table{
    background-color: rgba(255, 255, 255, 0.0);
}

.form-group{
    color: white !important;
}

.form-text{
    color: white !important;
}
.text-dark{
    color: var(--white-color) !important;
}
.module, .module .bg-light{
    background-color:  rgba(30, 114, 22, 0.5) !important;
}

.module > tbody{
    background-color: rgba(0,0,0,0);
}

.table_padding{
    background-color: rgba(0,0,0,0);
}

.jQUI .ui-widget-content{
    background: black !important;
    color: white;
}

.module-stats{
    color: lightgray !important;
    text-shadow: 4px 4px 15px black;
}

#dashBtn .module-stats{
    display: block;
    margin: auto;
    width: 15rem !important;
    height: 15rem !important;
    border-radius: 50% !important;

    background-color: rgba(145, 115, 20, 0.8) !important;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: none !important;
}
.dropdown:hover .dropbtn{
    background: none;
}
.dropdown-content{
    background-color: black;
}
.select{
    box-shadow: 0.33rem 0.33rem 5px 0px rgba(0,0,0,0.75) !important;
}
.btn.bg-primary, .btn.btn-primary, .libre-select{
    background-color: var(--panel-button-color) !important;
    border-color: var(--panel-button-color) !important;
    box-shadow: 0.33rem 0.33rem 5px 0px rgba(0,0,0,0.75) !important;
    color: white;
}
.btn.bg-red{
    background-color: var(--red-color);
    color: black;
}
.btn.bg-green{
    background-color: var(--green-color);
    color: black;
}
.btn.bg-yellow{
    background-color: var(--yellow-color);
    color: black;
}

#bulkAddBookMatchUpDialogue{
    background-color: rgba(20, 185, 20, 0.6) !important;
}
.ui-dialog-titlebar{
    background: rgba(196, 26, 0, 0.9) !important;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix{
    background: rgba(253, 156, 29, 0.9) !important;
}
.ui-button.ui-corner-all.ui-widget{
    background-color: var(--panel-button-color) !important;
    border-color: var(--panel-button-color) !important;
    box-shadow: 0.33rem 0.33rem 5px 0px rgba(0,0,0,0.75) !important;
    color: white;
}

.ui-dialog-content.ui-widget-content{
    background-color: rgba(20, 185, 20, 0.8) !important;
}

#loadingScreen{
    background: rgba(219, 45, 18, 0.5) !important;
}
#help-and-advice-content th{
    color: black !important;
}

#bulkUploadBookMatchUpForm .dashedFrame label, #bulkUploadBookMatchUpForm .dashedFrame div{
    color: black !important;
}

#edit-books-modal, #edit-books-modal th, #edit-books-modal td, #edit-books-modal .modal-title{
    color: black !important;
}

.ui-datepicker.ui-datepicker-multi{
    width: auto !important;
}

#multidatepicker span, #multidatepicker a{
    color: black;
}

#edit-members-modal .modal-title, #edit-members-modal .modal-body, #edit-members-modal .table{
    color: black !important;
}
#table_id_sls_import_log_info, #table_id_sls_return_log_info{
    color: white !important;
}
.dataTables_paginate{
    background:  rgba(20, 185, 20, 0.7) !important;
    border-radius: 7px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#table_id_catalog > thead{
    color: black !important;
}

#table_id > thead, #table_id2 > thead, #table_id3 > thead{
    color: black !important;
}

#toggleCollapseSsoSetting{
    padding-top: 1rem;
}

#leaf_canvas{
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

#squirrel_canvas{
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}