body {
    height: 100%;
    background-color: #FFFFFF;
    font-style: normal;
    font-size: small;
    margin: 0;
    font-family: Verdana;
    font-size: 11px;
}

h1 {
    font-size: 15px;
    letter-spacing: 1px;
}

a {
    text-decoration: none;
    color: #5C80B1;
}

    a:hover {
        text-decoration: underline;
    }

img {
    border: none;
}

.alt td {
    background-color: white;
}

label.wide {
    float: left;
    display: block;
}

/*----------------------------
						 Forms
----------------------------*/
.row {
    width: 100%;
}

.col {
    width: 99%;
    float: left;
    padding-top: 10px;
}

.col_izq {
    width: 70%;
    float: left;
    padding-top: 10px;
}

.col_dcha {
    width: 30%;
    float: right;
    padding-top: 10px;
}

.box_fila {
    /*display: inline-block;*/
    display: flex;
    flex-wrap: nowrap;
}

.box_izq {
    float: left;
    height: 26px;
    width: 25%;
    clear: left;
    vertical-align: bottom;
    padding-left: 2px;
}

.box_dcha {
    float: right;
    width: 73%;
    padding-left: 3px;
    margin-right: 10px;
    background-color: #F0F5F7;
    min-height: 26px;
    vertical-align: middle;
}

.box_dcha_exp {
    text-align: center;
    float: right;
    width: 73%;
    padding-left: 3px;
    margin-right: 10px;
    background-color: #E0E6F8;
    min-height: 25px;
    vertical-align: middle;
}

.boton_exp {
    height: 13px;
    text-align: center;
    cursor: hand;
}

.box_center {
    text-align: center;
}

.sep {
    text-align: right;
    width: 99%;
    height: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E3E3E3;
    clear: both;
}

.col_fondo {
    padding-left: 3px;
    background-color: #F0F5F7;
}

.colorFondoItemSeleccionado {
    background-color: #B0C4DE;
}

/*----------------------------
			EncabezadosSeccion
----------------------------*/
.headersection {
    border-style: solid;
    border-width: 1px;
    border-color: #B8C1CA;
    background-color: #F1F1F1;
    border-top: solid 1px #B8C1CA;
    padding: 5px;
    margin-right: 10px;
    margin-top: 10px;
}

/*----------------------------
						 Filtro
----------------------------*/

.filtro {
    border-style: solid;
    border-width: 1px;
    background-image: url( 'images/bgFiltert.png' );
    background-repeat: repeat-x;
    border-color: #B8C1CA;
    cursor: hand;
    height: 20px;
    font-family: Verdana;
    font-size: 11px;
    vertical-align: middle;
}

.rowFilter {
    width: 100%;
    padding: 10px -10px 10px 10px;
    background: white;
    margin-bottom: 10px;
    margin-top: 10px;
}

/*----------------------------
						 Menus
----------------------------*/
.menuback {
    background: #5A6B7D;
    margin: 0px;
    border: solid 1px #8394AC;
}

.menu {
    padding: 2px;
    background: #5A6B7D;
    height: 23px;
}

.menuitem {
    padding: 2px;
    color: White;
    text-decoration: none;
    font-size: 12px;
    text-align: left;
    height: 23px; /*width: 60px;*/
}

.menuHover {
    padding: 2px;
    color: White;
    background: #99A3AD;
    text-decoration: none;
    font-size: 12px;
    text-align: left;
    border: solid 1px #DFE2E5;
    height: 22px;
}

.subMenuitem {
    padding: 2px;
    color: #666;
    background: #F5F5F5;
    text-decoration: none;
    font-size: 12px;
    text-align: left;
    height: 23px;
    /*width: 150px;*/
    min-width: 150px;
}

.subMenuHover {
    padding: 2px;
    color: #666;
    background: #E4F1F7;
    text-decoration: none;
    font-size: 12px;
    text-align: left;
    border: solid 1px #AADAED;
    height: 22px;
}


/*----------------------------
						Layout
----------------------------*/

#leftColumn {
    background-image: url( 'images/bkgd_left_column.gif' );
    background-repeat: repeat-y;
    width: 28px;
}

#rightColumn {
    background-image: url( 'images/bkgd_right_column.gif' );
    background-repeat: repeat-y;
    width: 28px;
}

