body {
    display: block !important; /* Override flex to block */
    /* Other properties */
}
.ButtonPlus,
.ButtonLess
{
    color: #c57d35 !important;
}

.table-striped tbody>tr:nth-child(odd)>td a, .table-striped tbody>tr:nth-child(odd)>th a
{
    color: #000 !important;
}
.table-striped tbody>tr:nth-child(odd)>td a:hover, .table-striped tbody>tr:nth-child(odd)>th a:hover
{
    color: #c57d35 !important;
}


.available{
    color: #8b153d !important;
} 
.homeabout
{
	font-family: "Zarid Sans", Sans-serif;
    font-size: 1.7em !important;
    font-weight: normal;
    line-height: 1.2em;
    color: #484C4C;
}
.theHeader-search
{
	color: #fff;
    background-color: transparent;
    background-image: linear-gradient(180deg, #202020 0%, #20202000 100%);
}
#backtotop
{
    --bs-bg-opacity: 1;
   /* background-color: #BF9849 !important;*/
	background-color: #eee !important;
    border: 1px solid #ddd !important;
    color: #333 !important;
}

#backtotop:hover {
    color: var(--bs-btn-hover-color);
    background-color: #ce9153 !important;
    border-color: var(--bs-btn-hover-border-color) !important;
    box-shadow: var(--bs-btn-hover-border-color) !important;
}
#checkoutst {
    background-color: transparent !important;
}

#checkoutst td {
    background-color: transparent !important;
}
[dir="rtl"] .listmenu
{
    transform:translate3d(100px, 0px, 0px);
}

@media only screen and (min-width: 768px) {
[dir="rtl"] .about-lib
{
    margin-right:20px;
}
.adv-btn
{
    height:54px;
}
}
@media only screen and (max-width: 768px) {
    [dir="rtl"] .nav-list {
        margin-right: -45px;
    }
     [dir="ltr"] .nav-list {
        margin-left: -25px;
    }
      [dir="rtl"] #header_langmenu {
        margin-right: -15px;
    }
     [dir="ltr"] #header_langmenu {
        margin-left: -15px;
    }
    [dir="ltr"] .about-lib
{
    margin-left:20px;
}
    
}

@media only screen and (min-width: 900px){
[dir="rtl"] .input-text-search{
    margin-top: -17px;
    margin-right: 20px;
    height: 54px;
}
[dir="ltr"] .input-text-search{
    margin-top: -18px;
     margin-left: 20px;
    height: 53px;
}
[dir="rtl"] .main-search{
   
    margin-right: 20px;
   
}
[dir="ltr"] .main-search{
   
    margin-left: 20px;
   
}
.adv-search-btn
{
    margin-top: 10px;
}
}


#ulactioncontainer a{
    
    color: #000 !important;
}
#ulactioncontainer a:hover {
    color: #c57d35 !important;
}

.svg-header-custom {
    
    width: 100vw;
    position: absolute;
    top: 0;
    margin-top:15px;
    left: 0;
    right: 0;
}

#moresearches a
{
    
    color: #000 !important; 
}

#moresearches a:hover
{
    color: #CEB888 !important 
}
 #searchsubmit-mobile
    {
    width:100%;
    margin-top:20px;
    }
.slider-card-img .img-fluid
{
    height: 240px;
    width: 163px;
    border: 1px solid #CEB888;
}
.categoriesHome-card-img .img-fluid

{
    height:170px;
}
.fs-2xl{
    color:#3EA3DC !important;
}
.categoriesHome-header .fs-2xl
{
    color:#46443E !important;
}
#moresearches li::after{
    content:" " !important;
}
.electronicServices-card
{
    height: 220px !important;
}

[dir="ltr"] .section_main .bottom-line{
    content: "";
    display: block;
    height: 4px;
    width: 80px;
    margin-top: 10px;
    background-color: #c91517;
}

.login-link ,#cartmenulink ,.nav-link,#langmenu
{
    color: #fff !important; 
}
.login-link:hover ,#cartmenulink:hover ,.nav-link:hover,#langmenu:hover
{
color: #CEB888 !important;
}

#holdingst td {
    background-color: #ffffff !important;
}

.resource_list a,
.record a,
.login-link{
    
    color: #000 !important; 
}
.resource_list a:hover,
.record a:hover
{
    color: #c57d35 !important ;
}
#cartDetails
{
    position:absolute  !important ;
}

#basketcount span
{
    background-color: #BF9849 !important ;
}
.btn-primary.disabled, .btn-primary:disabled
{
    background-color: #c57d35 !important ; 
    border-color:#fff !important ; 
}

.cover-image img
{
    width:163px !important;
    height:240px !important;
    
}
.thumbnail
{
     width: 140px !important;
    height: 201px !important;
}

[dir="rtl"] .publisher_place a{
    margin-right: 20px!important;
}

[dir="rtl"] .results_summary.ddc .label{
    margin-left: 20px;
}
[dir="rtl"] .results_summary.type img
{
    margin-right: 35px;
}

