/* DEFAULTS
----------------------------------------------------------*/
.CabeceraPrincipal {
    width: 100%;
    height: 50px;
    position: relative;
    z-index: 10002;
}


/*.centrado {
    max-width: 80%;
    margin: auto;
    padding-top: 0px;
}*/

.centrado {
    max-width: 100%;
    margin: auto;
    padding-top: 0px;
    text-align: center;
}


.imgLoad {
    height: 18px;
    width: 18px;
    display: none;
}

.ImgAviso {
    height: 23px;
    width: 23px;
    display: inline-block;
    padding-left: 5px;
    background-image: url('../Image/Aviso.png');
    background-repeat: no-repeat;
}

.ImgInfo {
    height: 13px;
    width: 13px;
    background-image: url('../Image/info13x13.png');
    background-repeat: no-repeat;
}

.lbAviso {
    line-height: 13px !important;
}

.imgCentrado {
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.fondoBlanco {
    background: #fff;
    border-bottom: 2px solid #2AC5C6;
}

.margen {
    padding: 18px 3% 18px;
    font-size: 14px;
}

.parrafo {
    font-size: 14px;
}

#MainContent_Label2, #MainContent_Label3, #MainContent_RegisterUser_CreateUserStepContainer_Label2, #MainContent_RegisterUser_CreateUserStepContainer_Label3 {
    font-size: 12px;
}

#MainContent_lbFavoritos2, #MainContent_lbFavoritos {
    vertical-align: text-bottom;
}

.changePassword {
    background: #fff;
    font-size: 14px;
    border-bottom: 2px solid #2AC5C6;
    padding: 40px;
}

/*.changePassword p span, .changePassword p label
    {
        margin-left: 6%;
    }*/

MainContent_btCambiarContraseña {
    margin-left: 10%;
}

.visor1 {
    display: inline-block;
    vertical-align: top;
    width: 18%;
    margin-top: 5px;
}

.visor2 {
    display: inline-block;
    vertical-align: top;
    width: 27.5%;
}

.visor3 {
    display: inline-block;
    vertical-align: top;
    width: 28px;
    margin-top: 6px;
}

.visor4 {
    display: inline-block;
    vertical-align: top;
    width: 10%;
    margin-top: 5px;
}



.informeCubo1 {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 61%;
}

.informeCubo2 {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 30%;
}



.CabeceraContenedor {
    width: 100%;
    max-width: 90%;
    margin: auto;
    position: relative;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*vertical-align: baseline;*/
    background: transparent;
}



    html, body, body > form {
        height: 100%;
    }

#wrapper {
    min-height: 99.9%;
    margin-bottom: -89px;
    height: auto !important;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 99px;
}

body {
    background: #eee;
    line-height: 1;
    font-family: "Tahoma", sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}

/*CUBOS
----------------------------------------------------------*/

#ctl00_MainContent_pivotCubos_FilterArea td {
    display: inline-block !important;
    float: left;
    padding: 5px 5px 2px 2px !important;
}


#MainContent_lbTituloCubo {
    font-size: 20px;
    color: #4b6c9e;
}


/* HEADINGS   
----------------------------------------------------------*/



h1 {
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    /*font-weight: 100;*/
}

h2 {
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 200;
    color: #00adb6;
    margin-bottom: 25px;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

.page {
    /*background-color: #fff;
    margin: 0px auto 0px auto;
    border: 1px solid #496077;
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    box-shadow: 0 0 85px rgba(0,0,0,.3);*/
    height: 100%;
}

header {
    /*position: relative;
    margin: 0px;
    padding: 0px;*/
    background: #474747;
    /*width: 100%;
    height: 134px;*/
}

#TextoCabecera {
    font-size: 0.7em;
    text-transform: uppercase;
    margin-left: 20px;
    color: #828282;
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 20px;
    line-height: 10px;
    display: inline-block;
}

header h1 {
    /*font-weight: 700;*/
    /*margin: 0px*/
    /*padding: 0px 0px 0px 20px;*/
    color: #f9f9f9;
    /*font-family: times, Times New Roman, times-roman, georgia, serif;*/
    font-size: 40px;
    line-height: 44px;
    /*letter-spacing: -2px;*/
    /*font-weight: bold;*/
    width: 490px;
    margin: 30px 0px 0px 150px;
}

.main {
    padding: 0px 12px;
    /*margin: 12px 8px 8px 8px;*/
    min-height: 10px;
    padding-bottom: 84px;
    display: block;
    max-width: 95%;
    width: 100%;
    margin: auto;
}

.leftCol {
    padding: 6px 0px;
    /*margin: 12px 8px 8px 8px;*/
    width: 200px;
    min-height: 200px;
}

footer {
    width: 100%;
    clear: both;
    position: relative;
    text-align: right;
    height: 45px;
    /*margin-top: -60px;*/
    background: #888;
    background-position-y: 0px;
    bottom: -25px;
}

.centrado2 {
    max-width: 90%;
    margin: auto;
    position: relative;
}

footer a {
    /*position: absolute;
        top: 22px;
        right: 138px;*/
    font-size: 0.7em;
    text-transform: uppercase;
    margin-left: 20px;
    /* color: #949495; */
    color: white;
    background-repeat: no-repeat;
    background-position: left top;
    padding-right: 20px;
    line-height: 60px;
    display: inline-block;
    text-decoration: none;
}

footer span {
    background-position: right center;
    /*padding-right: 230px !important;
        position: absolute;
        top: 22px;
        right: 251px;*/
    font-size: 0.7em;
    text-transform: uppercase;
    margin-left: 20px;
    color: #949495;
    line-height: 60px;
    display: inline-block;
    text-decoration: none;
    background-image: url('../Image/bordeMenu.png');
    background-repeat: no-repeat;
    padding-right: 40px;
    margin-right: 20px;
}



.textoInformativo {
    color: #4b6c9e;
}

/*********************************************************/
/*         Menú                                          */
/*********************************************************/
.MenuSuperior {
    width: 100%;
    height: 67px;
    position: relative;
    z-index: 10001;
    float: none !important;
    max-width: 95%;
    margin: auto;
}

    .MenuSuperior a {
        display: none;
    }

    .MenuSuperior ul li ul /*PARA EVITAR PARPARDEO AL CARGAR PAGINA*/ {
        display: none;
    }

    .MenuSuperior div ul {
        width: 100%;
        max-width: 99%;
        margin: auto;
        position: relative;
        background-color: #474747;
        height: 50px;
        float: none !important;
        list-style: none;
    }

        .MenuSuperior div ul li [role="menuitem"], .MenuSuperior div ul li [role="menuitem"] a {
            float: left;
            line-height: 69px;
            display: flex;
            width: 340%;
            padding-left: 5px;
            color: #949495;
            font-size: 12px;
            text-transform: uppercase;
            text-align: center;
            background-color: #474747;
            background-size: cover;
        }

    .MenuSuperior > div > ul > li > a[href*="Previsi"] + .level2 li .level3.dynamic {
        left: -95% !important;
    }

    .MenuSuperior div ul li [role="menuitem"]:hover, .MenuSuperior div ul li [role="menuitem"] a:hover {
        background-color: #2E4B5E;
        color: #FFFFFF;
    }

    .MenuSuperior div ul li {
        float: left;
        width: 9.75%;
        background-image: url('../Image/bordeMenu.png');
        background-repeat: no-repeat;
        background-position: left 50%;
        position: relative;
    }

        /*.MenuSuperior ul li:first-child {
            background-image:url('/Info/css/Imagenes/fondos/enlace-inicio.png');
            background-position:center center;
            width:8%;
        }*/
        /*.MenuSuperior div ul li:nth-child(7)
            {
                width: 14%;
            }*/

        .MenuSuperior div ul li a {
            line-height: 69px;
            display: block;
            color: #949495;
            font-size: 12px;
            text-transform: uppercase;
            text-align: center;
            text-decoration: none;
        }

        .MenuSuperior div ul li:hover, .MenuSuperior div ul li.activo {
            background-color: #373737;
        }

        .MenuSuperior div ul li a.selected {
            color: #FFFFFF;
            background-image: url('');
            background-repeat: no-repeat;
            background-position: center bottom;
        }

    .MenuSuperior > div > ul > li > a:hover, .MenuSuperior > div > ul > li.activo > a, .MenuSuperior > div > ul > li.opcionActiva > a {
        color: #FFFFFF;
        background-image: url('../Image/menuActivo.png');
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    .MenuSuperior div ul li ul.subLista {
        position: absolute;
        top: 65px;
        height: 0;
        overflow: hidden;
        left: 0;
        background-color: #373737;
        display: block;
        width: auto;
    }

.enEdicion .MenuSuperior li ul.subLista {
    height: auto;
    overflow: inherit;
    display: none;
}

.enEdicion .MenuSuperior li:hover ul.subLista {
    display: block;
}

.MenuSuperior div ul li:hover ul.subLista {
    height: auto;
    border-top: 5px solid #2AC5C6;
}

.MenuSuperior div ul li ul.subLista li {
    width: 230px;
    float: none;
}

    .MenuSuperior div ul li ul.subLista li a {
        text-align: left;
        text-transform: none;
        line-height: 20px;
        padding: 15px 20px;
    }

        .MenuSuperior div ul li ul.subLista li.activo a, .MenuSuperior div ul li ul.subLista li a:hover {
            color: #2AC5C6;
            background-image: none;
        }


/*------------------- MENU CUBOS -------------------------*/
.ui-state-default, .ui-widget-content {
    border: none !important;
    background: none !important;
}

#MainContent_div_ContainerCategorias h3 {
    color: #00adb6;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -16px !important;
}



