body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: Fira Sans, sans-serif !important;
    font-size: 0.7em;
    color: #333333;
    background: #F2F2F2 0% 0% no-repeat padding-box !important;
}

.side_bar {
    background-color: #176ac7;
    color: White;
    padding: 5px 5px 5px 5px;
}

    .side_bar span.titulo_side_bar {
        color: #c1f0ff;
        font-weight: bold;
        font-size: 1.1em;
    }

.busqueda {
    margin-top: 5px;
    border: 1px solid silver;
    background-color: White;
    vertical-align: middle;
    width: 160px;
    height: 24px;
}

    .busqueda .txtBuscar {
        border: 0;
        width: 130px;
        height: 20px;
    }

.ddlBusqueda {
    width: 160px;
    margin-top: 5px;
}

.cabecera a:link, .contenido a:link {
    color: white;
    text-decoration: none;
}

.cabecera a:hover, .contenido a:hover {
    color: white;
    text-decoration: none;
}

.cabecera a:visited, .contenido a:visited {
    color: white;
    text-decoration: none;
}

a:link {
    text-decoration: none;
    color: #1B5DA9;
}

a:visited {
    text-decoration: none;
    color: #1d8bce;
}

a:hover {
    text-decoration: underline;
    color: #1d8bce;
}



.tabla_formulario td {
    vertical-align: top;
}

.cabecera {
    /*
	height:70px;
	width:98%;
	padding-left:1%;
	padding-right:1%;
	background-image:url(../../img/tema_2010/fondo_cabecera_p.png);
	background-repeat:repeat-x;
	margin-bottom:10px;
	*/
    padding-left: 1%;
    padding-right: 1%;
    width: 98%;
    height: 82px;
    background-color: #0038a8;
    color: White;
}


    .cabecera table {
        color: White;
    }

        .cabecera table span {
            color: #FFFFFF;
        }

.contenido {
    padding-left: 23px;
    height: 37px;
    margin-bottom: 15px;
}
/*h1{
	font-size:2em;
	/*color:#000000#006CB0;
	text-align:left ;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #32639A;
}*/


h2 {
    font-size: 1.1em;
    margin-bottom: 2px;
    color: #006CB0 /*#006CB0*/;
    /*font-weight:bold;*/
}

h3 {
    border-bottom: 1px dotted silver;
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    font-weight: normal;
    color: #32639A;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
}

/*h4 
{
    font-size:2em;
    text-align:center; 
	margin: 0; 
	padding: 0;
	font-family: Microsoft Sans Serif;
    
}*/

/*h3{
    padding-left:15px;
	background-image:url(../../img/tema_2011/marker_1.gif);
	background-repeat:no-repeat;
	background-position:middle left;
	font-family:Arial;
	font-size:1em;
	font-weight:none;
	border-bottom:#41D4DC solid 2px;
	color:#333333;
	margin-top:0px;
	margin-bottom:5px;
}*/

hoverstyle {
    /*font-weight: bold;*/
    background-color: #c7cccf;
    width: 100px;
    background-color: silver;
}

.MenuPrincipal {
    border-top: #c7cccf 2px solid;
    background-color: #828d93;
}

.menu_iz {
    float: left;
    width: 195px;
    min-height: 300px;
    padding-top: 10px;
    padding-left: 5px;
    height: auto;
    background-image: url(../../img/fondo_menu_iz.png);
    background-repeat: no-repeat;
}



.top {
    background-image: url(../../img/tema_2010/cuerpo_top_center.png);
    background-repeat: repeat-x;
    height: 30px;
    width: 99%;
}

.top_menu {
    font-weight: bold;
}

    .top_menu a:link {
        color: #333333;
        text-decoration: none;
    }

    .top_menu a:hover {
        color: #333333;
        text-decoration: underline;
    }

    .top_menu a:visited {
        color: #333333;
        text-decoration: none;
    }

.top .menu td {
    background-image: url(../../img/tema_2010/cuerpo_top_menu_centro.png);
    background-repeat: repeat-x;
    height: 50px;
}

.formato_copyright {
    /*font-family: Arial;
	font-size: 0.9em;*/
    color: #CCCCCC;
}

/*BOTONES*/
.boton_mostrar_esconder {
    padding: 0px 0px 0px 0px;
    border: thin solid silver;
    background: #ffffff;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
}


* html.boton_normal {
    display: inline;
    zoom: 1;
}
/* IE6 */
* + html.boton_normal {
    display: inline;
    zoom: 1;
}
/* IE7 */

.boton_normal {
    border: 1px solid #5b5b5b;
    display: inline-block;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: url("../../img/btn_bg.png") repeat-x scroll 0 2px #fff;
    color: #262626;
    cursor: pointer;
    font: 11px/14px "Verdana", "Verdana", sans-serif;
    margin: 0;
    overflow: visible;
    padding: 4px 8px 5px;
    text-shadow: 1px 1px 0 #FFFFFF;
    width: auto;
    height: 28px;
    text-align: center;
}

    .boton_normal.centro {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }

    .boton_normal.iz {
        border-radius: 4px 0 0 4px;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius: 4px 0 0 4px;
        border-right: 0;
    }

    .boton_normal.der {
        border-radius: 0 4px 4px 0;
        -webkit-border-top-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius: 0 4px 4px 0;
        border-left: 0;
    }

    .boton_normal:hover {
        background-position: 0 8px;
        border-color: #5b5b5b;
        color: #000;
        text-decoration: none;
    }

    .boton_normal.activo {
        background: none;
        background-color: #ccc;
    }



