@import url("https://fonts.googleapis.com/css?family=Dosis:300,400,700,800");

@media screen and (max-width: 550px) {
    .div_bloque_base {
        padding-top: 0px;
    }

    .dxPopupWidthUno .dx-popup-normal {
        width: 325px !important;
    }

    .dxPopupWidthDos .dx-popup-normal {
        width: 325px !important;
    }

    .dxPopupWidthTres .dx-popup-normal {
        width: 325px !important;
    }

    .dxPopupWidthImagenesG .dx-popup-normal {
        width: 325px !important;
    }

    .divAsignaciones {
        margin: 5px 0px 5px 0px; 
    }

    .columnListadoAsignaciones {
        padding: 4px;
        width: 100%;
    }

    .columnAsignacionesTotales {
        display: flex;
        padding: 4px; 
        width: 100%;
    }

    .titulo_reloj_advertencia {
        font-family: Tahoma, sans-serif;
        font-size: 14px;
        font-weight: bold;
        margin: 0px;
    }

    .reloj_advertencia {
        padding: 6px 4px; 
        color: white; 
        font-size: 18px; 
        background-color: #212F3D !important; 
        font-weight: 200;
    }
}

@media screen and (min-width: 551px) {
    .div_bloque_base {
        padding-top: 45px;
    }

    .dxPopupWidthUno .dx-popup-normal {
        width: 450px !important;
    }
    
    .dxPopupWidthDos .dx-popup-normal {
        width: 600px !important;
    }

    .dxPopupWidthTres .dx-popup-normal {
        width: 1000px !important;
    }

    .dxPopupWidthImagenesG .dx-popup-normal {
        width: 1250px !important;
    }

    .divAsignaciones {
        margin: 5px 0px 5px 0px; 
        display: flex !important;
    }

    .columnListadoAsignaciones {
        padding: 4px;
        width: 47%;
    }

    .columnAsignacionesTotales {
        display: flex;
        padding: 4px; 
        width: 6%;
    }

    .titulo_reloj_advertencia {
        font-family: Tahoma, sans-serif;
        font-size: 19px;
        font-weight: bold;
        margin: 0px;
    }

    .reloj_advertencia {
        padding: 6px 4px;
        color: white; 
        font-size: 24px; 
        background-color: #212F3D !important; 
        font-weight: 200;
    }
}

body, html {
    min-height: 100%;
    height: 100%;
    margin: 0;
}

a {
    text-decoration: none !important
}

a:hover {
    cursor: pointer !important
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway/Raleway-Regular.ttf')
}

.not_gutters {
    margin-right: 0;
    margin-left: 0;
}

.not_gutters > .col,
.not_gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.panel-title {
    font-size: 18px !important;
    font-weight: bold !important;
}

.texto_centrado {
    text-align: center !important;
}

.texto_izquierda {
    text-align: left !important;
}

.texto_mayuscula {
    text-transform: uppercase;
}

fieldset {
    border: 0.15em solid !important;
    margin: 0;
    min-width: 0;
    padding: 3px;
    position: relative;
    border-radius: 4px;
    background-color: #f5f5f5;
}

legend {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0px;
    width: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 30px 5px 10px;
    background-color: #ffffff;
    margin-left: 5px;
}

.borde_dgv {
    border: 0.15em solid; 
    border-radius: 3px; 
    padding: 5px
}

.borde_dgv_dos {
    border: 0.15em solid; 
    border-radius: 3px; 
}

.borde_verde {
    border-color: #138D75 !important;
}

.texto_verde {
    color: #138D75 !important;
}

.borde_rojo {
    border-color: #C0392B !important;
}

.texto_rojo {
    color: #C0392B !important;
}

.borde_naranja {
    border-color: #F39C12 !important;
}

.texto_naranja {
    color: #F39C12 !important;
}

.borde_gris {
    border-color: #5D6D7E !important;
}

.texto_gris {
    color: #5D6D7E !important;
}

.borde_morado {
    border-color: #8E44AD !important;
}

.texto_morado {
    color: #8E44AD !important;
}