[dir="ltr"] .publisher_place a{
    margin-left: 20px!important;
}

[dir="ltr"] .results_summary.ddc .label{
    margin-right: 20px;
}
[dir="ltr"] .results_summary.type img
{
    margin-left: 45px;
}

#holdings-tab span{
    
    color: #766e6a !important;
    cursor: pointer !important;
    border: 0 !important;
    border-radius: 2.5rem !important;
    width: 100% !important;
    padding: .5rem 1rem !important;
    
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 20.4px !important;
    border-radius: 0.5em !important;
    
}
.nav-tabs .nav-link.active 

{
    border: 1px solid #766e63 !important;
    border-radius: 0.5em !important;
}
.nav-tabs .nav-link
{
    border: 1px solid #766e63 !important;
    border-radius: 0.5em !important;
}
#bibliodescriptions
{
    background: #efedea;
    padding: 2.5rem;
}
.tab-content{
    background: #efedea !important;
    border:0px !important;
}
#bibliodescriptions .nav-tabs
{
    border-bottom:0px !important;
}
.table-bordered thead th, .table-bordered thead td
{
    background-color: #efedea !important;
}
#icon.fa.fa-eye
{
    position:absolute;
    margin-top:10px;
} 
#v-pills-tabContent,
.users-content
{
    background-color: #fff !important;
}
#search-facets{
    border:0px !important;
    font-size: 1rem !important;
}
#search-facets h2{
    display:none;
}
[dir="rtl"] .facet-count{
    float:left;
    color:#766E6A;
}
[dir="ltr"] .facet-count{
    float:right;
    color:#766E6A;
}
.facet-label a{
    color:#000 !important;
}
.facet-label a:hover{
    color:#c57d35 !important;
}
#search-facets li li
{
    min-height: 1.5rem;
}
#search-facets h3{
    font-size:calc(1rem + .375vw)!important;
    color:#3EA3DC !important;
}
/*.login-link.loginModal-trigger
    {
    background-color: #c57d35 !important;
}*/
.btn-primary.disabled
{
    background-color: #ccc4b5 !important;
}
.page-item.disabled a
{
    background-color: #BF9849 !important;
    color: #fff !important;
}
.page-item a
{
    
    color: #CCC4B5 !important;
}
.categoriesHome-btn,
.btn.btn-danger.mb-xs.sal-animate
{
    color: #fff !important;
}
 [dir="ltr"] #cartDetails
    {
      top: 75px;
    right: 570px;
    }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    
    .btn-advanced-search {
        width: 70%; 
        margin-left:100px;
    }
    
}

@media only screen and (max-width: 479px) {
    .btn-advanced-search {
        width: 60%; 
        margin-left:90px;
    }
}

@media only screen and (min-width: 768px) {
    
    .btn-advanced-search
    {
        font-size:1rem !important;
        padding-top:20px !important;
        padding-bottom:18px !important;
        margin-top:7px !important;
    }
} 


@media only screen and (max-width: 608px)
{
    [dir="rtl"] #moresearches {
        
        text-align: center;
        display: grid;
        font-size: 12px;
        margin-right:30px !important;
    }
    [dir="ltr"] #cartDetails
    {
        top:50px;
        right:140px;
    }
    [dir="rtl"] #cartDetails
    {
        
        right:-30px;
    }
    [dir="ltr"] .mb-e5 {
        margin-left:10px;
    }
    [dir="ltr"] .mb-md{
        margin-left:10px;
        padding-top:5px;
    }
    [dir="ltr"] #moresearches {
        
        text-align: center;
        display: grid;
        font-size: 12px;
        margin-left:50px !important;
    }
    [dir="ltr"] .p-lg
    {
        /*padding:0px !important;*/
    }
    [dir="ltr"] .theHeader-logo img{
        width:110px !important;
        
    }
    [dir="rtl"] .theHeader-logo img{
        width:110px !important;
        
    }
    [dir="rtl"] .adv-search
    {
        margin-right:25px;
         width:92%;
         height:54px;
         margin-top:-25px;
    }
    [dir="ltr"] .adv-search
    {
        margin-left:30px;
          width:90%;
          margin-top:-25px;
    }
    [dir="rtl"] .search_txt
    {
        margin-right:5px;
    }
    #searchform
    { 
        display:block !important;
    }
    .custom-swiper-slide {
        width: 100%;
        height: auto;
        min-height: 120px;
    }
    [dir="rtl"] #masthead_search
    {
        margin-bottom:20px;
   
    
        height:54px;
    }
    [dir="ltr"] #masthead_search
    {
        margin-bottom:20px;
       
        
        
    }
}

@media screen and (max-width: 991px){
    .section_main .bottom-line{
        height: 3px; 
    }
    .section_main .bottom-line:after{
        width: 20px;
        height: 20px;
    }
}

 
[dir="ltr"] .section_main .bottom-line i{
    width: 27px;
    height: 27px;
    background-color: #3EA3DC;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    font-size: 1.35rem;
    z-index: 1;
}

