.badge-success {
    color: #fff;
    background-color: #000;
}
.salon_error {
    background-color: #F8D7DA!important;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.btn-group-sm>.btn, .btn-sm {
    padding: .25rem;
    font-size: .575rem;
    line-height: 1;
    border-radius: .2rem;
}

/* SideBar */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link,
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
   /* background-color: #5CB6C6;*/
   background: rgba(255,255,255,1);
   color: #716772;
}

.nav-treeview .nav-item .nav-link i {
    font-size: 0.8rem;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover
{
    background: rgba(92,182,182,0.5);
    color: #5CB6C6;
    font-weight: 900;
}

.content-wrapper,
aside.main-sidebar.sidebar-ligth-primary {
    background: #F4F2F5 ;
}

.brand-link {
    background: white;
    font-size: 2em;
    line-height: 2em;
}
.brand-link .brand-image {
    line-height: 2em;
    float: none;
    margin-left: .4rem;
    max-height: 40px;
}
nav.main-header.navbar.navbar-expand {
      background: #F4F2F5 ;
}
.nav-pills .nav-link:not(.active):hover {
    color:#5CB6C6;
    font-weight: thin;
}
li.nav-item .nav-link > i {
    margin-right: 10px;
}
.logo-xl.brand-image-xl,
.logo-xs.brand-image-xl {
    top: inherit;
    left: 1.8rem;
    line-height: 2;
    max-height: 60px;
}

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .logo-xs {
        top: 30px;
        left: 7px;;
    }
}
.main-sidebar h5.salon-name {
    color:#716772;
    overflow-wrap: normal;
    font-weight:
    bold;
    overflow: hidden;
}

body.sidebar-mini.sidebar-collapse .main-sidebar h5.salon-name { font-size: 0.6em }

/* switch */
.custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::before {
    background: #5CB6C6;
    border-color: #007594;
}
.custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::before {
    background: #E23051;
    border-color: #921925;
}
.custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::after {
    background:#92CED9 ;
}
/* generales */
.display-4 {   font-size: 1.8rem; }
.puntero { cursor:pointer; }
a {    color: #49AABF;}
a:hover { color: #256472; text-decoration: underline; }
.btn-primary
{
    background-color: #5CB6C6;
    border-color: #5CB6C6;
}
.btn-primary:hover {
    background-color: #3C7984;
    border-color: #3C7984;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #5CB6C6;
    border-color: #5CB6C6;
}
.btn-primary.focus, .btn-primary:focus {
    background-color: #3C7984;
    border-color: #3C7984;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #3C7984;
    border-color: #3C7984;
}
.btn-secondary {
    background-color: #FDAA27;
    border-color: #FDAA27;

}
.btn-secondary:hover {
    background-color: #FE6525;
    border-color: #FE6525;
}
.card-info:not(.card-outline)>.card-header {
    background-color: #5CB6C6;
}
.hidden {
    display: none;
}
.slow  .toggle-group { transition: left 0.7s; -webkit-transition: left 0.7s; }
/* Perfil - Customization */

.logo-img {
    border: 1px dotted #ced4da;
    margin: 0 auto;
    padding: 3px;
    width: 200px;
}
.customization .logo-img:hover {
    border: 5px dotted #5CB6C6 ;
}
.main-sidebar .logo-img {
    width: 150px;
}
#logo-colores.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:  flex;
  flex-wrap: wrap;
}
#logo-colores.row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
/* Panel marcas */
#panel-marcas input[type="number"]{
    max-width: 45px;
}

#panel-marcas .margen button {
    font-size: 10px;
    padding: .375rem .45rem;
}
#panel-marcas #inputRange{
    max-width: 45px;
    background: transparent;
    border: 0;
}
.irs--flat .irs-handle>i:first-child,
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single,
.irs--flat .irs-bar {
    background-color: #5CB6C6!important;
}

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before
{border-top-color: #5CB6C6!important; }

/* productos - marca  */
#panel-productos-marca .widget-user-header {
    padding-top: 0.69rem;
    padding-bottom:  0.69rem;
}
#panel-productos-marca .widget-user-header:after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(255,255,255,.3);
}
#panel-productos-marca .widget-user-header h5,
#panel-productos-marca .widget-user-header h3 {
    color: black;
}
/*#panel-productos-marca .info-box {
    background-color: rgba(92,182,198,0.25);;
}*/

#panel-productos-marca .small-box-footer {

    background-color: rgba(0,0,0,.1);
    color: rgba(255,255,255,.8);
    display: block;
    padding: 3px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 10;
}

.content-wrapper .card-header .row {
    align-items: flex-end;
}


@media (max-width: 1024px) {
    .card-body.table-responsive {
        padding: 1.25rem 0;
    }
    .modal-body {
        margin: 0 !important;
    }
}