/****************************************************************************
 * Deloitte - Estilo para "Encuesta de Remuneración"
 * **************************************************************************/

@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}

html,
body {
    height: 100%;
}

body {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #2d2d2d;
    background-color: #F7F7F7;
    font-size: 13px;
}

    body.fullscreen {
        background-color: #FFFFFF;
    }

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}

.footer, .push {
    height: 3em;
    padding-top: 1em;
}

.nota {
    float: left;
    background: #f0f0f0;
    border: 1px solid #ccc;
    font-family: "Courier New", Courier, monospace;
    color: #00F;
    padding: 10px 3% 6px 3%;
    width: 94%;
    text-align: left;
    font-size: 12px;
    margin-bottom: 10px;
}

    .nota p {
        padding-bottom: 7px;
    }

    .nota strong {
        color: #FF00FF;
    }
/*general*/
.hide {
    display: none;
}

input,
select,
textarea {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    padding: 5px 3px;
    font-size: 12px;
    font-family: inherit;
}

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

select {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    padding: 5px 3px;
    font-size: 12px;
}

.alignLeft {
    text-align: left;
}

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

.alignRight {
    text-align: right;
}

.alignCenter {
    text-align: center;
}

/*buttons*/
.button {
    padding: 10px 0%;
    float: left;
    width: 100%;
}

    .button a,
    .DTTT_container a.DTTT_button {
        -webkit-border-radius: 3px;
        border-radius: 3px;
        text-transform: uppercase;
        color: #fff!important;
        font-size: 14px;
        font-weight: bold;
    }

        .button a.first {
            background-color: #207ab4;
            text-shadow: 0px -1px 0px #044b79;
            padding: 4px 9px;
            border: 1px solid #13679e;
            float: right;
            margin-left: 10px;
        }

            .button a.first:hover {
                background-color: #13679e;
            }

        .button a.second {
            background-color: #73bfe2;
            text-shadow: 0px -1px 0px #469ac1;
            border: 1px solid #5baace;
            padding: 4px 9px;
            float: right;
            margin-left: 10px;
        }

            .button a.second:hover {
                background-color: #5baace;
            }

    .button.action {
        border-bottom: 1px solid #e1e0e0;
    }

        .button.action a, .DTTT_container a.DTTT_button {
            background: #8bbc0a;
            text-shadow: 0px -1px 0px #6b9203;
            /*border:1px solid #75a001;*/
            float: left;
            padding: 4px 9px;
            font-weight: normal;
            margin-right: 10px;
            font-size: 12px;
        }

.DTTT_button embed {
    /*width: auto!important;*/
    height: 10px!important;
}

.DTTT_button > div {
    width: auto!important;
    height: 10px!important;
}

.button.action a:hover,
.DTTT_container a.DTTT_button:hover {
    background-color: #75a001;
}

table .button {
    float: left;
    padding: 5px 3%;
    width: 94%;
}

    table .button a {
        float: left;
        background-color: #73bfe2;
        text-shadow: 0px -1px 0px #469ac1;
        padding: 0px 9px;
        border: 1px solid #5baace;
        font-weight: bold;
        font-size: 12px;
        line-height: 21px;
    }

        table .button a:hover {
            background-color: #5baace;
        }

.button a.disabled {
    background-color: #cbcbcb;
    color: #a9a9a9;
    text-shadow: 0px 1px 0px #cbcbcb;
    border: 1px solid #c1c1c1;
    cursor: pointer;
}

    .button a.disabled:hover {
        background-color: #cbcbcb;
        color: #a9a9a9;
        text-shadow: 0px 1px 0px #cbcbcb;
        border: 1px solid #c1c1c1;
        cursor: auto;
    }

.tableButton {
    background-color: #73BFE2!important;
    text-shadow: 0 -1px 0 #469AC1!important;
}

    .tableButton:hover {
        background-color: #5BAACE!important;
    }
/*icons*/
.buttonIcon {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid gainsboro;
    padding: 2px 2px;
    font-size: 12px;
    height: 23px;
    width: 37px;
    background: url(../_img/icons_nuevo.png) no-repeat;
    display: block;
    margin: 0 auto;
}

    .buttonIcon.report {
        background-position: 1px 1px;
    }

    .buttonIcon.edit {
        background-position: -47px 0px;
    }

    .buttonIcon.delet {
        background-position: -94px 0px;
    }

    .buttonIcon.detail {
        background-position: -270px 0px;
    }

    .buttonIcon.users {
        background-position: -309px -2px;
    }

    .buttonIcon.clone {
        background-position: -389px 1px;
    }

    .buttonIcon.reports {
        background-position: 0px 0px;
    }

    .buttonIcon.export {
        background-position: -349px;
    }

    .buttonIcon.file {
        background-position: -421px;
    }

    .buttonIcon.freeze {
        background-position: -143px 0px;
    }

    .buttonIcon:hover {
        border: 1px solid gainsboro;
        box-shadow: inset 0 0 5px #CCC;
    }

.icon {
    padding: 2px 2px;
    height: 14px;
    width: 20px;
    background: url(../_img/icons.png) no-repeat;
    float: right;
}

    .icon.info {
        background-position: -232px -5px;
    }


/*structure*/
.header,
.main,
.footer {
    float: left;
    width: 100%;
}

.content {
    width: 1100px;
    margin: 0 auto;
}

.header {
    background: #fff; /* Old browsers */
}

.header {
    border-bottom: solid 5px black;
}

    .header .top {
        background: black;
        width: 100%;
        float: left;
    }

    .header .logo {
        /*background: url(../_img/line_vertical_header.gif) repeat-y right top;*/
        width: 185px;
        height: 48px;
        float: left;
        margin-bottom: 2px;
    }

        .header .logo h1 {
            background: url(../_img/deloitte.png);
            background-size: cover;
            width: 175px;
            height: 38px;
            float: left;
        }

    .header h2 {
        float: left;
        color: #fff;
        font-size: 15px;
        padding: 17px 0 0 20px;
    }

.userSection {
    float: right;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid white;
    box-shadow: 0 0 1px white;
    font-size: 13px;
    color: #fff;
    display: block;
    background-color: black;
    margin-top: 10px;
}

    .userSection a {
        color: #c9dd03;
    }

        .userSection a:hover {
            text-decoration: underline;
        }

    .userSection span {
        /*color:#c9dd03;*/
    }

    .userSection .user {
        display: inline;
        padding: 6px 15px 6px 46px;
        float: left;
        background: url(../_img/icon_user.gif) 10px top no-repeat;
    }

    .userSection .logout {
        display: inline;
        /*background:url(../_img/line_vertical_header.gif) left top repeat-y;*/
        padding: 6px 15px;
        float: left;
    }
