h1,h2,h3,h4{
    font-size:32px !important;
}
h4{
    font-size:18px !important;
}


.col {
    color:rgb(160, 208, 240) !important;
}
.header-container{
    background-color: #014c6e !important;
   
}
.containerr, .footer{
    border-color: #014c6e !important;
    
   background-color: rgb(182, 216, 243) !important;
   
}
.header-container nav{
   height:90px !important;
   background-color: #014c6e !important;
   

}

.nav-link{
    color:rgb(182, 216, 243) !important;
    
}
.nav-item{
    color:rgb(182, 216, 243) !important;
    margin:0 !important;
   
}
.navbar-collapse{
    background-color: #014c6e !important;
    align-items:right !important;
   
}

hr{
    border-color:rgb(80, 134, 170) !important;
}
.card{
    background-color: #014c6e !important;
    border-color:#eee !important;
   
}
.card p,.card a{
    color:rgb(127, 170, 202) !important;
}

.navbar i, .navbar p{
    color:rgb(127, 170, 202) !important;
}
.navbar{
    border:none !important;box-shadow:none;
    height:90px !important;
    background-color: #014c6e !important;
    
   

}

.card div{
    color:#fff !important;
}
.card a:hover{
    color:#fff !important;
}

.alert-success{
    background:#FFF;
    color:rgb(66, 112, 48) !important;
    border-color:rgb(66, 112, 48) !important;
}
.alert-dangger{
    background:#FFF;
    color:RED!important;
    border-color:RED !important;
}

.breadcrumb.active a {
    color: #014c6e !important;
}
.breadcrumb li a{
    color:#014c6e !important;
}
.breadcrumb ul{
    color:#014c6e !important;
}
.breadcrumb a:hover{
    color: #014c6e !important;
   
}
.breadcrumb li.active a{
    color: #014c6e !important;
}



 .breadcrumb ul, .breadcrumb ol  {
    list-style-type: none;
    color:#014c6e !important;
 }

 .breadcrumb ul {
    list-style: none; /* Remove default bullets */
  }
  
  .breadcrumb ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color:#014c6e !important;
  }
  .breadcrumb-two .breadcrumb li.active a {

    color:#014c6e !important;
}
.breadcrumb li a
{
    color:#014c6e !important;
}

.search-form-control{
    color:#fff !important;
}
.nav-item{
margin-right:30px !important;
}

.nav-item a:hover,a:active{
    color :#ddd !important;
   
}

.nav-link{
    margin-top:12px !important;
   
} 
svg{
   
    color: #014c6e !important;
    color:rgb(160, 208, 240) !important;
   
    
}
.bg-light{
    background-color:rgb(182, 216, 243) !important;;
    color:#014c6e !important;
}
.bg-light div,a{
    color:#014c6e !important;
}

.card hr{
  border-color:#014c6e !important;
}
svg:hover,svg a{
   
    color:#fff !important;

   
    
}
.card-body, p , div{
    color:#333 !important;
}
.card-cart,.card-cart2{
    border-color:#014c6e !important;
}

.nav-item a {
    color:#fff !important;
}
.nav-item i {
    color: #ddd !important;
}
.nav-item i:hover {
    color: #fff !important;
}
.nav-tabs a:hover {
    background-color: #014c6e !important;
    color:#fff !important;
 
}
.nav-item .active {
    background-color:#fff !important;
    color:#014c6e !important;
} 

.dropdown-menu{
    background-color: #014c6e !important;
    margin-top:20px !important;
    padding:10px   !important;
    border-color: rgb(68, 126, 164) !important;
    
   

}
.dropdown-item{
    border:none !important;
   padding:5px 10px !important; 
  
}
.dropdown-item a{
 
   
    border:0px  !important;


}
.dropdown-item:hover{
    border:none !important;
    background:rgb(68, 126, 164) !important;
    border-radius:10px !important;
   
}

.dropdown-item svg  {
 
    color:#eee !important;
    margin-right:10px !important;
} 
.footer .img-thumbnail{
    display:block;
}
#search-close{
    display:none;
    float:right;
    margin-right:5px;
    margin-top:5px;
    background: rgba(90, 156, 62, 0.663);
    border-radius:20px;
    padding:2px 7px;
    color:#fff !important;
    cursor:pointer;
}

.containerr{
    padding-top: 60px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
}
.card,.alert {
    margin:10px 20px !important;
}

