@charset "utf-8";
/* CSS Document */

/*----------------BODY------------------------*/
.content-wrapper {background: #F9FAFB !important;}
body {
    font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
    color: #444E63 !important;
    font-size: 0.9rem !important;
}
.content-header .breadcrumb a {color: #0072C6 !important;}
.page-item.active .page-link {
    background-color: #0072C6 !important;
    border-color: #0072C6 !important;
}

/*---------------------TABLES--------------------*/
.table-bordered td, .table-bordered th {
    border-top: 0 !important;
    border-bottom: 1px solid #EFEFEF !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
.card-title {font-size: 1rem !important;}
.table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0,0,0,.02) !important;}
.table {color: #444E63 !important;}
.card-header {border-bottom: 1px solid rgba(0,0,0,.05) !important;}
.card {-webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2) !important; box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2) !important;}
.table-bordered {border: 0 !important;}
.content-wrapper>.content {   padding: 0 1rem !important;}
.content-header {    padding: 15px 1rem !important;}
.table-hover tr:hover {background-color: #F9FAFB !important;}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting {
    color: #054F90 !important;
}

/*------------------FORMS---------------------------*/
.card-primary:not(.card-outline)>.card-header {
    background-color: transparent !important;
}
.card-primary:not(.card-outline)>.card-header .card-title {
    color: #0072C6 !important;
    font-weight: 700 !important;
}
.card-footer {
    padding: 0.2rem 1.25rem 1.25rem !important;
    background-color: rgba(255,255,255,0) !important;
    border-top: 0 solid rgba(0,0,0,0);
}
label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400 !important;
}


/*------------------BOTONES--------------------*/
.btn-primary {
    background-color: rgb(0, 114, 198) !important;
    border-color: rgb(0, 114, 198) !important;
}


/*------------------LOGIN----------------------*/
.login-box {
    width: 840px !important;
    height: 20px !important;
    background-color: #fff !important;
    padding: 20px 5px 300px 5px !important;
-webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.5) !important; box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.5) !important;
    border-radius: 0.4em;
}

.login-card-body, .register-card-body {
    color: #666;
    padding: 0 20px !important;
}
.login-page {
    background-image: url(../img/logo_principal_anim.jpg) !important;
    background-position: center center !important;
    background-size: cover !important;
}
.login-forma .card{
    -webkit-box-shadow: 0 0 0 0 rgba(183, 192, 206, 0) !important; box-shadow: 0 0 0 0 rgba(183, 192, 206, 0) !important;
}
@media only screen and (min-width: 800px) {
.login-logo{border-right: 1px solid #DCDEE2; padding-right: 20px}
}

/*-----------------SIDEBAR-----------------------*/
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #EFEFEF !important;
    color: #1F4679 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0), 0 1px 2px rgba(0,0,0,0) !important;
}
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover {
    background-color: #F8F8F8 !important;
    color: #1F4679 !important;
}
[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link {
    color: #444E63 !important;
}
[class*=sidebar-light-] .sidebar a:hover {
    background-color: #EFEFEF !important;
}
[class*=sidebar-light-] .sidebar a {
    color: #444E63 !important;
}
.nav-sidebar>.nav-item .nav-icon.fas, .nav-sidebar>.nav-item .nav-icon.far {
    color: #D0D3D8 !important;
}
.nav-sidebar>.nav-item .nav-link.active .nav-icon.fas, .nav-sidebar>.nav-item .nav-link.active .nav-icon.far{
    color: #1F4679 !important;
}
[class*=sidebar-light-] .sidebar .info a {color: #054F90 !important;}
[class*=sidebar-light-] .sidebar .info a:hover {background-color:  transparent!important;}


/*------------------LOGOS------------------------*/
.brand-link .brand-image-xxl {
    line-height: 0.8;
    max-height: 92px;
    width: auto;
}
.brand-link .brand-image-xl {
    max-height: 42px !important;
}

/*-----------------tipografia-------------------*/
.content-header h1 {
    color: #054F90 !important;
}