.ui-icon {
    width: 37px !important;
    height: 33px !important;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 4.0em !important;
}

.img_informe > img {
    margin-bottom: -7px !important;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
    zoom: 1;
    margin-bottom: 10px !important;
}

.informeCubo {
    border: none !important;
    background: none !important;
    margin-left: 56px !important;
    padding: 0px !important;
    margin-bottom: 0px !important;
}

.ui-icon-triangle-1-e {
    background-position: 0px 0px !important;
    background-image: url('../Image/izqnivel0.png') /*{iconsDefault}*/ !important;
}

.ui-icon-triangle-1-s {
    background-position: 0px 0px !important;
    background-image: url('../Image/izqnivel0der.png') /*{iconsContent}*/ !important;
}

.GeneracionInforme span {
    font-size: 12px;
}

#captcha_IMGD {
    margin-left: 1px;
    margin-top: 11px;
}



/* TAB MENU   
----------------------------------------------------------*/
div.hideSkiplink {
    background-color: #3a4f63;
    width: 100%;
}

div.menu {
    padding: 4px 0px 4px 8px;
}

    div.menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }

        div.menu ul li a, div.menu ul li a:visited {
            background-color: #465c71;
            border: 1px #4e667d solid;
            color: #dde4ec;
            display: block;
            line-height: 1.35em;
            padding: 4px 20px;
            text-decoration: none;
            white-space: nowrap;
        }

            div.menu ul li a:hover {
                background-color: #bfcbd6;
                color: #465c71;
                text-decoration: none;
            }

            div.menu ul li a:active {
                background-color: #465c71;
                color: #cfdbe6;
                text-decoration: none;
            }

/* FORM ELEMENTS   
----------------------------------------------------------*/

.button100 {
    background: #43A3CD;
    padding: 8px 30px;
    color: #FFFFFF;
    font-size: 14px !important;
    text-decoration: none;
    vertical-align: middle;
    border: 0px;
    cursor: pointer;
    height: 34px !important;
    width: 107px !important;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
}

.button {
    background: #43A3CD;
    padding: 8px 30px;
    color: #FFFFFF;
    font-size: 14px !important;
    text-decoration: none;
    vertical-align: middle;
    border: 0px;
    cursor: pointer;
    height: 34px !important;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
}

    .button:hover {
        background: #4099c1;
    }


select {
    padding: 1px;
}

fieldset {
    margin-top: 20px;
    margin-bottom: 20px;
}

/*fieldset label
    {
        display: block;
        float: left;
        width: 200px;
        padding: 3px 5px;
        margin: 0 0 5px 0;
        text-align: right;
    }*/

legend {
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 100%;
    line-height: 1.1;
    color: white;
    background: #666;
    border: none;
    padding: 2px 6px;
    background: #00ADB6;
}

#MainContent_ChangeUserPassword {
    width: 100%;
}

input.textEntry {
    width: 191px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 191px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 100%;
}


/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.title {
    background: #373737;
    height: 67px;
}

#HeadLoginView_HeadLoginStatus {
    background-image: url('../Image/logout.png');
    background-repeat: no-repeat;
    height: 27px;
    text-indent: -9999px;
    background-position: center center;
}


.login label {
    font-size: 14px;
    display: block;
    float: left;
    width: 200px;
    padding: 0px 5px;
    margin: 0 0 5px 0;
    text-align: right;
}

#HeadLoginView_HeadLoginName {
    font-weight: 600;
    font-size: 17px;
    text-transform: none !important;
}

.loginDisplay {
    margin-top: 19px;
}


    .loginDisplay a {
        position: absolute;
        top: 22px;
        right: 0;
        font-size: 0.8em;
        text-transform: uppercase;
        margin-right: 20px;
        color: #ffffff;
        background-repeat: no-repeat;
        background-position: left top;
        padding-right: 20px;
        line-height: 10px;
        display: inline-block;
        text-decoration: none;
        padding-left: 29px;
    }

    .loginDisplay span {
        display: block;
        margin-right: 104px;
        color: #ffffff;
        margin-top: 13px;
        font-size: 14px;
    }

    .loginDisplay a:link {
        color: #ffffff;
    }

    .loginDisplay a:visited {
        color: #ffffff;
    }

    .loginDisplay a:hover {
        color: #2D61A6;
    }


#spanPasswordRecovery {
    margin-left: 222px;
    font-size: 12px;
}

.failureNotification {
    font-size: 12px;
    color: Red;
}

.tablaFormulario {
    padding-left: 30px;
    width: 88%;
}

    .tablaFormulario b {
        margin-right: 5px;
        color: #00ADB6;
        margin-bottom: 13px;
        margin-left: 30px;
    }

/*.tablaRecordar
{
    width:45%
}

    .tablaRecordar b
    {
        margin-right: 5px;
        color: #00ADB6;
        margin-bottom: 13px;
        margin-left: 30px;
    }*/

.usuarioRol {
    padding-bottom: 10px;
}

    .usuarioRol b:first-child {
        margin-left: 0px;
    }

.tablaFormulario input {
    margin-top: 5px;
    padding: 1px;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 119px;
}

.submitButton2 {
    text-align: right;
    padding-right: 456px;
}

.tituloCabecera {
    font-size: 26px;
    /*font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;*/
    vertical-align: text-bottom;
}

.tituloMenu {
    position: absolute;
    right: 20px;
    top: 20px;
    margin-bottom: 0px;
}

.volverCabecera {
    float: right;
    font-size: 24px;
    margin-top: 5px;
    color: #696969;
    text-decoration: none;
    /*background-image:url('../Image/Atras.png');
    background-repeat: no-repeat;
    background-position:center right;*/
}

    .volverCabecera:hover {
        text-shadow: 2px 2px 7px #888;
        cursor: pointer;
    }

.linkLogo {
    margin: 10px;
    float: left;
}

.logo {
    width: 150px;
}

.level2 {
    z-index: 300;
}

.bInfoUsuario {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    border-radius: 0px;
    background-color: rgba(0,0,0,0.8); /*#474747;*/
    color: #fff;
    text-align: center;
    z-index: 1000001;
}

    .bInfoUsuario p {
        line-height: 35px;
        font-size: 13px;
    }

    .bInfoUsuario #lbInfo {
        margin: 5px 10px 5px 10px;
        font-size: 13px;
        transform: translateY(50%);
    }



.dxpgMainTable tbody tr td.dxpgEmptyArea {
    /*display:inline-block;
    margin-right:-4px;
    padding:0px;
    width:450px;*/
}

/**************/
/*BUSCADOR CSS*/
/**************/
.NameBuscador {
    height: 20px;
    background-color: #666;
    border-radius: 10px 10px 0px 0px;
    /*-moz-border-radius: 10px 10px 0px 0px;*/
    text-align: center;
    color: White;
    padding-top: 3px;
}

.NameBuscadorColapsado {
    border-radius: 10px 10px 10px 10px;
}

.NameBuscador img {
    float: right;
    margin-right: 5px;
    margin-top: 2px;
    cursor: pointer;
}

.BloqueBuscadorVertical {
    list-style: none;
    text-align: center;
    /* color: #666; */
    border: 1px solid #00ADB6;
    padding: 5px;
    /*-moz-border-radius: 15px;*/
    /* border-radius: 15px; */
    margin-top: 0px;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    /* background: -webkit-gradient(linear, 0 bottom, 0 top, from(#FFF), to(#3A4F63)); */
    /*background: -moz-linear-gradient(-90deg, #3A4F63, #FFF );*/
}

.OpcionesBuscadorVertical {
    width: 40px;
    margin-right: 10px;
}

.ResultadosBuscadorVertical {
    width: 90%;
    text-align: left;
    border: none !important;
    padding-top: 0px;
    padding-left: 20px;
}