#footer {
    font-size: .9em;
    background-color: #959595;
    color: white;
    width: 100%;
    height: 25px;
    line-height: 25px;
    clear: right;
    text-align: right;
    font-weight: bold;
}

    #footer a {
        color: White;
        margin-right: 10px;
    }

.rightSidebar {
    width: 210px;
    background-color: #F1F1F1;
    border-style: solid;
    border-width: 1px;
    border-color: #B8C1CA;
    padding: 10px 10px 10px 10px;
    background-color: #F1F1F1;
    margin-right: 15px;
    margin-top: 30px;
}

.banner {
    width: 100%;
    background-color: #F1F1F1;
    border-bottom: solid 4px #959595;
}

    .banner h1 {
        font-family: Arial;
        font-size: 30px;
        font-weight: bold;
        margin: 0px;
        letter-spacing: 1px;
        color: Silver;
    }

    .banner h2 {
        font-family: Arial;
        font-size: 15px;
        font-weight: bold;
        margin: 0px;
        color: Silver;
    }

.main {
    border-style: solid;
    border-width: 1px;
    border-color: #B8C1CA;
    padding: 10px 0px 0px 10px;
    background-color: #F1F1F1;
    border-top: solid 1px #B8C1CA;
}

.settings {
    width: 98%;
    padding: 10px 0px 10px 10px;
    background: white;
    border: 1px solid silver;
    margin-bottom: 20px;
    margin-top: 0px;
}

    .settings h1 {
        margin: 0;
        border-bottom: 1px solid silver;
        width: 99%;
    }

    .settings label {
        float: left;
        width: 200px;
    }

.thinLabel {
    font-size: x-small;
    font-style: italic;
}

.nowidth label {
    float: none;
    width: 0px;
}

td.label {
    vertical-align: top;
    padding-top: 5px;
}

.settings span label {
    float: none;
    display: inline;
    width: auto;
    padding-right: 0px;
}

.settings span input[type="radio"] {
    width: 20px;
    padding: 0;
    vertical-align: middle;
}

/*-------------------------------------------
								FolderBrowser
-------------------------------------------*/

.menu_container {
    background-image: url( 'images/menu_bg.png' );
    height: 28px;
}

.menu_folder {
    background-image: url( 'images/menu_bg.png' );
    height: 28px;
    border: 0px;
    font-family: arial;
    font-size: 11px;
    color: #FFF;
    cursor: pointer;
}


.cy_grid_header {
    width: 150px;
    font-weight: bold;
    background-image: url( 'images/grid_header.png' );
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #EEEEEE;
    padding-left: 6px;
    height: 22px;
    text-align: left;
}

.cy_grid_column {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    height: 25px;
}

.cy_grid_hover {
    background-image: url( 'images/grid_hover.png' );
    background-repeat: repeat-x;
}

.cy_grid_hover_Combo {
    background-image: url( 'images/grid_hover.png' );
    background-repeat: repeat-x;
    height: 15px;
}

/*- Menu Main Tabs --------------------------- */

.maintabs .maincurrent {
    font-weight: bolder;
    text-decoration: underline;
    color: Blue;
    border-bottom: 0;
}

.maintabs {
    float: left;
    width: 100%;
    background: #F1F1F1;
    font-size: 9pt;
    line-height: normal;
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #B8C1CA;
}

    .maintabs ul {
        margin: 0;
        padding: 10px 0px 0 5px;
        list-style: none;
        position: relative;
        top: 1px;
    }

    .maintabs li {
        display: inline;
        margin: 0;
        padding: 0;
    }

    .maintabs a {
        float: left;
        background: url( "images/tableftB.gif" ) no-repeat left top;
        margin: 0;
        padding: 0 0 0 4px;
        text-decoration: none;
        text-transform: capitalize;
    }

        .maintabs a span {
            float: left;
            display: block;
            background: url( "images/tabrightB.gif" ) no-repeat right top;
            padding: 5px 15px 4px 6px;
            color: #666;
            /*Evita que aparezca la zona oscura de la imagen*/
            max-height: 30px;
        }

        /* Commented Backslash Hack hides rule from IE5-Mac \*/
        .maintabs a span {
            float: none;
        }

        /* End IE5-Mac hack */
        .maintabs a:hover span {
            color: #000;
        }

        .maintabs a:hover {
            background-position: 0% -42px;
        }

            .maintabs a:hover span {
                background-position: 100% -42px;
            }

