.text-primary{
    color: #7ecce2;
}
.bg-primary {
    background-color: #7ecce2 !important;
}

.bg-estado-1{
    background-color: #7ecce2;    
    color: #FFFFFF;
}

.outline-primary {
  border: 1px solid #7ecce2;  
  background: transparent;
  color:#333;
}

.box.box-primary {
    border-top-color: #7ecce2;
}

.box.box-1 {
    border-top-color: #7ecce2;
}


.skin-blue .main-header .logo {
    background-color: #7ecce2;
    color: #ffffff;
    border-bottom: 0px solid transparent;
}
.skin-blue .main-header .navbar {
    background-color: #7ecce2;
}


.btn-estado-1{
    background-color: #7ecce2;    
    color: #FFFFFF;
}

.btn-primary {
  background-color: #7ecce2;
  border-color: #7ecce2;
  color:#FFFFFF;
  
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
    background-color: #7ecce2;
    border-color: #FFFFFF;
    color: #FFFFFF !important;
    border-radius: 5px;
}
.hr-primary{
    border-top: 2px solid #252526;
}
.border-primary{
    border: 1px #252526 solid;
}
.custom-checkbox::before {
  box-shadow: inset 0 0 0 1px #252526;
}
.custom-checkbox:checked::before {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%252526'/%3E %3C/svg%3E");
} 

.sidebar-menu.sb-primary > li:hover > a, 
.sidebar-menu.sb-primary > li.active > a{
    color: #ffffff;
    background: #252526;
}