.CabeceraBuscadorVertical {
    margin-bottom: 20px;
    text-align: left;
    color: #00adb6;
}

    .CabeceraBuscadorVertical span {
        /*font-size: 30px;*/
        /*font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;*/
        /*vertical-align: text-bottom;
        position: relative;*/
    }

    .CabeceraBuscadorVertical .lbFiltrarResultados {
        align-self: flex-end;
        font-size: 26px;
        margin-top: 5px;
    }

        .CabeceraBuscadorVertical .lbFiltrarResultados:hover {
            text-shadow: 2px 2px 7px #888;
            cursor: pointer;
        }

.BloqueBuscador {
    list-style: none;
    width: 100%;
    color: #666;
    /*border: 5px solid #CCC;*/
    padding-left: 0px !important;
    float: none;
    margin-top: 0px;
    /*border-radius: 0px 0px 15px 15px;*/
    box-sizing: border-box;
}

    .BloqueBuscador.Filtro {
        border-bottom: 0px;
        border-radius: 15px 15px 0px 0px;
        text-align: right;
        z-index: 100;
    }

    .BloqueBuscador input:not(.dxeEditArea) {
        /*border-radius: 10px;*/
        /*-moz-border-radius: 10px;*/
        /*padding: 5px;*/
    }

    .BloqueBuscador.Filtro input:hover {
        background-color: #F0F0F0;
        border-radius: 16px;
    }

.GroupBuscador {
    padding-top: 8px;
    margin: 2px;
    float: left;
    height: 100%;
    border: 2px solid #666;
    /*-moz-border-radius: 10px;*/
    border-radius: 10px;
    text-align: center;
    background: -webkit-gradient(linear, 0 bottom, 0 top, from(#CCC ), to(#FFF));
    /*background: -moz-linear-gradient(-90deg, #CCC, #FFF );*/
}

.NombreGrupo {
    background-color: #666;
    padding: 0px 7px 0px 7px;
    color: White;
    font-size: 9px;
    text-align: center;
    border-radius: 0px 0px 7px 7px;
    /*-moz-border-radius: 0px 0px 7px 7px;*/
}

.BloqueResultados table {
    /*-moz-border-radius: 8px;*/
    /*border-radius: 8px;*/
}

.BloqueAcciones {
    margin: 15px 0px 15px 0px;
    text-align: center;
}

.z-indexComboVentanDifuminada {
    z-index: 1005000 !important;
    text-align: right !important;
}

.VentanaDifuminada {
    z-index: 1000000 !important;
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0,0,0,0.7) !important;
    color: #666 !important;
    padding-top: 50px !important;
}

.BloqueVentanaDifuminada {
    width: 400px;
    background-color: #F0F0F0;
    /*-moz-border-radius: 15px;*/
    border-radius: 15px;
    border: 8px solid rgba(216, 216, 216, 0.3) !important;
    position: relative;
    padding: 20px 40px;
    margin-top: 300px;
    margin: auto;
    overflow: auto;
}

.BloqueVentanaDifuminadaConfiguraciones {
    width: 80%;
    background-color: #F0F0F0;
    /*-moz-border-radius: 15px;*/
    border-radius: 15px;
    border: 8px solid rgba(216, 216, 216, 0.3) !important;
    position: relative;
    padding: 20px 40px;
    margin-top: 300px;
    margin: auto;
    overflow: auto;
}

.BloquePopup {
    height: 35px;
    font-weight: bold;
    margin-bottom: 10px;
}

.BloquePopupConfiguraciones {
    height: 35px;
    font-weight: bold;
    margin-bottom: 10px;
}

.BloqueVentanaDifuminada > div > span {
    font-size: 15px;
}

.BloquePopup span {
    font-size: 1.2em !important;
}

.BloquePopup .spanTitle {
    font-size: 14px !important;
    line-height: 30px;
    color: #5b92b8;
}

.BloqueVentanaDifuminada span {
    font-size: 12px;
}

.BloqueFAvanzado span {
    margin-bottom: 20px;
}

.BloqueVentanaDifuminada img, .BloqueVentanaDifuminada input[type="image"] {
    cursor: pointer;
}

.BloqueBuscador input[type="image"]:disabled {
    opacity: 0.65;
    /*cursor: not-allowed;*/
}

.BloqueVentanaDifuminada > div > span {
    background-color: transparent;
    border: medium none;
    color: #5b92b8;
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    left: 0;
    line-height: 40px;
    margin-bottom: 5px;
    padding: 0;
    position: relative;
    top: 0;
    z-index: 1;
}

.BloqueVentanaDifuminada > div > table {
    padding-left: 0px !important;
}

    .BloqueVentanaDifuminada > div > table > input, .BloqueVentanaDifuminada > div > table > select {
        width: 98% !important;
        border: 1px solid #CCCCCC;
        margin-bottom: 15px;
        height: 25px;
        box-sizing: border-box;
        padding: 0px 5px;
    }

.BloqueVentanaDifuminada div table .iban input, .BloqueVentanaDifuminada div table .iban select {
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 0px 5px;
    height: 25px;
    min-width: 120px;
    width: 98% !important;
}

.BloqueVentanaDifuminada div textarea {
    width: 100%;
}

.BloqueVentanaDifuminada div table .iban input {
    width: 0px !important;
    margin-bottom: 0px !important;
}

.BloqueVentanaDifuminada > div > table span {
    line-height: 25px;
    font-size: 12px;
}

.BloqueVentanaDifuminada > div > table tr td {
    position: relative;
}

.BloqueVentanaDifuminada > div > table input[type="checkbox"] {
    width: auto !important;
}

.radios input[type="radio"], .radios input[type="checkbox"] {
    margin-bottom: 0px !important;
    width: auto !important;
}

.CerrarPopup {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.iconos {
    list-style: none;
}

    .iconos li {
        float: left;
    }

#BloqueConfiguracionesFavoritas, #BloqueConfiguracionesFavoritasFlujo {
    position: absolute;
    background-color: White;
    /*-moz-border-radius: 15px;*/
    border-radius: 15px;
    border: 5px solid #3A4F63;
    padding: 10px;
    z-index: 100;
    width: 300px;
    box-shadow: 0px 0px 10px 8px #999999;
    border-radius: 15px;
    border: 8px solid rgba(216, 216, 216, 0.3) !important;
}



    #BloqueConfiguracionesFavoritas.popBlo, #BloqueConfiguracionesFavoritasFlujo.popBlo {
        /*left:785px !important;*/
        left: 50% !important;
    }

.ComboFavoritos {
    border-width: 0px;
    padding: 3px;
    margin-left: 2px;
}

.Info {
    font-size: 10px;
    color: #666;
}

.BotoneraFavoritas {
    margin-top: 10px;
}

.BotoneraFavoritasConfiguraciones {
    margin-top: 10px;
    width: 100%
}

    .BotoneraFavoritas input[type="image"] {
        margin: 0px 0px 0px 5px;
        position: relative;
        top: 3px;
        cursor: pointer;
        left: 0px;
    }

#ListadoFavoritas {
    /*-moz-border-radius: 10px;*/ /*
    border-radius: 10px;*/
    border: 1px solid #666;
    width: 190px;
}

.dxpPageNumber {
    color: Black;
}

.GestionFavoritos {
    margin: 4px 10px 0px 0px;
}


footer {
    width: 100%;
    clear: both;
    position: fixed;
    text-align: right;
    height: 45px;
    background: #888;
    background-position-y: 0px;
    bottom: 0px;
}


/*.FormGuardarConf
{
    margin-top: 10px;
}

    .FormGuardarConf input[type="image"]
    {
        margin-top: 10px;
    }*/