/*-------------*/

/*- Menu Tabs --------------------------- */

.tabs .current {
    font-weight: bolder;
    text-decoration: underline;
    color: Orange; /*Blue;*/
    border-bottom: 0;
}

.tabs {
    float: left;
    width: 100%;
    background: #F1F1F1;
    font-size: 9pt;
    line-height: normal;
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #B8C1CA;
}

    .tabs ul {
        margin: 0;
        padding: 10px 0px 0 5px;
        list-style: none;
        position: relative;
        top: 1px;
    }

    .tabs li {
        display: inline;
        margin: 0;
        padding: 0;
    }

    .tabs a {
        float: left;
        background: url( "images/tableftB_detalle.png" ) no-repeat left top;
        margin: 0;
        padding: 0 0 0 4px;
        text-decoration: none;
        text-transform: capitalize;
    }

        .tabs a span {
            float: left;
            display: block;
            background: url( "images/tabrightB_detalle.png" ) no-repeat right top;
            padding: 5px 15px 4px 6px;
            color: #666;
            /*Evita que aparezca la zona oscura de la imagen*/
            max-height: 30px;
        }

        /* Commented Backslash Hack hides rule from IE5-Mac \*/
        .tabs a span {
            float: none;
        }

        /* End IE5-Mac hack */
        .tabs a:hover span {
            color: #000;
        }

        .tabs a:hover {
            background-position: 0% -42px;
        }

            .tabs a:hover span {
                background-position: 100% -42px;
            }

/*-------------*/

.main input[type="submit"], .main input[type="button"] {
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #B8C1CA;
}


    .main input[type="submit"]:hover {
        color: #FFFFFF;
        background: #B8C1CA;
        cursor: pointer;
    }

.settings input[type="submit"], .settings input[type="button"] {
    color: #666;
    background: #F1F1F1;
    border: 1px solid #B8C1CA;
}

    .settings input[type="submit"]:hover, .settings input[type="button"]:hover {
        color: #FFFFFF;
        background: #B8C1CA;
        cursor: pointer;
    }

input, select, textarea {
    color: #666;
    background: #FFFFFF;
    border: 1px solid #B8C1CA;
}

.text {
    color: #666;
    background: #FFFFFF;
    border: 1px solid #B8C1CA;
}

.textDisable {
    color: #666;
    background-color: InfoBackground; /*gainsboro;*/
    border: 1px solid #B8C1CA;
}

.text3 {
    color: #666;
    background: #FFFFFF;
    border: 1px solid #B8C1CA;
    width: 97%;
}

.textWater {
    color: #666;
    background: #E4F1F7;
    border: 1px solid #B8C1CA;
    width: 200px;
    font-style: italic;
}

.text2 {
    color: #666;
    background: #FFFFFF;
    border: 1px solid #B8C1CA;
    width: 97%;
    font-family: Verdana;
}

.textFiltro {
    color: #666;
    background: #FFFFFF;
    border: 1px solid #B8C1CA;
    width: 300px;
}

.textFiltroWater {
    color: #666;
    background: #E4F1F7;
    border: 1px solid #B8C1CA;
    width: 300px;
    font-style: italic;
}

input[type="file"]:hover {
    cursor: pointer;
}

input[type="checkbox"] {
    border: none;
    background: none;
}

.info {
    background: url( 'images/info.gif' ) right top no-repeat;
    padding: 15px 50px 10px 15px;
    border: 1px solid #ccc;
}

/* Extension settings */
.mgr input, select {
    margin: 5px 0 5px 0;
}

.mgrRadioList {
    border: 1px solid #ccc;
    margin: 5px 0 5px 0;
}

    .mgrRadioList td {
        height: 25px;
        display: table-cell;
    }

    .mgrRadioList input {
        float: left;
        width: 20px;
        height: 20px;
        border: 0;
    }

    .mgrRadioList label {
        display: inline-table;
        float: right;
        height: 20px;
        width: 100px;
        margin: 7px 0 0 5px;
    }

.mgrCheck {
    margin-top: 6px;
    padding-right: 5px;
}

.mgrCheckLbl {
    margin-bottom: 8px;
}

/* TreeView */
.treePermisos {
    /* para esconder el primer nodo */
    margin-top: -20px;
    #margin-top:-30px;
    padding-bottom: 22px;
}

