@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

/* Barra Navegacion */
.navbar-custom {
    background-color: #000000;
    border-color: #313131;
}
.navbar-custom .navbar-brand {
    color: #bababa;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: #ffffff;
}
.navbar-custom .navbar-text {
    color: #bababa;
}
.navbar-custom .navbar-nav > li > a {
    color: #bababa;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #000000;
}
    /*.navbar-custom .navbar-nav > li > .dropdown-menu {
        background-color: #000000;
    }
    .navbar-custom .navbar-nav > li > .dropdown-menu > li > a {
        color: #bababa;
    }
    .navbar-custom .navbar-nav > li > .dropdown-menu > li > a:hover,
    .navbar-custom .navbar-nav > li > .dropdown-menu > li > a:focus {
        color: #ffffff;
        background-color: #000000;
    }
    .navbar-custom .navbar-nav > li > .dropdown-menu > li.divider {
        background-color: #313131;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #313131;
    }*/
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #313131;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #313131;
}
.navbar-custom .navbar-toggle {
    border-color: #313131;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: #313131;
}
.navbar-custom .navbar-toggle .icon-bar {
    background-color: #bababa;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
    border-color: #bababa;
}
.navbar-custom .navbar-link {
    color: #bababa;
}
.navbar-custom .navbar-link:hover {
    color: #ffffff;
}

@media (max-width: 767px) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #bababa;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
        background-color: #000000;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #313131;
    }
}
/* Fin Barra Navegacion */