[dir="ltr"] .section_main .bottom-line i:before{
    
    position: relative;
    top: 0;
    margin-top:8px;
    content:  url("../images/blue-bullet-small2.png");
}


[dir="rtl"] .section_main .bottom-line{
    content: "";
    display: block;
    height: 4px;
    width: 80px;
    margin-top: 10px;
    background-color: #c91517;
}

 
[dir="rtl"] .section_main .bottom-line i{
    width: 27px;
    height: 27px;
    
    background-color: #3EA3DC;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    font-size: 1.35rem;
    z-index: 1;
    right: auto;
    
}

[dir="rtl"] .section_main .bottom-line i:before{
    position: relative;
    top: 0;
    margin-top:8px;
    content:  url("../images/blue-bullet-small2.png");
    
}
@media only screen and (max-width: 375px) {
    .categoriesHome {
        
        height: 80% !important;
        
    }
}
@media only screen and (max-width: 820px) {
    .categoriesHome {
        
        height: 50% !important;
        
    }
}


@media only screen and (max-width: 991px)
{
    [dir="rtl"] .section_main .bottom-line:after{
        right: auto;
        left: 13vw;
    }
    [dir="ltr"] .section_main .bottom-line:after{
        
        right: 13vw;
    }
}

 

.form-search
{
    width: 112%;
    margin-left: -40px;
}
h1
{
    color:#3EA3DC !important
}


a[href^="tel"] {
    color: #fff; 
    text-decoration: none;
}
.theFooter{
     color: #fff !important;
}
.search_txt
{
    padding-left:0 !important;
    padding-right:0 !important;
}

 
@media screen and (max-width: 360px)
{
    .maincontent
    {
       display: flex;
    flex-direction: column;
   
    
    }
  
     #searchsubmit {
        display: none;
    }
    .searchsubmit-mobile-container {
        width: 100%; 
    }
    #searchsubmit-mobile
    {
    margin-top:20px;
    width: 100%; 
    height:54px;
    }
    [dir="rtl"] #searchsubmit-mobile-adv
    {
    margin-top:20px;
    width: 160%;
    margin-right:-20px;
    height:54px;
    }
    [dir="ltr"] #searchsubmit-mobile-adv
    {
    margin-top:20px;
    width: 145%;
    margin-left:-20px;
    height:54px !important;
  
    }
   



    .section_main .bottom-line:after{
        width: 12px;
        height: 12px;
    }
    .section_main .bottom-line{
        width: 22vw;
        height: 3px;
    }
    .section_main .bottom-line i{
        width: 15px;
        height: 15px;
        font-size: 11px;
    }
    [dir="ltr"] .form-search
    {
        
        margin-left: -20px !important;
        width:140%;
    }
    [dir="ltr"] .select_category
    {
        
        margin-left: -20px !important;
        width:360px !important;
        height:54px !important;
     
    }
    [dir="rtl"] #listmenu{
        transform: translate3d(142px, 0px, 0px) !important;
        width: fit-content;
        z-index: 9999;
    }
    [dir="rtl"] #listmenu_link{
        transform: translate3d(142px, 40px, 0px) !important;
        width: fit-content;
    }
      [dir="ltr"] #listmenu_link{
        transform: translate3d(-80px, 40px, 0px) !important;
        width: fit-content;
    }
   [dir="rtl"] .masthead_search
   {
   margin-right:-20px !important;
   width:350px !important;
   }
    [dir="ltr"] .dropdown .dropdown-menu.show{
        transform: translate3d(-172px, -8px, 0px) !important;
        
    }
    [dir="rtl"] #cart-list-nav{
        margin-right:-35px;
    }
    
     [dir="rtl"] .search_box_adv
     {
     width:160% !important;
     }
      [dir="ltr"] .search-mobile
      {
      width:145% !important;
      }
      
     
} 





@media screen and (min-width: 360px)  and (max-width: 767px) {
   
    #searchsubmit {
        display: none; 
    }
}


@media screen and (min-width: 768px) and (max-width: 920px){
   
   [dir="rtl"] .input-text-search {
           margin-top: -20px;
    margin-right: 10px;
    height: 54px;
    }
       [dir="ltr"] .input-text-search {
           margin-top: -20px;
    margin-left: 10px;
    height: 54px;
    }
}
@media screen and (min-width: 280px) {
    .select-box{
    height:54px !important;
    margin-bottom:20px;
    }
}

.theHeader-container {
   
    height: 106px !important;

}
.btn
{
	background-color: #eee !important;
    border: 1px solid #ddd !important;
    color: #333 !important;
}
.intro {
  background-position: initial !important;
}
.faq-title
{
    font-weight:bold;
}
.search-wrapper {
  bottom: 0;
  left: 0;
  padding: 20px;
  z-index: 10;
}
.intro{
    height:80vh;
    }
.section-title {
    color: #5B4F47 !important; 
}
.page-title {
    color: #3B2F27 !important;
}