.treeHijos {
    /* para esconder el primer nodo */
    margin-top: 0px;
    #margin-top:-10px;
    padding-bottom: 10px;
}

/* RadioButtonList */
.scnRadioButtonList {
}

    .scnRadioButtonList input[type="radio"] {
        width: 20px;
        padding: 0;
        vertical-align: middle;
        border-width: 0px;
        background-color: Transparent;
        color: Blue;
    }

    .scnRadioButtonList input[type="checkbox"] {
        width: 20px;
        padding: 0;
        vertical-align: middle;
        border-width: 0px;
        background-color: Transparent;
        color: Blue;
    }

    .scnRadioButtonList label {
        vertical-align: middle;
    }


/*Reorder List*/
.dragHandle {
    width: 20px;
    height: 20px;
    background-color: #F0F5F7;
    background-image: url(images/bg-menu-main.png);
    cursor: move;
    border: outset thin white;
    vertical-align: middle;
}

.callbackStyle {
    border: thin blue inset;
}

    .callbackStyle table {
        background-color: #5377A9;
        color: #333333; /*Black;*/
    }

.reorderListDemo ul {
    margin: 0;
}

.reorderListDemo li {
    list-style: none;
    height: 25px; /*margin:2px;*/ /*background-image:url(images/bg_nav.gif); 	background-repeat:repeat-x;*/
    background-color: #F7F6F3;
    color: #333;
}

    .reorderListDemo li a {
        color: #333 !important;
        font-weight: bolder;
        vertical-align: middle;
    }

.reorderCue {
    border-width: 1px;
    border-style: dashed;
    border-color: #B8C1CA; /*border:dotted thin black;*/
    width: 100%;
    height: 18px;
}

.itemArea {
    /*margin-left:15px; 	/*font-family:Arial, Verdana, sans-serif; 	font-size:1em;*/
    padding-left: 25px;
    height: 100%;
    text-align: left;
    vertical-align: middle; /*background-color:  #F0F5F7;*/
    list-style-type: none;
}