/* Submenu Cuenta */
.navbar-submenu { background-color: #E8EAE9}
.navbar-submenu .navbar-nav>.active>a:hover,.navbar-submenu .navbar-nav>li>a:hover, .navbar-submenu .navbar-nav>li>a:focus { background-color: #DBDFE3}
.navbar-submenu .navbar-nav>.active>a,.navbar-submenu .navbar-nav>.open>a,.navbar-submenu .navbar-nav>.open>a, .navbar-submenu .navbar-nav>.open>a:hover,.navbar-submenu .navbar-nav>.open>a, .navbar-submenu .navbar-nav>.open>a:hover, .navbar-submenu .navbar-nav>.open>a:focus { background-color: #9FA7AA}
.navbar-submenu .dropdown-menu { background-color: #FFFFFF}
.navbar-submenu .dropdown-menu>li>a:hover, .navbar-submenu .dropdown-menu>li>a:focus { background-color: #DBDFE3}
.navbar-submenu { background-image: none; }
.navbar-submenu .dropdown-menu>li>a:hover, .navbar-submenu .dropdown-menu>li>a:focus { background-image: none; }
.navbar-submenu { border-color: #DBDFE3}
.navbar-submenu .navbar-brand { color: #666566}
.navbar-submenu .navbar-brand:hover { color: #40494A}
.navbar-submenu .navbar-nav>li>a { color: #666566}
.navbar-submenu .navbar-nav>li>a:hover, .navbar-submenu .navbar-nav>li>a:focus { color: #40494A}
.navbar-submenu .navbar-nav>.active>a,.navbar-submenu .navbar-nav>.open>a, .navbar-submenu .navbar-nav>.open>a:hover, .navbar-submenu .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-submenu .navbar-nav>.active>a:hover, .navbar-submenu .navbar-nav>.active>a:focus { color: #40494A}
.navbar-submenu .dropdown-menu>li>a { color: #666566}
.navbar-submenu .dropdown-menu>li>a:hover, .navbar-submenu .dropdown-menu>li>a:focus { color: #40494A}
.navbar-submenu .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-submenu .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-submenu .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-submenu .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}
/* Fin Submenu Cuenta*/



/* Notificacion */
#topbar-notificacion-container .popover-content {
    padding: 0;
}

#topbar-notificacion-container .popover-content > .list-group {
    margin: 0;
    border: none;
}

#topbar-notificacion-container .popover-content > .list-group > .list-group-item {
    border-left: none;
    border-right: none;
    border-bottom: none;
}
/* Fin Notificacion */



/* Barra de Perfil */
.navbar-nav > li > a.nav-perfil {
    padding: 0;
    margin: 0;
    line-height: 1em;
}
.navbar-nav > li > a.nav-perfil .thumbnail {
    padding: 1px;
    margin: 7px;
    display: inline-block;
}
.navbar-nav > li > a.nav-perfil .thumbnail img {
    width: 30px;
    height: 30px;
}
.navbar-nav > li > a.nav-perfil .texto {
    display: inline-block;
    line-height: 12px;
    padding: 0;
    margin: 0;
    font-size: 11px;
    vertical-align: top;
    margin-top: 10px;
}
.navbar-nav > li > a.nav-perfil .texto span {
    font-size: 13px;
}
/* Fin Barra de Perfil */



/* Barra de Cargando */
#alert-progress{
    margin:0 auto;
    padding:0;
    position:fixed;
        height: 20px; /*Altura de tu div*/
        width: 200px; /*Anchura de tu div*/
    top:50%;
    left:-50%;
    right:-50%;
    z-index: 100000000;
}
/* Fin Barra de Cargando */



/* Paneles */
.panel-blue {
    border-color: #3E87C6;
}
.panel-blue > .panel-heading {
    color: #fff;
    background-color: #3E87C6;
    border-color: #3E87C6;
}
.panel-blue > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #3E87C6;
}
.panel-blue > .panel-heading .badge {
    color: #3E87C6;
    background-color: #fff;
}
.panel-blue > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #3E87C6;
}
.panel-blue>a{
    color:#3E87C6
} 
.panel-blue>a:hover{
    color:#337AB7
}

.panel-green {
    border-color: #5cb85c;
}
.panel-green > .panel-heading {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.panel-green > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #5cb85c;
}
.panel-green > .panel-heading .badge {
    color: #5cb85c;
    background-color: #fff;
}
.panel-green > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #5cb85c;
}
.panel-green>a{
    color:#5cb85c
} 
.panel-green>a:hover{
    color:#3d8b3d
}

.panel-red {
    border-color: #d9534f;
}
.panel-red > .panel-heading {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}
.panel-red > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d9534f;
}
.panel-red > .panel-heading .badge {
    color: #d9534f;
    background-color: #fff;
}
.panel-red > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d9534f;
}
.panel-red>a{
    color:#d9534f
} 
.panel-red>a:hover{
    color:#b52b27
}

.panel-yellow {
    border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.panel-yellow > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #f0ad4e;
}
.panel-yellow > .panel-heading .badge {
    color: #f0ad4e;
    background-color: #fff;
}
.panel-yellow > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #f0ad4e;
}
.panel-yellow>a{
    color:#f0ad4e
} 
.panel-yellow>a:hover{
    color:#df8a13
}
/* Fin Paneles */



/* Recuadros */
.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}
.bs-callout h4{margin-top:0;margin-bottom:5px}
.bs-callout p:last-child{margin-bottom:0}
.bs-callout code{border-radius:3px}
.bs-callout+.bs-callout{margin-top:-5px}
.bs-callout-danger{border-left-color:#ce4844}
.bs-callout-danger h4{color:#ce4844}
.bs-callout-warning{border-left-color:#aa6708}
.bs-callout-warning h4{color:#aa6708}
.bs-callout-info{border-left-color:#1b809e}
.bs-callout-info h4{color:#1b809e}
.bs-callout-success{border-left-color:#5cb85c}
.bs-callout-success h4{color:#5cb85c}
.bs-callout-primary{border-left-color:#337ab7}
.bs-callout-primary h4{color:#337ab7}
/* Fin Recuadros */




/* Lista de Grupo */
.list-group-item-default {
    color: #333333;
    background-color: #f5f5f5;
}
a.list-group-item-default {
    color: #333333;
}
a.list-group-item-default .list-group-item-heading {
    color: inherit;
}
a.list-group-item-default:hover,
a.list-group-item-default:focus {
    color: #333333;
    background-color: #d0e9c6;
}
a.list-group-item-default.active,
a.list-group-item-default.active:hover,
a.list-group-item-default.active:focus {
    color: #fff;
    background-color: #333333;
    border-color: #333333;
}
/* Fin Lista de Grupo */




/* Label Transparente */
.label-transparent {
    display: inline;
    padding: .2em .6em .3em;
    /*font-size: 75%;
    font-weight: bold;*/
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
a.label-transparent:hover,
a.label-transparent:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.label-transparent:empty {
    display: none;
}
.btn .label-transparent {
    position: relative;
    top: -1px;
}

.label-transparent-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.label-transparent-default[href]:hover,
.label-transparent-default[href]:focus {
    background-color: #5e5e5e;
}

.label-transparent-primary {
    color: #337ab7;
    background-color: #c8e6ff;
    border-color: #7cb9ee;
}
.label-transparent-primary[href]:hover,
.label-transparent-primary[href]:focus {
    background-color: #286090;
}

.label-transparent-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.label-transparent-success[href]:hover,
.label-transparent-success[href]:focus {
    background-color: #449d44;
}

.label-transparent-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.label-transparent-info[href]:hover,
.label-transparent-info[href]:focus {
    background-color: #31b0d5;
}

.label-transparent-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.label-transparent-warning[href]:hover,
.label-transparent-warning[href]:focus {
    background-color: #ec971f;
}

.label-transparent-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.label-transparent-danger[href]:hover,
.label-transparent-danger[href]:focus {
    background-color: #c9302c;
}
/* Fin Label Transparente */



/* Botones Cuadrados */
.btn-sq {
    width: 100px !important;
    height: 100px !important;
    font-size: 10px;
}

.btn-sq-xs {
    width: 25px !important;
    height: 25px !important;
    padding: 2px;
}

.btn-sq-sm {
    width: 50px !important;
    height: 50px !important;
    font-size: 10px;
}

.btn-sq-lg {
    width: 100px !important;
    height: 100px !important;
}
/* Fin Botones Cuadrados */



/* Modals */
#modal .modal-backdrop {
    z-index: 100;
}
#modal .modal-dialog  {
    width:60%;
}


#modalLarge .modal-backdrop {
    z-index: 80;
}
#modalLarge .modal-dialog  {
    width:70%;
    z-index: 0;
}


.modal > .modal-wide {
    width: 80%;
}
.modal-wide .modal-body {
    overflow-y: auto;
}


.modal > .modal-full {
    width: 90%;
}
.modal-full .modal-body {
    overflow-y: auto;
}
/* Fin Modals */



/* Multiples Modals */
.modal-backdrop ~ .modal-backdrop
{
    z-index: 1051 ;
}
.modal-backdrop ~ .modal-backdrop ~ .modal-backdrop
{
    z-index: 1052 ;
}
.modal-backdrop ~ .modal-backdrop ~ .modal-backdrop ~ .modal-backdrop
{
    z-index: 1053 ;
}
/* Fin Multiples Modals */



/* Header Fijo */
.table-wrapper {
    overflow-y:auto;
}

/*.table-wrapper table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    outline: 2px solid black;
}*/

.table-wrapper thead {
    position:sticky;
    top:0;
    /*z-index:99999;
    background:white;*/
}

/*.table-wrapper tbody { border-top: 2px solid black; }

.table-wrapper tbody td, .table-wrapper thead th {
    border-right: 1px solid black;
}

.table-wrapper tbody td:last-child, .table-wrapper thead th:last-child {
    border-right: none;
}

.table-wrapper tbody {
    td {
        padding-left:0.25em;
    }
}*/

.thead-light {
    color: #525252;
    background-color: #dbdfe3;
}
a.thead-light:hover {
    background-color: #969696;
}
/* Fin Header Fijo */



/* Campos Requeridos */
label.required:before {
    color: red;
    content: "* ";
    font-weight: normal;
}

.radio label.no-required:before {
    content: none;
}
/* Fin Campos Requeridos */



/* Varios */
th { text-align:center }

.pointer {
    cursor: pointer;
}
.top-buffer {
    margin-top:-20px;
}

/* Make Select2 boxes match Bootstrap3 heights: */
/*.select2-selection {
    height: 32px !important;
}
.select2-selection__rendered {
    height: 32px !important;
}
.select2-selection__arrow {
    height: 32px !important;
}*/
/* Fin Varios */



/*Gif de carga*/
.loading-indicator {
    position: fixed;
    z-index: 2000;
    left: 50%;
    top: 50%;
}
/*Fin Gif de carga*/

/* Errores de Formulario */
.red{
    color:red;
}
.redAlert{
    color:red;
}
/* Fin Errores de Formulario */



/* :::Código Laura::: */

/* Lista Documentos Asociados */
.lista_documentos { 
    margin: 10px auto;
    width: 98%;
    border-radius: 5px;
    background-color: #337ab7;
}

.lista_documentos ul {
    list-style: none;
    padding: 0!important;
    border-bottom: solid 1px #fff;
}

.lista_documentos > ul > a {
    color: #fff;
}

.lista_documentos li {
    list-style: none;
    padding: 0!important;
    border-bottom: solid 1px #fff;
}

.lista_documentos label {
    cursor: pointer;
}

.lista_documentos span {
    font-size: 1.2em;
    margin: 10px 20px;
}

.lista_documentos .directorio_nivel_1 {
    color: #fff;
}

.lista_documentos .directorio_nivel_2 {
    background-color: #dedede;
    color: #525252;
}

.lista_documentos .directorio_nivel_3 {
    background-color: #f0f0f0;
    color: #525252;
}

.tree-toggle {
    width: 100%;
}

.lista_documentos .row {
    padding-top:4px;
    padding-bottom:4px
}
/* Fin Lista Documentos Asociados */


/* Documentos - Carga Masiva */
.contenedor_drag {
    margin-top: 30px;
}

.file_drag_area  
{  
    width:600px;  
    height:400px;  
    border:2px dashed #ccc;   
    color: #ccc;
    text-align: left;
    font-size:24px;  
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0px 20px;
    overflow-y: auto;
} 

.elemento_lista{
    padding: 10px;
}

.file_drag_over{  
    color:#000;  
    border-color:#000;  
}  

.file_drag_area span{ 
    font-size: 7em;
    margin-top: 100px;
}

.file_drag_area a{ 
    color: #000;
}

#uploaded_file{
    font-size: .6em;
    color: #000;
}

.flecha_arrastra{
    width: 100%;
    text-align: center;
}
/* Fin Documentos - Carga Masiva */

/* :::Fin Código Laura::: */

/*Línea separadora entre 2 divs en pagos*/
.seperator {
    height: 89%;
    width: 1px;
    background: lightgray;
    top: 52px;
    bottom: 0;
    position: absolute;
    left: 50%;
}
/* :::Fin Línea::: */

.tHeadTabla {
    background-color: #f2f2f2;
    border-top: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-bottom: 1px lightgrey;
}

.filaTabla:nth-child(even) {
    background-color: #f2f2f2
}

.btn-agregar {
    top: -8px;
}

.saldoTotal{
    font-weight: bold;
    font-size: 16px;
}

.bg-secondary {
    background-color: #6c757d!important;
}

.okey {
    color: #5cb85c;
}

.etiqueta{
    top: 6px;
}

.operacion{
    top: 6px;
}

.table-fixed thead {
    /*width: 97%;*/
}
.table-fixed tbody {
    /*height: 230px;*/
    overflow-y: auto;
    width: 50%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
    /*display: block;*/
}
.table-fixed tbody td, .table-fixed thead > tr> th {
    /*float: left;*/
    border-bottom-width: 0;
}

.divEliminar{
    padding-top: 6px;
}

.btnAgregaFila{
    padding: 2px 6px;
}

.camposDinamicos{
    width:110px;
}

.boton_calendario_nav{
    padding: 7px 10px !important;
    margin: 7px!important;
    background-color: #6ac828!important;
    border-radius: 30px;
}

.boton_calendario_nav:hover{
    background-color: #3a7e0a!important;
}

.boton_calendario_nav:visited{
    background-color: #6ac828!important;
}

.boton_calendario_nav:visited{
    background-color: #6ac828!important;
}

.boton_calendario_nav i{
    color: #fff;
}

.titulo_add_evento_externo {
    font-size: 25px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px #007bbb solid;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    border-radius: 0px;
}

.titulo_add_evento_externo:focus, .titulo_add_evento_externo:active {
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}


/*.camposDinamicosGastosOp{
    width:146px;
}

.table-fixed tbody {
    height: 200px;
    overflow-y: auto;
    width: 100%;
}
.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;
}
.table-fixed tr:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
}
.table-fixed tbody td,
.table-fixed thead > tr > th {
    float: left;
}*/

/*Scroll para las tablas dinámicas*/
.scrollPagos {
    overflow-y:auto;
    height:127px;
    width:1055px;
}

.scrollPagos table {
    width:1033px;
}

.scrollCuotas {
    overflow-y:auto;
    height:186px;
    width:1055px;
}

.scrollCuotas table {
    width:1033px;
}

.scrollResumenAcuerdo {
    overflow-y:auto;
    height:254px;
    width:761px;
}

.scrollResumenAcuerdo table {
    width:677px;
}

/*Tamaño para los colores de cuotas*/
.tamañoCuotas {
    border:1px solid #adadad; 
    padding-right:16px;
}

table {
   font-size: 12px
}

/*Ajuste de la tabla con scroll para historial de pagos en caja*/
.table-cont{
/**make table can scroll**/
    /*max-height: 150px;
    overflow: auto;
    margin: 20px 10px;*/
}


/*Ajuste para el tamaño de las columnas dinámicas totales del historial de pagos en caja*/

/*Ajuste para columnas del historial desde pagos*/
.colMontoPagoPagos{
    width: 15%;
}

.colMontoTotalPagos{
    width: 85%;
    /*width: 61%;*/
}

.colSumaPagosPagos{
    width: 0%;
    /*width: 12%;*/
}

/*Ajuste para columnas del historial desde la caja apertura*/
.colMontoPagoApertura{
    width: 11%;
}

.colMontoTotalApertura{
    width: 89%;
    /*width:75%*/
}

.colSumaPagosApertura{
    width: 0%;
    /*width: 10%;*/
}

/*Ajuste para columnas del historial desde remesa*/
.colMontoPagoRemesa{
    width: 11%;
}

.colMontoTotalRemesa{
    width: 60%;
}

.colSumaPagosRemesa{
    width: 8%;
}