.card p,.card li,.card h1, .card h2,.card h3,.card h4,.card h5 {
    color:rgb(182, 216, 243) !important;
   
}
.card:hover{
    border-color: #014c6e !important;
    color:#000 !important;
   

}
.footer{
    color:rgb(182, 216, 243) !important;
   
   background-color: #014c6e !important;


}
.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer p , .footer li,.footer li a,.footer div,.footer  a {
    color:rgb(182, 216, 243) !important;
   
}
.footer a:hover,li a:hover{
    color:#000 !important;
}

.theme-brand{
    padding:10px;padding-bottom:0;margin-bottom:1px; background:transparent !important ;

}
.theme-logo img{
    margin-left:-10px !important;
     height:63px !important ;
     width:150px !important;

} 

.carousel{
    margin:0;padding:0;
    width:100% !important;
}
.carousel-inner img{
   border-radius:1px !important;
   
}
.slide {
    border-radius: none !important;
}
.alert-success{
    border-color: rgb(68, 124, 162) !important;
    color:   #014c6e !important;
}
.btn-info,.btn-primary{
    color :#fff !important;
  border-color: rgb(68, 124, 162) !important;
    background-color:   #014c6e !important;
    box-shadow: none !important;
  
}
.btn-info:hover,.btn-primary:hover{
    background:rgb(160, 208, 240) !important;
    color: #014c6e !important;
    border-color:   rgb(68, 124, 162) !important;
    font-weight: bold;

}
.btn-checkbox{
    background-color: rgb(68, 124, 162) !important;
    color:   #014c6e !important;
}
.btn-uncheckbox{
    background-color: rgb(68, 124, 162) !important;
}
.btn-success {
  
  color :#fff !important;
  background-color: rgb(68, 124, 162) !important;
    border-color:   #014c6e !important;
  }

 
/*
.navbar li{
    padding-right:30px !important;
}
.nav-item a{
    border:nothing;

} */
.btn-checkbox {
  
    color :#fff !important;
    background:rgb(66, 112, 48) !important;
  border-color:    rgb(66, 112, 48) !important;;
  
  
  }
.info-icon{
    background:#014c6e !important;
    
}


.nav-tabs {
    background:#014c6e !important;
    background-color: red !important;
    background-color: #fff !important;
   
    
    margin-bottom:0px !important;
    border-bottom:0px !important;
}
.nav-tabs a{
    color: #014c6e !important;
   }
.nav-tabs .active{
    background:#014c6e !important;
    color: #fff !important;
    border: 1px solid !important;
    margin-bottom:0px !important;
    border: 1px solid !important;
    margin-bottom:0px !important;
    border-bottom:0px !important;

}
.tab-content{
   
    background-color: #fff !important;
    padding:20px;
   
    color:#333 !important;

    
}
.tab-content p{
    color:#333 !important;
    
}

.search-form-control{

    border-color:rgb(182, 216, 243) !important;
    color:#FFF;

}
.search-form-control::placeholder{
    color:rgb(182, 216, 243) !important;
}
  .btn-success:hover, .btn-success:focus {
    color:#fff !important;
    box-shadow: none;
    border-color: #ddd; }
  .btn-success:active, .btn-success.active {
    color:#fff !important;
    border-color:rgb(182, 216, 243) !important;
    }
  .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active {
    color:rgb(182, 216, 243) !important;
    border-color:rgb(182, 216, 243) !important;
   
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;..");
    background-color: #ddd;
    color : #014c6e !important;

  }
  .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;..");
    background-color: #014c6e !important;
  }
  .user-profile-section img{
    margin-top:10px !important;
  }
  #nama_profil{
    margin-top:15px !important;
  }

  #iconCart{
    margin-top:15px !important;

}
.user-profile-dropdown{
    margin-left:-10px !important;

}
    @media only screen and (max-width: 990px) {
  .theme-logo img{
    margin-left:-30px !important;
    margin-top:-10px !important;
     height:43px !important ;
     width:100px !important;
     
}
.user-profile-dropdown{
    margin-left:0px !important;
    margin-top:-2px !important;

}
.dropdown{
    background:re !important;
}

.header-container{
    height:70px !important;
}

#search-close{
    color:fff !important;
    cursor:pointer;
    margin-top:-10px !important;
}
.toggle-search{
    margin-top:20px !important;
}
.btn-sm{
    padding-left:10px ;
    padding-right:10px;
}
.footer .img-thumbnail{
    display:none;
}
#nama_profil{
display:none !important;
}
.user-profile-section img{
    margin-top:-2px !important;
  }
  .dropdown-menu{
    margin-top:-1px !important;
    
   

}

#iconCart{
    margin-top:-1px !important;
    


}
h1,h2,h3,h4{
    font-size:24px !important;
}
h4{
    font-size:16px !important;
}

}