/* Poppins */

@font-face{
    font-family:"Poppins";
    src:url(../css/fonts/Poppins/Poppins-Light.ttf)
}

/*.custom-menu-items {
    background-color: white; 
    text-align: center;
}*/



/* IBM Plex Sans Condensed */

@font-face{
    font-family:"IBM Plex Sans Condensed";
    src:url(../css/fonts/IBM_Plex_Sans_Condensed/IBMPlexSansCondensed-Thin.ttf)
}
@font-face{
    font-family:"IBM Plex Sans Condensed";
    src:url(../css/fonts/IBM_Plex_Sans_Condensed/IBMPlexSansCondensed-Regular.ttf)
}

@font-face{
    font-family:"IBM Plex Sans Condensed";
    src:url(../css/fonts/IBM_Plex_Sans_Condensed/IBMPlexSansCondensed-Medium.ttf)
}

@font-face{
    font-family:"IBM Plex Sans Condensed";
    src:url(../css/fonts/IBM_Plex_Sans_Condensed/IBMPlexSansCondensed-SemiBold.ttf)
}

@font-face{
    font-family:"IBM Plex Sans Condensed";
    src:url(../css/fonts/IBM_Plex_Sans_Condensed/IBMPlexSansCondensed-Bold.ttf)
}

@font-face{
    font-family:"IBM Plex Sans Condensed";
    src:url(../css/fonts/IBM_Plex_Sans_Condensed/IBMPlexSansCondensed-Light.ttf)
}


/* garamond */

@font-face{
    font-family:"Garamond";
    src:url(../css/fonts/EB_Garamond/static/EBGaramond-Regular.ttf)
}

body,html{
    font-family: var(--font-family);
}

.new-link{
    color:#643daf !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 24px !important;
}

.bg-browse-by{
    background-color:#F8F4FF; /* will use this config     --app-background-color-2: #F8F4FF;*/
    margin-top: 44px;
}


.bg-article{
    background: #F9F9F9;
}

.bg-conference-view{
    background: #F9F9F9;
    margin-top: 10px;
}

.bg-filter{
    background-color: #F9F9F9;
}