/**  Estilos Dinamicos Menu Vertical  **/
#NavigationMenu {
    float: none !important;
    margin-top: -10px;
}

    #navigationMenu li {
        list-style: none;
        height: 28px;
        padding: 2px;
        width: 29px;
        margin-left: 2px;
        white-space: nowrap;
    }

    #navigationMenu span {
        width: 0;
        left: 12px;
        padding: 0;
        position: relative;
        overflow: hidden;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0.6px;
        white-space: nowrap;
        line-height: 33px;
        background-color: #000;
        color: #FFF;
        -webkit-border-radius: 0px 10px 10px 0px;
        border-radius: 0px 10px 10px 0px;
        right: auto;
        top: 0px;
    }

    #navigationMenu a {
        background: url('img/navigation.jpg') no-repeat;
        height: 33px;
        width: 32px;
        display: block;
        position: relative;
        -webkit-border-radius: 15px 0px 0px 15px;
        border-radius: 15px 0px 0px 15px;
        white-space: nowrap;
    }

        #navigationMenu a:hover span {
            width: auto;
            padding: 0 20px;
            overflow: visible;
            background-color: #000;
        }

        #navigationMenu a:hover {
            text-decoration: none;
            background-color: #000;
        }

    #navigationMenu .btFavoritos {
        background-image: url('../Image/Favorite32.png');
        background-repeat: no-repeat;
    }

    #navigationMenu .btFiltroAvanzado {
        background-image: url('../Image/ComplexFilter32.png');
        background-repeat: no-repeat;
    }

    #navigationMenu .btFiltroColumnas {
        background-image: url('../Image/ColumnFilter32.png');
        background-repeat: no-repeat;
    }

    #navigationMenu .btActivarAgrupacion {
        background-image: url('../Image/Group32.png');
        background-repeat: no-repeat;
    }

    #navigationMenu .btConfiguracion {
        background-image: url('../Image/Settings32.png');
        background-repeat: no-repeat;
    }

    #navigationMenu .btExportarPdf {
        background-image: url('../Image/Adobe32.png');
        background-repeat: no-repeat;
    }

    #navigationMenu .btExportarExcel {
        background-image: url('../Image/Excel32.png');
        background-repeat: no-repeat;
    }




.radios {
}

    .radios * {
        display: inline-block;
    }

    .radios span {
        width: 100px;
    }



.enableWrapping {
    white-space: normal;
}





/*************************** JCM ****************************************/
.CabeceraPrincipal {
    background-image: url('/Image/backgrounds/cabeceraPrincipal.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-color: transparent;
    background-size: cover;
}

    .CabeceraPrincipal .title {
        background-color: transparent;
    }

#lknInicio {
    left: 30px;
    position: relative;
    top: 2px;
}

    #lknInicio img {
        width: auto;
        height: 57px;
    }


.columnaLogin {
    border: 8px solid rgba(216, 216, 216, 0.3) !important;
    border-radius: 10px;
    display: block !important;
    margin: auto !important;
    padding: 0 !important;
    background-color: transparent !important;
    width: 50% !important;
}

    .columnaLogin h2 {
        padding: 15px 30px;
        background-color: #e4e4e4;
        box-sizing: border-box;
        width: 100% !important;
        margin-bottom: 0px !important;
        font-size: 1.6em;
    }

        .columnaLogin h2 img {
            width: auto;
            height: 55px;
            margin-right: 20px;
            display: inline-block;
            vertical-align: middle;
        }

        .columnaLogin h2 span {
            color: #4e5567;
            font-weight: bold;
            line-height: 55px;
            display: inline-block;
            vertical-align: middle;
        }

.login {
    padding: 0px 30px !important;
}

    .login label {
        display: block;
        float: none;
        width: 100%;
        padding: 0;
        text-align: left;
        margin-bottom: 0px;
        font-weight: bold;
        color: #858585;
    }

    .login input.textEntry, .login input.passwordEntry {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 15px;
        border-radius: 5px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: right center;
        color: #858585;
        font-size: 15px;
    }

    .login input.passwordEntry {
        background-image: url('/Image/icons/icon-pass.png');
    }

    .login input.textEntry {
        background-image: url('/Image/icons/icon-user.png');
    }

    .login .inline {
        display: inline-block;
        font-weight: normal;
        width: auto;
        vertical-align: middle;
    }

    .login input[type="checkbox"] {
        display: inline-block;
        margin: 0px;
        vertical-align: middle;
    }

    .login > p {
        position: relative;
        margin-bottom: 30px;
    }

        .login > p .failureNotification {
            position: absolute;
            top: 0px;
            left: -10px;
            padding: 0;
            font-size: 15px;
        }

    .login p:nth-child(3) {
        width: 50%;
        position: relative;
        z-index: 1;
    }

.button {
    background-color: #7694b8;
    border: 0px;
    border-radius: 5px;
    box-shadow: 0px 0px 0px #000000;
    line-height: 40px;
    height: auto !important;
    font-weight: bold;
    font-size: 16px !important;
    padding: 0px 20px !important;
    width: auto !important;
}

.columnaLogin .submitButton {
    padding-right: 30px;
    position: relative;
    top: -60px;
    margin-bottom: -40px;
    right: 30px;
}

.columnaLogin .accountInfo > div {
    padding: 20px 0px;
    border-top: 2px solid rgba(0,0,0,0.02);
    margin: 0px 30px;
    font-size: 14px;
    color: #262626;
}

.columnaLogin .accountInfo > span.failureNotification {
    padding: 20px 0px;
    font-size: 14px;
    color: #262626;
    margin: 0px 30px;
}

.columnaLogin .accountInfo > div:first-child {
    border: 0;
}

.columnaLogin .accountInfo > div a {
    color: #262626;
}

.MenuSuperior div ul {
    background-color: transparent;
}

    .MenuSuperior div ul li {
        float: none;
        display: inline-block;
        width: auto;
        margin-right: -8px;
        border: 0px;
        background-image: none;
    }

        .MenuSuperior div ul li a {
            color: #083755;
            font-weight: 600;
            text-transform: none;
            font-size: 12px;
            display: block;
            border: 0px;
            line-height: 40px;
            padding: 10px 21px 0px 22px;
            border-bottom: 8px solid transparent;
            cursor: pointer;
        }

.MenuSuperior div > ul li:first-child a {
}

/***** ACTIVOS MENUS **********/
.MenuSuperior > div > ul > li > a[href*="Bancos"]:hover, .MenuSuperior > div > ul > li > a[href*="Bancos"].selected, .MenuSuperior > div > ul > li > a[href*="Bancos"].highlighted {
    border-bottom: 8px solid #87b676;
}

.MenuSuperior > div > ul > li > a[href*="Concilia"]:hover, .MenuSuperior > div > ul > li > a[href*="Concilia"].selected, .MenuSuperior > div > ul > li > a[href*="Concilia"].highlighted {
    border-bottom: 8px solid #D98787;
}

.MenuSuperior > div > ul > li > a[href*="Contabilidad"]:hover, .MenuSuperior > div > ul > li > a[href*="Contabilidad"].selected, .MenuSuperior > div > ul > li > a[href*="Contabilidad"].highlighted {
    border-bottom: 8px solid #c6c96e;
}

.MenuSuperior > div > ul > li > a[href*="Cartera"]:hover, .MenuSuperior > div > ul > li > a[href*="Cartera"].selected, .MenuSuperior > div > ul > li > a[href*="Cartera"].highlighted {
    border-bottom: 8px solid #9a76b6;
}

.MenuSuperior > div > ul > li > a[href*="Previsi"]:hover, .MenuSuperior > div > ul > li > a[href*="Previsi"].selected, .MenuSuperior > div > ul > li > a[href*="Previsi"].highlighted {
    border-bottom: 8px solid #68c5cb;
}

.MenuSuperior > div > ul > li > a[href*="Financia"]:hover, .MenuSuperior > div > ul > li > a[href*="fi"].selected, .MenuSuperior > div > ul > li > a[href*="fi"].highlighted {
    border-bottom: 8px solid #b676a2;
}

.MenuSuperior > div > ul > li > a[href*="Administra"]:hover, .MenuSuperior > div > ul > li > a[href*="Administra"].selected, .MenuSuperior > div > ul > li > a[href*="Administra"].highlighted {
}

.level3 {
    z-index: 1000000;
}


.MenuSuperior > div > ul > li > a[href*="Bancos"] + .level2 li a {
    border-bottom: 8px solid transparent !important;
    background-color: #87b676 !important;
}

    .MenuSuperior > div > ul > li > a[href*="Bancos"] + .level2 li a:hover {
        background-color: #57764c !important;
    }

.MenuSuperior > div > ul > li > a[href*="Bancos"].highlighted + .level2 li a:hover {
    border-bottom: 8px solid #4c6742 !important;
}

.MenuSuperior > div > ul > li > a[href*="Concilia"] + .level2 li a {
    border-bottom: 8px solid transparent !important;
    background-color: #D98787 !important;
}

    .MenuSuperior > div > ul > li > a[href*="Concilia"] + .level2 li a:hover {
        background-color: #875454 !important;
    }

.MenuSuperior > div > ul > li > a[href*="Concilia"].highlighted + .level2 li a:hover {
    border-bottom: 8px solid #593838 !important;
}

.MenuSuperior > div > ul > li > a[href*="Contabilidad"] + .level2 li a, .MenuSuperior > div > ul > li > a[href*="Contabilidad"] + .level2 li a:hover {
    border-bottom: 8px solid transparent !important;
    background-color: #c6c96e !important;
}

    .MenuSuperior > div > ul > li > a[href*="Contabilidad"] + .level2 li a:hover {
        background-color: #757741 !important;
    }

