html{
min-height: 100vh;
overflow-x: hidden;
}
body{
min-height: 100vh;
/*overflow-x: hidden;*/
}
a{
   color: #000;
text-decoration: none;
}
 
#app_side_menu::-webkit-scrollbar {
    width: 5px;
}
#app_side_menu::-webkit-scrollbar-thumb:hover {
    background: #555;
}
#app_side_menu::-webkit-scrollbar-thumb {
    background: #bec4c4;
}
#app_side_menu::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.jlcnews-profile-img{
      height: 150px;
      width: 150px;
      border-radius: 50%;
 object-fit: cover;
}

.menu-profile-img{
      height: 80px;
      width: 80px;
      border-radius: 50%;
 object-fit: cover;
}


.jlcnews-cat-image{
    height: 180px;
 object-fit: cover;
}
.jlcnews-create-card{
     height: 150px;
}
.jlcnews-card-img{
height: 10px;
width: 100%;
}
.jlcnews-bold{
font-weight: bold;
}
.jlcnews-round{
border-radius: 30px;
}
.jlcnews-rounded{
border-radius: 20px;
}
.jlcnews-pointer{
   cursor: pointer;
}
.btn{
   border-radius: 0px;
}

.note-editor.note-airframe.fullscreen, .note-editor.note-frame.fullscreen {
background-color: #fff!important;
}
.select2-container--default .select2-selection--single {
background-color: #fff!important;
}

.modal-open,
.modal-open .fixed-top {
overflow: visible!important;
padding-left: 0!important;
padding-right: inherit!important;
margin: 0!important;
}
.form-control:focus {
border: 1px solid #12ACBC;
}

.object-fit-cover{
object-fit: cover; 
}
.object-fit-contain{
object-fit: contain; 
}
.jlcnews-card{
height: 150px;
}
.note-modal-footer{
margin-bottom: 30px;
}
.note-btn-primary{
background-color: #12ACBC!important;
background: #12ACBC!important;
border: none!important;
}
.note-video-btn{
background-color: #12ACBC;
}

.form-check-input:checked {
    background-color: #12ACBC;
    border-color: #12ACBC;
}

.profile-img{
height: 100px;
width: 100px;
}


#topbar{
height: 40px;
}

#topcatbarr{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-y: hidden;
/*    overflow-x: auto;*/
overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: thin;
/*    margin-left: -14px;*/
    position: relative;
    background-color: #0B8494;
    padding: 0;

}


#topcatbar{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-y: hidden;
/*    overflow-x: auto;*/
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: thin;
/*    margin-left: -14px;*/
    position: relative;
    background-color: #0B8494;
    padding: 0;

}

#topcatbar a {
 
    color: #fff;
    display: inline-block;
    padding: 10px 28px 10px 28px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    border-right: .5px solid #3a3a3a;
}
 
#topcatbar a:hover {
    background-color: #ffc107;
}
 

  #topcatbar a li ul
    {

    z-index: 9999!important;


      width: 684px;
      max-height: 352px;
      min-height: 352px;
      background-color: white;
      background: #fff;
        position: absolute;
        top: 0;
        right: 0;
        left: 100%;
        border: 1px solid #485769;
        border-left: 1px solid #485769;
        display:none;
    }
    
    #topcatbar a li:hover > ul
    {
      padding: 10px;
      display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 1fr);

    }

    #topcatbar a {
 
    color: #fff;
    display: inline-block;
    padding: 10px 28px 10px 28px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    border-right: .5px solid #3a3a3a;
}

.top-cats-menu {
    scrollbar-width: thin;
    position: relative;
    background-color: #0B8494;
    padding: 0;
    margin:0;
     display: flex;
}
 

.top-cats-menu-item 
    {
          display: inline-block;
/*  list-style-type: none;*/
/*    display: inline-block;*/
margin:0;
 color: #fff;
    padding: 10px 28px 10px 28px;
    text-decoration: none;
    white-space: nowrap;
    border-right: .5px solid #3a3a3a;
/*position: relative;*/
    }