/*navigation*/
/* deloitte user*/
.navCompany {
    width: 100%;
    float: left;
    height: /*40*/ 60px;
    background-color: black; /*rgb(0, 73, 147);*/
}

    .navDtt ul, .navCompany ul {
        float: right;
        width: 100%;
        padding-top: 10px;
    }

        .navCompany ul.companyLinksMenu {
            padding-top: 16px;
        }

.navDtt li {
    float: right;
    display: inline;
    padding-left: 5px;
}

.navCompany li {
    float: left;
    display: inline;
    padding-right: 5px;
    width: auto;
}

    .navCompany li.separador {
        float: left;
        display: inline;
        margin: 0 5px;
        width: auto;
        color: #fff;
        padding-top: 8px;
    }

.navCompany .content li a.menuEmpresa {
    border: none !important;
    color: #fff !important;
}

    .navCompany .content li a.menuEmpresa:hover {
        background: none !important;
        color: #ccc !important;
    }

    .navCompany .content li a.menuEmpresa.selected {
        background: none !important;
        color: #C9DD03 !important;
    }

.navDtt .menuDeloitte li a, .navCompany li a {
    padding: 8px;
    float: right;
    /*border-top:solid 1px #fff;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;*/
    color: black; /*#002776;*/
    font-size: 14px;
}

    .navDtt .menuDeloitte li a:hover, .navCompany li a:hover {
        background-color: #e4e4e4;
        /*border-top:solid 1px #f0f0f0;
        -webkit-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;*/
        color: #002776;
    }

.navCompany .menuConfig:hover {
    background-color: #FFFFFF!important;
    /*border-top:solid 1px #f0f0f0;
        -webkit-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;*/
    color: #002776;
}

.navDtt .menuDeloitte li a.current, .navCompany li a.current {
    background-color: black;
    /*border-top:solid 1px #64b6eb;*/
    color: #fff;
    box-shadow: 0 -1px 3px #fff;
}

/*.navDtt li a:not(.menuConfig), .navCompany li a:not(.menuConfig) {
        padding:8px;
        float:right;
        border-top:solid 1px #fff;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        color:#002776;
        font-size:14px;
}
.navDtt li a:not(.menuConfig):hover, .navCompany li a:not(.menuConfig):hover {
        background-color:#e4e4e4;
        border-top:solid 1px #f0f0f0;
        -webkit-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
        color:#002776;
}
.navDtt li a:not(.menuConfig).current, .navCompany li a:not(.menuConfig).current {
        background-color:#004993;
        border-top:solid 1px #64b6eb;
        color:#fff;
        box-shadow:0 -1px 3px #fff;
}*/

.config {
    float: right!important;
    margin-right: 41px;
}

    .config > span {
        background: none repeat scroll 0 0 white;
        border: 1px solid #CFCFCF;
        border-radius: 3px 3px 3px 3px;
        float: right;
        padding: 9px 15px;
        color: black; /*#002776;*/
        font-size: 14px;
    }


.watermarkOn {
    color: #ccc!important;
}
/*current section*/
.currentSection {
    width: 100%;
    float: left;
    padding: 10px 0;
    background: url(../_img/whitePixel.gif) repeat-x bottom left #f0f0f0;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #fff;
}

    .currentSection h2 {
        width: 80%;
        float: left;
        font-size: 17px;
        text-align: left;
        font-weight: normal;
        color: #666;
        padding: 0;
        text-shadow: none;
    }

.currentCompany h2 {
    width: 80%;
    float: left;
    font-size: 17px;
    text-align: left;
    font-weight: normal;
    color: #fff;
    padding: 0;
    text-shadow: none;
}

.currentCompany h2 {
    font-size: 17px;
    font-weight: bold;
}

    .currentCompany h2 a {
        font-weight: normal;
        color: #e4e4e4;
    }

.currentSection h2 a {
    font-weight: normal;
    color: #00359f;
}

    .currentCompany h2 a:hover, .currentSection h2 a:hover {
        color: #002776;
    }

.currentSection span, .currentCompany span {
    float: left;
    padding-right: 5px;
    padding-top: 1px;
}

.arrow {
    background: url(../_img/arrow.png) no-repeat center 1px;
    height: 20px;
    width: 18px;
}

.currentCompany .arrow {
    background: url(../_img/arrow-white.png) no-repeat center 1px;
}

.currentCompany {
    width: 100%;
    float: left;
    padding: 6px 0;
    background-color: #333;
    border-bottom: 1px solid #000;
    border-top: solid 5px #004993;
}
/*main*/
.main {
    background: url(../_img/bg-main.gif) repeat-y center top;
}

.main-fullscreen {
    background: none;
}

.bg-main {
    background: url(../_img/bg-main-content.gif) -12px top repeat-y;
    width: 100%;
    float: left;
}

    .bg-main .bottom {
        background: url(../_img/main-bottom.png) 200px bottom no-repeat;
        width: 100%;
        float: left;
        height: 5px;
    }

.bg-main-fullscreen {
    width: 100%;
    float: left;
}

.module {
    width: 100%;
    float: left;
    padding: 0 0 35px 0;
}

.moduleTablaReporte {
    width: 100%;
    float: left;
    padding: 5px 0 5px 0;
}

.aside {
    width: 200px;
    float: left;
    padding-top: 25px;
}

.mainContent {
    width: 870px;
    float: left;
    padding: 25px 0 20px 30px;
}

    .mainContent.fullscreen {
        width: 100%;
    }
/*modulos*/
.module.x1 {
    width: 100%;
    float: left;
    padding: 0;
}

.module.x2 {
    width: 47%;
    float: left;
    padding: 0;
    margin-left: 6%;
}

.module.x3 {
    width: 32%;
    float: left;
    padding: 0;
    margin-left: 2%;
}

    .module.x2.first,
    .module.x3.first {
        margin-left: 0%;
    }

    .module.x1 p,
    .module.x2 p,
    .module.x3 p {
        padding-bottom: 10px;
    }

    .module.x1 .mhead,
    .module.x2 .mhead,
    .module.x3 .mhead {
        font-weight: bold;
        font-size: 13px;
    }

.module .line {
    padding-bottom: 15px;
}
/*filter*/
.filter {
    position: relative;
    display: block;
    margin-bottom: 0px;
    top: 0px;
    float: left;
    width: 96%;
    border: 1px solid #e4e4e4;
    box-shadow: inset 0px 0px 3px white;
    border-radius: 3px;
    padding: 8px 2% 2px 2%;
}

    .filter label {
        float: left;
        font-weight: normal;
        font-size: 12px;
        text-align: right;
        text-shadow: 0 1px 1px #fff;
        padding: 3px 3px 0 2px;
    }

    .filter input {
        width: 130px;
        float: left;
        margin-bottom: 6px;
        padding: 3px 5px;
        margin-right: 6px;
        border: 1px solid #ccc;
        font-size: 11px;
    }

        .filter input.short {
            width: 45px;
            float: left;
            margin-bottom: 6px;
            padding: 3px 5px;
            margin-right: 6px;
            border: 1px solid #ccc;
            font-size: 11px;
        }

    .filter select,
    .filter textarea {
        width: 130px;
        float: left;
        margin-bottom: 6px;
        margin-right: 6px;
        border: 1px solid #ccc;
        padding: 2px 2px!important;
        font-size: 11px;
    }

        .filter select.short {
            width: 95px;
            float: left;
            margin-left: 6px;
        }

            .filter select.short.first {
                margin-left: 0px;
            }