.MenuSuperior > div > ul > li > a[href*="Contabilidad"].highlighted + .level2 li a:hover {
    border-bottom: 8px solid #484928 !important;
}

.MenuSuperior > div > ul > li > a[href*="Cartera"] + .level2 li a, .MenuSuperior > div > ul > li > a[href*="Cartera"] + .level2 li a:hover {
    border-bottom: 8px solid transparent !important;
    background-color: #9a76b6 !important;
}

    .MenuSuperior > div > ul > li > a[href*="Cartera"] + .level2 li a:hover {
        background-color: #503D5E !important;
    }

.MenuSuperior > div > ul > li > a[href*="Cartera"].highlighted + .level2 li a:hover {
    border-bottom: 8px solid #2E2336 !important;
}

.MenuSuperior > div > ul > li > a[href*="Previsi"] + .level2 li a, .MenuSuperior > div > ul > li > a[href*="Previsi"] + .level2 li a:hover {
    /*background-color: #68c5cb !important;*/
    border-bottom: 8px solid transparent !important;
    background-color: #68c5cb !important;
}

    .MenuSuperior > div > ul > li > a[href*="Previsi"] + .level2 li a:hover {
        background-color: #3D7478 !important;
    }

.MenuSuperior > div > ul > li > a[href*="Previsi"].highlighted + .level2 li a:hover {
    border-bottom: 8px solid #3D4B4B !important;
}

.MenuSuperior > div > ul > li > a[href*="fi"] + .level2 li a, .MenuSuperior > div > ul > li > a[href*="fi"] + .level2 li a:hover {
    border-bottom: 8px solid transparent !important;
    background-color: #b676a2 !important;
}

    .MenuSuperior > div > ul > li > a[href*="fi"] + .level2 li a:hover {
        background-color: #824f72 !important;
    }

.MenuSuperior > div > ul > li > a[href*="fi"].highlighted + .level2 li a:hover {
    border-bottom: 8px solid #540d3e !important;
}

.dxeListBoxItemSelected {
    background-color: #FFBD69 !important;
    color: #333333;
}



#MainContent_TreeListEntidades_SelAll_D, #MainContent_TreeListAcciones_SelAll_D {
    line-height: 28px !important;
    display: inline-block;
    vertical-align: text-bottom;
    height: 14px;
    position: relative;
    top: 2px;
}




.MenuSuperior div ul li a.highlighted {
    background-color: transparent;
    border-bottom: 8px solid #5b92b8;
    background-image: none;
    color: #083755;
}

.MenuSuperior div ul li a:hover, .MenuSuperior div ul li.activo a, .MenuSuperior div ul li a.selected {
    background-color: transparent;
    border-bottom: 8px solid #5b92b8;
    background-image: none;
    color: #083755;
}

.MenuSuperior div ul li:hover, .MenuSuperior div ul li.activo {
    background-color: transparent;
}

.MenuSuperior div ul li a img {
    position: relative;
    top: 2px;
}

.BloqueBuscador.Filtro {
    position: relative;
    top: -60px;
    margin-bottom: -40px;
}

.logincab .main {
    padding-top: 50px;
    box-sizing: border-box;
    max-width: 95%;
    /*background-image:url('/Image/backgrounds/fondoLogin.jpg');
            background-repeat:no-repeat;
            background-position:top center;*/
    height: 80%;
    min-height: 600px;
    background-color: transparent;
    border-bottom: 0;
}

.main h2 {
    position: relative;
    width: 70%;
    font-weight: bold;
    z-index: 1;
    color: #5b92b8;
    margin-bottom: 30px;
}




#HeadLoginView_HeadLoginStatus {
    height: 27px;
}

.loginDisplay a {
    top: 15px;
    padding-right: 40px;
    margin-right: 0px;
}

.loginDisplay span {
    margin: 0px;
    text-align: right;
}

    .loginDisplay span::before {
        /*content: "Usuario:";*/
        color: #FFFFFF;
        font-weight: normal;
        display: block;
        margin-bottom: 10px;
        text-transform: uppercase;
        padding-top: 5px;
        font-size: 14px;
    }

#HeadLoginView_HeadLoginStatus {
    background-position: center right;
    padding: 0px;
    margin: 0px;
    width: 27px;
}

.failureNotification {
    line-height: 20px;
    display: block;
    color: #FF0000 !important;
    font-size: 15px;
}

.MenuSuperior h2 {
    line-height: 50px;
    background-color: #b4c6dc;
    color: #FFFFFF;
    font-weight: 300;
}



.logincab .MenuSuperior {
    max-width: 100%;
    width: 100%;
    background-color: #b4c6dc;
    height: auto;
}

    .logincab .MenuSuperior h2 {
        display: block;
        margin: auto;
        max-width: 90%;
        padding-left: 35px;
        box-sizing: border-box;
    }

.accountInfo {
    padding: 25px;
    background-color: #F0F0F0;
    box-sizing: border-box;
}

.changePassword .accountInfo fieldset {
    padding: 0px !important;
    margin: 0px;
}

    .changePassword .accountInfo fieldset p {
        width: 48%;
        margin-left: 4%;
        display: inline-block;
        vertical-align: top;
        margin-right: -4px;
    }

        .changePassword .accountInfo fieldset p:first-child {
            width: 100%;
            margin-left: 0;
        }

        .changePassword .accountInfo fieldset p:nth-child(2n) {
            margin-left: 0;
        }

        .changePassword .accountInfo fieldset p label {
            width: 40%;
            line-height: 40px;
            font-size: 13px;
        }

        .changePassword .accountInfo fieldset p input {
            height: 40px;
            border-radius: 5px;
            box-sizing: border-box;
            padding-left: 7px;
            width: 55%;
        }

        .changePassword .accountInfo fieldset p:first-child label {
            width: 19%;
            margin-left: 0;
        }

        .changePassword .accountInfo fieldset p:first-child input {
            width: 26.7%;
            margin-left: 0;
        }

        .changePassword .accountInfo fieldset p.submitButton2 {
            width: 100%;
            text-align: center;
        }

            .changePassword .accountInfo fieldset p.submitButton2 input {
                padding: 0px 20px;
            }


.logincab .accountInfo {
    background-color: #F0F0F0;
    padding: 20px 0px 0px;
}






.logincab {
    background-image: url('/Image/backgrounds/fondoLogin.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

    .logincab.sinFondo {
        background-image: none;
    }

.MenuSuperior div ul li [role="menuitem"], .MenuSuperior div ul li [role="menuitem"] a {
    width: 300px;
    background-color: #7694b7;
}

.MenuSuperior div ul li [role="menuitem"] {
    padding-left: 0px;
}

    .MenuSuperior div ul li [role="menuitem"] a {
        padding: 10px 20px;
        line-height: 10px;
        text-align: left;
        color: #FFFFFF;
        text-transform: none;
        font-size: 12px;
    }

        .MenuSuperior div ul li [role="menuitem"] a:hover {
            /*background-color:#083755 !important;*/
            border-bottom: 8px solid #083755;
        }


.main {
    padding-top: 10px;
    /*padding-bottom: 30px 30px;*/
    /*padding-left:25px;*/
    /*padding-right:25px;*/
    /*margin-bottom: 110px;*/
    box-sizing: border-box;
    background-color: #FFFFFF;
    border-bottom: 8px solid #5b92b8;
}


fieldset {
    position: relative;
    padding: 0 0 30px !important;
}

#MainContent_lbTitulo {
    border: medium none;
    left: 0px;
    line-height: 40px;
    padding: 0;
    position: absolute;
    top: 0px;
    background-color: transparent;
    position: relative;
    font-weight: bold;
    z-index: 1;
    color: #5b92b8;
    margin-bottom: 20px;
    font-size: 1.5em;
    display: block;
}

.changePassword {
    border-bottom: 0;
    padding: 0px;
    position: relative;
    margin-bottom: 20px;
}

    .changePassword table {
        padding-left: 0px !important;
    }

#NavigationMenu {
    background-color: #FFFFFF;
}

.MenuSuperior div ul {
    height: 58px;
}

.fondoBlanco {
    border-bottom: 0px;
}

.buttonEdit {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
}


footer { /*margin-top:20px;*/
}

.logincab + footer {
    /*margin-top:-88px;*/
}

#MainContent_LoginUser_lbContrasena_2 {
    color: #858585;
}


#hlqlm {
    position: absolute;
    top: 10px;
    left: 0px;
    line-height: normal;
}


#ventanaCarga {
    position: absolute;
    top: 0px;
    left: 0px;
    /*background-color: rgba(0,0,0,0.7);*/
    width: 100%;
    height: 100%;
    z-index: 1000000;
}

/*#ventanaCarga img {
        position: absolute;
        left: 52%;
        top: 50%;
    }

    #ventanaCarga span {
        position: absolute;
        left: 50%;
        top: 55%;
        color: #FFFFFF;
    }*/