.sub-text-track{
    font-family: var(--font-family) !important;
    color: #353535 !important;
    margin-left: 16px !important;
    line-height: 26px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.display-filter-btn{
border-radius: 4px !important;
border: 1px solid #CED4DA !important;
background: var(--HitBox, rgba(255, 255, 255, 0.00)) !important;
padding: 7px 13px !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
flex-shrink: 0 !important;
display: flex !important;
color: #22304D !important;
font-family: var(--font-family) !important;
font-size: 17px !important;
font-style: normal;
font-weight: 400 !important;
line-height: 27px !important; /* 158.824% */
margin-top: 12px !important;
margin-left: 1rem;
}

.text-condensed{
    text-wrap: wrap;
    word-break: break-all;
    text-align: left;
}

.conference-filter-search{
    border-radius: 4px 0px 0px 4px !important;
border: 1px solid var(--Gray-400, #CED4DA) !important;
background: var(--Gray-White, #FFF) !important;
padding: 7px 13px !important;
color: var(--Gray-600, #6C757D) !important;
font-family: var(--font-family) !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 26px !important; /* 162.5% */


}


.research-text{
    font-size: 15px;
    line-height: 25px;
    color: #22304D;
    font-weight: 600;
    margin-left: -10px;
}

.author_details {
    font-size: 15px;
    line-height: 25px;
    color: var(--primary-color);
    font-weight: 600;
    margin-top: 7px;
    margin-left: 3px;

}

img.author_img {
    border-radius: 50%;
    width: 60px;
    height: 60px; 
    margin-left:25%
}

#authot_label, #presenter_label {
    border:0.5px black;
    background-color:#efeff1; 
    border-radius:0.25rem;
    padding: 3px 7px;
}

#presenter_label {
    margin-bottom: 10px;
}

.conference-banner-card{
    border-radius: 5px !important;
    border-bottom: 4px solid var(--primary-color) !important;
    background: var(--app-background-color1) !important;
    box-shadow: 0px 20px 25px 0px rgba(45, 45, 45, 0.05);
    border-left:none !important;
    border-right:none !important;
    border-top:none !important;
    }
 
.Tag-style{
border-radius: 4px !important;
border: 1px solid var(--Gray-400, #CED4DA) !important;
background: var(--Gray-100, #F8F9FA) !important;
display: inline-flex !important;
padding: 3px 15px 3px 16px !important;
justify-content: center;
align-items: center;
color: #22304D !important;
font-family:"Poppins";
font-size: 15px !important;
font-style: normal;
font-weight: 500 !important;
line-height: 25px !important; /* 166.667% */
    }

.inner-text{
    color: #ffffff !important;
}


 .Tag-style-1{
        border-radius: 4px !important;
        border: 1px solid var(--Gray-400, #CED4DA) !important;
        background: var(--Gray-100, #F8F9FA) !important;
        display: inline-flex !important;
        padding: 3px 15px 3px 16px !important;
        justify-content: center;
        align-items: center;
        color: #22304D !important;
        font-family:"Poppins";
        font-size: 15px !important;
        font-style: normal;
        font-weight: 500 !important;
        line-height: 25px !important; /* 166.667% */
        margin-left: 1.2rem;
            }
        

.Session-Style{
border-radius: 4px !important;
background: rgba(34, 48, 77, 0.60) !important;
display: inline-flex !important;
padding: 4px 50px 3px 15px !important;
align-items: center !important;
color: #ffffff;
font-family:"IBM Plex Sans Condensed";
font-size: 15px !important;
font-style: normal;
font-weight: 500 !important;
line-height: 25px !important; /* 171.429% */
margin-bottom: 1rem;
width: 100%;
white-space: initial;
}

.metadata-text{
color: #6C757D;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 27px; /* 158.824% */
word-spacing: 15px;
margin-bottom: -1px;
}


.banner-card-title{
color: var(--primary-color);
font-family: "IBM Plex Sans Condensed";
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 141.667% */
}

 
.Tag-style{
border-radius: 4px !important;
border: 1px solid var(--Gray-400, #CED4DA) !important;
background: var(--Gray-100, #F8F9FA) !important;
display: inline-flex !important;
padding: 3px 15px 3px 16px !important;
justify-content: center;
align-items: center;
color: #22304D !important;
font-family:"Poppins";
font-size: 15px !important;
font-style: normal;
font-weight: 500 !important;
line-height: 25px !important; /* 166.667% */
    }

 .Tag-style-1{
        border-radius: 4px !important;
        border: 1px solid var(--Gray-400, #CED4DA) !important;
        background: var(--Gray-100, #F8F9FA) !important;
        display: inline-flex !important;
        padding: 3px 15px 3px 16px !important;
        justify-content: center;
        align-items: center;
        color: #22304D !important;
        font-family:"Poppins";
        font-size: 15px !important;
        font-style: normal;
        font-weight: 500 !important;
        line-height: 25px !important; /* 166.667% */
        margin-left: 1.2rem;
            }
        

.Session-Tag-Style{
border-radius: 4px !important;
background: rgba(34, 48, 77, 0.60) !important;
display: inline-flex !important;
padding: 4px 50px 3px 15px !important;
align-items: center !important;
color: #FFF !important;
font-family:"IBM Plex Sans Condensed";
font-size: 15px !important;
font-style: normal;
font-weight: 500 !important;
margin-bottom: 1rem;
text-wrap: wrap;
word-break: break-all;
text-align: left;
}

.metadata-text{
color: #6C757D;
font-family: "Poppins";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 27px; /* 158.824% */
word-spacing: 15px;
margin-bottom: -1px;
}


.banner-card-title{
color: var(--primary-color);
font-family: "IBM Plex Sans Condensed";
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 141.667% */
}


.research-conference{
    margin-top: -30px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin-left: -10px;
    color: #353535;
    font-family:Poppins !important;
}

.published-text{
    font-size: 14px;
    line-height: 24px;
    font-family:Poppins !important;
    margin-top: -30px;
    font-weight: 400;
    color: #6c757d;
    margin-left: -10px;
}

.poster-header{
    color: #6C757D;
    font-family: Poppins !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
}



.nav-line{
    margin-left:-10px;
    margin-top: 10px;
}


.date-text{
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-top: 16px;
}

/*hard coded values old no longer used*/
/*.bg-color{
    background: linear-gradient(315deg, #320270 1.63%, #7420FF 49.64%, #3B0F96 100%) !important;
}*/


.bg-color{
    background: linear-gradient(90deg, var(--app-gradient-color1) 0%,  var(--app-gradient-color2) 50%,  var(--app-gradient-color3) 100%) !important;
}

.bg-color-1{
    background-color: var(--primary-color);
}

.header-text{
    color: #FFF;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    /* margin-left:3rem; */
    margin-top:1.688rem;
  
}


.header-text-1{
    color: #FFF;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left:4.2rem;
    margin-top:1rem;
    font-size:1.8rem;
}


.header-text-advanced{
    color: #FFF;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left:4.2rem;
    margin-top:0.7rem;
    font-size:1.8rem;
}




.advanced-btn{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color:#FFF;
    border: 1px solid #FFF;
  }
  

  .search-button{
    margin-bottom: 21px;
    margin-top: 10px;
    margin-right: 285px;
 }

 .navigation-search-new{
display: flex !important;
padding: 7px 13px !important;
justify-content: center !important;
align-items: center !important;
gap: 10px !important;
align-self: stretch !important;
border-radius: 0px 4px 4px 0px !important;
background: #22304D !important;
color: #ffffff !important;
 }


 
 .navigation-search{
    border-color: #FFF;
    color:#FFF;
 }

 .img-cls{
    width: 100% !important;
    height: 100% !important;
}

.about-header{
    margin-top:38px;
    line-height: 36px; 
    font-style: normal;
    font-weight: 600;
    color:var(--primary-color);
}

.about-text{

        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
        margin-top:12px;
        color:var(--secondary-color);
 
    
}

.btn-style{
    margin-top:0.5rem;
    font-size:14px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
}

.line-style{
    margin-left: 30px;
    margin-top: 43px;
}


.browse-card{
    border-radius: 5px;
    border-bottom: 4px solid var(--primary-color);
    background: #ffffff; /* hardcode background color */
    box-shadow: 0px 20px 25px 0px rgba(45, 45, 45, 0.05);
    border-left:none;
    border-right:none;
    border-top:none;
    margin-top: 20px;
    margin-bottom: 45px;
}

.browse-card-1{
    border-radius: 5px;
    border-bottom: 4px solid var(--primary-color);
    background: #ffffff; /* hardcode background color */
    box-shadow: 0px 20px 25px 0px rgba(45, 45, 45, 0.05);
    border-left:none;
    border-right:none;
    border-top:none;
    margin-top: 20px;
    margin-bottom: 45px;
    margin-left: 3rem;
}

.horizontal-card{
    border-radius: 5px;
    border-bottom: 3px solid var(--primary-color);
    background: #ffffff; /* hardcode background color */
    box-shadow: 0px 20px 25px 0px rgba(45, 45, 45, 0.05);
    border-left:none;
    border-right:none;
    border-top:none;
    margin-bottom: 2.5rem;
}

.horizontal-text{
    color:var(--primary-color);
    font-size:18px;
    line-height: 28px;
}

.horizontal-auhtor{
    color:#353535;
    font-size:17px;
    line-height:27px;
}
.horizontal-author{
    color:#353535;
    font-size:17px;
    line-height:27px;
}


.cite-author{
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
color:var(--secondary-color);
}

.citation-text{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color:var(--primary-color);
    
 }

 .citation-card{
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    color:var(--primary-color);
 }




 .conference-card{
    border-radius: 5px;
    border: 1.2px solid rgba(34, 48, 77, 0.50);
    background: var(--gray-white, #FFF);
    box-shadow: 0px 20px 25px 0px rgba(45, 45, 45, 0.05);
    margin-top: 2rem;
    margin-bottom: 35px;

}


.conference-card-1{
    border-radius: 5px;
    border: 0.8px solid rgba(34, 48, 77, 0.50);
    background: var(--gray-white, #FFF);
    box-shadow: 0px 20px 25px 0px rgba(45, 45, 45, 0.05);
    margin-top: 20px;
    margin-bottom: 35px;

}

.search-content{
    margin-bottom: 1.5rem;
}





.conference-text{
    font-size: 18px ;
    font-style: normal;
    font-weight: 500 ;
    line-height: 28px ;
    margin-top:8px;
    color:var(--secondary-color);
    }
    

    .news-card{
        background: var(--hit-box, rgba(255, 255, 255, 0.00));
        border:none;
        margin-top:10px;
    
    } 
    
    .news-date{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color:var(--secondary-color);
    }
    
    .news-title{
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    color:var(--primary-color);
    }
    
    .news-text{
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    color:var(--secondary-color)
    }


    .brand-text{
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 155.556% */
        letter-spacing: 0.18px;
        color:#fff !important;
        }

        .brand-header{
            font-size: 35px;
            font-style: normal;
            font-weight: 800;
            /*line-height: 24px; /* 68.571% */
            letter-spacing: 0.35px;
            color:#fff !important;
            
            }




    .footer-header{
        font-size: 24px;
   font-style: normal;
   font-weight: 600;
   line-height: 34px;
   color:#fff !important;
   }
   
   .footer-text{
    font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: 28px;
   letter-spacing: 0.18px;
   color:#fff !important;
   }
   
   .address{
       display: flex;
   }


   .footer-style{
    margin-top:-16px;
}

.nav-text{
    font-size: 18px;
    font-style: normal;
    font-weight: 300 !important;
    line-height: 28px; 
    color:#22304D;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    }

.login-btn{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-left: 0.6rem;
    margin-bottom: 0.4rem;
    margin-top: 0.2rem;
    }
    
.main{
    font-size: 23px;
    font-style: normal;
    line-height: 33px; 
    color:#22304D;
    margin-top:0.9rem;
    }
    
    .sub{
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    color:#353535;
    }
    


    .address{
        display: flex;
    }


.login{
    color:var(--primary-color);
    border-color:var(--primary-color);
    font-family:var(--font-family);
    font-weight:600;
}

.nav-link{
    font-family:var(--font-family);
    font-weight:600;
}

.list-group-item.active{
     background-color: var(--primary-color);
     border-color: var(--primary-color);
}

.navigation{
    color:#ffffff;
}

.home{
    margin-right:6px;
    margin-top:-4px;
}

.conference{
    margin-right:6px;
    margin-top:-4px
}

.user{
    margin-right:8px;
    margin-top:-1px;
}
.client-driven{
    color:var(--text-color);
}

.nav-tabs .nav-link.active{
    background-color: var(--primary-color);
    color:#ffffff;
}


/*
.main{
    color:var(--primary-color);
    font-family:var(--font-family);
    font-weight:600;
    font-size:large;
    text-align: center;
}*/

.form-check-input:checked{
    background-color:var(--primary-color);
    border-color:var(--primary-color);
}

.conference-name{
    color:#353535;
    font-size:16px;
    line-height:26px;
}
.conference-name:hover{
    cursor: pointer;
}

.list-menu{
    color: var(--text-color);
}

.nav-link:focus, .nav-link:hover{
    color:#dbdbdb;
}


.list-menu:hover{
    color: var(--bs-nav-link-hover-color);
}
.conference-reset-button{
    font-family: var(--font-family);
    margin-left: 10px;
   margin-top: 1.2rem;
    font-size: 15px;
    line-height: 25px;
    font-style: normal;
    font-weight: 400;
}

.conference-search-button{
    font-family: var(--font-family);
    margin-left: 10px;
   margin-top: 1.2rem;
    font-size: 15px;
    line-height: 25px;
    font-style: normal;
    font-weight: 400;
}

.pdf{
    margin-left: 20px;
}

.conferences{
    margin-left: 20px;
}

.display-order{
    margin-top:10px;
    margin-left:65px;
    font-family: var(--font-family);
    color:var(--text-color);
    font-weight: 400;
}

.display-order-dropdown{
    margin-top:10px;
    font-family: var(--font-family);
    color:var(--text-color);
    font-weight: 400;
}

/*.card-title{
    color:var(--primary-color);
    font-weight: 600;
    font-size: large;
    text-decoration: none;
}*/

/*
.card-text{
    color:var(--text-color);
    font-weight: 400;
    font-size:medium;
}*/



.card-link{
    color:#6c757d;
}

.link-icon{
    margin-top: -4px;
}

.icon-pdf{
    margin-top:-4px;
}

.banner-image{
    width: 600px;
    margin-top:5px;
}

.conference-year{
    font-family: var(--font-family);
    color:var(--text-color);
    font-weight: 400;
}

li a.conference-url{
    text-decoration: none;
    color: inherit;



}

/*padding removed for accordion on all conference years*/
.remove-padding{
    padding: 0 !important;
}


.cite-this{
    font-family: var(--font-family);
    margin-left: 25px;
    font-size: 15px;
    line-height: 25px;
    font-style: normal;
    font-weight: 400;


}
.download-pdf{
    font-size: 15px;
    line-height: 25px;
    font-style: normal;
    font-weight: 400;
    font-family: var(--font-family);
}

.related{
    font-family: var(--font-family);
    color:var(--text-color);
    font-size: large;
    margin-left:5px;
}

.article-title{
    color:#22304D;
    font-family: Poppins !important; 
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.session-title{
    color:#22304D;
    font-weight: 600;
}

.select2-search{
    z-index:1 !important;
}

.select2{
    width: 100% !important;
}

.login-button{
    background-color: var(--primary-color);
    border-color:var(--primary-color);
}

.fs-1{
    font-family: var(--font-family);
    font-weight: 600;
    font-size: large;
}

.bg-primary_color{
    background-color: var(--primary-color);
}

.papercitation{
    font-size:16px;
    line-height:26px;
}

.navigationsearch{
    color:#ffffff;
    border-color:#ffffff;
    background-color: var(--primary-color);
}

.darkb{
    border:1px solid #585858;
}

.w-20 {
  width: 20% !important;
}

.w-55 {
  width: 55% !important;
}

.w-10 {
  width: 10% !important;
}
.w-15 {
  width: 15% !important;
}
.w-18 {
  width: 18% !important;
}
.w-2 {
  width: 2% !important;
}
.w-3-5 {
  width: 3.5% !important;
}

.pagination{
    --bs-pagination-color:#6c757d !important;
}

.active>.page-link, .page-link.active{
    background-color: var(--primary-color) !important;
    border-color:var(--primary-color) !important;
}

.page-link:hover{
    background-color: var(--primary-color) !important;
    color:#ffffff !important;
}

.p{
    font-family: var(--font-family);
}



.nav{
    --bs-nav-link-color:var(--text-color);
}

.accordion-button:not(.collapsed) {
    color: var(--primary-color) !important;
    background-color: #ECE3FF !important;
    
}

.accordion-button:focus{
    border-color: #e7f8e7 !important; 
    box-shadow: none;
}

.viewscl{
    font-weight: 700;
    font-size: medium;
}

.select2-container--default .select2-selection--multiple{
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    padding: 0.375rem 0.75rem;
}

.select2-container .select2-search--inline .select2-search__field{
    font-family: var(--font-family) !important;
    margin:0;
    height: 26px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.cfl{
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.startyear{
    margin-bottom:5px;
    font-size: 16px;
    line-height: 26px;
    color: var(--primary-color);

}

.endyear{
    margin-bottom:5px;
    font-size: 16px;
    line-height: 26px;
    color: var(--primary-color);

}

input:focus-visible {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.colbg{
    background-color: #ffffff;
}

.fixed-top{
    top:20px !important;
    left:10px !important;
    position: sticky !important;
}

.container-fluid{
  order:3;
  flex-grow: 5
}

.bi-arrow-left-circle-fill{
    margin-top:-2px;
    color:var(--text-color);
}

.bi-info-circle-fill{
    margin-top: -5px;
    margin-left: 3px
}

.tooltip-container {
    position: relative;
    display: inline-block;
  }
  
  .tooltip-text {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  
  .tooltip-trigger:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
  }

.btn:hover{
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.subMenu_tooltip {
  position: absolute !important;
  top: 0 !important;
  left: 100% !important;
  border-radius: 4px 4px 4px 4px !important;
  z-index: 1 !important;
  display: none !important;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
}

.nav-item.dropdown:hover > .subMenu_tooltip {
  display: block !important;
}

.dropdown-menu .nav-item.dropdown .dropdown-toggle::after {
  transform: rotate(270deg) !important;
  margin-left: 6em !important;
}

.dropdown-menu .nav-item.dropdown:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}

#listArticleAuthorPreview {
  height: 1.3rem;
  background: gray;
  -moz-border-radius: 100px / 70px;
  -webkit-border-radius: 100px/ 70px;
  border-radius: 100px/ 70px;
  text-transform: uppercase;
  font-size: 10px !important;
  padding-top: 0.1rem;
    padding-bottom: 0.1rm
}

.displayArticleDescription {
  -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.listArticleAuthorGroup {
  display: flex !important;
}

@media (max-width: 800px) {
  .listArticleAuthorGroup {
    display: block !important;
  }
}




.media_block, .article-body {
    border-radius: 5px;
    background: #FFF;
    margin-top: 20px;
    padding: 20px;
    margin-bottom: 40px;
}


#image_grid {
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.article-body {
    margin-top: 20px !important;
}
    
.view_btn {
    display: inline-flex;
    height: 35px;
    color:#22304D;
    padding: 7px 13px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 0.5px solid #22304D;
    background: var(--HitBox, rgba(255, 255, 255, 0.00));
    margin-top:2px;
    color: #22304D;
    /*font-family: "IBM Plex Sans Condensed";*/
   font-size: 15px;
   font-style: normal;
   font-weight: 400;
   line-height: 25px;
}


.article-body .main-header {
    color: #1c1c1c;
    font-family: "Poppins";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px; /* 176.923% */
    word-break: keep-all;
}

.new-width{
    width:21rem;
}

.inline-article-header {
    color: #6C757D;
    font-family: "IBM Plex Sans Condensed";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
}

#proceeding_article_header {
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
}

.browse-card-panel {
    font-family: "IBM Plex Sans Condensed";
}

.browse-card-panel h5 {
    font-size: 20px;
}

.browse-card-panel #author_country {
    font-family: Poppins !important;
    margin-left: 3px;
}

#conference_back_btn {
    margin-left: 10px;

}

#mediaBlock_nav-tab .active {
    color: #22304D !important;
    background-color: #ffffff !important;
    /*font-family: "IBM Plex Sans Condensed";*/
    border-bottom: 1px solid black;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.mediaBlock_nav {
    color: #6C757D;
    background-color: #ffffff;
    border:none;
    /*font-family: "IBM Plex Sans Condensed";*/
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; 
}

#article_title {
    color: #22304D;
    font-family: "IBM Plex Sans Condensed";
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px; /* 143.478% */
}

.block__pic {
    display: flex;
    width: 205px !important;
    height: 105px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 5px;
    border: 1.2px solid rgba(34, 48, 77, 0.50);
    background: var(--Gray-White, #FFF);
    box-shadow: 0px 20px 25px 0px rgba(45, 45, 45, 0.05);
}


.author-img-span{
    height: 60px !important;
    width: 60px !important;
    line-height: 60px !important;
    box-sizing: border-box;
    color: #545454;
    line-height: 1.3;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background: #ccc;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    margin-left:20%


}
.author-img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.modal-body{
    padding: 0 var(--bs-modal-padding);

}

@media (max-width:  991.98px) {
    .new-width{
       width:auto;
    }
    .authorpanel-style{
        text-align: center;
    }
    .author-img-span{

        margin-left: 0%;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
    .view_btn{
        margin-top:1.5rem;
   }
   #article_title{
    font-size:19px;
    line-height: 29px;
   }
 
   .display-filter-btn{
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
   }
  
}



@media (max-width:  1280px) {
  
    .search-component-1{
        margin-left: 0px;
        margin-right: 0px;
    }

   
}

.doi-text{
    word-wrap: break-word;
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2)
  {
    
    .author-img-span{
        margin-left: 5px;
    }

    .authorpanel-style{
        text-align: left;
    }

    .view_btn{
         margin-left: 6rem;
    }
    .author_details{
        margin-left: 1.5rem;
        word-wrap: break-word;
    }
    #presenter_label{
        margin-left: 1.5rem;
    }

  .browse-card-panel #author_country{
    margin-left: 15px;
    word-wrap: break-word;
}
.badge-container .badge{
    margin-right: 0px !important;
}






  }


  @media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2)
  
  {

  .new-width{
       width:auto;
    }
    .author_details{
        margin-left: 1rem !important;
        word-wrap: break-word;
    }
    #presenter_label{
        margin-left: 1rem !important;
    }
    .browse-card-panel #author_country{
        margin-left: 15px;
       word-wrap: break-word;
}

    }


    @media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

    .author-img-span{
        margin-left: 5px;
    }

    .authorpanel-style{
        text-align: left;
    }

    .view_btn{
         margin-left: 6rem;
    }
    .author_details{
        margin-left: 1.5rem;
        word-wrap: break-word;
    }
    #presenter_label{
        margin-left: 1.5rem;
    }

  .browse-card-panel #author_country{
    margin-left: 15px;
    word-wrap: break-word;
}


  }

.video-div{
    padding: 2.5em 2.5em 0 2.5em ;
}

.card-article-count{
    font-size: 14px !important;
    background: var(--primary-color);
    font-family: var(--font-family);
    color:white;
    padding-left:10px;
}

.card-article-count-number{
    font-size: 14px !important;
    padding-right:10px;
    background: var(--Gray-White, #CCC) !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-left:5px;
    color: var(--primary-color);
    font-family: var(--font-family);


}

.bg-gray-400{
    background: #ced4da;
}

.justify{
    text-align: justify;
}

/* Hide the radio buttons */
.toggle-input {
    display: none;
}

/* Container for the toggle buttons */
.toggle-buttons {
    display: flex;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    width: fit-content;
}

/* Base styles for each label button */
.toggle-label {
    padding: 5px 20px;
    text-align: center;
    flex: 1;
    cursor: pointer;
    background-color: #f0f0f0;
    color: #333;
    transition: background-color 0.3s, color 0.3s;
}

/* Active state */
.toggle-label.active {
    background-color: #666;
    color: #fff;
}

/* Border between the two buttons */
.toggle-label:not(:last-child) {
    border-right: 1px solid #ccc;
}

.url-text{
    color:var(--primary-color);

}

.has-attachment{
    background-color: #624E88;
}

.has-video{
    background-color: #8967B3;
}

.has-poster{
    background-color: #CB80AB;
}

.has-paper{
    background-color: #703C70;
}
  /* Global Styles */
  
  .headers {
      color: #22304D;
      font-family: Poppins, sans-serif;
      font-size: 35px;
      font-weight: 600;
      line-height: 45px;
      flex-shrink: 0;
  }

  /* Conference Banner Card */
  .banner {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border-radius: 5px;
      border-bottom: 4px solid #22304D;
      background: #FFF;
      box-shadow: 0px 20px 25px rgba(45, 45, 45, 0.05);
      height: 100%; /* Ensures uniform height */
      transition: transform 0.3s ease-in-out;
  }

  .banner:hover {
      transform: translateY(-5px);
  }

  /* Conference Image */
  .card-img-top {
      width: 100%;
      height: auto;
      object-fit: contain;
      max-height: 200px;
      background-color: #f8f9fa;
  }

  /* Placeholder for Missing Image */
  .gradient-placeholder {
      background: linear-gradient(180deg, #f5f5f5 0%, #ddd 100%);
      height: 180px; /* Same height as image for consistency */
      width: 100%;
      border-radius: 5px;
      flex-grow: 1; /* Ensure it grows to match the tallest card */
  }

  /* Conference Details */
  .cardss {
      padding: 16px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex-grow: 1; /* Ensures content stretches evenly */
  }

  /* Conference Title */
  .title {
      color: #22304D;
      font-family: "IBM Plex Sans Condensed", sans-serif;
      font-size: 24px;
      font-weight: 500;
      line-height: 40px;
      margin-bottom: 5px;
  }

  /* Conference Date */
  .text {
      color: #6C757D;
      font-family: Poppins, sans-serif;
      font-size: 18px;
      font-weight: 400;
  }

  /* Tags */
  .badge-container {
      margin-top: 10px;
  }

  .badge.Tag-style {
      display: inline-block;
      background: #22304D;
      color: white;
      padding: 5px 10px;
      border-radius: 12px;
      font-size: 14px;
      margin-right: 5px;
  }

  /* Search Section */
  .search-section {
      padding: 50px 0; /* Vertical spacing */
      text-align: center;
      height: 200px; /* Set a fixed height for the section */
      display: flex;
      flex-direction: column;
      justify-content: center; /* Vertically center content */
      align-items: center; /* Horizontally center content */
  }

  /* Ensure the header text maintains space even when hidden */
  .header-text {
      font-size: 2rem;
      color: white;
/*      margin-bottom: 20px;*/
      height: 50px; /* Set a fixed height for the header text */
      display: flex;
      justify-content: center;
      align-items: center; /* Center text vertically */
  }

  /* Search Component */
  .search-component .input-group {
      min-width: 600px;
      margin: 0 auto; /* Center horizontally */
  }

  /* Adjust input width and spacing for smaller screens */
  @media (max-width: 768px) {
      .search-component .input-group {
          max-width: 100%; /* Full width for small screens */
          padding: 0 15px; /* Add padding for spacing */
      }
  }



 /* If header text is there, show it */
 .search-section .header-text:not(:empty) {
     visibility: visible;
 }
 
 .itemss {
   /* logout link styles */
/*   margin-right: 1rem;*/
   background-color: #fff;
   border: 1px solid #ccc;
 }

 /* Style any link in the container that isn't #login-btn */
 .customs {
   /* WMSYM Home link styles */
   background-color: #f0f0f0;
   border: 1px solid #888;
 }


.nav-text {
    color: inherit !important;
}

/*View_all(browse by tag_cate)*/
.descriptionss {
    padding: 10px;
    margin: 5px 0;
    max-width: 900px;
    overflow: hidden;
    text-align: justify;
    color: var(--Neutral-500, #6B7280);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}
.track-title-link {
    text-decoration: none;
    color: inherit;
    max-width: 900px;
    overflow: hidden;
    text-align: justify;
        color: #22304D;
        font-family: "IBM Plex Sans Condensed";
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
    }
.text-end  {
    color: var(--Neutral-500, #6B7280);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-align: right;
}
.author-image-small {
    width: 30px; /* Small icon size */
    height: 30px;
    border-radius: 50%; /* Circular image */
    object-fit: cover;
/*    margin-right: 10px; /* Space between image and text */
}
.btn.btn-outline-secondary:hover {
    background-color: #D3D3D3 !important; /* Change to your desired color */
   
}

/* Ensures the button is always visible */
.poster-thumbnail-container {
    position: relative;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
    width: 205px; /* Adjust to match the thumbnail size */
}

/* Thumbnail Styling */
.poster-thumbnail, .pdf-thumbnail {
    width: 100%;
    height: auto;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}

/* Scale effect on hover */
.poster-thumbnail:hover, .pdf-thumbnail:hover {
    transform: scale(1.05);
}

/* Always Visible Button Overlay Styling */
.thumbnail-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Semi-transparent black background */
    opacity: 1; /* Ensures it's always visible */
    visibility: visible;
}

/* View Full Poster Button (Centered & Always Visible) */
.view_btn {
    background: rgba(255, 255, 255, 0.9);
    color: black;
    padding: 8px 15px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    width: auto;
    font-weight: bold;
}

.view_btn:hover {
    background: rgba(255, 255, 255, 1);
}

/* Fullscreen Overlay */
.fullscreen-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    display: none;
}

/* Fullscreen Poster (Now Takes Full Screen Properly) */
.fullscreen-poster {
    width: 100vw;
    height: 100vh;
    object-fit: contain; /* Ensures the full image is visible */
    border: none;
    cursor: grab;
}

/* Close Button */
.close-btn {
    position: absolute;
    top: 6px;
    right: 20px;
    background: darkred;
    color: white;
    padding: 8px 14px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    z-index: 2000;
}

.close-btn:hover {
    background: dimgray;
}
.modal {
  --bs-modal-header-padding: 0.5rem 1rem !important;
}
.tooltip {
    display: block !important;
    opacity: 1 !important;
    z-index: 1050 !important; /* Ensures it's on top of other elements */
}
.author-name {
  color: #22304D;
}
.citation-card {
   font-family: 'Poppins', sans-serif;
 }

 .area {
   background-color: #ffffff;
   border-left: 1px solid #dee2e6;
   padding: 1.5rem;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
   border-radius: 0.25rem;
 }
 .shade {
    background-color: #fbfbfb; /* slightly softer gray */
    border: 1px solid #dee2e6; /* consistent border */
    border-radius: 0.25rem; /* rounded corners */
    padding: 1rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); /* soft shadow */
    height: 100%;
  }
 /*navbar*/
 .nav-item-unified {
   font-family: var(--font-family, Arial, sans-serif);
   font-size: 18px;
   font-weight: 500;
   color: #ffffff;
   padding: 2px 10px;
   margin: 0 0.4rem;
   text-decoration: none;
   display: inline-block;
   transition: color 0.2s ease-in-out, border-bottom 0.2s ease-in-out;
 }

.nav-item-unified:hover {
  color: #00aced;
}

/* Admin Override UI Indicators */

/* Admin override - use unlock icon with orange color */
.fa-unlock.admin-override,
.fa-lock-open.admin-override {
    color: #ff9800 !important;
    font-size: 16px;
}

/* Admin override banner for detail pages - Compact style */
.admin-override-banner {
    background: #fff3cd !important;
    border-left: 3px solid #ff9800 !important;
    border-right: 1px solid #ffc107 !important;
    border-top: 1px solid #ffc107 !important;
    border-bottom: 1px solid #ffc107 !important;
    border-radius: 4px !important;
    padding: 8px 16px !important;
    margin: 12px 0 16px 0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    display: flex !important;
    align-items: center !important;
}

.admin-override-banner i {
    color: #ff9800 !important;
    margin-right: 8px !important;
    font-size: 14px !important;
    flex-shrink: 0 !important;
}

.admin-override-banner strong {
    color: #856404 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}