/**/
h3.title, .aside label {
    width: 100%;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    text-align: left;
    padding-bottom: 15px;
    text-shadow: 0 1px 1px #fff;
}

.aside label {
    font-weight: normal;
    font-size: 11px;
    padding-top: 5px;
    padding-bottom: 10px;
}
/*col*/
.col {
    float: left;
    position: relative;
    display: block;
    margin-bottom: 0px;
    top: 0px;
    float: left;
    border: 1px solid #e4e4e4;
    box-shadow: inset 0px 0px 3px white;
    border-radius: 3px;
}

    .col.noBorder {
        border: none;
    }

    .col.x2 {
        width: 33%;
        padding: 30px 7% 20px;
        margin: 0 0% 0 5%;
    }

        .col.x2.underDTT {
            margin-top: 30px;
            padding-bottom: 53px;
        }

        .col.x2.underDetalleDTT {
            margin-top: 30px;
            padding-bottom: 96px;
        }

        .col.x2.underCreate {
            margin-top: 32px;
        }

        .col.x2.under {
            margin-top: 10px;
        }

    .col.x1 {
        width: 40%;
        padding: 30px 10% 20px;
        margin: 0 20%!important;
    }

        .col.x1.alone {
            width: 60%;
            padding: 30px 10% 20px;
            margin: 0 20%!important;
        }

            .col.x1.alone.extended {
                width: 87%;
                padding: 30px 0 20px;
                margin: 0 10%!important;
            }

        .col.x1.reportes {
            width: 100%;
            margin: 0 !important;
        }

    .col.x3 {
        width: 25%;
        padding: 25px 3% 15px 3%;
        margin: 0 0 0 3%;
    }

    .col.first {
        margin: 0 0% 0 0%;
    }

        .col.first.empresaDetalle {
            padding-bottom: 54px;
        }

        .col.first.empresaDetalleSinEquidad {
            padding-bottom: 106px;
        }

        .col.first.empresaEditarSinEquidad {
            padding-bottom: 106px;
        }

    .col .line {
        width: 100%;
        padding-bottom: 15px;
        float: left;
    }

        .col .line h5.error {
            color: red;
            float: left;
        }

    .col.x3 .line {
        padding-bottom: 20px;
    }
    /*form*/
    .col input[type="text"], .col input[type="file"],
    .col textarea {
        width: 96%;
        padding: 5px 2%;
        float: left;
        border: 1px solid #ccc;
        font-size: 12px;
    }

    .col select {
        width: 100%;
        padding: 4px 1%;
        float: left;
        border: 1px solid #ccc;
        font-size: 11px;
    }

    .col input.short {
        width: 44.3%;
        padding: 5px 1%;
        margin-left: 5.9%;
    }

    .col select.short {
        width: 47%;
        padding: 3px 1%;
        margin-left: 6%;
    }

    .col label, .col p {
        width: 96%;
        padding: 0px 0 3px;
        float: left;
        text-align: left;
    }

        .col label.narrow {
            width: 67%;
        }

        .col p.checkOption {
            padding-left: 6%;
            width: 90%;
            background: url(../_img/checkCross.png) no-repeat;
            font-weight: normal;
        }

            .col p.checkOption.true {
                background-position: 1px -42px;
            }

            .col p.checkOption.false {
                background-position: 1px 0px;
            }

p.checkOption {
    /*mati v lo sacó*/
    padding-left: 6%;
    width: 90%;
    background: url(../_img/checkCross.png) no-repeat;
    font-weight: normal;
}

    p.checkOption.noPadding {
        /*mati v lo sacó*/
        /*padding-left: 6%;*/
        width: 90%;
        background: url(../_img/checkCross.png) no-repeat;
        font-weight: normal;
        padding-left: 0;
    }


    p.checkOption.true {
        background-position: 100% -33px;
    }

    p.checkOption.false {
        background-position: 100% 8px;
    }

/*Mati*/
/*Para cuando no va el texto y solo se ve la imagen*/
.col p.checkOptionNoText {
    padding-left: 6%;
    width: 90%;
    background: url(../_img/checkCross.png) no-repeat;
    font-weight: normal;
}

    .col p.checkOptionNoText.true {
        background-position: 1px -42px;
        height: 10px;
    }

    .col p.checkOptionNoText.false {
        background-position: 1px 0px;
        height: 10px;
    }

td p.checkOptionNoText {
    background: url(../_img/checkCross.png) no-repeat;
    font-weight: normal;
}

    td p.checkOptionNoText.true {
        background-position: 62px -42px;
        height: 15px;
    }

    td p.checkOptionNoText.false {
        background-position: 62px 0px;
        height: 15px;
    }

/*td p.checkOptionNoText.false {
	background-position:28px 0px;
    height: 15px;
}*/

/*End Mati*/


.col p {
    font-weight: bold;
}

.col label.short {
    width: 47%;
    padding: 0px 0% 5px 0%;
    margin-left: 5.7%;
}

    .col label.short.mini {
        width: 6%;
    }

    .col label.short.micro {
        width: 3%;
    }

.col p.short {
    width: 96%;
    padding: 0px 0% 5px 0%;
}

    .col label.short select.short, .col p.short p.short {
        width: 99%;
        padding: 3px 1%;
        margin-left: 0%;
    }

    .col input.short.first, .col label.short.first, .col select.short.first, .col p.short.first {
        margin-left: 0%;
    }

.col input[type="checkbox"],
.col input[type="radio"] {
    padding: 5px 0%;
    float: left;
    border: none;
    margin: 1px 7px 0 0;
}

/*.simplemodal-wrap{
border:none !important;
width:805px !important;
background-color:white;
}*/