.borde_amarillo {
    border-color: #F1C40F !important;
}

.texto_amarillo {
    color: #F1C40F !important;
}

.fondo_panel {
    background-color: #ffffff;
}

.fondo_panel_dos {
    background-color: #F2F3F4;
}

.fondo_panel3 {
    background-color: rgba(216, 236, 255, 0.15);
}

.fondo_panel4 {
    background-color: rgba(191, 191, 191, 0.25);
}

.dx-fileuploader-files-container {
    padding: 0px !important;
}

.dx-fileuploader-file-status-message {
    display: none !important;
}

/* 
.dx-toolbar {
    padding: 5px 10px;
}

.dx-list-item-icon-container, .dx-toolbar-before {
    width: 36px;
    padding-right: 0px !important;
    text-align: center;
}

.dx-list-item-content {
    padding-left: 10px !important;
}

.panel-list {
    position: fixed;
}

.dx-drawer-expand.dx-drawer-right .panel-list {
    float: right;
}

#content {
    padding: 10px 20px;
}

.toolbar-fixed {
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: solid;
    border-width: 1px;
    border-color: #b6b4b6;
    z-index: 10;
}


.dx-list-collapsible-groups .dx-list-group-header[data-content="no-mostrar"]:before {
    content: none;
} */

/* .fuente_bold {
    font-weight: bold !important;
    font-size: 16px !important;
    color: white !important;
}


 */
/* .boton_color_blanco {
    font-weight: bold;
    color: white !important;
} */



/* 
.borde {
    border: 1px solid;
    border-radius: 3px;
}

.fuente_menu {
    font-weight: bold;
    font-size: 13px;
}

.deshabilitado {
    pointer-events: none;
    opacity: 0.4;
}



.fuente_family, #content {
    font-family: 'Raleway', sans-serif;
}

.dx-popup-title {
    padding: 0;
    background-color: rgba(191, 191, 191, 0.15);
}

.small-box {
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    display: block;
    position: relative;
}

.small-box > .inner {
    padding: 5px 10px 0px 10px;
}

.small-box > .small-box-footer {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.8);
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 10;
    font-weight: bold;
    font-size: 14px;
    padding: 3px 0 !important;
}

.small-box > .small-box-footer:hover {
    background: rgba(0, 0, 0, 0.15);
    color: #ffffff;
}

.small-box h4 {
    font-weight: bold;
    padding: 0 !important;
    margin: 0 !important;
}

.small-box p {
    font-size: 1rem;
    padding: 0 !important;
    margin: 0 !important;
}

.small-box h4,
.small-box p {
    z-index: 5;
}

.small-box:hover {
    text-decoration: none;
}

*/

.centrado_vertical_g {
    font-size: 14px !important;
    vertical-align: middle !important;
}

.centrado_vertical_justificado_g {
    font-size: 14px !important;
    text-align: justify !important;
    vertical-align: middle !important;
}

.centrado_vertical {
    vertical-align: middle !important;
}

.centrado_vertical_justificado {
    vertical-align: middle !important;
    text-align: justify !important;
}

.dx-command-edit-with-icons {
    padding: 0px !important;
    vertical-align: middle !important;
}

.dx-icon-trash {
    background-color: transparent !important;
    color: #E74C3C !important;
    font-size: 1.5em !important;
    height: auto;
    text-decoration: none !important;
    width: auto;
}

.dx-icon-rename {
    background-color: transparent !important;
    color: black !important;
    font-size: 1.5em !important;
    height: auto;
    text-decoration: none !important;
    width: auto;
}

.dx-icon-increaseindent {
    background-color: transparent !important;
    color: black !important;
    font-size: 1.5em !important;
    height: auto;
    text-decoration: none !important;
    width: auto;
}

.fa-images {
    background-color: transparent !important;
    color: black !important;
    font-size: 1.5em !important;
    height: auto;
    text-decoration: none !important;
    width: auto;
}

.iconoRojoImagen .fa-images:before {  
    color: red;  
} 

.dx-menu-item-text {
    font-weight: bold !important;
}

