:root{

--red  : #e96056;
--blue : #18486f;
--gold : #e8d190;
--grey : #bcbabb;

}

body{
font-family: 'Roboto Condensed', sans-serif;
}

body.login , body.hola {
background: url('../bg.png') no-repeat;
background-size: cover;
}

.btn-success, .btn-success:hover, .btn-success:active , .btn-success:focus, .btn-success:active:focus{
background: var(--red);
border:none; 
}

.btn-green, .btn-green:hover, .btn-green:active , .btn-green:focus, .btn-green:active:focus{
background: #519851;
border:none;
color: #FFF;
}


.navbar-brand img {
height: 54px;
margin-top: -17px;
}
  
.sidebar-welcome{ padding: 10px; color : var(--blue);}
.sidebar-welcome b { color : var(--red);}
.panel-primary  , .panel-primary .panel-heading { background-color : var(--blue); border-color : var(--blue);}
.panel-red  , .panel-red .panel-heading { background-color : var(--red); border-color : var(--red);}
.panel-gold  , .panel-gold .panel-heading { background-color : var(--gold); border-color : var(--gold);}
.panel-red-ligth  , .panel-red-ligth .panel-heading { background-color : #b9b1a5; border-color : #b9b1a5;}
.panel-red-ligth .panel-footer{color: #b9b1a5; }
.panel-red-ligth { color : #FFF;}
.panel-gold i , .panel-gold .panel-footer { color : #907b40 }
.btn-blue , .btn-blue:hover  , .btn-blue:visited , .btn-blue:active { background:  var(--blue) ; color: #FFF !important; }
.loading{
width: 100%;
    height: 100%;
    background: #FFF url(../mm-loading.gif) center center;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
    background-size: 273px;
    background-repeat: no-repeat;
}

#dataTables-example_filter input[type="search"]{
margin-left: 10px;
}

.spacer-20{
height: 20px;
display: block;
}
.input-checkbox label{ margin-right: 10px; }
.input-checkbox input[type="checkbox"]{
width: 50px;
height: 50px;
}

.fa-size-30{ font-size: 30px }
.fa-size-20{ font-size: 20px }
.fa-size-10{ font-size: 10px }
.fa-size-5{ font-size: 5px }

.jconfirm-content {  overflow-x: hidden !important;  font-size: 18px;}
.form-ex input { font-size: 18px }