/*table*/
table, .module.x1, .module.x2, .module.x3 {
    /*box-shadow: 0 0px 3px #999;*/
    border-top: 1px solid #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    float: left;
    border: 1px solid #ccc;
}

    table td, table th {
        text-align: left;
        line-height: 1.5em;
    }

    table.cellTablex4 td {
        width: 24%;
        padding: 4px 1.2%;
    }

        table.cellTablex4 td.short, table.cellTablex4 th.short {
            width: 10%!important;
            padding: 4px 1.2%;
        }

        table.cellTablex4 td.mini, table.cellTablex4 th.mini {
            width: 5%!important;
            padding: 4px 1.2%;
        }

    table.cellTablex5 td {
        width: 19%;
        padding: 4px 1.2%;
    }

        table.cellTablex5 td.short, table.cellTablex5 th.short {
            width: 6.6%;
            padding: 4px 1.2%;
        }

    table.cellTablex6 td {
        width: 15.6%;
        padding: 4px 1.2%;
    }

        table.cellTablex6 td.short, table.cellTablex6 th.short {
            width: 6.6%;
            padding: 4px 1.2%;
        }

    table.cellTablex6.reporte.equidad td.short, table.cellTablex6 th.short {
        width: 6.6%;
        padding: 4px 1.2% 4px 0;
    }

    table.cellTablex6 td.long, table.cellTablex6 th.long {
        width: 23%;
        padding: 4px 1.2%;
    }

    table.cellTablex6 td.medium-long, table.cellTablex6 th.medium-long {
        width: 19%;
        padding: 4px 1.2%;
    }

    table.cellTablex7 td {
        width: 13.2%;
        padding: 4px 1.2%;
    }

        table.cellTablex7 td.short, table.cellTablex7 th.short {
            width: 6.6%;
            padding: 4px 1.2%;
        }

        table.cellTablex7 td.long, table.cellTablex7 th.long {
            width: 25.6%;
            padding: 4px 1.2%;
        }

        table.cellTablex7 td.medium-long, table.cellTablex7 th.medium-long {
            width: 19%;
            padding: 4px 1.2%;
        }

    table.cellTablex8 td {
        width: 11.5%;
        padding: 4px 1.2%;
    }

        table.cellTablex8 td.short, table.cellTablex8 th.short {
            width: 6.6%;
            padding: 4px 1.2%;
        }

        table.cellTablex8 td.medium, table.cellTablex8 th.medium {
            width: 15.6%;
            padding: 4px 1.2%;
        }

        table.cellTablex8 td.long, table.cellTablex8 th.long {
            width: 25.6%;
            padding: 4px 1.2%;
        }

        table.cellTablex8 td.medium-long, table.cellTablex8 th.medium-long {
            width: 19%;
            padding: 4px 1.2%;
        }

    table.cellTablex9 td {
        width: 10.1%;
        padding: 4px 1.2%;
    }

    table.cellTablex10 td {
        width: 9%;
        padding: 4px 1.2%;
    }

    table.cellTablex11 td {
        width: 8%;
        padding: 4px 1.2%;
    }

        table.cellTablex11 td.short, table.cellTablex11 th.short {
            width: 5.6%;
            padding: 4px 1.2%;
        }

        table.cellTablex11 td.medium, table.cellTablex11 th.medium {
            width: 15.6%;
            padding: 4px 1.2%;
        }

        table.cellTablex11 td.long, table.cellTablex11 th.long {
            width: 18.6%;
            padding: 4px 1.2%;
        }

        table.cellTablex11 td.medium-long, table.cellTablex11 th.medium-long {
            width: 18.6%;
            padding: 4px 1.2%;
        }


    table td,
    table tr {
        padding: 0;
        margin: 0;
        line-height: 25px;
    }

    table tbody td {
        line-height: 32px;
    }

    table thead, .module .mhead {
        background-color: #eaeaea;
        color: #898989;
        text-shadow: 0 1px 1px #fff;
        border-bottom: #fff 1px solid;
    }

.module .mhead {
    line-height: 25px;
    text-align: left;
    padding: 4px 5%;
    width: 90%;
    float: left;
}

table tfoot {
    background-color: #eaeaea;
    border-top: 1px solid #666;
    color: #898989;
    text-shadow: 0 1px 1px #fff;
}

table thead th {
    padding: 5px 10px 6px 10px;
    /*text-transform: uppercase;*/
    font-weight: bold;
    width: 175px;
    /*height:76px*/
    height: 26px;
}
    /**** Clase especial tabla *****/
    table thead th.corto {
        min-width: 300px;
    }


table.dataTable thead th {
    padding: 5px 10px 6px 10px!important;
}

    table.dataTable thead th.alignRight {
        padding: 5px 18px 6px 18px!important;
    }

table tbody, .module .mbody {
    background-color: #fff;
    border-top: #dbdbdb 1px solid;
}

.module .mbody {
    padding: 15px 5%;
    width: 90%;
    float: left;
    text-align: left;
}

td.iconCell,
th.iconCell {
    text-align: center;
    width: 1%!important;
}

.dataTables_paginate {
    font-size: 11px;
    padding: 4px 0 4px 0;
}

    .dataTables_paginate a {
        color: #004993;
    }

.dataTables_info {
    width: 71%;
    font-size: 11px;
    float: left;
    text-align: center;
    padding: 4px 0 4px 12%;
    color: #737373;
    text-shadow: 1px 1px 1px white;
}

.dataTables_length,
.dataTables_filter {
    font-size: 11px;
    padding: 4px 0 6px 0;
    float: right;
}

    .dataTables_filter input {
        border: 1px solid #ccc;
        padding: 2px!important;
    }

    .dataTables_length select {
        border: 1px solid #ccc;
        padding: 1px 2px!important;
    }

.dataTables_length {
    width: 16%;
}

table input,
table select {
    width: 96%;
    margin: 0;
    padding: 5px 2%;
}

td.group {
    background-color: #004993!important;
    padding: 0!important;
    color: #fff!important;
    border: none!important;
}

td.groupRepo {
    background-color: #E6F2FF !important;
    /*padding: 0 1.2% 0 0!important;*/
    color: #000000 !important;
    border: 1px solid #EAEAEA !important;
}

td.highlight {
    background-color: #e6f2ff!important;
}

td.promedio {
    /*background-color: #EAEAEA!important;*/
    font-weight: bold;
}
/*accordion*/
#accordion {
    float: left;
    width: 100%;
    box-shadow: 0 0px 3px #999;
    border-top: 1px solid #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
}

    #accordion h3 {
        background-color: #eaeaea;
    }

        #accordion h3 a {
            color: #898989;
            text-shadow: 0 1px 1px #fff;
            padding: 10px 3%;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 12px;
            width: 94%;
            text-align: left;
            display: block;
            /*border-bottom:#ccc 1px solid;*/
        }

    #accordion > div {
        background: #fff;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #accordion table {
        width: 94%;
        margin: 0 3%;
    }

        #accordion table th {
            padding-top: 5px;
            padding-bottom: 6px;
        }

        #accordion table input[type="text"],
        #accordion table select {
            width: 94%;
            margin: 2px 0;
        }

            #accordion table input.short,
            #accordion table select.short {
                width: 95%;
                margin: 2px 0;
            }

            #accordion table input.mini,
            #accordion table select.mini {
                width: 30%;
                margin: 2px 0;
            }

        #accordion table.cellTablex4 div.veces {
            float: left;
            width: 49%;
        }

        #accordion table.cellTablex4 td {
            width: 24%;
            padding: 2px 1%;
        }

            #accordion table.cellTablex4 td.checkbox {
                width: auto;
                padding: 0;
            }

            #accordion table.cellTablex4 td.medium {
                width: 8%!important;
            }

            #accordion table.cellTablex4 td.long {
                width: 40%!important;
            }

        #accordion table.cellTablex5 td {
            width: 19%;
            padding: 2px 0.5%;
        }

        #accordion table.cellTablex6 td {
            width: 15.6%;
            padding: 2px 0.5%;
        }

        #accordion table.cellTablex7 td {
            width: 13.2%;
            padding: 2px 0.5%;
        }