#MainContent_btVolver {
    background-image: url('/Image/Atras.png');
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 32px !important;
    height: 32px !important;
    overflow: hidden;
    position: relative;
    right: 0px;
    top: 0px;
    text-indent: -9999px;
    border-radius: 0px;
    background-color: transparent;
    border: 0px;
}

#MainContent_btRefresh {
    background-image: url('/Image/refresh.png');
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 32px !important;
    height: 32px !important;
    overflow: hidden;
    position: relative;
    right: 0px;
    top: 0px;
    text-indent: -9999px;
    border-radius: 0px;
    background-color: transparent;
    border: 0px;
}

.buttonEdit .button {
    line-height: 28px;
    font-size: 14px;
    font-weight: 300;
    background-color: #FFFFFF;
    color: #5b92b8;
    border: 2px solid #5b92b8;
}

    .buttonEdit .button:hover {
        color: #FFFFFF;
        background-color: #5b92b8;
    }

.BloqueResultados > .dxpclW {
    left: 360px !important;
    top: 285px !important;
    box-shadow: 0px 0px 35px #333;
}





.changePassword.cuentas {
}

    .changePassword.cuentas span {
        line-height: 30px;
        font-size: 13px;
        display: block;
        vertical-align: middle;
        text-align: right;
        padding-right: 20px;
        padding-left: 20px;
    }

.changePassword > table i span {
    line-height: 15px;
    font-size: 11px;
}

.changePassword.cuentas input {
    height: 30px;
    border: 1px solid #CCC;
    box-sizing: border-box;
    padding: 2px 5px;
    width: 100% !important;
    display: block;
    margin-bottom: 15px;
}

.changePassword.cuentas select {
    height: 30px;
    border: 1px solid #CCC;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 10px;
    padding: 2px 5px;
    width: 100% !important;
}

.changePassword.cuentas > table {
    border: 0 !important;
}

.changePassword.cuentas table {
    height: 30px;
    border: 1px solid #CCC;
    box-sizing: border-box;
    padding-left: 5px;
    width: 100% !important;
    padding: 2px 5px;
}

.changePassword > table tr td {
    vertical-align: top; /*position:relative;*/
}

.changePassword > table > tbody > tr > td {
    position: relative;
}

    .changePassword > table > tbody > tr > td.sinRel {
        position: inherit;
    }

.sinRel > div > div {
    position: inherit !important;
}

.changePassword > table input, .changePassword > table select {
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 0px 5px;
    height: 25px;
    min-width: 92px;
    /*width:98% !important;*/
    width: 100% !important;
    border: 1px solid #CCCCCC;
}

/*COMBO DEV EXPRESS -- Para Tipos de Empresa**/
.ComboFiltro {
    margin-bottom: 23px;
    height: 25px;
    min-width: 92px;
}

.comboFiltroCampo {
    margin: 0px 5px;
}

.changePassword > table textarea {
    /*width:99% !important;*/
    box-sizing: border-box;
    width: 100% !important;
    resize: none;
    min-height: 51px; /*minimo para 3 líneas*/
    border: 1px solid #CCCCCC;
}

.dxic .dxeEditAreaSys {
    height: 18px;
}

/*.dxpclW.dxpc-ddSys {
    left: 0px !important;
    top: 25px !important;
}*/

.changePassword > table input[type="radio"], .changePassword > table input[type="checkbox"] {
    height: auto;
    width: auto !important;
    min-width: auto;
    margin-bottom: 0px;
    margin-top: 5px;
    position: relative;
    top: 5px;
}

.changePassword > table input[type="checkbox"] {
    top: 0px;
}

.radios span {
    width: auto;
}

.changePassword > table > span {
    font-size: 12px;
    display: block;
    line-height: 30px;
    text-align: right;
    margin-right: 7px;
}

.changePassword > table span#captcha_RTS {
    display: inline-block;
}

.AsteriscoError {
    color: #FF0000;
    position: absolute;
    top: 2px;
    left: -10px;
    line-height: 25px !important;
    display: block;
    font-size: 15px !important;
    width: 8px;
}

.AsteriscoErrorASPx {
    visibility: visible;
    position: absolute;
    line-height: 25px !important;
    color: #FF0000;
    display: block;
    margin-top: -22px;
    margin-left: -12px;
}


.dxeButtonEdit {
    width: 98% !important;
    border: 1px solid #CCCCCC
}

.SpindxeButtonEdit {
    width: 100% !important;
}


.changePassword .dxgvControl_Aqua tr td {
    vertical-align: middle;
}



.dxgvEditFormTable_Aqua td, .dxeButtonEditSys .dxeButton {
    vertical-align: middle;
}

.changePassword > span {
    border: medium none;
    left: 0px;
    line-height: 40px;
    padding: 0;
    position: absolute;
    top: 0px;
    background-color: transparent;
    position: relative;
    font-weight: bold;
    z-index: 1;
    color: #5b92b8;
    margin-bottom: 0px;
    font-size: 1.3em;
    display: block;
}

.changePassword > table span[type="radio"], .changePassword > table span[type="radio"] + span, .changePassword > table span[type="radio"] + span + span {
    display: inline-block;
    width: auto !important;
    min-width: 10px !important;
}


.changePassword.perfil > table tr td {
    vertical-align: middle;
}

.changePassword.perfil > table span {
    text-align: left;
    width: 150px !important;
    font-weight: bold;
}

.changePassword.perfil > table tr td + td span {
    font-width: normal;
}

.changePassword.perfil > table input {
    width: 360px !important;
    margin-bottom: 0px;
}

.changePassword.perfil > table span.failureNotification {
    position: absolute;
    right: 5px;
    top: 5px;
}

.changePassword > table .iban input {
    width: 0px !important;
}


.perfil .BloqueAcciones {
    text-align: left;
}

/*#MainContent_btCambiarContraseña {position:absolute; bottom:-130px; right:5px;}*/
.changePassword.importacion > table span {
    text-align: left;
}


#MainContent_cAcciones_btEditarMasivo_CD span {
    display: block;
    line-height: 30px;
}




.logincab.sinFondo .changePassword {
    padding: 40px;
}

    .logincab.sinFondo .changePassword .buttonEdit {
        position: absolute;
        right: 40px;
        top: 30px;
        z-index: 2;
    }


.changePassword > table .dxeCalendarHeader span, .changePassword > table .dxeCalendarHeader_Aqua span {
    display: block;
    font-size: 12px;
    line-height: 20px;
    margin-right: 7px;
    text-align: center;
}


.BloqueVentanaDifuminada .TITULO {
    font-size: 16px;
    color: #083755;
    line-height: 1.2em;
}

.BloqueVentanaDifuminada .SUBTITULO {
    font-size: 14px;
    color: #7694b8;
    line-height: 1.2em;
    font-size: 300;
}

.BloqueVentanaDifuminada .NORMAL {
    font-size: 12px;
    color: #858585;
    margin-bottom: 20px;
    line-height: 18px;
    max-height: 54px;
    overflow: auto;
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(0,0,0,0.03);
}

.inicioApa {
    position: relative;
}

.popBlo {
    top: 0px;
    left: 0px;
}

.inicioApa > table {
    /* quito el margen inferior a las tablas de para que no se vean separados los filtros Empresa, Banco, cuenta, del resto*/
    /*margin-bottom: 40px;*/
}

.inicioApa > button {
    margin-top: 40px;
}

.inicioApa > input[type="button"] {
    margin-top: 40px;
}

.inicioApa > input[type="submit"] {
    margin-top: 40px;
}
/*WIDGETS*/

.widgetPanel {
    background: #F9F9FA;
    border: solid 1px #D3D6DA;
    padding: 12px 15px 9px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 10px 0;
    height: auto;
    -moz-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.117188);
    -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.117188);
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.117188);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .widgetPanel img {
        margin-right: 11px;
    }

    .widgetPanel .disabled {
        -moz-opacity: 0.2;
        filter: alpha(opacity=20);
        opacity: 0.2;
        cursor: default !important;
    }

.col3Zone {
    width: 25% !important;
}

.col2Zone {
    width: 460px !important;
}

.leftZone,
.rightZone,
.centerZone {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    margin-left: 10px;
}

.leftZone {
    margin-left: 0px;
}

    .leftZone > div,
    .rightZone > div,
    .centerZone > div {
        margin-bottom: 10px;
    }

/* DateTime widget */
.dateContainer,
.timeContainer {
    width: 100%;
    height: 30px;
    text-align: center;
}

.dateContainer {
    height: 20px;
}

.timeContainer {
    height: 30px;
    width: 100%;
}

