/*Icono de usuario logeado*/
.icon-user:before {
    content: "\e61b";
    color: #013366;
    font-size: medium;
    border-radius: 10px;
    padding: 4px;
}

/*.grid-details-tabs {
    margin-bottom: 1em;
    margin-top: 10000px;
}*/

/*Titulos de las tablas*/
.page-header h1 {
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: bold;
    color: #3399f3;
    font-size: x-large;
}

/*.alert-warning {
    background-color: #999999;
    border-color: #999999;
    color: white;
}*/
/* icono de remover o eliminar*/
.icon-remove:before {
    content: "\e61d";
    color: #ff5757;
}
/*icono de ver*/
.icon-view:before {
    content: "\e606";
    color: #013366;
}
/*icono de editar*/
.icon-edit:before {
    content: "\e607";
    color: #196c74;
}

/*
.pgui-cell-edit img {max-height: 80px; width: auto;}
.pgui-home-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
}*/

/*.icon-detail-minus:before {
    content: "\e632";
    color: #6e2091;
}*/

/* menu lateral*/
.sidebar {
    position: fixed;
    width: 245px !important;
    margin-left: 3px !important;
    float: left !important;
    height: calc(80%) !important;
    top: 90px !important;
    /*left: -240px;*/
    bottom: 0 !important;
    z-index: 5 !important;
    /*background: red;*/
    border-right: 1px solid #3399f3 !important;
    transition: left 0.3s ease-out !important;
    overflow-y: auto !important;
    padding: 0 50 0 0 !important;
    background: #cfd1d3 !important;
    border-radius: 0 10px 10px 0 !important;
    color: white !important;
   
}
/*Color de opcion seleccionada en menu*/
.active > .sidebar-nav-item, .active > .sidebar-nav-item:hover, .active > .sidebar-nav-item:focus {
    color: #3399f3 !important ;
    background-color: #2196f347 !important ;
    
}
/*.sidebar-nav-item {
    position: relative;
    display: block;
    padding: 3px 8px;
    border-radius: 0;
    cursor: pointer;
    font-weight: 600;
}*/
/*Estilos del footer*/
footer {
    margin-bottom: 2em;
    background: #979ea4;
    padding: 8px 0;
    color: white;
}
/*Color textos del menu*/
a.sidebar-nav-item{
color: #333333;
font-weight: bold !important;
}
span.sidebar-nav-item{
font-weight: bold !important;
}
/*.control-label {
    word-wrap: break-word;
    color: green;
    font-weight: bold;
    text-decoration: underline;
}*/
.modal-header {
    padding: 15px !important;
    border-bottom: 2px solid #3399f3 !important;
    background: #0d3251de !important;
    color: #cccccc !important;
    font-size: medium !important;
}
/*textos del modal*/
.control-label {
    word-wrap: break-word;
    color: #013366;
    
}
/*estilos footer modal*/
.modal-footer {
    padding: 10px !important;
    text-align: right !important;
    border-top: 2px solid #333333 !important;
    background: #d9d9d9 !important;
}
/*titulo del modal*/
h4.modal-title{
color: #3399f3;
}
h3.modal-title{
color: #3399f3;
}
/*header central*/
.page-header {
    margin-top: 30px !important;
}
/*administra el icono up del usuario y menus*/
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    color: #013366 !important;
}
/*Color del icono de folder del menu*/
i.icon-folder-o{
color: #002544;
}
/*Color del icono de folder del menu
i.icon-list{
color: #5271ff;
}
*/
/*pagina de logeo*/
.pgui-login {
    max-width: 400px !important;
    min-width: 200px !important;
    padding: 8px 24px !important;
    margin: 5em auto !important;
    border: 2px solid #3399f3 !important;
    border-radius: 20px !important;
   
}

/*borde de avatar de login*/
img.pgui-login-avatar{
border: 2px solid #3399f3;

}
/*botones de la aplicacion*/
.btn.btn-default {
color: #002544;
background: #d9d9d9;
border-bottom: 1px solid #013366;
}
/*bordes de buscador*/
input.js-input.form-control{
 border: 2px solid #002544;
border-bottom: 3px solid #3399f3;
}
/*boton de submit modal*/
button.btn.btn-primary.js-save.js-primary-save{
background: #002544;
}
/*borde inferior tititulo de submenu*/
div.page-header{
color: #002544;
 border-bottom: 2px solid #002544 !important;
}
/*boton de aplicar buscador*/
button.js-submit.btn.btn-sm.btn-primary{
background: #002544;
}
button.btn.btn-primary.js-filter-builder-commit{
background: #002544;
}
button.sort-button.btn.btn-primary{
background: #002544;
}
/*color textos principales*/
span{
color: #013366 !important;
}
.required-mark {
    color: #cd0200 !important;
}
/*fondo de los tabs de app vinculadas*/
ul.nav.nav-tabs.grid-details-tabs{
background: #DCE6DC;
border-bottom: 3px solid #002544;
}
/*formulario de tabs*/
td.js-content{
 padding: 15px  !important;
}
/*textos con link*/
a{
color: #002544 !important;
}
th{
background: #446e9b3d;
}
.breadcrumb {

    background-color: #2196f347 !important;
    border-radius: 6px !important;
}

/*pill de modals*/
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: white;
    background-color: #3399f38a !important;
}
/* boton superior miga de pan*/
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: white;
    background-color: #2f2f2e17 !important;
    border-color: #0d3b70 !important;
}

.visible-lg-inline:hover{
    color: rgb(239, 243, 239)!important;
    font-weight: bold!important;
}

i.icon-page-refresh:hover{
    color: rgb(239,243,239)!important;
}

.plano:hover{
    background-color: rgb(173, 162, 162)!important;
}