/*messages*/

.message {
    width: 81%;
    padding: 10px 10% 12px 9%;
    float: left;
    margin: 5px 0!important;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    .message h3 {
        width: 100%;
        padding: 0px 0px 3px 0;
        float: left;
        text-align: left;
    }

    .message p {
        width: 100%;
        float: left;
        text-align: left;
    }

    .message.exito { /*.message.success*/
        background: url(../_img/icons_messages.gif) no-repeat 5px 5px #fff;
        border: 1px solid #8BBC0A;
    }

    .message.atencion /*.message.atention*/ {
        background: url(../_img/icons_messages.gif) no-repeat 5px -163px #fff;
        border: 1px solid #b7c900;
    }

    .message.informacion /*.message.info*/ {
        background: url(../_img/icons_messages.gif) no-repeat 5px -251px #fff;
        border: 1px solid #5BAACE;
    }

    .message.error {
        background: url(../_img/icons_messages_error.gif) no-repeat 5px 5px #fff;
        border: 1px solid #c10100;
    }

/*lightbox*/
.lightbox, #lightboxCreate, #lightboxAgregarGrupo {
    -moz-border-radius: 6px;
    background: #fff;
    -webkit-border-radius: 6px;
    border: 1px solid #536376;
    -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
    -moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
    padding: 40px;
    width: 400px;
    position: relative;
    float: left;
}

    #lbConfirm p, #lightboxCreate p, #lightboxAgregarGrupo p {
        float: left;
        width: 100%;
        padding: 10px 0;
        text-align: left;
    }

    .lightbox .col.x1, #lightboxCreate .col.x1, #lightboxAgregarGrupo .col.x1 {
        width: 80%!important;
        padding: 30px 10% 20px!important;
        margin: 0%!important;
    }

    .lightbox .button, #lightboxCreate.button, #lightboxAgregarGrupo .button {
        padding-top: 25px;
    }

#close {
    width: 24px;
    height: 23px;
    overflow: hidden;
    line-height: 1000px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(../_img/close.png) 1px 1px no-repeat;
}

#close_x {
    width: 24px;
    height: 23px;
    overflow: hidden;
    line-height: 1000px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(../_img/close.png) 1px 1px no-repeat;
}

.simplemodal-overlay {
    background-color: #000;
}
/*footer*/
.footer {
    text-align: right;
}

    .footer p {
        float: right;
        font-size: 7pt;
        padding-top: 4px;
        text-align: left;
        width: 357px;
    }

    .footer h5 {
        padding-right: 280px;
    }

    .footer h6 {
        padding-right: 188px;
    }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    float: left;
    font-size: 10px;
    text-align: center;
    color: red;
    width: 100%;
}

    .field-validation-error span {
        float: left;
        font-size: 10px;
        text-align: center;
        color: red;
        width: 100%;
    }

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    float: left;
    font-size: 12px;
    text-align: center;
    color: red;
    width: 100%;
}

    .validation-summary-errors span {
        float: left;
        font-size: 12px;
        text-align: center;
        color: red;
        width: 100%;
    }

.validation-summary-valid {
    display: none;
}

.col input[type="password"], .col textarea {
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 12px;
    padding: 5px 2%;
    width: 96%;
}

/*Tabla de remuneracion*/

.bg-main-sp {
    background-image: url(../_img/bg-main-content-tabla-especial.gif);
    background-repeat: repeat-y;
    width: 100%;
    float: left;
}

    .bg-main-sp .button a {
        margin: 0 10px;
    }

.mainContent-sp {
    width: 1098px;
    float: left;
    padding: 25px 0 0 30px;
}
/*modulos*/
.module h3 {
    margin-left: 10px;
}