.tabla_busqueda {
    background: white;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

    .tabla_busqueda a:link {
        /*	font-family:Verdana;*/
        color: black;
    }

    .tabla_busqueda a:hover {
        /*font-family:Verdana;*/
        color: Silver;
    }

    .tabla_busqueda th {
        background-color: gray;
        font-weight: bold;
        color: White;
    }

    .tabla_busqueda tr:hover {
        background-color: silver;
    }

.btn_esconder:hover {
    cursor: pointer;
}

.tabla_normal {
    color: #7F7F7F;
    border-collapse: collapse;
    border: solid thin silver;
    background-color: White;
    /*font-size:0.9em;*/
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    margin-top: 10px;
}


    .tabla_normal td {
        border: 0px;
        border-collapse: collapse;
        border-bottom: dotted 1px #333;
    }

    /*.tabla_normal,.tabla_normal caption {
	margin: 0 auto;
	border-left:1px solid #686868;
	border-right:1px solid #686868;
}*/

    /*
.tabla_normal caption, .tabla_normal th,.tabla_normal td {
	border-left: 0;
	padding: 5px
}
*/

    .tabla_normal caption, .tabla_normal th, .tabla_normal thead, .tabla_normal tfoot {
        background-color: #005BAA;
        color: #FFF;
        font-weight: bold;
        text-transform: uppercase;
    }
    /*
.tabla_normal th {
	
	background-color: #003A6F;
	color: white;
	text-align: left}
*/
    .tabla_normal th {
        padding: 5px 3px;
    }

.odd {
    background-color: #FFFFFF;
    color: #666;
}

/*
.tabla_normal a {
	padding: 1px 2px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted black
}

.tabla_normal a:active,.tabla_normal a:hover,.tabla_normal a:focus,.tabla_normal a:visited {
	color: #666
}
*/

.tabla_normal tbody tr:hover {
    background-color: #EEE;
    color: #333;
}

    .tabla_normal tbody tr:hover a {
        background-color: #FFF;
    }

.menu_normal:hover {
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    background-color: #F8F8F8;
    border-top: 2px solid #40D0DB;
    color: #333333;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

.menu_normal_detalle {
    border-left: 8px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    background-color: #F8F8F8;
    border-bottom: 2px solid #003A6F;
    color: #333333;
    background-color: White;
    z-index: 50;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}
/*
.menu_interior{
	font-family:verdana;
	font-size:0.8em;
}
*/

.titulo_pagina {
    font-size: 2em;
    /*border: 1px solid #CCCCCC;*/
    /*background-color:#EFEFEF;*/
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 3px;
    /*
    background-image: url(../../img/fondo_div_titulo.png);
	background-repeat: repeat-x;
	background-position:bottom;
    
	font-weight: bold;*/
    color: #333333;
    /*-moz-box-shadow:4px 4px 3px #EFEFEF;
	-webkit-box-shadow: 4px 4px 3px #EFEFEF;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#EFEFEF,direction=125,strength=5)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#EFEFEF,direction=125,strength=5);*/
}

.tooltip {
    display: none;
    background: transparent url(../../img/white_arrow.png);
    /*font-size:11px;*/
    height: 70px;
    width: 160px;
    padding: 25px;
    color: black;
}

.chat {
    border: 0px;
    border-bottom: 1px white solid;
    background-color: /*#003A6F*/ #005DAA;
    height: 20px;
    width: 100%;
}

/*CUERPO MASTER*/

.cuerpo {
    background-image: url(../../img/fondo_cabecera.jpg);
    background-repeat: repeat-x;
}

.cuerpo_top_iz {
    background: transparent url(../../img/tema_2010_2/fondo_menu.png);
    background-position: left;
    /*background:transparent url(../../img/tema_2010/cuerpo_top_iz.png);*/
    background-repeat: repeat-x;
    height: 37px;
}

.cuerpo_top_der {
    background: transparent url(../../img/tema_2010_2/fondo_menu.png);
    background-position: right;
    /*background:transparent url(../../img/tema_2010/cuerpo_top_der.png);*/
    background-repeat: no-repeat;
    height: 37px;
}

.cuerpo_top_centro {
    background: transparent url(../../img/tema_2010_2/fondo_menu_centro.png);
    background-position: top;
    /*background:transparent url(../../img/tema_2010/cuerpo_top_center.png);*/
    background-repeat: repeat-x;
    height: 37px;
}

.cuerpo_mid_iz {
    /*background:transparent url(../../img/tema_2010/cuerpo_contenido_iz.png);
	background-repeat:repeat-y;
	background-position:left;*/
}

.cuerpo_mid_der {
    /*background:transparent url(../../img/tema_2010/cuerpo_contenido_der.png);
	background-repeat:repeat-y;
	background-position:right;*/
}

.cuerpo_abajo_iz {
    /*background:transparent url(../../img/tema_2010/cuerpo_contenido_abajo_iz.png);
	background-repeat:no-repeat;
	height:25px;*/
}

.cuerpo_abajo_der {
    /*background:transparent url(../../img/tema_2010/cuerpo_contenido_abajo_der.png);
	background-repeat:no-repeat;*/
}

.cuerpo_abajo_centro {
    /*background:transparent url(../../img/tema_2010/cuerpo_contenido_abajo_centro.png);
	background-repeat:repeat-x;*/
}

.sobra_division_centro {
    background-image: url(../../img/tema_2010_2/sombraCentro.png);
    background-repeat: repeat-x;
    height: 20px;
}

.sobra_division_der {
    background-image: url(../../img/tema_2010_2/sombraDerecha.png);
    background-repeat: repeat-x;
    width: 80px;
    height: 20px;
}

.sobra_division_iz {
    background-image: url(../../img/tema_2010_2/sombraIzquierda.png);
    background-repeat: repeat-x;
    width: 80px;
    height: 20px;
}

.menu_flotante {
    width: 100%;
    /*height:400px;*/
    position: absolute;
    z-index: 2000;
}

    .menu_flotante .contenido {
        width: 100%;
        height: 350px;
        background-color: White;
        display: none;
    }

    .menu_flotante a:link {
        text-decoration: none;
    }

    .menu_flotante a:hover {
        text-decoration: none;
    }

    .menu_flotante a:visited {
        text-decoration: none;
    }

    .menu_flotante .botones {
        width: 99%;
        height: 25px;
        background-image: url(../../img/tema_2010_2/linea_borde.png);
        background-repeat: repeat-x;
        background-position: top;
        padding-right: 1%;
    }

    .menu_flotante .tabla_botones_iz {
        height: 32px;
        background-image: url(../../img/tema_2010_2/barra_arriba.png);
        background-repeat: no-repeat;
        background-position: top left;
    }

    .menu_flotante .tabla_botones_centro {
        height: 32px;
        background-image: url(../../img/tema_2010_2/barra_arriba_centro.png);
        background-repeat: repeat-x;
        background-position: top;
    }

    .menu_flotante .tabla_botones_der {
        height: 32px;
        background-image: url(../../img/tema_2010_2/barra_arriba.png);
        background-repeat: no-repeat;
        background-position: right;
    }

.display_enlinea {
    display: inline;
}

.loading_panel_div {
    bottom: 0;
    left: 0;
    position: fixed;
}

.formulario2 {
    border-top: 2px solid #005DAA /*#003A6F*/;
    border: 1px solid silver;
    /*  background-image:url(../../img/tema_2011/fondo_formulario2.png);*/
    background-repeat: repeat-x;
}




/*INICIO DE LA CLASE DEL GRID*/
.dxgvControl,
.dxgvDisabled {
    border: Solid 1px #9F9F9F;
    font: 1em Arial;
    background-color: #F2F2F2;
    color: gray;
    cursor: default;
    margin-right: 0px;
}

.dxgvDisabled {
    color: Gray;
}

.dxgvControl a {
    color: #5555FF;
}

.dxgvDisabled a {
    color: Gray;
}

.dxgvLoadingPanel {
    border: solid 1px #9F9F9F;
    background-color: #E3E3E1;
    font: 0.9em Arial;
    color: #303030;
}

    .dxgvLoadingPanel td {
        white-space: nowrap;
        text-align: center;
        padding: 12px 12px 12px 12px;
    }

.dxgvLoadingPanelStatusBar {
    background-color: Transparent;
    font: 0.9em Arial;
}

    .dxgvLoadingPanelStatusBar td {
        white-space: nowrap;
        text-align: center;
        padding: 0px 2px 0px 2px;
    }

.dxgvFilterPopupWindow {
    color: Black;
    font: 0.9em Arial;
    border: solid 1px #9f9f9f;
}

.dxgvFilterPopupItemsArea {
    color: Black;
    background-color: White;
}

.dxgvFilterPopupButtonPanel {
    font: 0.9em Arial;
    background-color: #ededed;
    border: 1px solid #dcdcdc;
    border-left-width: 0px;
    color: Black;
}

.dxgvFilterPopupItem td.dxgv,
.dxgvFilterPopupActiveItem td.dxgv,
.dxgvFilterPopupSelectedItem td.dxgv {
    border-left: solid 1px white;
    border-right: solid 1px white;
    padding: 3px 2px 4px 3px;
    cursor: default;
    white-space: nowrap;
}

.dxgvFilterPopupActiveItem {
    background: #cfcfcf;
    color: Black;
}

.dxgvFilterPopupSelectedItem {
    background: #8D8D8D;
    color: White;
}
/*estilo de la tabla de los grid*/
.dxgvTable {
    background-color: White;
    border: 0;
    border-collapse: separate !important;
    overflow: hidden;
    font: 1em Arial;
    color: Black;
}

.dxgvInlineEditRow,
.dxgvDataRow {
}

    .dxgvDataRow:hover {
        background-color: #F5F8FA;
    }

    .dxgvInlineEditRow td.dxgv {
        border-bottom: Solid 1px #D3D3D3;
        border-right: Solid 1px #D3D3D3;
    }

.dxgvDataRowAlt {
    background-color: #EDEDEB;
}

.dxgvFilterRow {
    background-color: #E7E7E7;
}

.dxgvEditForm {
    background-color: #F0F0F0;
}

    .dxgvEditForm td.dxgv {
        border-bottom: Solid 1px #D3D3D3;
        padding: 8px 10px 10px 10px;
    }

.dxgvSelectedRow {
    background-color: #A0A0A0;
    color: White;
}

.dxgvFocusedRow {
    background-color: #F5F8FA /*#EAEEF2*/;
    color: black;
}

    .dxgvSelectedRow .dxgvCommandColumn a,
    .dxgvFocusedRow .dxgvCommandColumn a {
        color: White;
    }

        .dxgvSelectedRow .dxgvCommandColumn a:hover,
        .dxgvFocusedRow .dxgvCommandColumn a:hover {
            color: #F0F0F0;
        }

        .dxgvSelectedRow .dxgvCommandColumn a:visited,
        .dxgvFocusedRow .dxgvCommandColumn a:visited {
            color: #F0F0F0;
        }

.dxgvPreviewRow {
    background-color: #F5F5F5;
    color: #707070;
}

    .dxgvDetailCell,
    .dxgvPreviewRow td.dxgv,
    .dxgvEmptyDataRow td.dxgv {
        padding: 20px 2px 20px 4px;
        border-bottom: Solid 1px #D3D3D3;
        border-top: 0;
        border-left: 0;
        border-right: 0;
    }

    .dxgvPreviewRow td.dxgv {
        padding: 10px 10px 10px 15px;
    }

.dxgvDetailCell {
    padding: 16px 18px 16px 0px;
}

.dxgvDetailRow td.dxgvIndentCell {
    padding-right: 0px;
    border-bottom: Solid 1px #D3D3D3;
}

.dxgvEmptyDataRow {
    color: Gray;
}

    .dxgvEmptyDataRow td.dxgv {
        border-bottom: Solid 1px #CFCFCF;
        text-align: center;
    }

.dxgvEditFormDisplayRow td.dxgv,
.dxgvDataRow td.dxgv,
.dxgvDataRowAlt td.dxgv,
.dxgvSelectedRow td.dxgv,
.dxgvFocusedRow td.dxgv {
    overflow: hidden;
    border-bottom: dotted 1px #CFCFCF;
    border-right: 0 /* Solid 1px #CFCFCF*/;
    border-top: 0;
    border-left: 0;
    padding: 3px 6px 4px 6px;
}

.dxgvEditFormDisplayRow {
}

    .dxgvEditFormDisplayRow td.dxgv {
    }

.dxgvEditingErrorRow {
    background-color: #FFC8C8;
    color: #FF0000;
}

    .dxgvEditingErrorRow td.dxgv {
        white-space: pre-wrap;
        border-bottom: Solid 1px #D3D3D3;
        border-right: 0;
        border-top: 0;
        border-left: 0;
        padding: 6px 10px 6px 10px;
    }

.dxgvFilterRow td.dxgv {
    border-bottom: Solid 1px #C1C1C1;
    border-right: Solid 1px #C1C1C1;
    border-top: 0;
    border-left: 0;
    padding: 2px 2px 2px 2px;
    overflow: hidden;
}

.dxgvGroupRow {
    background-color: #EDEDED;
}

.dxgvFocusedGroupRow {
    background-color: #8D8D8D;
    color: White;
}

    .dxgvGroupRow td.dxgv,
    .dxgvFocusedGroupRow td.dxgv {
        border: none 0;
        vertical-align: middle;
        white-space: nowrap;
        border-bottom: Solid 1px #D3D3D3;
        padding: 3px 6px 4px 6px;
    }

    .dxgvFocusedRow td.dxgvIndentCell,
    .dxgvFocusedGroupRow td.dxgvIndentCell,
    .dxgvSelectedRow td.dxgvIndentCell {
        background-color: #EDEDED !important;
        border-right: solid 1px #CFCFCF;
        border-top: 0px;
    }

.dxgvHeaderPanel {
    background-color: #F9F9F9;
    color: Black;
    padding: 8px 6px 8px 6px;
    border-bottom: Solid 1px #9F9F9F;
}
/*cabecera*/
.dxgvHeader {
    cursor: pointer;
    white-space: nowrap;
    padding: 4px 6px 5px 6px;
    border: Solid 1px #9F9F9F;
    background-color: #176AC7;
    overflow: hidden;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
}

    .dxgvHeader, .dxgvHeader table {
        color: White;
        font: 1em Arial;
        border-collapse: collapse;
        border: 0px;
    }

        .dxgvHeader td {
            white-space: nowrap;
        }

        .dxgvHeader a {
            color: #0d45b7;
        }

.dxgvCustomization,
.dxgvPopupEditForm {
    width: 100%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.dxgvGroupPanel {
    white-space: nowrap;
    font-size: 0.9em;
    background-color: #EDEDED;
    color: #8D8D8D;
    border-bottom: Solid 1px #9F9F9F;
    padding: 7px 4px 8px 6px;
}

.dxgvFooter {
    background-color: #D7D7D7;
    white-space: nowrap;
}

    .dxgvFooter td.dxgv {
        padding: 5px 6px 6px 6px;
        border-bottom: Solid 1px #BCBCBC;
        border-right: 0;
    }

.dxgvGroupFooter {
    background-color: #E0E0E0;
}

    .dxgvGroupFooter td.dxgv {
        white-space: nowrap;
    }

    .dxgvGroupFooter td.dxgv {
        padding: 5px 4px 6px 6px;
        border-bottom: Solid 1px #CFCFCF;
        border-right: 0;
    }

    .dxgvDataRow td.dxgvIndentCell,
    .dxgvGroupRow td.dxgvIndentCell,
    .dxgvGroupFooter td.dxgvIndentCell {
        background-color: #EDEDED;
        border-right: Solid 1px #CFCFCF;
        border-top: 0px;
    }

.dxgvTitlePanel,
.dxgvTable caption {
    font-size: 15px;
    font-weight: normal;
    padding: 3px 3px 5px 3px;
    text-align: center;
    background-color: #ACACAC;
    color: White;
    border-bottom: Solid 1px #9F9F9F;
}

.dxgvLoadingDiv {
    background-color: Gray;
    opacity: 0.01;
    filter: alpha(opacity=1);
}

.dxgvStatusBar {
    border-top: Solid 1px #9F9F9F;
}

    .dxgvStatusBar tr.dxgv {
        height: 20px;
    }

.dxgvCommandColumn {
    padding: 2px 2px 2px 2px;
}

    .dxgvCommandColumn a {
        margin: 0px 3px 0px 0px;
        color: #0d45b7;
    }

        .dxgvCommandColumn a:hover {
            color: #5494ea;
        }

        .dxgvCommandColumn a:visited {
            color: #ab59a6;
        }

.dxgvCommandColumnItem {
}

.dxgvEditFormTable {
    padding: 2px 6px 6px 4px;
    font: 11px Tahoma;
    color: Black;
}

    .dxgvEditFormTable a {
        color: #0d45b7;
    }

        .dxgvEditFormTable a:hover {
            color: #5494ea;
        }

        .dxgvEditFormTable a:visited {
            color: #ab59a6;
        }

.dxgvEditFormCaption {
    padding: 4px 4px 4px 10px;
}

.dxgvInlineEditCell {
    padding: 1px 1px 1px 1px;
}

.dxgvEditFormCell {
    padding: 4px 4px 4px 4px;
    border: 0;
}

.dxgvPagerTopPanel {
}

.dxgvPagerBottomPanel {
}

.dxgvDetailButton {
}

.dxgvFilterBar {
    border-top: solid 1px #9F9F9F;
    background: #d4d4d4;
}

    .dxgvFilterBar a {
        color: #394ea2;
        text-decoration: underline;
    }

.dxgvFilterBarCheckBoxCell {
    padding: 0 3px;
    padding-right: 7px;
}

.dxgvFilterBarImageCell {
    padding: 0 3px;
    padding-right: 1px;
    cursor: pointer;
}

.dxgvFilterBarExpressionCell {
    font-size: 9pt;
    padding: 5px 5px 8px 0;
    white-space: nowrap;
}

.dxgvFilterBarClearButtonCell {
    font-size: 9pt;
    padding: 5px 6px 8px;
}

.dxgvFilterBuilderMainArea {
    background: white;
    padding: 6px 2px;
}

.dxgvFilterBuilderButtonArea {
    background: #ededed;
    border-top: solid 1px #cfcfcf;
    padding: 6px;
}

.dxgvDataRowHover {
    background: #cfcfcf;
    color: Black;
}


.dxgvControl .dxpControl td.dxpCtrl,
.dxgvDisabled .dxpControl td.dxpCtrl,
.dxgvControl .dxpLite,
.dxgvDisabled .dxpLite {
    padding-top: 4px;
}
/*FINAL DEL GRID*/

#footer {
    height: 50px;
    margin: 0 auto;
    padding: 0px 0 15px 0;
    background: #D8E7FE;
    border-top: 1px solid #D3DEF0;
    font-family: Arial, Helvetica, sans-serif;
}

    #footer p {
        margin: 0;
        padding-top: 20px;
        line-height: normal;
        font-size: 10px;
        text-transform: uppercase;
        text-align: center;
        color: #A0A0A0;
    }

    #footer a {
        color: #5389E0;
    }