.top-cats-menu-item:hover 
    {
    background-color: #ffc107;
}

 .top-cats-menu-item-link{
    color: #fff;
 }

        .top-cats-menu li div
    {

    z-index: 9999!important;

         transition-duration: 10s;

      width: 100%;
/*      max-height: 252px;*/
/*      min-height: 252px;*/
      background-color: white;
      background: #fff;
        position: absolute;
        top: 42px;
        left: 0;
/*                top: initial;*/
        height: initial;
        overflow: initial;
        border: 1px solid #485769;
        border-left: 1px solid #485769;
        display:none;
        padding: 10px;
    }
    
    .top-cats-menuu li:hover > ul
    {
         transition-duration: 10s;
      padding: 10px;
      display: grid;
/*       grid-template-columns: auto auto auto;*/
    grid-template-columns: repeat(4, 1fr);
/*    grid-template-rows: repeat(6, 1fr);*/

    }



    .top-cats-menu li:hover > div
    {
    
      display: block;
   

    }


    .top-cats-submenu{
/*         transition-duration: 10s;*/
      padding: 10px;
      list-style: none;
      display: grid;
/*       grid-template-columns: auto auto auto;*/
    grid-template-columns: repeat(4, 1fr);
/*    grid-template-rows: repeat(6, 1fr);*/

    }

    .top-cats-submenu-item 
    {
          display: inline-block;
/*  list-style-type: none;*/
/*    display: inline-block;*/
/*margin:0;*/
/* color: #fff;*/
    padding: 10px 10px 10px 10px;
    text-decoration: none;
/*    white-space: nowrap;*/
/*position: relative;*/
    }

    


  

     .top-cats-submenu-item:hover 

    {
       color: #fff;
    background-color: #ffc107;
}
 
    .top-cats-submenu-item *:hover {
    color: #000;
}
 
    .top-cats-submenu-item *:hover {
    color: #fff;
}

    .nav-cat-img{
  width: 40px;
  height: 40px;
  object-fit: contain;
}

#jlcnews_search_btn{
height: 50px;
padding: 0.375rem 1rem;
font-size: 14px;
border-radius: 0px;
}

.select2-container--default .select2-selection--single {
border-radius: 0px;

}

.form-control {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
border-color: #ebebeb;
height: 50px;
padding: 0.375rem 1rem;
font-size: 14px;
border-radius: 0px;
}
.card-img-overlay {
border-radius: 30px;
}
.modal {
z-index: 9999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 12px !important;
}
.select2-container--default .select2-selection--single {
border: 1px solid #ced4da !important;
height: 50px !important;
border-radius: 0rem !important;
/*background-color: rgba(255, 255, 255, 0.2) !important;*/
background-color: #fff !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 48px !important;
}

#app_root{
display: flex;
flex-direction: column;
height: 100vh;
}

#main{
flex: 1 0 auto;
margin-top: 68px;
}

.jlcnews-footer-logo{
     width: 240px;
    height: 90px;
}

.jlcnews-header-logo{
  
    width: 160px;
    height: 60px;
}
.jlcnews-search-results{
   display: none;
}

.form-select{

    line-height: 2.2;
}
.bg-primary{
   background-color: #12ACBC!important;
/*   background-color: #0B8494!important;*/

}

.text-primary{
    color: #12ACBC!important;
 
}
.menu-list li{

padding: 10px 10px 10px 10px;

}

.menu-list li:hover{

background-color: #E7E7E8;

}

.btn-primary{
    background-color: #12ACBC!important;
    border-color: #12ACBC!important;


}

.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff!important;
    background-color: #093747!important;
    border-color: #093747!important;
}


.btn-outline-primary{
    color: #12ACBC!important;
    background-color: transparent!important;
    border-color: #12ACBC!important;


}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff!important;
    background-color: #093747!important;
    border-color: #093747!important;
}



.btn-secondary{
    background-color: #0B8494!important;
    border-color: #0B8494!important;


}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #fff!important;
    background-color: #001223!important;
    border-color: #001223!important;
}


.btn-outline-secondary{
    color: #0B8494!important;
    background-color: transparent!important;
    border-color: #0B8494!important;


}

.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff!important;
    background-color: #001223!important;
    border-color: #001223!important;
}