div.columnaCabezalFija {
    width: 300px;
    height: 90px;
    float: left;
    background-color: #EAEAEA;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

    div.columnaCabezalFija table th, div.columnaCabezalFija table td {
        color: #898989;
        text-shadow: 0 1px 1px #FFFFFF;
        background-color: #EAEAEA;
        padding-left: 3px;
    }

div.cabezalFijo {
    width: 549px;
    height: 90px;
    overflow: hidden;
    background-color: #EAEAEA;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    div.cabezalFijo table th {
        color: #898989;
        text-shadow: 0 1px 1px #FFFFFF;
        background-color: #EAEAEA;
    }


div.columnasFijas {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 300px;
    max-height: 500px;
    float: left;
    overflow: hidden;
}

div.contenidoRemuneracion {
    width: 566px;
    max-height: 517px; /*Tiene que tener 17px más que el div anterior en el css*/
    overflow: scroll;
    border-left: 1px solid #ccc;
}

table.tab_1 {
    border-radius: 0;
    box-shadow: none;
    border: none;
    width: 100%;
}

    table.tab_1 td.delete, table.tab_1 th.delete {
        width: 20%;
    }

.module .tab_2 {
    float: left;
    width: 555px;
    border: none;
    box-shadow: none;
    overflow-x: scroll;
}
/*.module table td{
	padding:3px 5px;
	min-width:70px;
}*/

table.tab_1 td {
    padding: 3px 5px;
    min-width: 0;
}

table.tab_1 th {
    /*padding: 5px 10px 6px 10px;*/
    /*text-transform: uppercase;*/
    /*font-weight: bold;*/
    /*width: 100%;*/
    /*height:76px*/
    height: 44px;
}

table.tab_2 {
    border-radius: 0;
}

    table.tab_2 th {
        min-width: 138px;
        width: 138px;
        height: 38px;
        padding: 3px 6px;
    }

        table.tab_2 th.short {
            min-width: 83px;
        }

        table.tab_2 th.long {
            min-width: 220px;
        }

    table.tab_2 td {
        padding: 3px 6px;
        min-width: 138px;
        /*max-width: 138px;*/
    }

        table.tab_2 td.short {
            padding: 3px 6px;
            min-width: 83px;
        }

        table.tab_2 td.long {
            padding: 3px 6px;
            min-width: 220px;
        }

/*BlockUI*/
.blockUI {
    border: none !important;
    padding: 15px !important;
    background-color: #000 !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    opacity: .5 !important;
    color: #fff !important;
}

/*Fede R*/
/*accordion sidebar*/
.accordion {
    float: left;
    width: 97%;
    box-shadow: 0 0px 3px #999;
    border-top: 1px solid #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
}

    .accordion h3 {
        background-color: #eaeaea;
    }

        .accordion h3 a {
            color: #898989;
            text-shadow: 0 1px 1px #fff;
            padding: 10px 3%;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 12px;
            width: 94%;
            text-align: left;
            display: block;
            /*border-bottom:#ccc 1px solid;*/
        }

    .accordion > div {
        background: #fff;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .accordion table {
        width: 94%;
        margin: 0 3%;
    }

        .accordion table th {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .accordion table input,
        .accordion table select {
            width: 94%;
            margin: 2px 0;
        }

            .accordion table input.short,
            .accordion table select.short {
                width: 40%;
                margin: 2px 0;
            }

            .accordion table input.mini,
            .accordion table select.mini {
                width: 20%;
                margin: 2px 0;
            }

        .accordion table.cellTablex4 td {
            width: 24%;
            padding: 2px 0.5%;
        }

            .accordion table.cellTablex4 td.medium {
                width: 8%!important;
            }

        .accordion table.cellTablex5 td {
            width: 19%;
            padding: 2px 0.5%;
        }

        .accordion table.cellTablex6 td {
            width: 15.6%;
            padding: 2px 0.5%;
        }

        .accordion table.cellTablex7 td {
            width: 13.2%;
            padding: 2px 0.5%;
        }

/*deloitte user second navigation*/

.navSec li {
    float: left;
    display: inline;
    width: 100%;
}

    .navSec li a {
        padding: 10px 18px 10px 9%;
        float: left;
        color: black;
        font-size: 13px;
        width: 82%;
        text-align: left;
        /*border-top:1px solid #f7f7f7;
	border-bottom:1px solid #f7f7f7;
	border-left:1px solid #f7f7f7;
	border-right:1px solid #f7f7f7;*/
    }

        .navSec li a:hover {
            background-color: #e4e4e4;
            /*-webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
	border-top:1px solid #e1e0e0;
	border-bottom:1px solid #e1e0e0;
	border-left:1px solid #e1e0e0;
	border-right:1px solid #fff;*/
        }

        .navSec li a.current, .navSec li a.current:hover {
            /*-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	box-shadow: inset 2px 0 3px #ccc;
	background: #ffffff;
	color: #002776;
	text-shadow: 0 0px 0px #CCC;
	padding: 10px 9.5% 10px 8%;
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
	border-left:1px solid #cacaca;
	border-right:1px solid #fff;*/
            background-color: black;
            color: #FFFFFF;
            font-weight: bold;
        }

.navSec .ui-accordion .ui-accordion-header:hover {
    text-decoration: underline;
}

.navSec .ui-accordion .ui-accordion-content {
    border-top: 1px solid #002776 !important;
    border-bottom: 1px solid #002776 !important;
    border-radius: 0;
    overflow: hidden!important;
    padding: 0 0em;
}

.navSec .ui-state-active a, .navSec .ui-state-active a:link, .navSec .ui-state-active a:visited {
    color: black!important;
}

.navSec .ui-state-active, .navSec .ui-widget-content .ui-state-active, .navSec .ui-widget-header .ui-state-active {
    background: url("images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50% #FFFFFF;
    border: none;
    color: #002776!important;
    font-weight: bold;
}

.navSec .ui-corner-all, .navSec .ui-corner-top, .navSec .ui-corner-right, .navSec .ui-corner-tr {
    border: none;
}

.navSec .ui-corner-all, .navSec .ui-corner-top, .navSec .ui-corner-left, .navSec .ui-corner-tl {
    border: none;
}

.navSec .ui-widget-content {
    border: /*1px solid #DDDDDD;*/ none!important;
}

    .navSec .ui-state-default, .navSec .ui-widget-content .ui-state-default, .navSec .ui-widget-header .ui-state-default {
        background: url("images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #F6F6F6;
        /*border: 1px solid #CCCCCC;*/
        color: #002776 !important;
        font-weight: bold;
    }


        .navSec .ui-state-default a, .navSec .ui-state-default a:link, .navSec .ui-state-default a:visited {
            color: black;
            text-decoration: none;
        }

.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png")!important;
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png")!important;
}

.nombreEmpresaContainer {
    background-color: #FFFFFF !important;
    border: 1px solid #C9DD03 !important;
    float: left;
    margin-bottom: 10px !important;
    text-align: center !important;
    width: 96%;
}

    .nombreEmpresaContainer a {
        color: #002776;
        float: left;
        line-height: 1.5;
        padding: 12px 10px;
        text-align: center !important;
        width: 90%;
    }

#tableOpciones tr td {
    padding-bottom: 2px;
    padding-left: 5px;
    padding-top: 2px;
}

#tableValores tr td {
    padding-bottom: 2px;
    padding-left: 5px;
    padding-top: 2px;
}


.listado-politicas {
    border: 1px solid #e4e4e4;
    box-shadow: inset 0px 0px 3px white;
    border-radius: 3px;
    padding: 3% 0 0 3%;
    width: 86%!important;
}

.lista-opciones-editar .enunciado {
    margin-left: 0!important;
    width: 66%!important;
    margin-left: 1%!important;
}

.lista-opciones-editar .campo {
    width: 20%!important;
}

.campo-texto-editar .campo {
    width: 22%!important;
}

.campo-texto-editar .campo {
    width: 50%!important;
}

.matriz-editar {
    width: 90%!important;
}

.campo-texto-editar .campoArea {
    width: 90%;
}

.filtros {
    width: 45%!important;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

    .filtros table {
        border: none;
        box-shadow: none;
        width: 100%;
    }

        .filtros table td.campo input {
            padding-left: 2%!important;
            margin: 0!important;
        }

            .filtros table td.campo input[type="checkbox"] {
                padding: 0!important;
                margin: 0!important;
            }

        .filtros table td.etiqueta {
            text-align: right;
            padding-right: 4%;
        }

        .filtros table td.campo {
            text-align: left;
            width: 50%;
        }

            .filtros table td.campo a {
                padding-right: 4%;
                color: #002776;
            }

            .filtros table td.campo.inline p {
                float: left;
                width: 7%;
                margin-top: 10px;
            }

            .filtros table td.campo.inline label {
                width: 26%;
            }

.handle, .handleNoFixedHeader {
    width: 65%!important;
    background-color: #E4E4E4!important;
    border-color: #E4E4E4!important;
    box-shadow: none!important;
    padding: 0!important;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0!important;
    -webkit-border-bottom-left-radius: 0!important;
    -moz-border-radius-bottomright: 0!important;
    -moz-border-radius-bottomleft: 0!important;
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
    cursor: pointer;
}

.handleReportes {
    width: 100%!important;
    background-color: #E4E4E4!important;
    border-color: #E4E4E4!important;
    box-shadow: none!important;
    padding: 0!important;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0!important;
    -webkit-border-bottom-left-radius: 0!important;
    -moz-border-radius-bottomright: 0!important;
    -moz-border-radius-bottomleft: 0!important;
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
    cursor: pointer;
}

.handle label, .handleNoFixedHeader label {
    color: #898989!important;
    text-shadow: 0 1px 1px #FFFFFF;
    cursor: pointer;
    padding: 10px 1px 9px 9px;
}

.handleReportes label {
    color: #898989!important;
    text-shadow: 0 1px 1px #FFFFFF;
    cursor: pointer;
    padding: 10px 1px 9px 9px;
}

.arrExpand {
    /*background: url(../_img/down-arrow-circle-silver.png) no-repeat 530px 9px;*/
    background: url(../_img/down-arrow-circle-silver.png) no-repeat 100%;
}

.arrCollapse {
    /*background: url(../_img/up-arrow-circle-silver.png) no-repeat 530px 9px;*/
    background: url(../_img/up-arrow-circle-silver.png) no-repeat 100%;
}

.arrExpandReportes {
    background: url(../_img/down-arrow-circle-silver.png) no-repeat 822px 9px;
}

.arrCollapseReportes {
    background: url(../_img/up-arrow-circle-silver.png) no-repeat 822px 9px;
}

/*Mati*/
a.underline {
    text-decoration: underline;
    font-weight: bold;
    cursor: default;
}

.exec-filter {
    width: 100%!important;
}

    .exec-filter a {
        float: right!important;
    }

.cabezal-reporte table {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: left;
}

    .cabezal-reporte table td {
        padding-left: 1%;
        padding-right: 1%;
        border-top: solid 1px #E4E4E4;
    }

        .cabezal-reporte table td.first {
            border: none;
            text-align: left;
            font-size: 16px;
        }

        .cabezal-reporte table td.fixed-mini {
            width: 20%;
            border-right: solid 1px #E4E4E4;
        }

        .cabezal-reporte table td.fixed-short {
            width: 30%;
            border-right: solid 1px #E4E4E4;
            font-weight: bold;
        }

        .cabezal-reporte table td.fixed-medium {
            width: 40%;
            border-right: solid 1px #E4E4E4;
            font-weight: bold;
        }

        .cabezal-reporte table td.fixed-long {
            width: 60%;
            border-right: solid 1px #E4E4E4;
            font-weight: bold;
        }

table.resultado-politicas {
    width: 75%!important;
}

table.equidad-interna input {
    text-align: right;
}

table.equidad-interna th.short {
    width: 4%;
}

table.equidad-interna th.long, table.equidad-interna td.long {
    width: 30%;
    text-align: left;
    padding-left: 1%;
}

table.equidad-interna td.short {
    width: 4%;
}

.tableContainer table thead td, .tableContainer table thead tr, .tableContainer table thead th {
    line-height: 1.591em!important;
}

.border-full-white {
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.border-left-white {
    border-left: 1px solid #FFFFFF;
}

.border-right-white {
    border-right: 1px solid #FFFFFF;
}

.border-right-grey {
    border-right: 1px solid #CCCCCC;
}

.noBorder-left {
    border-left: none;
}

.border-bottom-grey {
    border-bottom: 1px solid #EAEAEA;
}



.titulo-grupo {
    background-color: #E4E4E4;
    color: #898989;
    margin-bottom: 12px;
    padding-bottom: 5px;
    padding-top: 7px;
    padding-bottom: 7px!important;
    text-shadow: 0 1px 1px #FFFFFF;
}

    .titulo-grupo p {
        padding-left: 10px;
    }


.no-padding-top {
    padding-top: 0!important;
}

.beneficios a.accion {
    padding-right: 2%;
    color: #002776;
}
/*mati*/

table .veces input.mini,
table .veces select.mini {
    width: 22%;
    margin: 2px 0;
}

table select.otorga {
    width: 28% !important;
    margin: 2px 0;
}

table .monto input {
    width: 40% !important;
    margin: 2px 0;
}

table.cellTablex4 div.veces {
    float: left;
    width: 49%;
}

table.cellTablex4.beneficios td {
    width: 24%;
    padding: 0px 1.2%;
}

/*Yani Organization Chart*/

.node {
    background-color: #00A1DE;
    color: #FFF;
    border: 1px solid #fff;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    height: 44px;
}

.selectedNode {
    background-color: #002776;
    color: #FFF;
    border: 1px solid #fff;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    height: 44px;
}

.google-visualization-orgchart-lineleft {
    border-left: 2px solid #00A1DE!important;
}

.google-visualization-orgchart-linebottom {
    border-bottom: 2px solid #00A1DE!important;
}

.google-visualization-orgchart-lineright {
    border-right: 2px solid #00A1DE!important;
}

.moduleReporteInicio.col1 {
    width: 70%;
    padding-right: 10px;
    float: left;
    line-height: 1.5em;
}

    .moduleReporteInicio.col1 .line {
        width: 100%;
        padding-bottom: 15px;
        float: left;
    }

    .moduleReporteInicio.col1 ul li {
        list-style: circle outside!important;
    }

    .moduleReporteInicio.col1 ul.left {
        float: left;
        width: 50%;
        margin-left: 15px;
    }

    .moduleReporteInicio.col1 ul.right {
        margin-left: 60%;
        width: 45%;
    }

img.iconInfo {
    float: left;
    height: 24px;
    margin-top: -1px;
    cursor: pointer;
}

#lbInfoImportacion {
    text-align: left;
    line-height: 1.5em;
    width: 540px;
}

    #lbInfoImportacion .line {
        padding: 0 0 0 34px;
    }

    #lbInfoImportacion .info {
        padding: 18px 0 0 59px;
    }

    #lbInfoImportacion .iconInfo {
        padding-right: 9px;
        margin-top: -3px;
    }