.centrado_vertical_p {
    font-size: 11px !important;
    vertical-align: middle !important;
}

.centrado_vertical_justificado_p {
    font-size: 11px !important;
    text-align: justify !important;
    vertical-align: middle !important;
}

.centrado_vertical_pd {
    font-size: 10px !important;
    vertical-align: middle !important;
}

.centrado_vertical_justificado_pd {
    font-size: 10px !important;
    text-align: justify !important;
    vertical-align: middle !important;
}

.centrado_vertical_pt {
    font-size: 9px !important;
    vertical-align: middle !important;
}

.centrado_vertical_justificado_pt {
    font-size: 9px !important;
    text-align: justify !important;
    vertical-align: middle !important;
}

.negrita {
    font-weight: bold !important
}

.negrita_titulo[role="columnheader"] {  
    font-weight: bold !important; 
} 

.negrita_celda[role="gridcell"] {  
    font-weight: bold !important; 
} 

.texto_mayuscula_celdas[role="gridcell"] {  
    text-transform: uppercase !important; 
} 

.padding_dgv {  
    padding: 6px !important;
} 

.margen_bottom {  
    margin-bottom: 2px !important;
} 

.margen_cero {  
    margin: 0px !important;
} 

.dx-switch-on, .dx-switch-off {  
    font-size: 16px !important;  
} 

.box_default_cierre_caja_gestores {
    border: 2px solid #d2d6de;
    margin: 0px 0px 8px 0px !important;
    padding: 0px !important;
}

.box_default_cierre_caja_gestores h4 {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}

.tabs {
    padding: 10px 0px 5px 0px
}

.fa-file-lines {
    background-color: transparent !important;
    color: black !important;
    font-size: 1.5em !important;
    height: auto;
    text-decoration: none !important;
    width: auto;
}

#TxtComentarioAnularAbono .dx-texteditor-input {  
    text-transform: uppercase !important; 
} 

#TxtComentarioAnularDesembolso .dx-texteditor-input {  
    text-transform: uppercase !important; 
} 




.panel_verde {
    border: 1.5px solid #148F77;
}

.panel_verde > .panel-heading {
    background-color: #148F77;
    border: 1.5px solid #148F77;
    color: #fff;
    text-align: center !important;
}








#detalle_cuenta {
    background-color: #FBFCFC;
    margin: 0;
    padding: 2px 0px 2px 3px;
    box-shadow: 7px 7px 4px #797D7F;
    border: 1px solid #BFC9CA;
}


#detalle_solicitud {
    background-color: #FBFCFC;
    margin: 0;
    padding: 2px 0px 2px 3px;
    box-shadow: 7px 7px 4px #797D7F;
    border:1px solid #BFC9CA;
}

#titulo_empresa {
    text-align: center;
    color:#FDFEFE;
    font-family: "Dosis", sans-serif;
    font-size: 60px;
    font-weight: 750;
}

#a_sucursal {
    color:#21618C;
    text-decoration: none;
}


#login {
    margin: 0 auto !important; 
    margin-top: 15% !important;
    width: 350px;
}

#div_login {
    border-radius: 10px;
	background-color: #3b4652;
	opacity: .85;
	padding: 10px 20px 0px 20px;
    box-shadow: 0px 0px 3px #848484;
}

.user-img {
	margin-bottom: 15px;
}
.user-img img {
	width: 100px;
	height: 100px;
	box-shadow: 0px 0px 3px #848484;
	border-radius: 50%;
}


#click_empresa {
    text-align: center;
    color:#FDFEFE;
    font-family: "Dosis", sans-serif;
    font-size: 17px;
    font-weight: 700;
}


div.modal-header {
    background-color: #21618C !important;
}
h5.modal-title {
    color: white;
    font-size: 17px;
}

.content-header h1 {
    font-family: Tahoma, sans-serif;
    font-weight: bold;
}


/*CSS de la Imagen del Perfil del Usuario*/
.div_perfil_usuario {
    background-color: #E5E7E9 !important;
    height: 306px;
    overflow: hidden;
}