.cabeceraReorder {
    /*padding-left:55px;*/
    height: 18px;
    width: 100%;
    background-color: #5D7B9D;
    color: White;
    font-weight: bolder;
    padding-top: 3px;
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus {
    background-color: #FFFFCC;
    color: #000000;
}

.MaskedEditMessage {
    color: #FF0000;
    font-weight: bold;
}

.MaskedEditError {
    background-color: #FFCCCC;
}

.MaskedEditFocusNegative {
    background-color: #FFFFCC;
    color: #FF0000;
}

.MaskedEditBlurNegative {
    color: #FF0000;
}

/************************ Generic contextMenu menu styles **************************/
.contextMenu {
    position: absolute;
    width: 220px;
    z-index: 99999;
    border: solid 1px #CCC;
    background: #5A6B7D;
    padding: 0px;
    margin: 0px;
    display: none;
}

    .contextMenu LI {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .contextMenu A {
        color: White;
        text-decoration: none;
        display: block;
        line-height: 20px;
        height: 20px;
        background-position: 6px center;
        background-repeat: no-repeat;
        outline: none;
        padding: 0px;
        padding-left: 28px;
        border: solid 1px #5A6B7D;
    }

    .contextMenu LI.hover A {
        color: #333;
        border: solid 1px #AADAED;
        background-color: #E4F1F7;
    }

    .contextMenu LI.disabled A {
        color: #AAA;
        cursor: default;
    }

    .contextMenu LI.hover.disabled A {
        background-color: transparent;
    }

    .contextMenu LI.separator {
        border-top: solid 1px #EEE;
        padding: 0px;
    }

/*	Iconos 

.contextMenu LI.edit A { background-image: url(images/page_white_edit.png); }
.contextMenu LI.cut A { background-image: url(images/cut.png); }
.contextMenu LI.copy A { background-image: url(images/page_white_copy.png); }
.contextMenu LI.paste A { background-image: url(images/page_white_paste.png); }
.contextMenu LI.delete A { background-image: url(images/page_white_delete.png); }
.contextMenu LI.quit A { background-image: url(images/door.png); }
*/


.GridFila td {
    /*border-right: none; 	border-top: #eee 1px solid; 	border-left: none;*/ /*border-bottom: black 1px solid;*/ /*color: Black; 	font-size: 11px;  	height: 25px;*/
    padding-left: 5px; /*padding-top: 3px; 	padding-bottom: 3px;*/
    border-spacing: 2px; /*para separar las columnas*/ /*vertical-align:middle;*/
}

.GridFilaHeader th {
    /*background-color: #EEE;*/
    padding-right: 15px; /*vertical-align: middle;*/
    text-align: left;
    padding-left: 5px;
}

/* CONTROL PASSWORDSTRENGTH */
.BarBorder {
    border-style: solid;
    border-width: 1px;
    padding: 2px 2px 2px 2px;
    width: 200px;
    vertical-align: middle;
}

.BarIndicator_weak {
    color: Red;
    background-color: Red;
}

.BarIndicator_average {
    color: Blue;
    background-color: Blue;
}

.BarIndicator_good {
    color: Green;
    background-color: Green;
}

/* Para ocultar objetos en páginas */
.oculto {
    visibility: hidden;
    width: 0px;
    height: 0px;
}


.dropDownPaging a {
    padding: 3px;
}


/* **************************** **************************** **************************** */
/* ESTILOS DE MENSAJES */

.pnlMSGBox {
    width: 350px;
    height: 210px;
}

.capaMSG {
    background-color: white;
    border: 1px solid #CCC;
    color: black; /*font:normal normal normal 0.9em/1em Arial, Helvetica, sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

.capaMSGTitulo {
    width: 350px;
    height: 30px;
    font-weight: bold; /*text-align: center;*/
}

.capaMSGTexto {
    width: 350px;
    height: 140px;
    text-align: center;
}

.capaMSGBotones {
    width: 350px;
    height: 30px;
    text-align: right;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.SCNBotonGris {
    background-image: url('./images/Entrar_SCN.PNG');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 20px;
    margin-right: 5px;
    color: Gray;
    height: 23px;
    font-size: 11px;
}

.SCNBotonGrisSalir {
    background-image: url('./images/Cerrar_SCN.PNG');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 20px;
    margin-right: 5px;
    color: Gray;
    height: 23px;
    font-size: 11px;
}

/* Texto del mensaje */

.Texto {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    color: #000000;
}



/* **************************** **************************** **************************** */
/* Para FireFox */

.LineaFireFox {
    clear: both;
}

/* **************************** **************************** **************************** */
.sello {
    border: 1px solid #0000FF;
    color: Blue;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px;
}

    .sello td {
        border: 1px solid #0000FF;
        padding: 2px;
    }

.selloSinBorde {
    color: Blue;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px;
}

    .selloSinBorde td {
        padding: 2px;
    }

.detallesello {
    border: 0px;
    padding: 2px;
}

    .detallesello td {
        border: 0px;
        padding: 2px;
    }

.linkedValueSelected {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    border: solid 1px Black;
    padding: 5px 10px 5px 10px;
}

.linkedValue {
    border: solid 1px Black;
    padding: 5px;
}

.linkedValueDetail {
    border: solid 1px Black;
    padding: 5px 0pc 5px 5px;
}

/* tree de aplicaciones */
.TreeRootApli {
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    letter-spacing: normal;
    color: White;
    text-indent: 0px;
    background-color: Gray;
    height: 25px;
}

/* ***************************** ***************************** ***************************** */
/* Botones de ordenación */
/* ***************************** ***************************** ***************************** */

.SCNBotonOrdenSinImagen {
    color: White;
    height: 23px;
    font-size: 12px;
    vertical-align: middle;
    text-align: left;
    background-color: #5D7B9D;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-left: 0px;
}

.SCNBotonOrdenASC {
    background-image: url('./../../Images/FlechaVerdeUp.PNG');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 20px;
    color: Black;
    height: 23px;
    font-size: 13px;
}

.SCNBotonOrdenDESC {
    background-image: url('./../../Images/FlechaVerdeDown.PNG');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 20px;
    color: Black;
    height: 23px;
    font-size: 13px;
}

/* ***************************** ***************************** ***************************** */

.IrA {
    display: none; /*inline-block;*/
    text-align: right;
    width: 80px;
    background-color: Gray;
    color: White;
    z-index: 1;
}

.IrAVisible {
    display: inline-block;
    text-align: right;
    width: 80px;
    background-color: Gray;
    color: White;
    z-index: 1;
}

/* ***************************** ***************************** ***************************** */

.checkbox label {
    display: inline;
    margin-left: 3px;
}