#lbInfoRangoConversion {
    text-align: left;
    line-height: 1.5em;
    width: 540px;
}

    #lbInfoRangoConversion .line {
        padding: 0 0 0 34px;
    }

    #lbInfoRangoConversion .info {
        padding: 18px 0 0 59px;
    }

    #lbInfoRangoConversion .iconInfo {
        padding-right: 9px;
        margin-top: -3px;
    }

#lbInfoFiltros {
    text-align: left;
    line-height: 1.5em;
    width: 540px;
}

    #lbInfoFiltros .line {
        padding: 0 0 0 34px;
    }

    #lbInfoFiltros .info {
        padding: 18px 0 0 59px;
    }

    #lbInfoFiltros .iconInfo {
        padding-right: 9px;
        margin-top: -3px;
    }
    
#lbInfoEstados {
    text-align: left;
    line-height: 1.5em;
    width: 540px;
}

    #lbInfoEstados .line {
        padding: 0 0 0 34px;
    }

    #lbInfoEstados .info {
        padding: 18px 0 0 59px;
    }

    #lbInfoEstados .iconInfo {
        padding-right: 9px;
        margin-top: -3px;
    }

.chart_div_scroll {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 870px;
    height: 550px;
}

/*Auto-Complete*/
.ui-autocomplete {
    overflow-y: scroll;
}