.vista_perfil_usuario {
    height: 300px;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.vista_perfil_usuario .mascara_perfil_usuario {
    position: absolute;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.4s ease-in-out
}

.vista_perfil_usuario .opciones_perfil_usuario {
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 16px;
    padding: 6px;
    background: rgba(0, 0, 0, 0.35);
    margin: 232px 0 0 0
}

.vista_perfil_usuario .opciones_perfil_usuario a {
    color: #FFF;
    font-weight: 700;
    text-decoration: none !important;
}

.vista_perfil_usuario p {
    font-family: Georgia, serif;
    font-style: italic;
    color: #fff;
    padding-top: 5px;
    text-align: center
}

.vista_perfil_usuario img {
    transition: all 0.2s linear
}

.vista_perfil_usuario .opciones_perfil_usuario {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out
}

.vista_perfil_usuario p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear
}

.vista_perfil_usuario:hover img {
    transform: scale(1.05);
    transition: 1s ease;
    z-index: 2;
}

.vista_perfil_usuario:hover .mascara_perfil_usuario {
    opacity: 1
}

.vista_perfil_usuario:hover .opciones_perfil_usuario,
.vista_perfil_usuario:hover p {
    opacity: 1;
    transform: translateY(0px)
}

.vista_perfil_usuario:hover p {
    transition-delay: 0.1s
}

/*CSS de las imágenes del cliente o empleado en el área de préstamo*/
.thumbnail .image {
    height: 300px;
    overflow: hidden
}

.thumbnail {
    background-color: #E5E7E9 !important;
    height: 312px;
    overflow: hidden;
}

.view {
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.view .mask {
    position: absolute;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0
}


.view .tools {
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 16px;
    padding: 6px;
    background: rgba(0, 0, 0, 0.35);
    margin: 227px 0 0 0
}

.view .tools a {
    color: #FFF;
    font-weight: 700;
    text-decoration: none !important;
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    color: #fff;
    padding-top: 10px;
    text-align: center
}

.view-first img {
    transition: all 0.2s linear
}
.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.4s ease-in-out
}
.view-first .tools {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out
}
.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear
}
.view-first:hover img {
    transform: scale(1.05);
    transition: 1s ease;
    z-index: 2;
}
.view-first:hover .mask {
    opacity: 1
}

.view-first:hover .tools,
.view-first:hover p {
    opacity: 1;
    transform: translateY(0px)
}

.view-first:hover p {
    transition-delay: 0.1s
}

/*CSS de las Etiquetas "a" en los formularios que son obligatorios*/
.a_obligatorio {
    cursor: pointer;
    font-size: 10px;
    text-decoration: none !important;
}

.alerta_peligro {
    background-color: #f2dede; 
    border-color: #ebccd1; 
    color: #a94442;
}

.alerta_informacion {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}


#seguridad_caja {
    margin: 0 auto !important; 
}

#div_seguridad_caja {
    border-radius: 10px;
    opacity: .85;
    padding: 10px 20px 0px 20px;
    box-shadow: 0px 0px 3px #848484;
}

#imagen_usuario_caja img {
    width: 100px;
    height: 100px;
    box-shadow: 0px 0px 3px #848484;
    border-radius: 50%;
}


.panel_azul {
    border: 1.5px solid #1F618D;
}
.panel_azul > .panel-heading {
    color: #fff;
    background-color: #1F618D;
    border: 1.5px solid #1F618D;
}

.panel_azul_billetes {
    border: 1.5px solid #2874A6;
}
.panel_azul_billetes > .panel-heading {
    background-color: #2874A6;
    border: 1.5px solid #2874A6;
    color: #fff;
    text-align: center !important;
}

.span_billete {
    background-color: #2874A6 !important;
    color: #fff;
    font-size: 16px;
}

.panel_rojo_monedas {
    border: 1.5px solid #d9534f;
}
.panel_rojo_monedas > .panel-heading {
    background-color: #d9534f;
    border: 1.5px solid #d9534f;
    color: #fff;
    text-align: center !important;
}

.span_moneda {
    background-color: #d9534f !important;
    color: #fff;
    font-size: 16px;
}