.filtro {
    border-spacing: 10px;
}

    .filtro span {
        /*margin-bottom: 7px;*/
        display: block;
        font-size: 13px;
    }

    .filtro select {
        margin-bottom: 15px;
        display: block;
        width: 100% !important;
        height: 30px;
    }

    .filtro label, .labelCheck label {
        /*margin-bottom: 15px;*/
        display: inline-block;
        vertical-align: top;
        line-height: 21px;
        font-size: 13px;
    }


    .filtro .ocuFinOper > table, .filtro .ocuIniOper > table, .filtro .ocuFinValor > table, .filtro .ocuIniValor > table {
        width: 100%;
        margin-left: 0%;
        height: 30px;
    }

.dxeListBoxItemRow span {
    display: inline-block;
    vertical-align: top;
}

.ocuIniOper {
    width: 100%;
}

.ocuFinOper {
    width: 100%;
}

.filtro .dxeListBox {
    margin-bottom: 5px;
    width: 100% !important;
}
/*
.botonBuscar{
    position: absolute !important;
    top: 100px;
    right: 50px;
}
*/
.centrada {
    width: 100%;
    table-layout: fixed !important;
    border-spacing: 10px;
}

    .centrada label {
        margin-bottom: 0;
    }
/*
.filtro .pcmCellText {
    margin-left: 5%;
    display: inline-block;
    width: 30%;
    min-width: 30%;
    margin-right: -4px;
    vertical-align: bottom;
}*/
.filtro .pcmCellText:first-child {
    margin-left: 0;
}

.pcmCellTextMulti {
    margin-left: 5%;
    margin-right: -4px;
    vertical-align: bottom;
    padding-right: 25px;
    vertical-align: top;
}

.filtro .pcmCellTextMulti:first-child {
    margin-left: 0;
}

.filtro .datoFec {
    margin-left: 5%;
    display: inline-block;
    width: 30%;
    min-width: 30%;
    margin-right: -4px;
    vertical-align: top;
}

    .filtro .datoFec:first-child {
        margin-left: 0;
    }

    .filtro .datoFec > table {
        width: 100% !important;
        height: 30px;
    }


.filtro .dato {
    margin-left: 5%;
    display: inline-block;
    /*width: 30%;*/
    /*min-width: 30%;*/
    margin-right: -4px;
    vertical-align: top;
}

    .filtro .dato:first-child {
        margin-left: 0;
    }

    .filtro .dato > table {
        width: 100% !important;
        height: 30px;
    }

.filtro .punteado label {
    margin-right: 10px;
}

.popBlo {
    top: 213px !important;
    left: 1085px !important;
}
/*.filtro .datoFec .ocuIniOper > table, .filtro .datoFec .ocuFinOper > table {width:100% !important; margin-left: 0;}*/

.dxeCalendarDay {
    padding: 3px;
}

.tipoPoliza {
    background-image: url('../Controls/Widgets/Images/calendarPoliza.png');
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 28px;
    line-height: 20px;
    margin-bottom: 5px;
}

.tipoCierre {
    background-image: url('../Controls/Widgets/Images/calendarCierre.png');
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 28px;
    line-height: 20px;
    margin-bottom: 5px;
}

.tipoFestivo {
    background-image: url('../Controls/Widgets/Images/calendarFestivo.png');
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 28px;
    line-height: 20px;
    margin-bottom: 5px;
}

.leftZone > div .dxeCalendar td.dxMonthGrid, .centerZone > div .dxeCalendar td.dxMonthGrid, .rightZone > div .dxeCalendar td.dxMonthGrid {
    padding: 0px;
}

.leftZone > div .dxeCalendar, .centerZone > div .dxeCalendar, .rightZone > div .dxeCalendar {
    margin-bottom: 15px;
}




#MainContent_AlertasPanel_PWC-1 .textoAlerta {
    color: #083755;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(0,55,85,0.2);
}

.alertaCod {
    display: inline-block;
    font-weight: bold;
    color: #7694b7;
    width: 100px;
}

.alertaVal {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: normal;
    /*color: #333333;*/
}

#MainContent_AlertasPanel_PWC-1 .textoAlerta:first-of-type {
    margin-top: 0px;
    padding-top: 0px;
    border: 0px;
}

.changePassword > table label {
    padding-left: 5px;
}

.changePassword > table span[type="radio"] {
    width: 20px !important;
}

    .changePassword > table span[type="radio"] input {
        margin: 0;
        top: 2px;
        width: auto;
        min-width: 10px !important;
    }

    .changePassword > table span[type="radio"] + span {
        line-height: 25px;
    }

.changePassword > table > tbody > tr > td > span {
    line-height: 25px;
    display: inline-block;
    padding-left: 5px;
}

.radios span span {
    margin-right: 25px;
    margin-bottom: 10px;
}

.changePassword > table .iban {
    display: block;
}

    .changePassword > table .iban input.tbIBAN {
        width: 50px !important;
        min-width: 10px !important;
    }

    .changePassword > table .iban input.tbBanco {
        width: 50px !important;
        min-width: 10px !important;
    }

    .changePassword > table .iban input.tbOficina {
        width: 50px !important;
        min-width: 10px !important;
    }


.changePassword > table.filtro input[type="checkbox"] {
    width: 20px;
    min-width: 20px;
}

.changePassword > table .iban input.tbDC {
    width: 32px !important;
    min-width: 10px !important;
}

.changePassword > table .iban input.tbNumCuenta {
    width: 90px !important;
    min-width: 10px !important;
}

.changePassword > table input#MainContent_tbInternacional {
    width: 250px !important;
}



/*.changePassword > table > tbody > tr > td.sinRel {
    position: absolute;
    right: 0px;
    width: auto;
    min-width: 20px;
    top:-5px;
}*/
.changePassword > table.masiva > tbody > tr > td.sinRel {
    margin-left: 0px;
}

    .changePassword > table.masiva > tbody > tr > td.sinRel > div > table {
        width: 100% !important;
    }


.changePassword.pop {
    background-color: transparent !important;
    margin-bottom: 0px;
}

    .changePassword.pop + .BloqueAcciones {
        margin: 0px;
    }

    .changePassword.pop > table textarea {
        min-height: 90px;
    }

textarea {
    color: #666;
    font: normal normal normal 13.3333330154419px/normal Arial;
}

.button.line {
    display: inline;
    margin: 10px auto;
}

.Subtitulo {
    font-size: 14px;
    color: #7694b8;
    line-height: 1.2em;
}

.Aviso {
    font-size: 14px !important;
    color: #858585;
    font-weight: bold;
    line-height: normal !important;
}

.Destacado {
    font-size: 14px;
    color: #858585;
    font-weight: bold;
    /*line-height:1.2em;*/
    line-height: 30px;
}

td.Destacado, span.Destacado {
    font-size: 13px !important;
}

.tablaFiltro {
    font-size: 13px !important;
}

.cabeceraCaja {
    margin-bottom: 30px;
}

    .cabeceraCaja .Destacado {
        padding: 0 20px 0 20px;
    }

    .cabeceraCaja .lbSaldoBancario {
        text-align: right;
        width: 100px;
    }

.avisoCaja {
    color: #C62C3A;
    width: 544px;
    text-align: right;
    font-weight: bold;
}

table.gridConfiguracion {
    border: 1px solid #5b92b8;
    border-collapse: collapse;
}

td.gridConfiguracion {
    width: 50%;
    line-height: 30px;
    border: 1px solid #5b92b8;
    vertical-align: middle;
    padding: 7px 7px 0px 7px;
}

td.gridConfiguracionHead {
    width: 15%;
    border: 1px solid #5b92b8;
    background-color: #5b92b8;
    color: #FFFFFF;
    padding: 7px 7px 0px 7px;
    vertical-align: top;
}



.scroll {
    height: 100px;
    overflow: auto;
}

    .scroll.alertas {
        height: 300px;
        margin-right: -20px;
    }

    .scroll.calendario {
    }

.deshabilitado {
    background-color: #EEEEEE;
    color: #888;
}

.deshabilitadoGrid > table > tbody > tr > td > input {
    background-color: #EEEEEE !important;
    color: #888;
}

.deshabilitado > tbody > tr > td > input {
    background-color: #EEEEEE !important;
    color: #888;
}

.numero {
    text-align: right;
}

.dxeCalendarDay {
    color: #999999;
    position: relative;
    border: 1px solid transparent;
}

    .dxeCalendarDay.enlace {
        background-color: #CCCCCC;
    }

    .dxeCalendarDay a {
        text-decoration: none;
        color: #083755;
        font-weight: bold;
    }

    .dxeCalendarDay.dxeCalendarToday, .dxeCalendarSelected {
        background-color: #DDD;
    }