* html .ui-autocomplete { /* IE max- */
    height: expression( this.scrollHeight > 200 ? "200px" : "auto" );
}

.ui-autocomplete {
    max-height: 200px;
}

.ui-menu-item a {
    text-align: left;
}


.error-page {
    height: 300px;
}

    .error-page h2 {
        margin-top: 50px;
    }

    .error-page .button {
        margin-top: 60px;
    }

        .error-page .button a {
            float: none;
        }

h5.reportLeyend {
    text-align: left;
    padding-bottom: 2%;
}

/*Para los comentarios en los beneficios*/
p.short {
    width: 5% !important;
}

textarea.comentarios {
    width: 70%;
    height: 5%;
    margin-bottom: 1%;
    float: left;
}

.moneda-beneficios {
    margin-bottom: 1%;
    float: left;
}

/*Para alinear los titulos a la izquierda*/
.alinear {
    margin-left: 0%!important;
}

.fullscreen h3.title {
    font-size: 20px;
    margin-left: 0;
    padding-bottom: 30px;
}

.fullscreen a.volver {
    color: #002776;
    float: left;
    margin-bottom: 17px;
    text-align: left;
    width: 100%;
}

    .fullscreen a.volver i {
        padding-right: 4px;
    }

table.reporte-full-screen {
}

    table.reporte-full-screen th, table.reporte-full-screen td {
        padding: 5px 10px 6px;
    }

    table.reporte-full-screen thead th {
        min-width: 80px;
        max-width: 80px;
    }

        table.reporte-full-screen thead th.border-right-grey {
            border-right: 1px solid #EAEAEA;
        }

    table.reporte-full-screen tbody td {
        min-width: 80px;
        border-bottom: 1px solid #EAEAEA;
    }

        table.reporte-full-screen tbody td.mini, table.reporte-full-screen thead th.mini {
            min-width: 40px;
            max-width: 40px;
        }

    table.reporte-full-screen thead th.large {
        min-width: 150px;
    }

    table.reporte-full-screen tbody td.large {
        min-width: 150px;
    }

    table.reporte-full-screen th, table.reporte-full-screen td {
        padding: 5px 10px 6px;
    }

        table.reporte-full-screen td.groupRepo {
            background-color: #E6F2FF !important;
            border: 1px solid #EAEAEA !important;
            border-left: none!important;
            border-top: none !important;
            color: #000000 !important;
        }

div.fixed-table table {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 0;
}

    div.fixed-table table tbody tr td {
        line-height: 22px;
    }

div.fixed-table {
    float: left;
}

    div.fixed-table.fixed-corner {
        width: 227px;
    }

        div.fixed-table.fixed-corner table {
            -webkit-border-top-left-radius: 3px;
            -moz-border-radius-topleft: 3px;
            border-top-left-radius: 3px;
        }

        div.fixed-table.fixed-corner th.large {
            width: 205px;
            max-width: 205px;
        }

    div.fixed-table.fixed-header {
        width: 100%;
        max-width: 844px;
        overflow: hidden;
        float: left;
        /*border-right: 1px solid #CCCCCC;
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topright: 3px;*/
        border-top-right-radius: 3px;
    }

        div.fixed-table.fixed-header table {
            border-left: none;
        }

    div.fixed-table.fixed-column {
        max-height: 532px;
        overflow: hidden;
        width: 227px;
        border-bottom: 1px solid #CCCCCC;
    }

        div.fixed-table.fixed-column table {
            border-top: none;
            -webkit-border-bottom-left-radius: 3px;
            -moz-border-radius-bottomleft: 3px;
            border-bottom-left-radius: 3px;
        }

        div.fixed-table.fixed-column td.groupRepo {
            padding-left: 13px;
        }

        div.fixed-table.fixed-column td.large {
            width: 205px;
            max-width: 205px;
        }

    div.fixed-table.dyn-content table {
        border-left: none;
        border-top: none;
        border-right: 1px solid #CCCCCC;
    }

    div.fixed-table.dyn-content {
        max-width: 862px;
        max-height: 550px;
        overflow: scroll;
        border-right: 1px solid #CCCCCC;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        border-bottom-right-radius: 3px;
    }

td.highlight {
    background-color: #F2FCFF!important;
}

tr.highlight {
    background-color: #F2FCFF;
}

    tr.highlight td.groupRepo {
        background-color: #F2FCFF!important;
    }

tr.row-area td {
    line-height: 20px;
    background-color: #F5F5F5;
}

/* ddslick - dropdownlist con descripcion */

.dd-selected {
    color: black !important;
    font-weight: normal !important;
    font-size: 11px;
    padding: 0 2% !important;
}

.dd-option {
    padding: 0 2% !important;
}

.dd-option-text {
    float: inherit !important;
    color: black;
    font-size: 11px;
    line-height: 2;
}

 .deleteParametro{
     cursor: pointer;
     margin-left: 5px;
     color: red;
}

 /* Select List - Chosen Plugin */
.chosen-container-multi {
    font-size: 11px!important;
}

.chosen-container-multi .chosen-choices {
    border: 1px solid #ccc!important;
    border-radius: 3px!important;
    font-size: 11px!important;
}

.chosen-container-single {
    font-size: 11px !important;
}

.chosen-single {
    border: 1px solid #ccc!important;
    border-radius: 3px!important;
    color: black!important;
    background: none!important;
}

.chosen-search input[type="text"] {
    float: inherit !important;
}
 
 /* 'Agregar Observaciones Adicionales' button */
.button a.btnAgregarObservaciones {
    background-color: #8bbc0a;
    text-shadow: 0px -1px 0px #6b9203;
    border:1px solid #75a001;
    padding: 4px 9px;
    float: right;
    margin-left: 10px;
}

.button a.btnAgregarObservaciones:hover {
    background-color: #6b9203;
}

/* Boton 'Actualizar' en tabla de Encuestas */
.tableButtonRefresh {
    background-color: #207ab4!important;
    text-shadow: 0 -1px 0 #044b79!important;
}