.mb-0{
    margin-bottom: 0rem;
}
.mt-3{
    margin-top: 1rem;
}

.mt-15{
    margin-top: 15px;
}
.mt-20{
    margin-top: 20px;
}

.mt-25{
    margin-top: 25px;
}

.mt-32{
    margin-top: 32px;
}

.mt-48{
    margin-top: 48px;
}


.ml-3{
    margin-left: 1rem;
}
.ml-4{
    margin-left: 1.5rem;
}
.ml-5{
    margin-left: 3rem;
}
.ml-6{
    margin-left: 6rem;
}

.m-0{
    margin: 0 !important;
}

.d-inline{
    display: inline;
}
.lh-42{
    line-height: 42px;
}
.w-auto{
    width: auto;
}

.navbar {
	border:0;
  background-color: #ffffff;
	color:#212529;
	padding-left: 10px;
  padding-right: 25px;
  border-bottom: solid 1px #dddddd;
}

.navbar-default .navbar-nav > li > a{
    color:#212529;
}

.navbar-default .navbar-nav > li > a.productive{
    background-color: #60C060 !important;
    border-color: #54A754 !important;
    color: white !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a.sandbox{
    color: white;
    background-color: #a00000;    
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
    color: white;
    background-color: #a00000;    
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-menu li > a:hover{
    color: white;
    background-color: #a00000;    
}

.cl-sidebar {
    background: #ffffff;    
}

#cl-wrapper .cl-sidebar .side-user .info{
    color:#212529;
}

.cl-vnavigation {
    margin: 0 0 0 0;
    padding: 0;
    border-top: 1px solid #dddddd;
    border-bottom: none;
}

.cl-vnavigation li a {        
    display: block;
    padding: 14px 18px 13px 15px;
    color: #212529;
    font-size: 12px;
    font-weight: 300;    
    white-space: nowrap;
    border-bottom: 1px solid #dddddd;
    border-top: none;
}

.cl-vnavigation li a:hover, .cl-vnavigation li a:active{
    background-color: #a00000;    
    color: #ffffff;
}


.pb-20{
    padding-bottom: 20px;
}


.btn-lg{
    font-weight: 400;
}

table .fas , table .fa{
    cursor: pointer;
}

.table-pointer td{
    cursor: pointer;
}


/* Login */
.login-container .header .logo-img{
    max-width: 50px;
}


/* Barra de navegacion en seccion privada */
.dropdown-toggle img{
    height: 30px;
}

.navbar-nav>li>a{
    font-size: 14px;
}
.navbar-default .navbar-brand{
    background: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 70px;
}

.navbar-brand>img{
    height: 50px;
}


/* Sidbar en seccion privada */

#cl-wrapper .cl-sidebar .side-user .info,
#cl-wrapper .cl-sidebar .side-user .info span,
#cl-wrapper .cl-sidebar .side-user .info p{
    font-size: 1.5rem;
}


.cl-vnavigation li a, .cl-vnavigation li a .btn{
    text-shadow: none;
    border-top: none;
}

/* vista de generales / summary */
.stat-data .stat-number h2{
    min-width: 42px;
}
figure.menu-scrollable{
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
}


#data_table img {
    max-width: 100px;
    max-height: 100px;
}

/***************** LOADING *****************/
/* PANEL DEL CARGANDO / PROCESANDO */
#loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    opacity: 0.7;
    background-color: #fff;
    z-index: 9999;
    text-align: center;
    display: none;
}

#loading-image {
    position: absolute;
    top: 35%;
    left: 45%;
    z-index: 100;
    color: rgb(37, 56, 138);
    font-size: 150px;
}


.login-container .block-flat .header{
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
    text-align: center;
}

.login-container .block-flat .header h3{
    color: #333333;
}

.login-container .out-links a{
    color: #333333;
}

.btn-primary, .btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{
    background-color: #a00000;    
    color: #ffffff;
    border-color: #a00000;
}
textarea{
    max-width: 100%;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    border-top: 2px solid #a00000;
}
.nav-tabs > li.active > a:after, .nav-tabs > li.active > a:hover:after, .nav-tabs > li.active > a:focus:after{
    background: #a00000;
}

.list-group-item>.badge{
    background-color: white;
    color: #333333;
    border: 1px solid #dddddd;
    cursor: pointer;
}
.login-container .middle-login{
    margin-top: -200px;
}

.dropdown-menu li{
    cursor: pointer;
}

.form-horizontal .form-group{
    margin-right: 0px;
    margin-left: 0px;
}