/*menu abajo*/
.borde_derecha {
    border-right: dotted 1px gray;
    border-left: dotted 1px gray;
}

.parrafo {
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
}

.menu_tabla {
    background-color: #176AC7;
    font: 1em Arial;
    color: White;
    border-color: #176AC7;
}

/**estilo agregado del login master para mantener el formato agregado por hugo mejia castillo 28/03/2011*/
#content {
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
}

.post {
    margin-bottom: 15px;
}

.post-bgtop {
}

.post-bgbtm {
}

.post .title {
    margin-bottom: 10px;
    padding: 12px 0 0 0px;
    letter-spacing: -.5px;
    color: #000000;
}

    .post .title a {
        color: #32639A;
        border: none;
    }

.post .meta {
    height: 30px;
    background: #D8E7FE;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

    .post .meta .date {
        float: left;
        height: 24px;
        padding: 3px 15px;
        color: #4A81DE;
    }

    .post .meta .ante {
        float: left;
        height: 24px;
        padding: 3px 15px;
        color: #FFFFFF;
        background-color: #66CCFF;
    }

    .post .meta .posted {
        float: right;
        height: 24px;
        padding: 3px 15px;
        color: #FFFFFF;
        background-color: #66CCFF;
    }

    .post .meta a {
        color: #FFFFFF;
    }

.post .entry {
    padding: 0px 0px 20px 0px;
    padding-bottom: 20px;
    text-align: justify;
}

.links {
    padding-top: 20px;
    font-size: 12px;
    font-weight: bold;
}

.texto_condiciones {
    text-align: justify;
    padding-left: 5%;
    padding-right: 5%;
}

.barra_opciones {
    height: 28px;
}

    .barra_opciones .opcion {
        height: 20px;
        width: 80px;
        border: 1px solid silver;
        float: right;
        padding: 5px 1px 1px 5px;
        background-color: #F7F7F7;
        font-weight: bold;
        background-image: url(../../img/iconos/flecha-abajo.png);
        background-position: right;
        background-repeat: no-repeat;
    }

.bus_boton {
    background-image: url(../../img/iconos/buscar24x24.gif);
}



/*Inicio Estilos para CRM*/
.dxeTextBoxSys, .dxeMemoSys, .dxeButtonEdit, .dxeButtonEditButton {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 0px;
    height: 21px;
}

    .dxeMemoSys td {
        padding-right: 2px;
    }

.dxeMemoEditAreaSys {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.dxeMemoDiv {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}


.activity-item {
    float: left;
}

.titulo_seccion {
    border: 1px Solid #9F9F9F;
    /*margin-bottom: 10px;*/
    margin-top: 22px !important;
    margin-bottom: 22px !important;
    /*margin-right:20px!important;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 5px 5px 5px;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 44%, rgba(242,244,247,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,rgba(255,255,255,1)), color-stop(100%,rgba(242,244,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 44%,rgba(242,244,247,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 44%,rgba(242,244,247,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 44%,rgba(242,244,247,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 44%,rgba(242,244,247,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f4f7',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 1px 1px 2px 2px #E7EAEE;
    box-shadow: 1px 1px 2px 2px #E7EAEE;
    overflow: auto;
}

.titulo_seccion_cab {
    background-color: White;
    display: block;
    line-height: 19px;
    font-weight: bold;
    position: relative;
    margin-right: -5px;
    margin-left: -5px;
    margin-top: -5px;
    margin-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 16px;
    color: black;
    border-bottom: 1px Solid #9F9F9F;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #F4F5F9; /* Old browsers */
    background: -moz-linear-gradient(top, #F5F9FB 0%, #E7EAEE 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F9FB), color-stop(100%,#E7EAEE)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F5F9FB 0%,#E7EAEE 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F5F9FB 0%,#E7EAEE 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F5F9FB 0%,#E7EAEE 100%); /* IE10+ */
    background: linear-gradient(to bottom, #F5F9FB 0%,#E7EAEE 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F9FB', endColorstr='#E7EAEE',GradientType=0 ); /* IE6-9 */
}

.titulo_pagina_cab {
    border: 1px Solid #9F9F9F;
    display: block;
    font-size: 17px;
    color: black;
    margin-bottom: -10px;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-bottom: 8px;
    padding-left: 7px;
    padding-right: 5px;
    padding-top: 8px;
    background: #F4F5F9; /* Old browsers */
    background: -moz-linear-gradient(top, #F5F9FB 0%, #E7EAEE 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F9FB), color-stop(100%,#E7EAEE)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F5F9FB 0%,#E7EAEE 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F5F9FB 0%,#E7EAEE 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F5F9FB 0%,#E7EAEE 100%); /* IE10+ */
    background: linear-gradient(to bottom, #F5F9FB 0%,#E7EAEE 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F9FB', endColorstr='#E7EAEE',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 1px 1px 2px 2px #E7EAEE;
    box-shadow: 1px 1px 2px 2px #E7EAEE;
    overflow: auto;
}

.tablaPlantilla {
    background-color: black;
    border-color: black;
    font-family: 'Microsoft Sans Serif';
    font-style: oblique;
    padding: 5px, 5px, 0px, 0px;
    text-align: left;
}

/*@media print {

}*/

.saltodepagina {
    page-break-after: always;
}







/*Fin Estilos para CRM*/
/*Estilos para Cidenet*/
/* cyrillic-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/va9E4kDNxMZdWfMOD5VvmojLeTY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/va9E4kDNxMZdWfMOD5Vvk4jLeTY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/va9E4kDNxMZdWfMOD5Vvm4jLeTY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/va9E4kDNxMZdWfMOD5VvlIjLeTY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/va9E4kDNxMZdWfMOD5VvmIjLeTY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/va9E4kDNxMZdWfMOD5VvmYjLeTY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  /*src: url(../fonts/va9E4kDNxMZdWfMOD5Vvl4jL.woff2) format('woff2');*/
  src: url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5Vvl4jL.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.text-box {
    width: 100%;
    height: 35px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #A3A3A367;
    border-radius: 4px;
    opacity: 1;
    font: normal normal normal 14px/17px Fira Sans;
    letter-spacing: 0px;
    color: #575757;
    padding-left: 10px;
}
.text-boxml {
    width: 100%;
    height: 80px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #A3A3A367;
    border-radius: 4px;
    opacity: 1;
    font: normal normal normal 14px/17px Fira Sans;
    letter-spacing: 0px;
    color: #575757;
    padding-left: 10px;
}
::placeholder {
    width: 100%;
    height: 26px;
    text-align: left;
    font: italic normal normal 14px/17px Fira Sans;
    letter-spacing: 0px;
    color: #A3A3A3;
    opacity: 1;
}

.select {
    width: 100%;
    height: 35px;
    background: url(../../img/imagenes/arrow.png) #FFF 97% 50% no-repeat padding-box;
    border: 1px solid #A3A3A367;
    border-radius: 4px;
    opacity: 1;
    text-align: left;
    font: normal normal normal 14px/17px Fira Sans;
    letter-spacing: 0px;
    color: #575757;
    appearance: none;
    padding-right: 30px;
    padding-left: 10px;
}

.section {
    width: 100%;
    padding: 21px 30px 10px 15px;
    background: #F2F2F290 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
}

h1 {
    width: 100%;
    font: normal normal bold 24px/30px Fira Sans !important;
    letter-spacing: -0.48px;
    color: #575757;
    opacity: 1;
}

.titulo {
    width: 100%;
    text-align: left;
    font: normal normal 16px/30px Fira Sans;
    letter-spacing: -0.32px;
    color: #575757;
    opacity: 1;
}

.titulo-seccion {
    width: 100%;
    text-align: left;
    font: normal normal 600 16px/30px Fira Sans;
    letter-spacing: -0.36px;
    color: #41D4DC;
    opacity: 1;
    margin-left: 26px;
    padding: 30px 0px 5px 3px;
}

.export-btn {
    background-repeat: no-repeat !important;
    background-position: left !important;
    height: 30px;
    text-decoration: underline;
    font: normal normal bold 12px/30px Fira Sans !important;
    letter-spacing: -0.24px;
    color: #0038A8 !important;
    opacity: 1;
    border: none;
    background: transparent;
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 30px !important;
    background-color: #FFFFFF !important;
    border-left: 10px solid #FFFFFF !important;
}

.download-img {
    background-image: url(../../img/imagenes/download-file.png) !important;
    width: 155px;
}

.search-img {
    background-image: url(../../img/imagenes/icon-search.png) !important;
    width: 90px;
}

.delete-img {
    background-image: url(../../img/imagenes/eliminar.png) !important;
    width: 90px;
}

.print-img {
    background-image: url(../../img/imagenes/printa.png) !important;
    width: 140px;
}

.add-img {
    filter:invert(16%) sepia(41%) saturate(4990%) hue-rotate(213deg) brightness(102%) contrast(111%);
}

.reload-img {
    background-image: url(../../img/imagenes/refresh-icon.png) !important;
    width: 132px;
}

.tooltipc {
    position: relative;
    display: inline-block;
}

    .tooltipc .tooltip-text {
        width: 146px;
        height: 56px;
        visibility: hidden;
        background-color: white;
        text-align: left;
        border-radius: 6px;
        font: normal normal normal 12px/14px Fira Sans;
        letter-spacing: -0.24px;
        color: #575757;
        opacity: 1;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 7px 15px #0000001A;
        padding: 10px;
        position: absolute;
        z-index: 1;
        top: 100%;
        left: 50%;
        margin-left: -60px;
    }

    .tooltipc:hover .tooltip-text {
        visibility: visible;
    }

/*botones Cidenet */
.main-button {
    width: 162px;
    height: 32px;
    background: transparent linear-gradient(90deg, #41D4DC 0%, var(--unnamed-color-0038a8) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #41D4DC 0%, #0038A8 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 30px;
    text-emphasis-color: #FFFFFF !important;
    text-align: center !important;
    font: normal normal medium 14px/37px Fira Sans !important;
    letter-spacing: -0.28px !important;
    color: #FFFFFF !important;
    border: none !important;
    opacity: 1;
    padding: 0 !important;
    box-shadow: none !important;
}
.main-button:focus{border:0;outline:0 none;}
.main-button:hover {
    width: 162px;
    height: 32px;
    
    background: transparent linear-gradient(90deg, #0038A8 0%, #41D4DC  100%) 0% 0% no-repeat padding-box !important;
    border-radius: 30px;
    text-emphasis-color: #FFFFFF !important;
    text-align: center !important;
    font: normal normal medium 14px/37px Fira Sans !important;
    letter-spacing: -0.28px !important;
    color: #FFFFFF !important;
    border: none !important;
    opacity: 1;
    padding: 0 !important;
    box-shadow: none !important;
}
.main-button22 {
    width: 280px;
    height: 32px;
    background: transparent linear-gradient(90deg, #41D4DC 0%, var(--unnamed-color-0038a8) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #41D4DC 0%, #0038A8 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 30px;
    text-emphasis-color: #FFFFFF !important;
    text-align: center !important;
    font: normal normal medium 14px/37px Fira Sans !important;
    letter-spacing: -0.28px !important;
    color: #FFFFFF !important;
    border: none !important;
    opacity: 1;
    padding: 0 !important;
    box-shadow: none !important;
}
.main-button22:focus{border:0;outline:0 none;}
.main-button22:hover {
    width: 280px;
    height: 32px;
    
    background: transparent linear-gradient(90deg, #0038A8 0%, #41D4DC  100%) 0% 0% no-repeat padding-box !important;
    border-radius: 30px;
    text-emphasis-color: #FFFFFF !important;
    text-align: center !important;
    font: normal normal medium 14px/37px Fira Sans !important;
    letter-spacing: -0.28px !important;
    color: #FFFFFF !important;
    border: none !important;
    opacity: 1;
    padding: 0 !important;
    box-shadow: none !important;
}

.secondary-button {
    width: 133px;
    height: 30px;
    text-decoration: underline !important;
    font: normal normal 14px/30px Fira Sans !important;
    letter-spacing: -0.28px;
    color: #0038A8 !important;
    opacity: 1;
    border-radius: 4px !important;
    border: none !important;
    background: transparent;
    box-shadow: none !important;
}

.tertiary-button {
    width: 115px;
    height: 30px;
    text-decoration: underline !important;
    font: normal normal 12px/30px Fira Sans !important;
    letter-spacing: -0.24px;
    color: #A3A3A3 !important;
    opacity: 1;
    border: none !important;
    background: transparent;
    box-shadow: none !important;
}

.hidden_button {
    display: none;
}

.table {
    border-collapse: collapse;
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.tableu {
    border-collapse: collapse;
    background: #D5D5D580 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    overflow: hidden;
}

.table thead {
    background: rgba(163, 163, 163, .5) 0% 0% no-repeat padding-box;
    color: #575757;
    text-align: left;
    font: normal normal bold 12px/17px Fira Sans !important;
    letter-spacing: 0px;
}

.table th {
    width: 100%;
    height: 35px;
    background: #41D4DC 0% 0% no-repeat padding-box;
    border-radius: 0px ;
    opacity: 1;
    text-align: left;
    font: normal normal bold 12px/17px Fira Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    border-style: none;
    padding-top: 10px;
    padding-bottom: 7px;
    padding-left: .75rem;
    padding-right: .75rem;
    position: sticky !important;
    top: 0 !important;
}

.table td {
    padding: 0px 15px 0px 15px !important;
    vertical-align: inherit !important;
    border-style: none;
    width: 100%;
}

.rowstyle {
    padding: 0px 0px 0px 0px !important;
}

.AlternatingRowStyle {
    padding: 0px 0px 0px 0px !important;
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
}

.table tbody {
    text-align: left;
    font: normal normal normal 12px/17px Fira Sans !important;
    letter-spacing: 0px;
    color: #575757;
    opacity: 1;
}

    .table tbody tr:hover {
        background: #41D4DC34 0% 0% no-repeat padding-box !important;
    }

.form-check-input {
    text-align: left;
    font: normal normal normal 14px/17px Fira Sans !important;
    letter-spacing: 0px;
    color: #A3A3A3;
}

input[type='radio'] {
    -webkit-appearance: none;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    outline: none;
    border: 1px solid #A3A3A366;
    margin-right: 6px;
    background: white;
}

    input[type='radio'] + label {
        color: #A3A3A3;
        margin-right: 12px;
        font-size: 14px;
        margin-top: calc(.5rem + 1px);
    }

    input [type='radio']:before {
        content: '';
        display: block;
        width: 60%;
        height: 60%;
        margin: 20% auto;
        border-radius: 50%;
    }

    input[type="radio"]:checked:before {
        background: white;
    }

    input[type="radio"]:checked {
        border: 4px solid #41D4DC;
    }

    input[type="radio"]:checked + label {
        color: #575757;
    }

    input[type='radio']:checked:disabled {
        border: 4px solid white;
        background: #A3A3A3;
    }

    input[type='radio']:disabled {
        border: 1px solid #A3A3A3;
        background: white;
    }

input[type='text']:disabled {
    color: #A3A3A3;
}

select:disabled {
    color: #A3A3A3;
}    

.derecha {
    float: right;
    padding: 27px 0px 16px 0px;
}

.izquierda {
    float: left;
}

.scrolling-table-container {
    max-height: 378px;
    margin: 2rem auto;
    width: 100%;
    background: #f1f2f3;
    overflow: auto;
    box-sizing: border-box;
}

    .scrolling-table-container::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        .scrolling-table-container::-webkit-scrollbar:vertical {
            width: 10px;
        }

    .scrolling-table-container::-webkit-scrollbar-button:increment, .contenedor::-webkit-scrollbar-button {
        display: none;
    }

    .scrolling-table-container::-webkit-scrollbar:horizontal {
        height: 10px;
    }

    .scrolling-table-container::-webkit-scrollbar-thumb {
        background-color: #A3A3A366;
        border-radius: 20px;
        border: 2px solid #f1f2f3;
    }

    .scrolling-table-container::-webkit-scrollbar-track {
        border-radius: 10px;
    }

.label {
    text-align: left;
    font: normal normal normal 14px/17px Fira Sans !important;
    letter-spacing: 0px;
    color: #575757;
    opacity: 1;
    font-size: 13px;
}

.card-header {
    background-color: #FFFFFF !important;
}

.dropdown-divider {
    border-bottom: 2px solid #A3A3A3;
    border-top: 0px !important;
    opacity: 1;
    padding: 0px;
    margin: 0px 0px !important;
}

.container {
    max-width: 100% !important;
}

.boxtreeview table tr img {
    padding-left: 15px;
}

.boxtreeview table td img {
    padding-top: 0px;
    padding-bottom: 0px;
}


.treeNode {
    transition: all .3s;
    padding: 12px 5px;
    text-align: justify;
    width: 100% !important;
    margin: 0;
    min-width: 250px !important;
    text-decoration: none !important;
    color: #575757 !important;
    font: normal normal normal 14px/15px Fira Sans !important;
    
}

.rootNode {
    width: 100% !important;
    font: normal normal normal 14px/17px Fira Sans !important;
    color: #575757 !important;
    text-align: justify;
    border-radius: 4px 4px 0px 0px;
    border: 1px solid #A3A3A333;
    border-left: none;
}

.leafNode {
    padding: 10px;
    font-weight: bold;
    font: normal normal normal 14px/15px Fira Sans !important;
    text-align: justify;
    color: #575757 !important;
    padding-bottom: 0px;
    padding-top: 0px;
}

.selectNode {
    text-align: justify;
    font-weight: bold;
    color: #fff;
    font: normal normal normal 14px/15px Fira Sans !important;
}

.boxtreeview input[type="checkbox"] {
    
    border-color: #999999;
    border-style: solid;
    border-width: thin;
    width: 13px;
    height: 11px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.boxtreeview input[type="checkbox"]:checked {
    background-color: #41D4DC !important;
    border-color: #999999;
    border-style: solid;
    border-width: thin;
    width: 16px;
    height: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../../img/imagenes/check.png) !important
}

.boxtreeview {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    padding-bottom: 15px;
}

.vertial-divider {
    border: 1px solid #70707033;
    opacity: 1;
}

.required-message {
    font: normal normal normal 12px/30px Fira Sans;
    letter-spacing: -0.28px;
    color: #FF3300;
}

.card {
    width: 100%;
}

input[type=date] {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../../img/imagenes/calendara.png) #FFF 99% 50% no-repeat padding-box;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    background: url(../../img/imagenes/calendara.png) #FFF 0% 50% no-repeat padding-box;
}

input[type='date']:disabled {
    color: #A3A3A3;
    background: url(../../img/imagenes/calendaraDisable.png) #FFF 99% 50% no-repeat padding-box;
}

    input[type='date']:disabled::-webkit-calendar-picker-indicator {
        background: url(../../img/imagenes/calendaraDisable.png) #FFF 99% 50% no-repeat padding-box;
    }

.loading {
    z-index: 98;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #aaa;
    opacity: 0.8;
    
}

.email {
    filter: invert(27%) sepia(40%) saturate(2480%) hue-rotate(191deg) brightness(96%) contrast(89%);
}

.loader {
    top: 50%;
    color: #41D4DC;
    font-size: 10px;
    margin: 100px auto;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: spin 1.3s infinite linear;
    animation: spin 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes spin {
    0%, 100% { box-shadow: 0 -4em 0 0.2em, 2em -3.5em 0 0.1em, 3.5em -2em 0 0, 4em 0 0 -0.1em, 3.5em 2em 0 -0.2em, 2em 3.5em 0 -1em, 0em 4em 0 -1em, -2em 3.5em 0 -1em, -3.5em 2em 0 -0.1em, -4em 0em 0 0, -3.5em -2em 0 0, -2em -3.5em 0 0.1em; }

    8.3% { box-shadow: 0 -4em 0 0.1em, 2em -3.5em 0 0.2em, 3.5em -2em 0 0.1em, 4em 0 0 0, 3.5em 2em 0 -0.1em, 2em 3.5em 0 -0.2em, 0em 4em 0 -1em, -2em 3.5em 0 -1em, -3.5em 2em 0 -1em, -4em 0em 0 -0.1em, -3.5em -2em 0 0, -2em -3.5em 0 0; }

    16.6% { box-shadow: 0 -4em 0 0, 2em -3.5em 0 0.1em, 3.5em -2em 0 0.2em, 4em 0 0 0.1em, 3.5em 2em 0 0, 2em 3.5em 0 -0.1em, 0em 4em 0 -0.2em, -2em 3.5em 0 -1em, -3.5em 2em 0 -1em, -4em 0em 0 -1em, -3.5em -2em 0 -0.1em, -2em -3.5em 0 0; }

    25% { box-shadow: 0 -4em 0 0, 2em -3.5em 0 0, 3.5em -2em 0 0.1em, 4em 0 0 0.2em, 3.5em 2em 0 0.1em, 2em 3.5em 0 0, 0em 4em 0 -0.1em, -2em 3.5em 0 -0.2em, -3.5em 2em 0 -1em, -4em 0em 0 -1em, -3.5em -2em 0 -1em, -2em -3.5em 0 -0.1em; }

    33.3% { box-shadow: 0 -4em 0 -0.1em, 2em -3.5em 0 0, 3.5em -2em 0 0, 4em 0 0 0.1em, 3.5em 2em 0 0.2em, 2em 3.5em 0 0.1em, 0em 4em 0 0, -2em 3.5em 0 -0.1em, -3.5em 2em 0 -0.2em, -4em 0em 0 -1em, -3.5em -2em 0 -1em, -2em -3.5em 0 -1em; }

    41.6% { box-shadow: 0 -4em 0 -1em, 2em -3.5em 0 -0.1em, 3.5em -2em 0 0, 4em 0 0 0, 3.5em 2em 0 0.1em, 2em 3.5em 0 0.2em, 0em 4em 0 0.1em, -2em 3.5em 0 0, -3.5em 2em 0 -0.1em, -4em 0em 0 -0.2em, -3.5em -2em 0 -1em, -2em -3.5em 0 -1em; }

    50% { box-shadow: 0 -4em 0 -1em, 2em -3.5em 0 -1em, 3.5em -2em 0 -0.1em, 4em 0 0 0, 3.5em 2em 0 0, 2em 3.5em 0 0.1em, 0em 4em 0 0.2em, -2em 3.5em 0 0.1em, -3.5em 2em 0 0, -4em 0em 0 -0.1em, -3.5em -2em 0 -0.2em, -2em -3.5em 0 -1em; }

    58.3% { box-shadow: 0 -4em 0 -1em, 2em -3.5em 0 -1em, 3.5em -2em 0 -1em, 4em 0 0 -0.1em, 3.5em 2em 0 0, 2em 3.5em 0 0, 0em 4em 0 0.1em, -2em 3.5em 0 0.2em, -3.5em 2em 0 0.1em, -4em 0em 0 0, -3.5em -2em 0 -0.1em, -2em -3.5em 0 -0.2em; }

    66.6% { box-shadow: 0 -4em 0 -0.2em, 2em -3.5em 0 -1em, 3.5em -2em 0 -1em, 4em 0 0 -1em, 3.5em 2em 0 -0.1em, 2em 3.5em 0 0, 0em 4em 0 0, -2em 3.5em 0 0.1em, -3.5em 2em 0 0.2em, -4em 0em 0 0.1em, -3.5em -2em 0 0, -2em -3.5em 0 -0.1em; }

    75% { box-shadow: 0 -4em 0 -0.1em, 2em -3.5em 0 -0.2em, 3.5em -2em 0 -1em, 4em 0 0 -1em, 3.5em 2em 0 -1em, 2em 3.5em 0 -0.1em, 0em 4em 0 0, -2em 3.5em 0 0, -3.5em 2em 0 0.1em, -4em 0em 0 0.2em, -3.5em -2em 0 0.1em, -2em -3.5em 0 0; }

    83.3% { box-shadow: 0 -4em 0 0, 2em -3.5em 0 -0.1em, 3.5em -2em 0 -0.2em, 4em 0 0 -1em, 3.5em 2em 0 -1em, 2em 3.5em 0 -1em, 0em 4em 0 -0.1em, -2em 3.5em 0 0, -3.5em 2em 0 0, -4em 0em 0 0.1em, -3.5em -2em 0 0.2em, -2em -3.5em 0 0.1em; }

    91.6% { box-shadow: 0 -4em 0 0.1em, 2em -3.5em 0 0, 3.5em -2em 0 -0.1em, 4em 0 0 -0.2em, 3.5em 2em 0 -1em, 2em 3.5em 0 -1em, 0em 4em 0 -1em, -2em 3.5em 0 -0.1em, -3.5em 2em 0 0, -4em 0em 0 0, -3.5em -2em 0 0.1em, -2em -3.5em 0 0.2em; }
}

@keyframes spin {
    0%, 100% { box-shadow: 0 -4em 0 0.2em, 2em -3.5em 0 0.1em, 3.5em -2em 0 0, 4em 0 0 -0.1em, 3.5em 2em 0 -0.2em, 2em 3.5em 0 -1em, 0em 4em 0 -1em, -2em 3.5em 0 -1em, -3.5em 2em 0 -0.1em, -4em 0em 0 0, -3.5em -2em 0 0, -2em -3.5em 0 0.1em; }

    8.3% { box-shadow: 0 -4em 0 0.1em, 2em -3.5em 0 0.2em, 3.5em -2em 0 0.1em, 4em 0 0 0, 3.5em 2em 0 -0.1em, 2em 3.5em 0 -0.2em, 0em 4em 0 -1em, -2em 3.5em 0 -1em, -3.5em 2em 0 -1em, -4em 0em 0 -0.1em, -3.5em -2em 0 0, -2em -3.5em 0 0; }

    16.6% { box-shadow: 0 -4em 0 0, 2em -3.5em 0 0.1em, 3.5em -2em 0 0.2em, 4em 0 0 0.1em, 3.5em 2em 0 0, 2em 3.5em 0 -0.1em, 0em 4em 0 -0.2em, -2em 3.5em 0 -1em, -3.5em 2em 0 -1em, -4em 0em 0 -1em, -3.5em -2em 0 -0.1em, -2em -3.5em 0 0; }

    25% { box-shadow: 0 -4em 0 0, 2em -3.5em 0 0, 3.5em -2em 0 0.1em, 4em 0 0 0.2em, 3.5em 2em 0 0.1em, 2em 3.5em 0 0, 0em 4em 0 -0.1em, -2em 3.5em 0 -0.2em, -3.5em 2em 0 -1em, -4em 0em 0 -1em, -3.5em -2em 0 -1em, -2em -3.5em 0 -0.1em; }

    33.3% { box-shadow: 0 -4em 0 -0.1em, 2em -3.5em 0 0, 3.5em -2em 0 0, 4em 0 0 0.1em, 3.5em 2em 0 0.2em, 2em 3.5em 0 0.1em, 0em 4em 0 0, -2em 3.5em 0 -0.1em, -3.5em 2em 0 -0.2em, -4em 0em 0 -1em, -3.5em -2em 0 -1em, -2em -3.5em 0 -1em; }

    41.6% { box-shadow: 0 -4em 0 -1em, 2em -3.5em 0 -0.1em, 3.5em -2em 0 0, 4em 0 0 0, 3.5em 2em 0 0.1em, 2em 3.5em 0 0.2em, 0em 4em 0 0.1em, -2em 3.5em 0 0, -3.5em 2em 0 -0.1em, -4em 0em 0 -0.2em, -3.5em -2em 0 -1em, -2em -3.5em 0 -1em; }

    50% { box-shadow: 0 -4em 0 -1em, 2em -3.5em 0 -1em, 3.5em -2em 0 -0.1em, 4em 0 0 0, 3.5em 2em 0 0, 2em 3.5em 0 0.1em, 0em 4em 0 0.2em, -2em 3.5em 0 0.1em, -3.5em 2em 0 0, -4em 0em 0 -0.1em, -3.5em -2em 0 -0.2em, -2em -3.5em 0 -1em; }

    58.3% { box-shadow: 0 -4em 0 -1em, 2em -3.5em 0 -1em, 3.5em -2em 0 -1em, 4em 0 0 -0.1em, 3.5em 2em 0 0, 2em 3.5em 0 0, 0em 4em 0 0.1em, -2em 3.5em 0 0.2em, -3.5em 2em 0 0.1em, -4em 0em 0 0, -3.5em -2em 0 -0.1em, -2em -3.5em 0 -0.2em; }

    66.6% { box-shadow: 0 -4em 0 -0.2em, 2em -3.5em 0 -1em, 3.5em -2em 0 -1em, 4em 0 0 -1em, 3.5em 2em 0 -0.1em, 2em 3.5em 0 0, 0em 4em 0 0, -2em 3.5em 0 0.1em, -3.5em 2em 0 0.2em, -4em 0em 0 0.1em, -3.5em -2em 0 0, -2em -3.5em 0 -0.1em; }

    75% { box-shadow: 0 -4em 0 -0.1em, 2em -3.5em 0 -0.2em, 3.5em -2em 0 -1em, 4em 0 0 -1em, 3.5em 2em 0 -1em, 2em 3.5em 0 -0.1em, 0em 4em 0 0, -2em 3.5em 0 0, -3.5em 2em 0 0.1em, -4em 0em 0 0.2em, -3.5em -2em 0 0.1em, -2em -3.5em 0 0; }

    83.3% { box-shadow: 0 -4em 0 0, 2em -3.5em 0 -0.1em, 3.5em -2em 0 -0.2em, 4em 0 0 -1em, 3.5em 2em 0 -1em, 2em 3.5em 0 -1em, 0em 4em 0 -0.1em, -2em 3.5em 0 0, -3.5em 2em 0 0, -4em 0em 0 0.1em, -3.5em -2em 0 0.2em, -2em -3.5em 0 0.1em; }

    91.6% { box-shadow: 0 -4em 0 0.1em, 2em -3.5em 0 0, 3.5em -2em 0 -0.1em, 4em 0 0 -0.2em, 3.5em 2em 0 -1em, 2em 3.5em 0 -1em, 0em 4em 0 -1em, -2em 3.5em 0 -0.1em, -3.5em 2em 0 0, -4em 0em 0 0, -3.5em -2em 0 0.1em, -2em -3.5em 0 0.2em; }
}

.return {
    margin-bottom: 3px !important;
    padding-bottom: 0px !important;
    width: 80px !important;
    text-align: left !important;
    text-decoration: underline !important;
    font: normal normal 600 16px/30px Fira Sans !important;
    letter-spacing: -0.24px !important;
    color: #A3A3A3 !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

.return:visited{
    color: #A3A3A3 !important;
}

.btn {
    outline:none !important;
}


#frame_contenido {
    height: 100%;
}

.text-area {
    height: 130px;
}

.text-area1 {
    height: 300px;
}
.checker {
    border-color: #999999;
    border-width: thin;
    width: 13px;
    height: 11px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .checker input[type="checkbox"] {
        border-color: #999999;
        border-style: solid;
        border-width: thin;
        width: 13px;
        height: 11px;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

        .checker input[type="checkbox"]:checked {
            background-color: #41D4DC !important;
            border-color: #999999;
            border-style: solid;
            border-width: thin;
            width: 16px;
            height: 16px;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-image: url(../../img/imagenes/check.png) !important
        }




.pdf-img {
    background-image: url(../../img/imagenes/printa.png) !important;
    width: 155px;
}

.main-button22 {
    width: 280px;
    height: 32px;
    background: transparent linear-gradient(90deg, #41D4DC 0%, var(--unnamed-color-0038a8) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #41D4DC 0%, #0038A8 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 30px;
    text-emphasis-color: #FFFFFF !important;
    text-align: center !important;
    font: normal normal medium 14px/37px Fira Sans !important;
    letter-spacing: -0.28px !important;
    color: #FFFFFF !important;
    border: none !important;
    opacity: 1;
    padding: 0 !important;
    box-shadow: none !important;
}
.main-button22:focus{border:0;outline:0 none;}
.main-button22:hover {
    width: 280px;
    height: 32px;
   
    background: transparent linear-gradient(90deg, #0038A8 0%, #41D4DC  100%) 0% 0% no-repeat padding-box !important;
    border-radius: 30px;
    text-emphasis-color: #FFFFFF !important;
    text-align: center !important;
    font: normal normal medium 14px/37px Fira Sans !important;
    letter-spacing: -0.28px !important;
    color: #FFFFFF !important;
    border: none !important;
    opacity: 1;
    padding: 0 !important;
    box-shadow: none !important;
}

.text-area1 {
    height: 300px;
}

hn/lib/css/login/login.css

Reemplazar:

 .init-content .client {
        top: 15%;
    }

    .init-content .inter {
        top: 35%;
    }

    .init-content .prov {
        top: 55%;
    }
     .init-content .pre {
        top: 78%;
    }

Agregar:

.pre-btn {
    position: absolute;
    right: 6%;
    width: 370px;
    border-radius: 8px;
    /* box-shadow: 0px 15px 15px #00000015; */
    opacity: 1;
    padding: 0%;
}
.main-button2 {
    width: 300px;
    height: 35px;
    background-color: #41D4DC !important;
    border-radius: 30px;
    text-emphasis-color: #FFFFFF !important;
    text-align: center !important;
    font: normal normal medium 14px/37px Fira Sans !important;
    letter-spacing: -0.28px !important;
    color: #FFFFFF !important;
    border: none !important;
    opacity: 1;
    padding: 0 !important;
    box-shadow: none !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
   border-left: 8px solid #41D4DC !important;
   padding-left: 15px !important;
}
.main-button2:focus{border:0;outline:0 none;}
.main-button2:hover {
    width: 300px;
    height: 35px;
    background-color: #0038A8 !important;
   
   
    border-radius: 30px;
    text-emphasis-color: #FFFFFF !important;
    text-align: center !important;
    font: normal normal medium 14px/37px Fira Sans !important;
    letter-spacing: -0.28px !important;
    color: #FFFFFF !important;
    border: none !important;
    opacity: 1;
    padding: 0 !important;
    box-shadow: none !important;
    border-left: 8px solid #0038A8 !important;
    padding-left: 15px !important;
}
.medicamentos-img {
    background-image: url(../../../img/imagenes/pills3.png) !important;
   
}