.dxeCalendarSelected {
    background-color: #EEE;
    border: 1px solid #083755 !important;
}

.dxeCalendarToday {
    border: 1px solid #999;
}

.dxeCalendarWeekend {
    color: #c00000 !important;
}

.posPop {
    top: 60px !important;
    left: auto !important;
    right: -200px !important;
}


.logincab.espacio .MenuSuperior {
    margin-bottom: 12px;
}

.logincab.espacio .main {
    padding-top: 0px;
}


/*.changePassword.pop #MainContent_tboxApoderados_I, .changePassword.pop #MainContent_cCuentaEmpresa_tboxApoderados_I, .changePassword.pop #MainContent_cCuentaBanco_tboxApoderados_I 
{width:91% !important;}*/

#MainContent_tboxApoderados, #MainContent_cCuentaEmpresa_tboxApoderados, #MainContent_cCuentaBanco_tboxApoderados {
    border: 0px;
    background-color: transparent;
}

#MainContent_tboxApoderados_DDD_PW-1, #MainContent_cCuentaEmpresa_tboxApoderados_DDD_PW-1, #MainContent_cCuentaBanco_tboxApoderados_DDD_PW-1 {
    /*position: relative !important;*/
    top: 45px !important;
    left: 6px !important;
}

#MainContent_tboxApoderados_DDD_PWC-1, #MainContent_cCuentaEmpresa_tboxApoderados_DDD_PWC-1, #MainContent_cCuentaBanco_tboxApoderados_DDD_PWC-1 {
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
}

#MainContent_tboxApoderados_I, #MainContent_cCuentaEmpresa_tboxApoderados_I, #MainContent_cCuentaBanco_tboxApoderados_I {
    border: 1px solid #CCCCCC !important;
    width: 100% !important;
    min-height: 25px;
    margin-bottom: 20px;
    /*position:relative;*/
    margin-left: 0px;
}


/****CONTROL INFO****/


.bInfo {
    position: relative;
}

.bInfoPopup {
    display: none;
    background-color: #083755;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 550px;
    color: #FFF;
    position: absolute;
    left: -500px;
    top: 32px;
    font-size: 12px !important;
    text-transform: none !important;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.3);
    z-index: 2222222222222;
    opacity: 0.9;
    text-align: center;
}

.bInfoAlerta {
    position: relative;
}

.bInfoPopupAlerta {
    display: none;
    background-color: #083755;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 550px;
    color: #FFF;
    position: relative;
    left: 0px;
    top: 0px;
    font-size: 12px !important;
    text-transform: none !important;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.3);
    z-index: 2222222222222;
    opacity: 0.9;
    text-align: left;
}

.detalleAlerta {
    max-height: 300px;
    min-height: 50px;
    overflow-x: auto;
    overflow-x: auto;
}

.bInfoAlerta img:hover + .bInfoPopupAlerta {
    display: block;
}

#Alerta .bInfo img:hover + .bInfoPopup {
    display: block;
}

.bInfo img:hover + .bInfoPopup {
    display: block;
}

span.flechaAbajo.info {
    position: absolute;
    top: -5px;
    left: 500px;
    width: 22px;
    height: 10px;
    background-image: url('../Image/flecha_arriba.png');
}


.enlaceDetalleAlerta {
    font-size: 10px !important;
    color: #5b92b8;
    text-decoration: none;
}

    .enlaceDetalleAlerta:hover {
        color: #474747;
    }

/***propuestas****/
.PropuestasTitulo {
    line-height: 40px;
    padding: 0;
    background-color: transparent;
    font-weight: bold;
    color: #5b92b8;
    margin-bottom: 0px;
    font-size: 16px;
    display: block;
}

.PropuestasSubTitulo {
    line-height: 40px;
    padding: 0;
    background-color: transparent;
    font-weight: bold;
    color: #5b92b8;
    margin-bottom: 0px;
    font-size: 14px;
}

.PropuestasTotal {
    background-color: #87b676;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    line-height: 30px;
    padding: 0px 5px 0px 5px;
    z-index: 1;
    margin-bottom: 0px;
    font-size: 12px;
    display: block;
}

.TextoBotonPropuesta {
    color: #5b92b8;
    font-size: 14px;
    padding: 0px 5px 0px 5px !important;
    text-decoration: none;
    text-align: left;
}

.TextoBotonPropuestaDerecha {
    color: #5b92b8;
    font-size: 14px;
    padding: 0px 5px 0px 5px !important;
    text-decoration: none;
    text-align: right;
}


/*REGLAS*/
.divRedondeado {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #999999;
}

.controlRegla {
    padding-top: 7px;
    float: left;
    display: inline-flexbox;
    width: 95%;
}

.checkRegla {
    float: left;
    display: inline-flexbox;
    width: 5%;
    text-align: left;
    padding-top: 3px;
}

.tablaPrevision select {
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 0px 5px;
    height: 25px;
    min-width: 92px;
    width: 100% !important;
    border: 1px solid #CCCCCC;
}

/*  ESTILOS DE LA TABLA DE INFORMES  */

.lupaPrevision {
    vertical-align: middle;
    margin-left: 5px;
    display: inline-block;
}

#pResultados {
    overflow-x: scroll;
    overflow-y: visible;
}

.tablaResultadosInforme {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .tablaResultadosInforme td {
        font-size: 11px;
    }

.columnaPeriodo {
    background-color: #7694b8;
    font-weight: bold;
    border: 1px solid #7694b8;
    text-align: center;
    color: white;
    font-size: 13px !important;
}

.Inf_Section {
    text-align: left !important;
    border: Solid 1px #A3C0E8;
    position: absolute;
    left: 0;
    height: 11px;
}

.Inf_Section_Title {
    font-weight: bold;
    background-color: #7694b8;
    font-weight: bold;
    color: white;
}

.Inf_Section_NoData {
    font-weight: bold;
    background-color: #7694b8;
    font-weight: bold;
    color: white;
}

.Inf_Section_Elem {
    background-color: #D7E9FD;
}

    .Inf_Section_Elem span {
        padding-left: 15px !important;
    }

.Inf_Section_Subtotal {
    font-weight: bold;
    font-style: italic;
    background-color: #C3DCFF;
}

    .Inf_Section_Subtotal span, .Inf_Section_Total span {
        margin-left: 10px;
    }

.Inf_Section_Total {
    font-weight: bold;
    background-color: #AFCDF8;
}

.colResultado {
    text-align: right;
    padding-right: 5px !important;
    border: Solid 1px #A3C0E8;
}

    .colResultado.negativo {
        color: red;
    }

.CabPrevisiones {
    margin-bottom: 20px;
}

.detalleDrillDown {
    color: #5b92b8 !important;
    line-height: 18px !important;
    font-weight: bold !important;
    font-size: 13px !important;
}


/* Control Acordeon */

.akordeon-heading {
    font-size: 12px;
    font-weight: bold;
    margin-left: 15px;
}

.akordeon-item-head-container {
    width: 100%;
    position: absolute;
    cursor: pointer;
}

    .akordeon-item-head-container:hover {
        color: #27313e;
    }

.akordeon-item .akordeon-item-head {
    height: 25px;
    background-color: #7694b8;
    padding-top: 10px;
}

.akordeon {
    background-color: #FFF;
    color: #FFF;
    font: 11px Arial;
    margin: 0;
}

.akordeon-item {
    margin-bottom: 5px;
    position: relative;
}

    .akordeon-item .akordeon-item-body {
        background-color: #FFF;
        color: #81898f;
        overflow: hidden;
    }

    .akordeon-item.expanded .akordeon-heading {
        color: #FFF;
    }

    .akordeon-item.expanded .akordeon-item-head {
        background: #7694b8 !important;
    }

.akordeon-item-content {
    height: auto;
    overflow: auto;
    padding: 10px;
}


.pchecks {
    margin-bottom: 20px;
    margin-top: 20px;
}

    .pchecks label {
        font-size: 11px;
    }


.listResultados {
    overflow-y: auto;
    height: 138px;
}

#MainContent_cblDias > tbody > tr > td > input
/*ancho para checkBox del pagina del Configuración*/ {
    min-width: 0 !important;
}


/*************** ESTILO PARA TOOLTIP POR JQUERY*************/
.ui-tooltip, .arrow:after {
    background: black;
    color: white !important;
    background-color: #7694b8 !important;
    border: 2px solid white;
}

.ui-tooltip {
    /*padding: 10px 20px;*/
    color: white;
    border-radius: 20px;
    width:;
    /*font: bold 14px "Helvetica Neue", Sans-Serif;*/
    /*text-transform: uppercase;*/
    /*box-shadow: 0 0 7px black;*/
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 20%;
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }

.col4 {
    width: 20%
}