.jlcnews-flex{

    display: flex;
    justify-content: space-between;
}
 

  /*Product Page*/
   .fill_cart_loading{
   display: none;
   }
   .jlcnews-rating {
   display: inline-block;
   position: relative;
   height: 50px;
   line-height: 50px;
   font-size: 50px;
   }
   .jlcnews-rating label {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   cursor: pointer;
   }
   .jlcnews-rating label:last-child {
   position: static;
   }
   .jlcnews-rating label:nth-child(1) {
   z-index: 5;
   }
   .jlcnews-rating label:nth-child(2) {
   z-index: 4;
   }
   .jlcnews-rating label:nth-child(3) {
   z-index: 3;
   }
   .jlcnews-rating label:nth-child(4) {
   z-index: 2;
   }
   .jlcnews-rating label:nth-child(5) {
   z-index: 1;
   }
   .jlcnews-rating label input {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
   }
   .jlcnews-rating label .jlcnews-rating-icon {
   float: left;
   color: transparent;
   }
   .jlcnews-rating label:last-child .jlcnews-rating-icon {
   color: #000;
   }
   .jlcnews-rating:not(:hover) label input:checked ~ .jlcnews-rating-icon,
   .jlcnews-rating:hover label:hover input ~ .jlcnews-rating-icon {
   color: #09f;
   }
   .jlcnews-rating label input:focus:not(:checked) ~ .jlcnews-rating-icon:last-child {
   color: #000;
   text-shadow: 0 0 5px #09f;
   } 
   


/* Footer */

.footerr {
font-size: 14px;
background-color: #fff;
padding: 50px 0;
color: #000;
position: fixed;
bottom:0;
}

#footer{
/*padding: 50px 0;*/
padding-top: 20px;
font-size: 14px;
bottom:0;
height: auto;
color: #000;
}

.footer .footer-info .logo {
line-height: 0;
margin-bottom: 25px;
}

.footer .footer-info .logo img {
max-height: 100px;
margin-right: 6px;
}

.footer .footer-info .logo span {
font-size: 30px;
font-weight: 700;
letter-spacing: 1px;
color: #fff;
font-family: var(--font-primary);
}

.footer .footer-info p {
font-size: 14px;
font-family: var(--font-primary);
}

.footer .social-links a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.2);
font-size: 24px;
color: #000;
margin-right: 10px;
transition: 0.3s;
}

.footer .social-links a:hover {
color: gold;
border-color: #fff;
}

.footer h4 {
font-size: 16px;
font-weight: bold;
position: relative;
padding-bottom: 12px;
}

.footer .footer-links {
margin-bottom: 30px;
}

.footer .footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}

.footer .footer-links ul i {
padding-right: 2px;
color: var(--color-primary);
font-size: 12px;
line-height: 0;
}

.footer .footer-links ul li {
padding: 10px 0;
display: flex;
align-items: center;
}

.footer .footer-links ul li:first-child {
padding-top: 0;
}

.footer .footer-links ul a {
color: #000;
transition: 0.3s;
display: inline-block;
line-height: 1;
}

.footer .footer-links ul a:hover {
color: var(--color-secondary);
}

.footer .footer-contact p {
line-height: 26px;
}

.footer .copyright {
text-align: center;
}

.footer .credits {
padding-top: 4px;
text-align: center;
font-size: 13px;
}

.footer .credits a {
color: #fff;
}

.std-text{
font-size: 12px!important;
}

.std-font{
font-size: 12px!important;
}

/*mobile styles*/

@media screen and (max-width: 768px){

      .top-cats-menu li:hover > ul
    {
      display: none;

    }
    
 .top-cats-menu{
       overflow-x: auto;
    -ms-overflow-style: scrollbar;
    scrollbar-width: thin;
 }


#topcatbar{
    overflow-x: auto;
    -ms-overflow-style: scrollbar;
  

    scrollbar-width: thin;
 

}
    #topcatbar a {
   font-size: 12px;

}
    .jlcnews-cat-image{
    height: 120px;
 object-fit: cover;
}

.mobile-hide{
display: none;
}



.mobile-text{
font-size: 12px!important;
}

.mobile-font{
font-size: 12px!important;
}
.logo-text{
font-size: 14px!important;
}


}