/****************************************
*               FUENTES
*****************************************/
@font-face {
    font-family: 'Calibri';
    src: url('../bootstrap/fonts/calibri.eot');
    src: url('../bootstrap/fonts/calibri.woff2') format('woff2'), url('../bootstrap/fonts/calibri.woff') format('woff'), url('../bootstrap/fonts/calibri.ttf') format('truetype'), url('../bootstrap/fonts/calibri.svg#calibri') format('svg'), url('../bootstrap/fonts/calibri.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Bold';
    src: url('../bootstrap/fonts/Gotham-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('../bootstrap/fonts/Gotham-Book.eot');
    src: url('../bootstrap/fonts/Gotham-Book.woff2') format('woff2'), url('../bootstrap/fonts/Gotham-Book.woff') format('woff'), url('../bootstrap/fonts/Gotham-Book.ttf') format('truetype'), url('../bootstrap/fonts/Gotham-Book.svg#Gotham-Book') format('svg'), url('../bootstrap/fonts/Gotham-Book.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway Regular';
    src: url('../bootstrap/fonts/Raleway-Regular.eot');
    src: url('../bootstrap/fonts/Raleway-Regular.woff2') format('woff2'), url('../bootstrap/fonts/Raleway-Regular.woff') format('woff'), url('../bootstrap/fonts/Raleway-Regular.ttf') format('truetype'), url('../bootstrap/fonts/Raleway-Regular.svg#Gotham-Book') format('svg'), url('../bootstrap/fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Calibri';
    color: #4d4d4d;
    font-size: 12px;
    height: auto;
    margin: 0 auto;
}

/****************************************
*             TIPOGRAFÍA
*****************************************/
i.fa {
    font-size: 1.3em;
}

ul {
    margin-left: 0;
    padding-left: 0;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #333;
}

h1 {
    font-family: 'Gotham Book';
}

h2 {
    font-family: 'Gotham Book';
    font-size: 1.4em;
}

    h2.tituloCenefa {
        color: #ffffff;
        margin-top: -46px;
        margin-bottom: 30px;
        margin-left: 40px;
        font-size: 1.7em;
    }

    h2.tituloPagina {
        color: white;
        margin: 0;
        padding: 14px 0 0px 16px;
        line-height: 16px;
        font-size: 1.7em;
    }

h3 {
    font-family: 'Gotham Book';
    margin-bottom: 25px;
}

h4 {
    font-family: 'Gotham Book';
    margin-bottom: 15px;
    font-size: 13px;
}

h5 {
    font-family: 'Gotham Book';
    margin-bottom: 10px;
}

font {
    FONT-SIZE: 13PX;
    FONT-WEIGHT: BOLD;
}

.fa.fa-academy {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-academy-icono.png);
    background-size: 100%;
    height: 23px;
    width: 23px;
    background-repeat: no-repeat;
}

.lengthitem {
    position: absolute;
    background-color: white;
    border-radius: 0 0 5px 0;
    border: 1px solid #bfbfbf;
    padding: 0 2px;
    font-size: 11px;
    display: none;
}

/****************************************
*               HEADER
*****************************************/
header {
    margin: 0 auto;
    background-color: #fff;
}

.navbar-brand {
    padding: 10px 0px;
}

#lineaHeader {
    height: 3px;
    background-image: linear-gradient(to right, #632a71, #e4087f);
}

.Rectangle {
    height: 3px;
    background-image: linear-gradient(to right, #632a71, #e4087f);
}

.caret {
    color: #ff984e;
    font-size: 2em;
}

section {
    margin-top: -1px;
    border-left: 0px solid;
    border-right: 0px solid;
}

    section > div {
        border: 1px solid #e1e0e0;
    }

.home_v2 {
    height: auto;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 30px;
    background-color: #e1e0e0;
    float: left;
}

.subtituloNotaContratista {
    font-size: 1.5em;
}

p#login {
    margin-top: -60px !important;
    margin-left: 80px;
    color: #bfbfbf;
}

#primero, #segundo {
    border: 1px solid #e1e0e0;
    width: auto;
    height: 65px;
}

#segundo {
    width: auto;
    height: 70px;
}

.actions a.btn, .actions i {
    padding: 0px;
    margin-top: 3px;
}

.actions i.disabled {
   font-size: 1.3em !important;
}

.actions i.disabled.fa-cloud-upload {
   margin-top: 5px;
}

.btn-group {
    width: 90px;
}

.nav > li.logoempresa > a {
    position: relative;
    display: block;
    padding: 0;
}

.list-group-item {
    cursor: pointer;
}

    .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
        z-index: 2;
        color: #fff;
        background-color: #b0b0b0;
        border-color: #989996;
    }

        .list-group-item.active a {
            color: #fff;
        }

#lineacorta {
    width: 1px;
    height: 32px;
    background-color: #e1e0e0;
    margin-left: 77%;
    margin-top: -1.9%;
}

#segundo .btn-group {
}

.logouno img {
    width: 126px;
    height: 24px;
    margin-left: 77.5%;
    margin-top: -1.8%;
}

#ContentModal b, #ContentModal strong {
    font-weight: bold;
    font-size: 16px;
}

/****************************************
*            NOTIFICACIONES
*****************************************/
a #notificaciones {
    font-family: Calibri;
    font-size: 25px;
    color: #929292;
    margin-top: 21px;
    text-decoration: none;
}

#notificaciones img {
    width: 70%;
}

a:hover #notificaciones {
    color: #bfbfbf;
}

#contactinfo {
    background-color: #E4087f;
    min-height: 18px;
    display: block;
    color: white;
    text-align: right;
    width: 100%;
}

    #contactinfo i {
        font-size: 11px;
        color: white;
    }

    #contactinfo .block {
        display: inline-flex;
    }

    #contactinfo .item {
        margin: 0 10px 0 0px;
    }

    #contactinfo .contactinfocompany {
    }

    #contactinfo .contactinfotime {
    }

    #contactinfo .contactinfo {
    }

    #contactinfo .contactinfophone {
    }


/****************************************
*              MENÚS
*****************************************/
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #e4087f;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    opacity: .8;
}

h3.navbar-text.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/****************************************
*               SEARCH
*****************************************/
.btn-search {
    width: 181px;
    height: 30px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #d5d5d5;
    margin-top: 5px;
    margin-left: 55px;
}

    .btn-search i {
        -webkit-transition: all .6s ease-in-out; /* safari - Chrome*/
        -moz-transition: all .6s ease-in-out; /* Firefox */
        -o-transition: all .6s ease-in-out; /* Opera */
        transition: all .6s ease-in-out;
    }

/****************************************
*               CENEFA
*****************************************/
.cenefa {
    min-height: 57px;
    background-image: linear-gradient(150deg, #46cda5, #3f75c5);
}

    .cenefa .infoPagina {
        color: #FFFFFF;
        cursor: pointer;
        float: right;
        top: 15px;
        right: 20px;
        position: absolute;
    }

    .cenefa h1 {
        width: 146px;
        height: 25px;
        font-family: 'Gotham Book';
        font-size: 25px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        margin-left: -45px;
        padding-top: 1%;
    }

    .cenefa .close {
        position: absolute;
        right: 0.4em;
        z-index: 5;
    }

    .cenefa h2 span {
        font-size: 0.5em;
        overflow: auto;
        position: absolute;
        width: 230%;
        margin: 7px 0 0 0;
    }

.expandable {
    background-color: #FFFFFF;
    border-radius: 5px;
    min-height: 40px;
    overflow-y: hidden;
    padding: 0.2em;
    margin: 10px 0;
}

.expandible a {
    color: #b146cd;
}

.InfoBlock {
    border-right: 2px solid;
    border-color: green;
}

#centro {
    margin-top: 10px;
}

.main-row {
    width: 800px;
    height: 35px;
    font-family: Calibri;
    font-size: 14px;
    text-align: right;
    color: #333333;
    margin-bottom: 10px;
}

    .main-row input {
        height: 35px;
        border-radius: 2px;
        background-color: #ffffff;
        border: solid 1px #d5d5d5;
        margin-left: 30px;
    }

/*PROGRAMAS*/
/*Defecto*/
.modulo {
    background-color: #fff;
    margin-top: 20px;
    height: 151px;
    padding: 1px 10px 0px 10px;
    box-shadow: 2px 4px 7px 0px #858383;
    border-radius: 5px;
}

    .modulo .imagenModulo {
        height: 55px;
        background-size: 55px;
        background-repeat: no-repeat;
    }

    .modulo h2 {
        font-family: 'Gotham Book';
        font-size: 17px;
        color: #333333;
        margin-left: 70px;
        padding-top: 5%;
    }

    .modulo h5 {
        color: black;
        margin-top: 0;
    }

    .modulo p {
        opacity: 0.85;
        font-family: Calibri;
        font-size: 13.7px;
        color: #929292;
        overflow: hidden;
        padding-left: 70px;
        max-height: 57px;
        overflow: hidden;
    }

.lineaModulo {
    height: 4px;
    background-image: linear-gradient(143deg, #ff5ad8, #8853d2);
    margin-top: -4px;
}

.imagenModulo {
    margin-top: 10px;
}

a:hover .modulo {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    -webkit-background-size: 4px 100%;
    -moz-background-size: 4px 100%;
    background-size: 4px 100%;
    height: 151px;
}

a:hover .lineaModulo {
    display: none;
}

.hovermodulos:not(:hover) .modulo {
    background-color: #bcbcbc;
/*    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-fondo-modulo-pagado-V3.png) !important;
*/    background-repeat: no-repeat;
    background-position: center -15px;
}

.hovermodulos.es:not(:hover) .modulo {
    background-color: #bcbcbc;
/*    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-fondo-modulo-pagado-V3.png) !important;
*/    background-repeat: no-repeat;
    background-position: center -15px;
}

.hovermodulos.por:not(:hover) .modulo {
    background-color: #bcbcbc;
/*    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-fondo-modulo-pagado-V3-por.png) !important;
*/    background-repeat: no-repeat;
    background-position: center -15px;
}

.hovermodulos:hover .modulo h4 {
    display: none !important;
}

.hovermodulos .modulo p {
    visibility: hidden;
}

.hovermodulos .lineaModulo {
    visibility: hidden;
}

a.hovermodulos:hover .modulo {
    background-color: #bfbfbf !important;
}

    a.hovermodulos:hover .modulo h2, a.hovermodulos:hover .modulo p {
        color: #FFFFFF !important;
        visibility: visible;
    }

/*Administración*/
#lineaModulo1 {
    background-image: linear-gradient(143deg, #f7931e, #f15a24);
}

#imagenModulo1 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-administrador-icono.png);
}

a:hover #modulo1 {
    border-top: 4px solid #f7931e;
    border-bottom: 4px solid #f15a24;
    background-image: -webkit-linear-gradient(top, #f7931e, #f15a24 100%), -webkit-linear-gradient(top, #f7931e 0%, #f15a24 100%);
    background-image: -moz-linear-gradient(top, #f7931e, #f15a24 100%), -moz-linear-gradient(top, #f7931e 0%, #f15a24 100%);
    background-image: -o-linear-gradient(top, #f7931e 0%,#f15a24 100%), -o-linear-gradient(top, #f7931e 0%, #f15a24 100%);
    background-image: linear-gradient(to bottom, #f7931e 0%, #f15a24 100%), linear-gradient(to bottom, #f7931e 0%, #f15a24 100%);
}

/*Configuración*/
#lineaModulo2 {
    background-image: linear-gradient(91deg, #46cda5, #3f75c5);
}

#imagenModulo2 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-configuracion-icono.png);
}

a:hover #modulo2 {
    border-top: 4px solid #3ACFD5;
    border-bottom: 4px solid #3a4ed5;
    background-image: -webkit-linear-gradient(top, #46cda5, #3f75c5 100%), -webkit-linear-gradient(top, #46cda5 0%, #3f75c5 100%);
    background-image: -moz-linear-gradient(top, #46cda5, #3f75c5 100%), -moz-linear-gradient(top, #46cda5 0%, #3f75c5 100%);
    background-image: -o-linear-gradient(top, #46cda5 0%, #3f5c5 100%), -o-linear-gradient(top, #46cda5 0%, #3f75c5 100%);
    background-image: linear-gradient(to bottom, #46cda5 0%, #3f5c5 100%), linear-gradient(to bottom, #46cda5 0%, #3f75c5 100%);
}

/*Coordinación*/
#lineaModulo3 {
    background-image: linear-gradient(91deg, #b146cd, #2a3f7d 90%, #1b3e73);
}

#imagenModulo3 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-coordinacion-icono.png);
}

a:hover #modulo3 {
    border-top: 4px solid #b146cd;
    border-bottom: 4px solid #1b3e73;
    background-image: -webkit-linear-gradient(top, #b146cd, #1b3e73 100%), -webkit-linear-gradient(top, #b146cd 0%, #1b3e73 100%);
    background-image: -moz-linear-gradient(top, #b146cd, #1b3e73 100%), -moz-linear-gradient(top, #b146cd 0%, #1b3e73 100%);
    background-image: -o-linear-gradient(top, #b146cd 0%, #1b3e73 100%), -o-linear-gradient(top, #b146cd 0%, #1b3e73 100%);
    background-image: linear-gradient(to bottom, #b146cd 0%, #1b3e73 100%), linear-gradient(to bottom,#b146cd 0%, #1b3e73 100%);
}

/*cert*/
#lineaModulo14 {
    background-image: linear-gradient(91deg, #1b3e73, #b146cd);
}

#imagenModulo14 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-cert-icono.png);
}

a:hover #modulo14 {
    border-top: 4px solid #1b3e73;
    border-bottom: 4px solid #b146cd;
    background-image: -webkit-linear-gradient(top, #1b3e73, #b146cd 100%), -webkit-linear-gradient(top, #1b3e73 0%, #b146cd 100%);
    background-image: -moz-linear-gradient(top, #1b3e73, #b146cd 100%), -moz-linear-gradient(top, #1b3e73 0%, #b146cd 100%);
    background-image: -o-linear-gradient(top, #1b3e73 0%, #b146cd 100%), -o-linear-gradient(top, #1b3e73 0%, #b146cd 100%);
    background-image: linear-gradient(to bottom, #1b3e73 0%, #b146cd 100%), linear-gradient(to bottom, #1b3e73 0%, #b146cd 100%);
}

/*Expertise*/
#lineaModulo15 {
    background-image: linear-gradient(91deg, #46cda5, #3f75c5);
}

#imagenModulo15 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-expertice-icono.png);
}

a:hover #modulo15 {
    border-top: 4px solid #46cda5;
    border-bottom: 4px solid #3f75c5;
    background-image: -webkit-linear-gradient(top, #46cda5, #3f75c5 100%), -webkit-linear-gradient(top, #46cda5 0%, #3f75c5 100%);
    background-image: -moz-linear-gradient(top, #46cda5, #3f75c5 100%), -moz-linear-gradient(top, #46cda5 0%, #3f75c5 100%);
    background-image: -o-linear-gradient(top, #46cda5 0%, #3f75c5 100%), -o-linear-gradient(top, #46cda5 0%, #3f75c5 100%);
    background-image: linear-gradient(to bottom, #46cda5 0%, #3f75c5 100%), linear-gradient(to bottom, #46cda5 0%, #3f75c5 100%);
}

/*Control de accesos*/
#lineaModulo4 {
    background-image: linear-gradient(91deg, #ff984e, #7826eb);
}

#imagenModulo4 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-controldeaccesos-icono.png);
}

a:hover #modulo4 {
    border-top: 4px solid #ff984e;
    border-bottom: 4px solid #7826ed;
    background-image: -webkit-linear-gradient(top, #ff984e, #7826ed 100%), -webkit-linear-gradient(top, #ff984e 0%, #7826ed 100%);
    background-image: -moz-linear-gradient(top, #ff984e, #7826ed 100%), -moz-linear-gradient(top, #ff984e 0%, #7826ed 100%);
    background-image: -o-linear-gradient(top, #ff984e 0%, #7826ed 100%), -o-linear-gradient(top, #ff984e 0%, #7826ed 100%);
    background-image: linear-gradient(to bottom, #ff984e 0%, #7826ed 100%), linear-gradient(to bottom,#ff984e 0%, #7826ed 100%);
}

/*Contratista*/
#imagenModulo5 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-contratistas-icono.png);
}

#lineaModulo5 {
    background-image: linear-gradient(126deg, #632a71, #e4087f);
}

a:hover #modulo5 {
    border-top: 4px solid #632a71;
    border-bottom: 4px solid #e4087f;
    background-image: -webkit-linear-gradient(top, #632a71, #e4087f 100%), -webkit-linear-gradient(top, #632a71 0%, #e4087f 100%);
    background-image: -moz-linear-gradient(top, #632a71, #e4087f 100%), -moz-linear-gradient(top, #632a71 0%, #e4087f 100%);
    background-image: -o-linear-gradient(top, #632a71 0%, #e4087f 100%), -o-linear-gradient(top, #632a71 0%, #e4087f 100%);
    background-image: linear-gradient(to bottom, #632a71 0%, #e4087f 100%), linear-gradient(to bottom,#632a71 0%, #e4087f 100%);
}

/*Indicadores*/
#lineaModulo6 {
    background-image: linear-gradient(126deg, #80d6f9, #3628b4);
}

#imagenModulo6 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-indicadores-icono.png);
}

a:hover #modulo6 {
    border-top: 4px solid #80d6f9;
    border-bottom: 4px solid #3628b4;
    background-image: -webkit-linear-gradient(top, #80d6f9, #3628b4 100%), -webkit-linear-gradient(top, #80d6f9 0%, #3628b4 100%);
    background-image: -moz-linear-gradient(top, #80d6f9, #3628b4 100%), -moz-linear-gradient(top, #80d6f9 0%, #3628b4 100%);
    background-image: -o-linear-gradient(top, #80d6f9 0%, #3628b4 100%), -o-linear-gradient(top, #80d6f9 0%, #3628b4 100%);
    background-image: linear-gradient(to bottom, #80d6f9 0%, #3628b4 100%), linear-gradient(to bottom, #80d6f9 0%, #3628b4 100%);
}

/*Sincronización*/
#lineaModulo9 {
    background-image: linear-gradient(91deg, #f04848, #3a64a2);
}

#imagenModulo9 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-sincronizacion-icono.png);
}

a:hover #modulo9 {
    border-top: 4px solid #f04848;
    border-bottom: 4px solid #3a64a2;
    background-image: -webkit-linear-gradient(top, #f04848, #3a64a2 100%), -webkit-linear-gradient(top, #f04848 0%, #3a64a2 100%);
    background-image: -moz-linear-gradient(top, #f04848, #3a64a2 100%), -moz-linear-gradient(top, #f04848 0%, #3a64a2 100%);
    background-image: -o-linear-gradient(top, #f04848 0%, #3a64a2 100%), -o-linear-gradient(top, #f04848 0%, #3a64a2 100%);
    background-image: linear-gradient(to bottom, #f04848 0%, #3a64a2 100%), linear-gradient(to bottom,#f04848 0%, #3a64a2 100%);
}

/*Cliente*/

/*academy*/
#modulo900 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-academy-image-gratis.png);
    background-size: 100% 155px;
    background-repeat: no-repeat;
}

#lineaModulo900 {
    background-image: linear-gradient(143deg, #e72482, #642d71);
}

#imagenModulo900 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-academy-icono.png);
}

a:hover #modulo900 {
    border-top: 4px solid #632a71;
    border-bottom: 4px solid #e4087f;
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-academy-image-gratis-hover.png);
}

/*Club CAE*/
#lineaModulo700 {
    background-image: linear-gradient(91deg, #67ac41, #244c97);
}

#imagenModulo700 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-clubcae-icono.png);
}

a:hover #modulo700 {
    border-top: 4px solid #67ac41;
    border-bottom: 4px solid #244c97;
    background-image: -webkit-linear-gradient(top, #67ac41, #244c97 100%), -webkit-linear-gradient(top, #67ac41 0%, #244c97 100%);
    background-image: -moz-linear-gradient(top, #67ac41, #244c97 100%), -moz-linear-gradient(top, #67ac41 0%, #244c97 100%);
    background-image: -o-linear-gradient(top, #67ac41 0%, #244c97 100%), -o-linear-gradient(top, #67ac41 0%, #244c97 100%);
    background-image: linear-gradient(to bottom, #67ac41 0%, #244c97 100%), linear-gradient(to bottom,#67ac41 0%, #244c97 100%);
}

/*Gestión Formación Externa*/
#lineaModulo800 {
    background-image: linear-gradient(91deg, #4669cd, #9b3fc5);
}

#imagenModulo800 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-formacion-icono.png);
}

a:hover #modulo800 {
    border-top: 4px solid #4669cd;
    border-bottom: 4px solid #9b3fc5;
    background-image: -webkit-linear-gradient(top, #4669cd, #9b3fc5 100%), -webkit-linear-gradient(top, #4669cd 0%, #9b3fc5 100%);
    background-image: -moz-linear-gradient(top, #4669cd, #9b3fc5 100%), -moz-linear-gradient(top, #4669cd 0%, #9b3fc5 100%);
    background-image: -o-linear-gradient(top, #4669cd 0%, #9b3fc5 100%), -o-linear-gradient(top, #4669cd 0%, #9b3fc5 100%);
    background-image: linear-gradient(to bottom, #4669cd 0%, #9b3fc5 100%), linear-gradient(to bottom,#4669cd 0%, #9b3fc5 100%);
}

/*formación AEQT*/
#lineaModulo600 {
    background-image: linear-gradient(91deg, #39b54a, #fbb03b);
}

#imagenModulo600 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-formacionaeqt-icono.png);
}

a:hover #modulo600 {
    border-top: 4px solid #39b54a;
    border-bottom: 4px solid #fbb03b;
    background-image: -webkit-linear-gradient(top, #39b54a, #fbb03b 100%), -webkit-linear-gradient(top, #39b54a 0%, #fbb03b 100%);
    background-image: -moz-linear-gradient(top, #39b54a, #fbb03b 100%), -moz-linear-gradient(top, #39b54a 0%, #fbb03b 100%);
    background-image: -o-linear-gradient(top, #39b54a 0%, #fbb03b 100%), -o-linear-gradient(top, #39b54a 0%, #fbb03b 100%);
    background-image: linear-gradient(to bottom, #39b54a 0%, #fbb03b 100%), linear-gradient(to bottom, #39b54a 0%, #fbb03b 100%);
}

/*gestion formación AEQT*/
#lineaModulo601 {
    background-image: linear-gradient(91deg, #034f84, #f7786b);
}

#imagenModulo601 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-aeqt-icono.png);
}

a:hover #modulo601 {
    border-top: 4px solid #034f84;
    border-bottom: 4px solid #f7786b;
    background-image: -webkit-linear-gradient(top, #034f84, #f7786b 100%), -webkit-linear-gradient(top, #034f84 0%, #f7786b 100%);
    background-image: -moz-linear-gradient(top, #034f84, #f7786b 100%), -moz-linear-gradient(top, #034f84 0%, #f7786b 100%);
    background-image: -o-linear-gradient(top, #034f84 0%, #f7786b 100%), -o-linear-gradient(top, #034f84 0%, #f7786b 100%);
    background-image: linear-gradient(to bottom, #034f84 0%, #f7786b 100%), linear-gradient(to bottom, #034f84 0%, #f7786b 100%);
}

/*Módulo de formación */
#lineaModulo820 {
    background-image: linear-gradient(91deg, #80ced6, #618685);
}

#imagenModulo820 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-formacio-default-icono.png);
}

a:hover #modulo820 {
    border-top: 4px solid #80ced6;
    border-bottom: 4px solid #618685;
    background-image: -webkit-linear-gradient(top, #80ced6, #618685 100%), -webkit-linear-gradient(top, #80ced6 0%, #618685 100%);
    background-image: -moz-linear-gradient(top, #80ced6, #618685 100%), -moz-linear-gradient(top, #80ced6 0%, #618685 100%);
    background-image: -o-linear-gradient(top, #80ced6 0%, #618685 100%), -o-linear-gradient(top, #80ced6 0%, #618685 100%);
    background-image: linear-gradient(to bottom, #80ced6 0%, #618685 100%), linear-gradient(to bottom, #80ced6 0%, #618685 100%);
}

/*Gestión de usuarios*/
#lineaModulo850 {
    background-image: linear-gradient(91deg, #ff984e, #244c97);
}

#imagenModulo850 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-gestionusuarios-icono.png);
}

a:hover #modulo850 {
    border-top: 4px solid #ff984e;
    border-bottom: 4px solid #244c97;
    background-image: -webkit-linear-gradient(top, #ff984e, #244c97 100%), -webkit-linear-gradient(top, #ff984e 0%, #244c97 100%);
    background-image: -moz-linear-gradient(top, #ff984e, #244c97 100%), -moz-linear-gradient(top, #ff984e 0%, #244c97 100%);
    background-image: -o-linear-gradient(top, #ff984e 0%, #244c97 100%), -o-linear-gradient(top, #ff984e 0%, #244c97 100%);
    background-image: linear-gradient(to bottom, #ff984e 0%, #244c97 100%), linear-gradient(to bottom, #ff984e 0%, #244c97 100%);
}

/*Homologación*/



#lineaModulo870 {
    background-image: linear-gradient(91deg, #67ac41, #244c97);
}

#imagenModulo870 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-homologacion-icono.png);
}

a:hover #modulo870 {
    border-top: 4px solid #319ce0;
    border-bottom: 4px solid #5a902d;
    background-image: -webkit-linear-gradient(top, #319ce0, #5a902d 100%), -webkit-linear-gradient(top, #319ce0 0%, #5a902d 100%);
    background-image: -moz-linear-gradient(top, #319ce0, #5a902d 100%), -moz-linear-gradient(top, #319ce0 0%, #5a902d 100%);
    background-image: -o-linear-gradient(top, #319ce0 0%, #5a902d 100%), -o-linear-gradient(top, #319ce0 0%, #5a902d 100%);
    background-image: linear-gradient(to bottom, #319ce0 0%, #5a902d 100%), linear-gradient(to bottom,#319ce0 0%, #5a902d 100%);
}

/*Homologación contratistas*/
#lineaModulo880 {
    background-image: linear-gradient(91deg, #67ac41, #244c97);
}

#imagenModulo880 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-homologacion-icono.png);
}

a:hover #modulo880 {
    border-top: 4px solid #319ce0;
    border-bottom: 4px solid #5a902d;
    background-image: -webkit-linear-gradient(top, #319ce0, #5a902d 100%), -webkit-linear-gradient(top, #319ce0 0%, #5a902d 100%);
    background-image: -moz-linear-gradient(top, #319ce0, #5a902d 100%), -moz-linear-gradient(top, #319ce0 0%, #5a902d 100%);
    background-image: -o-linear-gradient(top, #319ce0 0%, #5a902d 100%), -o-linear-gradient(top, #319ce0 0%, #5a902d 100%);
    background-image: linear-gradient(to bottom, #319ce0 0%, #5a902d 100%), linear-gradient(to bottom,#319ce0 0%, #5a902d 100%);
}

/*Formación Online*/
#lineaModulo810 {
    background-image: linear-gradient(143deg, #92a8d1, #80ced6);
}

#imagenModulo810 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-formaciononline-icono.png);
}

a:hover #modulo810 {
    border-top: 4px solid #92a8d1;
    border-bottom: 4px solid #80ced6;
    background-image: -webkit-linear-gradient(top, #92a8d1, #80ced6 100%), -webkit-linear-gradient(top, #92a8d1 0%, #80ced6 100%);
    background-image: -moz-linear-gradient(top, #92a8d1, #80ced6 100%), -moz-linear-gradient(top, #92a8d1 0%, #80ced6 100%);
    background-image: -o-linear-gradient(top, #92a8d1 0%, #80ced6 100%), -o-linear-gradient(top, #92a8d1 0%, #80ced6 100%);
    background-image: linear-gradient(to bottom, #92a8d1 0%, #80ced6 100%), linear-gradient(to bottom, #92a8d1 0%, #80ced6 100%);
}

/*cliente*/
#lineaModulo13 {
    background-image: linear-gradient(143deg, #e10019, #82b74b);
}

#imagenModulo13 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-clientes-icono.png);
}

a:hover #modulo13 {
    border-top: 4px solid #e10019;
    border-bottom: 4px solid #82b74b;
    background-image: -webkit-linear-gradient(top, #e10019, #82b74b 100%), -webkit-linear-gradient(top,#e100191 0%, #82b74b 100%);
    background-image: -moz-linear-gradient(top, #e10019, #82b74b 100%), -moz-linear-gradient(top,#e10019 0%, #82b74b 100%);
    background-image: -o-linear-gradient(top, #e10019 0%, #82b74b 100%), -o-linear-gradient(top, #e10019 0%, #82b74b 100%);
    background-image: linear-gradient(to bottom, #e10019 0%, #82b74b 100%), linear-gradient(to bottom, #e10019 0%, #82b74b 100%);
}

/*GESTION DOCUMENTAL*/
#lineaModulo10 {
    background-image: linear-gradient(143deg, #ff984e, #e4087f);
}

#imagenModulo10 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-gestiondocumental-icono.png);
}

a:hover #modulo10 {
    border-top: 4px solid #ff984e;
    border-bottom: 4px solid #e4087f;
    background-image: -webkit-linear-gradient(top, #ff984e, #e4087f 100%), -webkit-linear-gradient(top,#ff984e 0%, #e4087f 100%);
    background-image: -moz-linear-gradient(top, #ff984e, #e4087f 100%), -moz-linear-gradient(top,#ff984e 0%, #e4087f 100%);
    background-image: -o-linear-gradient(top, #ff984e 0%, #e4087f 100%), -o-linear-gradient(top, #ff984e 0%, #e4087f 100%);
    background-image: linear-gradient(to bottom, #ff984e 0%, #e4087f 100%), linear-gradient(to bottom, #ff984e 0%, #e4087f 100%);
}

/*GESTION DOCUMENTAL*/
#lineaModulo11 {
    background-image: linear-gradient(143deg, #ff984e, #67ac41);
}

#imagenModulo11 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-ctaimalegal-icono.png);
}

a:hover #modulo11 {
    border-top: 4px solid #ff984e;
    border-bottom: 4px solid #67ac41;
    background-image: -webkit-linear-gradient(top, #ff984e, #67ac41 100%), -webkit-linear-gradient(top,#ff984e 0%, #67ac41 100%);
    background-image: -moz-linear-gradient(top, #ff984e, #67ac41 100%), -moz-linear-gradient(top,#ff984e 0%, #67ac41 100%);
    background-image: -o-linear-gradient(top, #ff984e 0%, #67ac41 100%), -o-linear-gradient(top, #ff984e 0%, #67ac41 100%);
    background-image: linear-gradient(to bottom, #ff984e 0%, #67ac41 100%), linear-gradient(to bottom, #ff984e 0%, #67ac41 100%);
}

/*modulo documento*/
#lineaModulo12 {
    background-image: linear-gradient(143deg, #ff5ad8, #319ce0);
}

#imagenModulo12 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-documenta-icono.png);
}

a:hover #modulo12 {
    border-top: 4px solid #ff5ad8;
    border-bottom: 4px solid #319ce0;
    background-image: -webkit-linear-gradient(top, #ff5ad8, #319ce0 100%), -webkit-linear-gradient(top, #ff5ad8 0%, #319ce0 100%);
    background-image: -moz-linear-gradient(top, #ff5ad8, #319ce0 100%), -moz-linear-gradient(top, #ff5ad8 0%, #319ce0 100%);
    background-image: -o-linear-gradient(top, #ff5ad8 0%, #319ce0 100%), -o-linear-gradient(top, #ff5ad8 0%, ##319ce0 100%);
    background-image: linear-gradient(to bottom, #ff5ad8 0%, #319ce0 100%), linear-gradient(to bottom,#ff5ad8 0%, #319ce0 100%);
}

/*Gestión de documentos de coordinación */
#lineaModulo869 {
    background-image: linear-gradient(143deg, #fbb03b, #fcce21);
}

#imagenModulo869 {
    background-image: url(https://ctaimacdn.blob.core.windows.net/images/ctaima-programa-documentoscoordinacion-icono.png);
}

a:hover #modulo869 {
    border-top: 4px solid #fbb03b;
    border-bottom: 4px solid #fcce21;
    background-image: -webkit-linear-gradient(top, #fbb03b, #fcce21 100%), -webkit-linear-gradient(top,#fbb03b 0%, #fcce21 100%);
    background-image: -moz-linear-gradient(top, #fbb03b, #fcce21 100%), -moz-linear-gradient(top,#fbb03b 0%, #fcce21 100%);
    background-image: -o-linear-gradient(top, #fbb03b 0%, #fcce21 100%), -o-linear-gradient(top, #fbb03b 0%, #fcce21 100%);
    background-image: linear-gradient(to bottom, #fbb03b 0%, #fcce21 100%), linear-gradient(to bottom, #fbb03b 0%, #fcce21 100%);
}

#banner img {
    width: 270px;
    height: 183px;
    margin-left: 20px;
}

/*MODULO COMPRA*/
.modulocompra2 {
    margin-top: 20px;
    /*width: 270px;*/
    height: 155px;
    background-color: #fff;
}

#modulocompra2 img {
    width: 53px;
    margin-top: 10px;
}

.modulocompra2 h2 {
    width: 158px;
    height: 40px;
    font-family: 'Gotham Book';
    font-size: 18px;
    line-height: 1.11;
    color: #e1e0e0;
    margin-left: 0px;
    margin-top: 15px;
}

.modulocompra2 p {
    width: 222.8px;
    height: 65px;
    opacity: 0.86;
    font-family: Calibri;
    font-size: 15px;
    color: #e1e0e0;
    overflow: hidden;
    white-space: initial;
    text-overflow: ellipsis;
}

.lineaModulocompra1 {
    /*width: 270px;*/
    height: 4px;
    background-image: linear-gradient(143deg, #333333, #bfbfbf);
    margin-top: 30px;
}

#imagenModulocompra2 {
    background-image: url(../Content/img/boton9.png);
    width: 53px;
    height: 53px;
    background-size: 53px;
}

a:hover .modulocompra2 {
    /*width: 270px;*/
    height: 155px;
    background-color: #bfbfbf;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    -webkit-background-size: 4px 100%;
    -moz-background-size: 4px 100%;
}

button {
    outline: none;
}

a:hover #modulocompra2 #lineaModulocompra2 {
    display: none;
}

.Actions .btn {
    background-color: transparent;
}

/*INICIO*/
.configuracion {
    background-image: linear-gradient(167deg, #46cda5, #3f75c5);
}

.coordinacion {
    background-image: linear-gradient(91deg, #b146cd, #1b3e73);
}

.contratista {
    /*background-image: linear-gradient(126deg, #632a71, #e4087f);*/
    padding: 20px;
}

.ListBox {
    padding: 10px;
    height: 150px;
    overflow: scroll;
    overflow-x: hidden;
    border: 1px solid #e1e0e0;
    width: 340px;
}

    .ListBox .row {
        padding-left: 30px;
        width: 100%;
    }

.checksListBox {
    width: 340px;
    float: left;
    height: 34px !important;
    margin-top: -10px;
    border: 1px solid #e1e0e0;
}

.indicadores {
    background-image: linear-gradient(126deg, #80d6f9, #3628b4);
}

.control-accesos {
    background-image: linear-gradient(91deg, #ff984e, #7826eb);
}

.formacion-aeqt {
    background-image: linear-gradient(167deg, #e4087f, #3f75c5);
}

.cliente {
    background-image: linear-gradient(167deg, #67ac41, #3f75c5);
}

.sincronizacion {
    background-image: linear-gradient(91deg, #f04848, #3a64a2);
}

.formacion-online {
    background-image: linear-gradient(167deg, #244c97, #fff);
}

.homologacion {
    background-image: linear-gradient(167deg, #67ac41, #319ce0);
}

.club-cae {
    background-image: linear-gradient(91deg, #67ac41, #244c97);
}

.gestion-formacion {
    background-image: linear-gradient(91deg, #4669cd, #9b3fc5);
}

.boton1 {
    background-color: white !important;
    border-color: #B146CD !important;
}

    .boton1:hover {
        background-color: #B146CD !important;
        color: white;
    }

.btndisabled {
    background-color: #f3f2f2 !important;
    color: #888888;
    margin-top: 20px;
    margin-left: 10px;
    width: 240px;
    height: 42px;
    border-radius: 4px;
    border: 1px solid #888888;
}


/*banner subhome*/
.imafondo {
    margin-top: 0px;
    width: 100%;
    height: 600px;
}

    .imafondo h3 {
        margin-left: 0px;
        font-family: 'Gotham Book';
        font-size: 30px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        margin-top: 50PX;
    }

    .imafondo p {
        font-family: Calibri;
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.39;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        max-width: 500px;
        margin: 0 auto;
    }

.banners {
    display: none;
    width: auto;
    height: 300px;
    background-color: #f6f6f6;
    border: 1px solid #f2f2f2;
}

.banneruno {
    width: 270px;
    height: 183px;
    margin-left: 10%;
    margin-top: 3%;
}

.bannerdos {
    width: 270px;
    height: 183px;
    margin-left: 37%;
    margin-top: -9%;
}

/*FORMULARIOS*/
#formulario-changepass {
    width: 500px;
    margin-left: 0px;
    font-family: Calibri;
    font-size: 13px;
    color: #bcbcbc;
    margin-top: -8px;
    margin-left: 20%;
    border-radius: 3px;
}

.formularioGeneral {
    margin: 0 auto;
    max-width: 720px;
    padding: 20px 0 0 0;
}

    .formularioGeneral input[type=text], .formularioGeneral input[type=time], .formularioGeneral input[type=number], .formularioGeneral select {
        width: 300px;
        height: 35px;
        border-radius: 2px;
        background-color: #ffffff;
        border: solid 1px #d5d5d5;
        padding-left: 10px;
    }


.formularioEtiqueta {
    width: 33.333333333%;
    text-align: right !important;
    margin-right: 10px;
    float: left;
}

    .formularioEtiqueta p {
        font-size: .9em;
        width: 100%;
    }

.formularioEtiqueta2 {
    width: 33.333333333%;
    margin-right: 10px;
    float: left;
}

    .formularioEtiqueta2 p {
        font-size: .9em;
        width: 100%;
    }

.formularioLista {
    display: inline-block;
}

input[type=checkbox], input[type=radio] {
    margin: 2px 0 0;
}

.input {
    margin-left: 15%;
    width: 289px;
    height: 45px;
    font-family: Calibri;
    font-size: 13px;
    color: #bcbcbc;
    margin-top: -8px;
    margin-left: 20%;
    border-radius: 3px;
}

input #blankRadio1 {
    margin-top: 10px;
}

hr {
    width: 95%;
    color: #f2f2f2;
}

input:invalid {
    border: 1px solid #F04B4B;
    /*color: white;*/
}

input:required:invalid {
    border: 1px solid #F04B4B;
    color: white;
}

.inputpersona {
    margin-left: 17%;
}

    .inputpersona input {
        padding-left: 10px;
        margin-left: 10px;
        width: 180px;
    }

.inputcorreo {
    margin-left: 19%;
}

    .inputcorreo input {
        padding-left: 10px;
        margin-left: 10px;
        width: 280px;
    }

.inputtel {
    margin-left: 31.5%;
}

    .inputtel input {
        padding-left: 10px;
        margin-left: 10px;
        width: 80px;
    }

#cuadrado {
    width: 30px;
    background-color: #fff;
    margin-left: 45.5%;
}

input #cuadrado {
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #d5d5d5;
}

.rectangulo {
    width: 538px;
    height: 44px;
    border-radius: 3px;
    background-color: #fff1f3;
    border: solid 1px #d0011b;
}

.inputuno {
    margin-left: 15%;
}

    .inputuno input {
        margin-left: 10px;
        width: 289px;
        height: 45px;
    }

    .inputuno p {
        width: 60px;
        height: 14px;
        font-family: Calibri;
        font-size: 13px;
        color: #bcbcbc;
        margin-top: -8px;
        margin-left: 20%;
    }

    .inputuno img {
        width: 12px;
        height: 12px;
        margin-left: -20px;
    }

.input-group {
    vertical-align: top !important;
}

/*Estilo check*/
/*input[type=checkbox] {
    width: 15px !important;
    height: 15px !important;
    border-radius: 5px !important;
    color:white;
}
.row input[type=checkbox]:before {
     
     display:inline-block; 
     width:14px;
     height:14px;

     border-radius:2px;
     background-image:none;

}
.row input[type=checkbox]:checked:before {
     content:"\f00c";
     font: normal normal normal 14px/1 FontAwesome;
     text-rendering: auto;
    -webkit-font-smoothing: antialiased;
     background-color:#AF46CC;
     
}​

 .rowUpdate input[type=checkbox]:checked:before{
     content:"\f00c";
     font: normal normal normal 14px/1 FontAwesome;
     text-rendering: auto;
    -webkit-font-smoothing: antialiased;
     background-color:#AF46CC;
 }*/

#uploadfiles input[type=text] {
    width: 100%;
}

.segundomenu {
    width: 1440px;
    height: 90px;
}

    .segundomenu h3 {
        padding-left: 9%;
        margin-top: 20px;
        font-family: Calibri;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #333333;
    }

    .segundomenu .check {
        width: 82px;
        height: 21px;
        color: #fff;
        border-radius: 100px;
        background-color: #46cda5;
        margin-left: 13.5%;
        margin-top: -33px;
    }

        .segundomenu .check h3 {
            width: 41px;
            height: 17px;
            font-family: Calibri;
            font-size: 15px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #ffffff;
            text-align: right;
            margin-top: -20px;
            margin-left: 20px;
        }

    .segundomenu .check2 {
        width: 99px;
        height: 22px;
        border-radius: 100px;
        color: #fff;
        background-color: #46cda5;
        margin-left: 20.5%;
        margin-top: -22px;
    }

        .segundomenu .check2 h3 {
            width: 51px;
            height: 17px;
            font-family: Calibri;
            font-size: 15px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #ffffff;
            margin-top: -20px;
            margin-left: 20px;
        }

    .segundomenu .check3 {
        width: 155px;
        height: 24px;
        border-radius: 100px;
        background-color: #e9e9e9;
        margin-left: 28.5%;
        margin-top: -23px;
    }

        .segundomenu .check3 h3 {
            width: 106px;
            height: 15px;
            font-family: Calibri;
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #7b7c7c;
            margin-left: 20px;
            margin-top: -20px;
        }

    .segundomenu .pempresa input {
        width: 181px;
        height: 29px;
        border-radius: 2px;
        border: solid 1px #d5d5d5;
        margin-left: 40%;
        font-family: Calibri;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #333333;
    }

    .segundomenu .buscadorlargo input {
        width: 302px;
        height: 33px;
        border-radius: 2px;
        border: solid 1px #d5d5d5;
        margin-left: 60%;
    }

.boton11 {
    margin-top: 20px;
    margin-left: 10px;
    width: 100px;
    height: 42px;
    border-radius: 4px;
}

    .boton11 p {
        width: 98px;
        height: 14px;
        font-family: 'Gotham Book';
        font-size: 14px;
        font-weight: 500;
        text-align: center;
    }


.boton1 {
    margin-top: 20px;
    margin-left: 10px;
    width: 240px;
    height: 42px;
    border-radius: 4px;
}

    .boton1 p {
        width: 218px;
        height: 14px;
        font-family: 'Gotham Book';
        font-size: 14px;
        font-weight: 500;
        text-align: center;
    }

.boton2 {
    margin-top: -55px;
    margin-left: 55%;
    width: 240px;
    height: 43px;
    border-radius: 4px;
}

    .boton2 p {
        width: 218px;
        height: 14px;
        font-family: 'Gotham Book';
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        color: #fff;
        padding-top: 13px;
    }

.form-horizontal input[type=text] {
    width: 100% !important;
}

.checkbox-inline .toggle {
    margin-right: 0px !important;
}

/*Estilo TABLE*/
table {
    width: 100% !important;
}

    table td {
        height: 28px;
        border-bottom: solid 1px #bbbbbb;
    }
    /*table a:hover {
        border-bottom: none;
    }*/

    table :hover img {
        border-bottom: none;
    }



td.Acciones {
}

section table tbody tr:last-child td {
    border-bottom: 0;
}

thead {
    width: 100%;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
    color: #4d4d4d;
}

    thead tr td {
        font-family: Calibri;
        font-size: 14px;
        font-weight: bold;
        color: #4d4d4d;
        padding: 5px 5px 5px 5px;
    }


        thead tr td a {
            font-family: Calibri;
            font-size: 14px;
            font-weight: bold;
            color: #4d4d4d;
        }


td {
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #646464;
    font-family: Calibri;
    display: table-cell;
    padding: 0 5px;
}


    td.actions {
        margin: 0 5px;
        font-size: 1.3em;
        display: flex;
    }

#userPanel .fa, .text-primary {
    color: #e4087f !important;
}

/*BOTONES DESCARGA*/
.mascara h1 {
    width: 186px;
    height: 22px;
    font-family: Calibri;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    margin-left: 6%;
}

.mascara .botondescarga {
    width: 166px;
    height: 36px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 2px #46cda5;
    margin-left: 65%;
    margin-top: -37px;
    font-family: Calibri;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #46cda5;
    text-align: center;
    top: -8px;
}

    .mascara .botondescarga img {
        position: absolute;
        width: 30px;
        margin-top: -36px;
        margin-left: 50px;
    }

    .mascara .botondescarga p {
        width: 150px;
        font-family: Calibri;
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #46cda5;
        margin-left: -10px;
        margin-top: 8px;
    }


/*FOOTER*/

footer {
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: left;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #e1e0e0 !important;
    background-color: #ffffff;
    position: relative;
    bottom: 0;
    vertical-align: central;
    border-left: 1px solid #e1e0e0;
    border-bottom: 1px solid #e1e0e0;
    border-right: 1px solid #e1e0e0;
}

    footer img {
        margin: 2px 5px;
    }

    footer a:hover {
        text-decoration: none;
        color: #e4087f;
    }
/*footer {
    font-family: Calibri !important;
    border:1px solid #e1e0e0;
    margin-top:15px;
    height:60px;
}

footer ul li {
    font-family: Calibri !important;
}

.footer-social {
  text-align: center;
}
.footer-social li {
  display: inline;

}

.footer-social a {
    font-family: @lato-font;
    font-weight: @footer-font-weight;
    font-size: @footer-font-size;
    line-height: 1.5em;
    margin-right: .5em;
    padding: 7px 10px 7px 10px;
}

.footer-social a:hover {
    color: #e4087f;
    background-color: @nav-font-background;
}*/


/*PERSONALIZACIONES*/
/*Menús*/

.btn:active {
    border-bottom: 3px solid #b146cd;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: transparent;
}

td.barra_texto_titulo2_3i2, .barra_texto_titulo2_3i2 {
    background-color: #f8f8f8;
}


.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: transparent;
}

.circle-header {
    width: 40px;
    height: 40px;
    background-color: #e4087f;
    border-radius: 50%;
    color: white;
    padding: 6px 3px;
    font-size: 19px;
    text-align: center;
    margin: -10px 0 5px 0;
}

.circle {
    width: 50px;
    height: 50px;
    background-color: #e4087f;
    border-radius: 50%;
    margin: 0 10px;
    color: white;
    padding: 10px 14px;
    font-size: 20px;
    text-align: center;
}

#popup-info {
    width: 100%;
}

#videoCTAIMA {
    width: 100%;
}

.videomodal {
    width: 100%;
}

#arbol div {
    margin: -5px 0 0 0;
}

/*ESTILOS ICONOS*/

table button {
    background: transparent !important;
    border: none !important;
    padding: 0px;
}


i.fa.fa-home {
    font-size: 2em !important;
}


.fa-home {
    font-size: 1.6em;
}

.fa.fa-bars {
    padding-top: 36%;
}

.fa-pencil {
    font-size: 1.2em !important;
}

.fa-info-circle {
    font-size: 1.3em;
}

.headerInfo {
    color: white !important;
    font-size: 1.6em;
}

.fa-folder-o:not(.Botonera) {
    background-color: transparent;
    border: none;
}

.fa-folder-open-o:not(.Botonera) {
    background-color: transparent;
    border: none;
}

i.fa.fa-clock-o {
    font-size: 1.3em;
}

.fa-user {
    background-color: transparent !important;
    border: none !important;
    font-size: 1.3em;
}

.fa-shield {
    font-size: 1.3em;
}

.fa-bars dropdown-toggle {
    font-size: 3em;
}

.fa-file-text-o {
    font-size: 1.3em;
}

.firstrow {
    padding-top: 20px;
}

.lastrow {
    padding-bottom: 20px;
}

.IdValue {
    margin-top: 7px;
}
/**/
.AvisoInicio {
    border: solid 2px white;
    padding: 1%;
    border-radius: 5px;
}

    .AvisoInicio p a {
        color: #fff;
        font-size: 1.5em;
        text-decoration: none;
    }

        .AvisoInicio p a:hover {
            color: #d5d5d5;
            text-decoration: double;
        }

/**/
.form-group input {
    /*width:300px;*/
}

button.BOTON {
    background-color: transparent;
    border: none;
}


/**/
span.icon-bar {
    background-color: white;
}

fieldset {
    border: 0px;
    font-family: Calibri;
    text-align: left;
    color: #646464;
    text-decoration: none;
}

    fieldset p {
        border: 0px;
        font-family: Calibri;
        text-align: left;
        color: #646464;
        text-decoration: none;
        padding-left: 15px !important;
    }

legend {
    padding-top: 20px;
    font-family: calibri;
    font-size: 20px !important;
}

fieldset label {
    padding-left: 25px;
    font-weight: bold;
}

.tableFilter {
    font-size: 16px;
    padding-left: 15px;
}

#ContentModal fieldset .row {
    margin-left: 0px;
    font-family: Calibri;
    font-size: 16px;
    min-height: 35px;
}

    #ContentModal fieldset .row label, #ContentModal fieldset .rowMultilinea label {
        font-weight: bold !important;
        padding-left: 0px !important;
    }

#ContentModal fieldset .rowMultilinea {
    padding-left: 0px !important;
}

#ContentModal blockquote {
    margin: 0px !important;
    padding: 0px !important;
}

#ContentModal fieldset p {
    font-family: Calibri;
    font-size: 16px;
    padding-left: 0px !important;
}

#ContentModal .row i {
    font-size: 16px;
    margin-right: 10px;
}

#ContentModal .HistoricoDocumentos {
    padding-left: 0px !important;
}

fieldset hr {
    padding-left: -10px;
}

#estilo-modal-navegadores .modal-header {
    background-color: #e4087f !important;
}

#estilo-modal-navegadores .modal-body {
    padding: 0px !important
}
/*Validador*/

.form-group div.errorInput {
    background-color: white;
    text-align: left;
    padding: 7px 10px;
    color: #333333;
    height: auto;
    border-radius: 5px;
    left: 100%;
    margin-top: 0px;
    z-index: 999;
    position: absolute;
    animation-delay: -5s;
    min-width: 225px;
    width: auto;
}

.form-group .input-group[class*=col-] {
    float: left;
}

.row div.errorInput {
    background-color: white;
    text-align: left;
    padding: 5px 10px;
    color: #333333;
    height: auto;
    border-radius: 5px;
    left: 76%;
    margin-top: -34px;
    z-index: 999;
    position: absolute;
    animation-delay: -5s;
    min-width: 225px;
    width: auto;
}

.input-group div.errorInput, select div.errorInput {
    left: 103%;
    margin-top: 0px;
}

div.errorInput i {
    font-size: 1.1em;
    padding-right: 5px;
}

.changePass div.errorInput {
    width: 373px;
    left: 100%;
}

.widthIconError {
    margin-left: -5px;
    color: white !important;
    font-size: 1em !important;
    padding-right: 5px;
}

div.errorInput .errorIdCentro {
    left: 76%;
    width: 200px;
}

.datetpicker div.errorInput {
    left: 103% !important;
    min-width: 155px;
    margin-top: 0px;
    min-width: 407px;
}

.optionSelected span {
    font-size: 16px;
    color: #999999;
}

/*fin validador*/
#radContratista {
    width: 15px;
    margin-top: -25px;
}

#propiaActividadSi {
    width: 15px;
    margin-top: -25px;
}

#radCliente {
    width: 15px;
    margin-top: -24px;
    margin-left: -15px;
}

#propiaActividadNo {
    width: 15px;
}

#formularioEtiqueta .input[type="radio"] {
    width: 15px;
    justify-content: center !important;
}

span.placeholder {
    width: 299px;
    height: 35px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #d5d5d5;
    font-family: Calibri;
    font-size: 14px;
    color: #333333;
}

label {
    font-family: Calibri;
    font-size: 16px;
    color: #333333;
}



.date input[type=text], input[type=text].dateinit, input[type=text].datefinal, input[type=text].dateinitInt, input[type=text].datefinalInt, .input-group input[type=text] {
    width: 257px;
}


#cambioVersion {
    border-radius: 3px;
    background-color: #e4087f;
    color: #fff;
    position: relative;
    text-decoration: none;
    border: none;
    top: 5px;
}



.contenedorDocumento.cabecera {
    font-size: .8em;
}

center {
}

.popup {
    padding: 20px;
}

    .popup textarea {
        width: 100%;
        height: 12em;
    }

#popup_message {
    font-family: 'Gotham Book';
    font-size: 1.25em !important;
}

#popup_title {
    font-family: 'Gotham Book';
    font-size: 1.25em !important;
}

.rowbutton {
    text-align: center;
}

.rowMultilinea {
    padding-left: 25px !important;
}

    .rowMultilinea label {
        padding-left: 0px !important;
    }

.texto {
    font-family: Calibri;
}

.textoNegrita {
    font-family: Calibri;
    text-align: justify;
}

.textoNombre {
    font-size: 1.1em;
}

.hrDocumentos {
    margin: 7px !important;
}

.legend, b {
    color: #333333;
}

.estilo1 {
    width: 299px;
}

#Buscador button:hover .fa {
    color: white;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

#uploadFile {
    background: none;
    border: 0px;
    width: 380px;
}

.fileUpload input.FileUploadButton {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.LogoAnimation {
    webkit-animation: fadein 4s infinite; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 4s infinite; /* Firefox < 16 */
    -ms-animation: fadein 4s infinite; /* Internet Explorer */
    -o-animation: fadein 4s infinite; /* Opera < 12.1 */
    animation: fadein 4s infinite;
}

#ContentModal fieldset {
    margin-left: 15px;
    margin-right: 15px;
}

#estado {
    width: 70px;
}

#ContentModal .rowUpdate label {
    width: 299px;
    text-align: right;
    padding-right: 10px;
}

#ContentModal .textArea label {
    vertical-align: top;
}

#ContentModal .textArea textarea {
    width: 350px !important;
}

@keyframes fadein {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

.date:not(.buscadordate), .dateinit, .datefinal, .dateinitInt, .datefinalInt {
    width: 299px;
}

.date .estilo1, .input-group .btn-secondary {
    border-radius: 4px 0px 0px 4px;
    margin-right: -1px;
    height: 35px;
}

.date .btn-secondary, .input-group .btn-secondary {
    border-radius: 0px 4px 4px 0px !important;
}

#Combo_Search {
    width: 299px;
}

.input[type="radio"] {
    height: 0px;
}

.Animacion {
}
/*.btn:hover {
    border-bottom: none;
    border: 0px solid transparent;
}*/

.buttonImage {
    background: transparent;
    border: none;
}

.Hidden {
    visibility: hidden;
}

.tableZebra tbody td {
    background-color: white !important;
}

.borderRed {
    border: 1px solid #F04B4B !important;
}

.Green {
    color: green;
    height: 5px;
    border-radius: 5px;
    width: 25px;
}

.Blue {
    color: dodgerblue;
    height: 5px;
    border-radius: 5px;
    width: 25px;
}

.Black {
    color: black;
    height: 5px;
    border-radius: 5px;
    width: 25px;
}

.rowUpdate {
    margin-bottom: 10px;
    position: relative;
    font-size: 16px;
    font-family: calibri;
}

.BotonesAccion {
    text-align: right;
}

.FormBotonera {
    float: right;
    margin-left: -1px;
    margin-top: 7px;
}

    .FormBotonera .btn-secondary {
        height: 35px;
    }

.ms-choice > div {
    top: 5px !important;
    right: 15px !important;
}

.BotonesPaginacion {
    border-top: none;
    width: 100%;
    text-align: center;
    margin: 0px 0 15px;
    border-top: solid 1px #bbbbbb;
    padding: 5px 5px 0 5px;
}

    .BotonesPaginacion div.btn, .BotonesPaginacion span.btn {
        height: 35px;
        margin: 2px 0;
    }

#BuscadorExtendido {
    display: none;
    padding-left: 0px;
    margin-left: -15px;
    float: left;
    width: 100%;
}

#ElementosBuscador {
    padding: 0px;
    padding-left: 15px;
}

#Buscador {
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0px;
    margin-bottom: -1px;
    float: left;
    width: 100%;
    border: 1px solid #e1e0e0;
    min-height: 62px;
}

    #Buscador #Text_Search {
        border-radius: 0px;
        height: 35px;
        margin-right: -1px;
    }

    #Buscador #Combo_Search {
        margin-right: -1px;
    }

.btn.disabled {
    cursor: default;
}

.btn.disabled i.fa.fa-trash-o {
    color: #bfbfbf;
    margin-top: 5px;
}

i.disabled {
    color: #e1e0e0 !important;
}


@media print {

    i.disabled,
    i.disabled:before,
    i.disabled:after {
        color: #BFBFBE !important;
        color: #00BF0000 !important;
        text-shadow: 0 0 0 #BFBFBE !important;
        filter: gray;
        filter: url('#grayscale');
        filter: grayscale(100%);
        filter: saturate(0%);
        -webkit-filter: grayscale(100%);
        border: 0px;
    }


}

.button1 {
    background-color: #fff;
    margin-top: 20px;
    margin-left: 10px;
    width: 240px;
    height: 42px;
    border-radius: 4px;
}

.boton1 {
    background-color: #fff;
    margin-top: 20px;
    margin-left: 10px;
    width: 240px;
    height: 42px;
    border-radius: 4px;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: 1 !important;
}

i.fa.fa-commenting-o.ButtonSimulatorCommenting.btn.disabled {
    color: #bfbfbf;
}

.disabledPaginacion {
    box-shadow: none;
    opacity: .65;
    cursor: default;
}

    .disabledPaginacion:hover {
        cursor: default;
        background-color: white !important;
        border-color: #BFBFBF !important;
        color: black !important;
    }

.btn-secondary.current {
    background-color: #bfbfbf !important;
}

.textoFechasBuscador {
    padding-right: 10px;
    padding-left: 15px;
    padding-top: 7px;
    float: left;
}

.selectEstado {
    width: auto !important;
}

#FormFiltro {
    text-align: left;
}

.redes {
    background-color: #fff;
    margin-top: 20px;
}

#zone.modules-right {
    padding-top: 20px;
}

    #zone.modules-right .banner.ads.ad.revive img {
        margin-top: -20px;
    }

.banner2 {
    width: 270px;
    height: 155px;
    margin-top: 10px;
    text-align: center;
    font-weight: bolder;
    color: #fff;
    padding-top: 20px;
    background-image: linear-gradient(143deg, #ff5ad8, #8853d2);
}

#modules {
    min-height: 495px;
}

.twitter {
    margin-top: 15px;
    min-height: 200px;
    overflow: scroll;
    overflow-x: auto;
}

.selector {
    height: auto;
    width: 500px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: 28%;
    margin-top: 25%;
    background-color: #e1e0e1;
    border-radius: 7px;
}

.formularioFiltro {
    padding: 20px;
}

.FiltroGraficosFechas {
    display: -webkit-inline-box;
}

    .FiltroGraficosFechas label {
        float: inherit;
    }

    .FiltroGraficosFechas .date input[type=text] {
        width: 100px;
        float: left;
    }

    .FiltroGraficosFechas .date .btn-secondary {
        float: left;
    }

    .FiltroGraficosFechas .date {
        width: auto;
    }

.btnText {
    float: right;
    padding-left: 10px;
}

#fondoInicio {
    height: 512px;
    background-image: linear-gradient(143deg, #632a71, #e4087f);
}

#bienvenida {
    margin-top: 10%;
    display: grid;
}

#bienvenida h1 {
    color: white;
    margin: 0 0 15px 0;
}

#selectorcentro {
    display: grid;
}

#selectorcentro h2 {
    color: white;
    font-size: 1.5em;
    margin: 0 0 15px 0;
}

#notaContratista {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 0px 0 -15px;
    padding: 0 1%;
}

#notaContratista i {
    font-size: 1.5em;
    color: #fff;
    display: inline;
}

#notaContratista p {
    font-family: Calibri;
    color: white;
}

#notaContratista .subtituloNotaContratista {
    font-family: 'Gotham Book';
    font-size: 1.5em;
}


.ButtonSimulatorCommenting {
    padding: 0px;
    padding-left: 2px;
}

.VerticalTop {
    vertical-align: top;
}

.uList {
    color: #bfbfbf;
    font-family: Calibri;
    font-size: 1em;
    width: auto;
    height: 28px;
    list-style: circle;
    margin: 0 0 0 25px;
}

.searchHeadFixed {
    position: fixed;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(225, 224, 224);
    box-shadow: rgb(225, 224, 224) 0px 1px 0px 0px;
    padding: 10px 0 10px 0 !important;
}

.tableHead {
    border-top: 1px solid #e1e0e0;
    display: flex;
    align-items: center;
    height: 90%;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    margin: 10px 0 0 0;
    line-height: 17px;
}

    .tableHead div {
        margin-left: 5px;
    }

.infoButtonContainer {
    border-right: 2px solid #bfbfbf;
}

.tableHead .td, .cenefa .infoButtonContainer {
    /* Internet Explorer 10 */
    display: -ms-flexbox;
    -ms-flex-align: center;
    /* Firefox */
    display: -moz-box;
    -moz-box-align: center;
    /* Safari, Opera, and Chrome */
    display: -webkit-box;
    -webkit-box-align: center;
    /* W3C */
    display: box;
    box-align: center;
}


.input-group-item input {
    float: left;
    width: 20em;
}

.input-group-item span {
    float: left;
}

.input-group-item div {
    float: left;
}

.input-group-item div input {
    float: left;
    width: 20em !important;
}

.input-group-item button {
    float: left;
}

.input-group-item label {
    float: left;
}

.input-group-item select {
    float: left;
}

.input-group-item ul {
    float: left;
}

.input-group-item {
    padding-top: 7px;
}

.input-group[class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
}

.BuscadorExpandible {
    height: 101px;
    overflow: hidden;
}

.BuscadorExpandible:hover {
    height: auto;
    overflow: auto;
}

.navbar-nav.noResponsive {
    display: block !important;
}

.navbar-nav.noResponsive > li, .navbar-nav.noResponsive {
    float: left !important;
}

.navbar-nav.navbar-right.noResponsive:last-child {
    margin-right: -15px !important;
}

.navbar-right.noResponsive {
    float: right !important;
}

#marcoTabla {
    text-align: center;
}

.searchStack.fa-stack {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 20px;
    line-height: 1.3em;
    vertical-align: middle;
    margin-right: 20px;
}

.searchStack .fa-folder-o {
    font-size: 10px;
}

#BtnExpandirBuscador {
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.link {
    height: 85px;
    margin-top: 20px;
    padding: 5px 10px;
    border-top: 1px solid #e1e0e0;
    border-bottom: 1px solid #e1e0e0;
}

.titleProgram {
    border: none;
    font-size: 2em;
    margin-top: 17px;
    margin-left: 0px;
    background-color: transparent;
}

.programHome {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    background-color: transparent;
    margin-top: -4px;
}

.confirm {
    top: 25%;
}

.modal {
    font-family: 'Gotham Book';
    font-size: 1.1em !important;
}

.modal-header {
    background-color: #666666;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    color: white !important;
    font-size: 1.1em !important;
}

.modal-body.modal-new {
    font-size: 1.65rem  !important;
}

.modal .modal-header button.close span {
    color: white;
}

.modal-dialog {
    margin: 105px auto;
}

p.datosEmpresa {
    color: #4d4d4d;
    font-family: Calibri;
    padding: 0px 20px;
}

.loading {
    background-color: rgba(234, 234, 234, 0.86);
    position: fixed;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    z-index: 90000;
    color: #000000;
    text-align: center;
    padding: 20%;
    display: none;
}

.eprun_comentarios a {
    color: #f04b4b;
}

.eprun_texto_KO {
    COLOR: #f04b4b !important;
}

.eprun_Textos {
    margin-left: 5px;
    /*text-align: center;*/
}

.ctaima {
    color: #b146cd !important;
}


.eprun_Textos i {
    padding: 3px;
}

.eprun_Textos .fa.fa-exclamation-circle {
    color: #f04b4b;
}

a:focus, a:hover, a:focus i, a:hover i {
    color: #989996 !important;
    text-decoration: none;
}

.BigIcon {
    font-size: 40px !important;
    width: 100px;
    text-align: center;
    padding: 0px;
}

    .BigIcon .imageButton {
        padding: 0px !important;
        background-color: transparent;
        border: 0px;
    }

.GreenButton {
    color: #67AC41;
}

    .GreenButton:hover {
        background-color: #67AC41;
        color: white;
    }

.RedButton {
    color: #F04B4B;
}

    .RedButton:hover {
        background-color: #F04B4B;
        color: white;
    }

.InterlineRow .row {
    padding-top: 5px;
    padding-bottom: 5px;
}

.InterlineRow {
    margin-bottom: 30px;
}

.row .ModalButtons {
    margin: auto;
}

.notificaciones {
    font-size: 1.15em !important;
    margin: 3px 10px 0 0px;
}

.ModalBody-Scroll {
    height: 300px;
    overflow-y: auto;
    font-size: 0.9em;
}

.close {
    opacity: 1;
}

.NotificationCounter {
    width: 20px;
    background-color: #e4087f;
    border-radius: 6px;
    color: white;
    text-align: center;
    font-size: 0.7em;
    top: -6px;
    right: 0px;
    position: absolute;
    border: 1px solid;
}

.cortacontenido {
    height: 300px;
    overflow: scroll;
}

legend {
    width: 100%;
}

.btnDownload .btnRadius {
    border-radius: 5px !important;
}

.btn-secondary:hover .btnText {
    color: white !important;
}


select.estiloCombo {
    height: 35px !important;
    border-radius: 2px !important;
    background-color: #ffffff !important;
    border: solid 1px #d5d5d5;
    width: 299px;
}

.textoRadioButtons {
    padding-left: 11px;
}

.ms-choice span.placeholder {
    width: 299px;
    height: 35px;
}

.ms-drop input[type="checkbox"] {
    width: 20px !important;
}

.ms-choice > span {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 5px 8px;
    width: 299px;
    height: 35px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #d5d5d5;
    padding-left: 10px;
}

.funkyradio {
    margin-top: -7px !important;
    height: 35px;
}

.radio.radio-info.radio-inline {
    vertical-align: bottom;
}

i.fa.fa-info-circle.headerInfo {
    font-size: 2em;
}

.fa-mod {
    position: relative;
}

.fa-down {
    position: absolute;
    margin: 5px 0 0 0;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.fa-down-num {
    position: absolute;
    margin: 9px 0 0 10px;
    font-weight: normal;
    text-shadow: 0.5px 0.5px 1px #333333;
}

.ContratistaContrato {
    font-size: 12px;
    font-weight: lighter;
}

.BoldText {
    font-weight: bold;
}

.badge {
    width: auto;
    text-align: center;
    padding: 0px 6px;
    font-weight: normal;
    height: 15px;
}

.badge-color {
    background-color: #bfbfbf;
    color: #ffffff;
    box-shadow: 0.5px 0.5px 1px #333333;
}

.badge-nota-int-color {
    background-color: #bfbfbf;
    color: #ffffff;
    box-shadow: 0.5px 0.5px 1px #333333;
}

.ObjetoContrato {
    font-size: 14px;
}

.fa-stack-1x {
    line-height: normal;
    font-size: 0.8em !important;
}

.fa-3x {
    font-size: 3em !important;
}

.LittleText {
    font-size: .8em;
}


/*.formularioPopUp fieldset .row label{
    font-family:Calibri;
    font-size:.8em;
}
.formularioPopUp fieldset .row {
     font-family:Calibri;
    font-size:.9em;
}*/
.formularioPopUp {
    margin: 10px;
}

i.fa.fa-times.gray {
    font-size: 1.3em;
}

i.fa.fa-times.black {
    font-size: 1.3em;
}

i.fa.fa-check.green {
    font-size: 1.3em;
}

i.fa.fa-check.red2 {
    font-size: 1.3em;
}

i.fa.fa-trash-o {
    font-size: 1.3em;
}

.ContadorNotas {
    padding-left: 20px;
    padding-top: 10px;
    font-size: .9em;
}

.row.col-md-7 {
    margin-top: 20px;
}
/*[title]{
	position:relative; 
}

[title]:after{
	content:attr(title);
	color:#fff;
	padding:5px;	
	left:-9999px;
	opacity:0;
	bottom:100%;
    width:50px !important;
	-webkit-transition:0.25s linear opacity;
    border-radius:6px;
    padding-left:10px;
    padding-right:10px;
    border: 1px solid white;
    font-family:Calibri;
    font-size:12px;   
}

[title]:hover:after{
	left:5px;
	opacity:1;
   
}*/

/*CAROUSEL*/
.carousel-control {
    width: 0;
}

.carousel-inner .item div.row {
    margin: 0;
    padding: 0;
}

.carousel-inner h2 {
    margin-top: 0;
}

.carousel-indicators .active {
    background-color: #666666;
}

.carousel-indicators li {
    border: 1px solid #666666;
}

.carousel-indicators {
    bottom: -70px;
}

.avisoSinContratos {
    background-color: #ffffff;
    height: 280px !important;
    position: relative;
    text-align: center;
}

    .avisoSinContratos .texto {
        font-size: 190%;
        padding: 5%;
        height: 200px;
        z-index: 1;
        width: 100%;
    }

        .avisoSinContratos .texto .subTexto {
            font-size: 60%;
        }

.siguiente_paso {
    padding: 15px 30px;
    margin: 0px;
    border: 1px solid transparent;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border-radius: 0;
}

.siguiente_paso_error {
    padding: 15px 30px;
    margin: 0px;
    border: 1px solid transparent;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-radius: 0;
}

.alert {
    margin-bottom: 0px;
    border-radius: 0px;
}

.ObjectoContratoContratista {
    font-size: 12px;
    font-weight: lighter;
}

.InspeccionToggle {
    display: none;
}

.rowUpdate textarea {
    width: 299px;
}

.actions .fa-trash-o:hover {
    /*cursor: pointer;*/
}

.parrafoIndicativo {
    font-size: .8em;
    font-weight: bolder;
}


actions .fa-times:hover {
    cursor: pointer;
}

.PopUpTableRow {
    margin: 0px 0px 0px 0px;
    ;
}

.PopUpTable tbody tr td {
    font-family: Calibri;
    /*font-size:.7em;*/
}

.listaDocs li b {
    padding-left: 10px;
}

.HistoricoDocumentos div {
    padding-left: 15px;
}

.HistoricoDocumentos .hrDocumentos:last-of-type {
    border: 0px;
}

.HistoricoDocumentos .fa-trash-o:hover {
    cursor: pointer;
}

i.fa.fa-trash-o:not(.disabled):hover {
    cursor: pointer;
}

.actions .fa-times:not(.disabled):hover {
    cursor: pointer;
}

.InfoFlag {
    padding-left: 25px;
    float: left;
}

#ContentModal .formularioGeneral .rowUpdate textarea {
    width: 371px;
}

.FotoTrabajador {
    position: absolute;
    top: 85px;
    left: 83%;
}

.ModalDocuments {
    padding-left: 60px;
}

.roles {
    padding-left: 20px;
}

    .roles legend {
        padding-top: 5px;
        padding-left: 30px;
    }

.contratostable {
    padding-right: 20px;
    padding-left: 20px;
}

.AutorizacionLegend {
    padding-left: 40px;
    padding-top: 0px;
}

.PopUpContainer {
    margin-left: 50px;
    margin-right: 50px;
}

#noprint .text-center p {
    font-size: .8em;
}

#filtro {
    height: 35px;
    margin-right: -1px;
    border: 1px solid #ddd;
    padding-left: 11px;
}

.labelfiltro {
    padding-top: 6px;
    padding-right: 10px;
}

button.ms-choice {
    width: 299px;
    height: 35px;
}

span.style1 {
    font-size: .8em;
    font-weight: bold;
}

span.formularioEtiqueta {
    font-size: .8em;
    font-weight: bold;
    width: 100%;
}

input#filtroServicios {
    font-size: initial;
}

select {
    display: block;
    width: 299px;
    border-radius: 0px;
    height: 35px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

select:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: none;
}

#popup_container {
}

    #popup_container h1 {
        color: white;
        background-color: #e40a80;
        line-height: 3em;
        background-image: none;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border: none;
        font-family: 'Gotham Book';
        font-size: 18px;
        font-weight: 100;
    }

    #popup_container .prompt {
        background-image: none !important;
    }

        #popup_container .prompt #popup_message {
            font-size: 19px;
            font-family: Calibri;
            margin-left: -50px;
        }

        #popup_container .prompt #popup_panel {
        }

div#popup_container {
    width: 600px;
    min-height: 200px;
    border: none !important;
    border: 2px solid rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 13px 17px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 13px 17px rgba(0, 0, 0, 0.3);
    box-shadow: 0 13px 17px rgba(0, 0, 0, 0.3);
}

.prompt #popup_title h1 {
    font-size: 19px;
    font-family: Calibri;
    text-align: center;
    line-height: 2.75em;
    cursor: default;
    padding: 0em;
    margin: 0em;
    border: none !important;
    background-image: none;
}

#popup_panel #popup_ok {
    width: 70px;
    height: 33px;
    border-radius: 5px;
    background-color: white;
    color: #333;
}

    #popup_panel #popup_ok:hover {
        color: white;
        background-color: #e40a80;
    }

#popup_panel #popup_cancel {
    width: 70px;
    height: 33px;
    border-radius: 5px;
    background-color: white;
    color: #333;
}

    #popup_panel #popup_cancel:hover {
        color: white;
    }

.FormBotonera.disabled i {
    height: 35px;
}

.verctialPaddings {
}

.FalsaPaginacion {
    border: 1px solid #e1e0e0;
    margin-bottom: -1px;
    margin-left: -16px;
    margin-right: -16px;
}

    .FalsaPaginacion .row {
        padding-left: 40px;
    }

    .FalsaPaginacion .verctialPaddings {
        padding-top: 20px;
    }

.formularioEtiquetaDobleEspacio {
    width: 66.66666666% !important;
}

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

.TableChecks {
    text-align: left;
    margin-top: 20px;
}

    .TableChecks tbody tr td {
        padding-left: 30px;
    }

.checkItem {
    padding-top: 5px;
    height: 42px;
}

.floatLeft {
    float: left;
}

.ms-drop ul > li label {
    width: 100%;
}

#advancedSearchModal .floatLeft {
    clear: both;
}

#advancedSearchModal .input-group-item > label:first-child {
    width: 170px;
}

i#btnExportar {
    font-size: 40px;
}

i#btnImportar {
    font-size: 40px;
}

p.TextoNegrita.col-md-offset-4 {
    margin-left: 41%;
}

.fontSize_botonera_importar {
    font-size: 1em !important;
}

.fontSize_botonera_importar_stack {
    font-size: 12px !important;
}

.FontKb {
    font-size: 10px !important;
}

.span_Botonera_stack {
    width: 1em;
    height: 1em;
    line-height: 1em;
    padding: 0px;
}

.upload_Botonera_stack {
    padding-top: 4px;
    padding-left: 1px;
}

.Modal_Notas_Padding a, .Modal_Notas_Padding a span, .Modal_Notas_Padding a, .Modal_Notas_Padding a span i {
    padding-left: 5px !important;
}

    .Modal_Notas_Padding a span {
        width: 16px;
    }

        .Modal_Notas_Padding a span i.fa-stack-2x {
            font-size: 1.4em !important;
        }

.Modal_Notas_Padding i.fa.fa-plus.fa-down.fa-stack-1x {
    padding-left: 9px !important;
}

.Modal_Notas_Padding .eprun_Comentarios span {
    font-size: 16px;
}

.Modal_Notas_Padding .badge {
    padding-left: 5px !important;
}

#ContentModal .cabecera {
    font-weight: bold;
    padding-bottom: 10px;
}

#ContentModal legend {
    padding-left: 0px !important;
}

.modal-footer .btn.btn-default {
    float: right;
    margin-left: 15px;
}

.paddingTop10 {
    padding-top: 10px;
}

.paddingBottom10 {
    padding-bottom: 10px;
}

/*Indicadores*/
.Indicador {
    width: 36px;
    font-family: Calibri;
    font-size: 14px;
    text-align: center;
    padding: 0px 0px 0px 0px;
}

.IndicadorP2 {
    font-family: Calibri;
    color: #333333;
    text-align: center;
    font-size: 14px;
    padding: 0px 0px 0px 0px;
}

.Indices {
    color: #214d8c;
    font-size: 14px;
    text-align: center;
    font-family: Calibri;
}

.IndicesP2 {
    color: #214d8c;
    font-size: 13px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    font-family: Calibri;
}

.IndicadorP3 {
    width: 35px;
    color: #333333;
    font-size: 13px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    font-family: Calibri;
}

.IndicesP3 {
    color: #214d8c;
    font-size: 14px;
    text-align: center;
    width: 51px;
    padding: 0px 3px 0px 0px;
}

.IndicesP4 {
    color: #214d8c;
    font-size: 14px;
    text-align: center;
    width: 34px;
    padding: 0px 0px 0px 0px;
}

.IndicesP5 {
    color: #214d8c;
    font-size: 14px;
    text-align: center;
    width: 34px;
    padding: 0px 0px 0px 0px;
}

.total {
    font-size: 14px;
    text-align: center;
}

.progress {
    margin-top: 20px;
}

/*********/

.navbar-fixed-top {
    right: auto;
    left: auto;
}

.modal-open .modal {
    overflow-x: hidden !important;
    overflow-y: auto;
}

.form-control {
    height: 35px;
}
/* barra vertical*/
.barra_vertical {
    width: 1px;
    margin-left: 45px;
}


p.descripcion {
    position: absolute;
    margin-top: 19px;
}

.firstDateMonth {
    font-weight: bold;
}

.BotonCalendar, .BotonCalendar:active {
    border: 1px solid #B146CD !important;
    border-radius: 3px 3px 0px 0px;
    margin-right: -4px;
    color: #B146CD !important;
    margin-bottom: -2px;
    background-color: white;
}

    .BotonCalendar:hover {
        background-color: #B146CD !important;
        color: white !important;
    }

/*div.paso  {
    overflow: hidden;
}*/

#lastLine {
    overflow: hidden;
}
/*div.paso:first-of-type {
    margin-top: 10px;
}*/

div.paso:last-of-type {
    margin-bottom: 10px;
}

.DashboardSinDatos {
    background-color: #F5F5F5;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    color: black;
}

#tituloModal {
    margin-top: 20px;
}

#tituloModal1 {
    margin-top: 60px;
}

#tituloModal2 {
    margin-top: 60px;
}

.normalCheckBox {
    background-color: transparent;
    border: none;
    padding-left: 14px;
}

i.fa.fa-hourglass-2, i.fa.fa-hourglass-end {
    font-size: 1em;
    padding: 2px 0;
}

.tituloBloque {
    background-color: #F8F8F8;
}

#tipo1 {
    font-weight: initial !important;
}

.badge.default.text-right {
    float: right;
    background-color: #939393;
    padding: 4px 4px 15px 4px;
    min-width: 25px;
    text-align: center;
}

.listaSinFondo {
    width: 100%;
    margin-left: 260px;
}

.listaSinFondo2 {
    width: 100%;
    margin-left: 35px;
}


/* footer*/

/*AYUDA*/
/*#ayuda {
    float: right;
    z-index: 99999;
    position: fixed;
    right: -3%;
    top: 171px;
}

#ayuda div.dropdown-menu {
    width: 700px;
    margin-left: -698px;
    padding: 10px 10px;
    top:-2px;
    overflow-y:scroll;
    max-height:600px;
    overflow: auto;
    animation-duration:1s;
    animation-name:slidein;
}

.btn-secondary.current {
    background-color: #B146CD !important;
    border: 1px solid #B146CD !important;
}

.btn-secondary.current a {
    color: #fff !important;
}

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

@keyframes slidein {
	0% {margin-left: 0;}
	100% {margin-left: -770%;}
}*/
#botonVideoAyuda {
    width: 44px;
    height: 50px;
    background-color: #e4087f;
    position: fixed;
    right: 0;
    top: 247px;
    color: white;
    z-index: 1030;
    display: none;
}

#ayuda {
    float: right;
    z-index: 1030;
    position: fixed;
    right: -3px;
    top: 135px;
    background-color: white;
    display: none;
}

    #ayuda #botonAyuda {
        height: 100px;
        background-color: #e4087f;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1030;
        top: 10px;
    }

        #ayuda #botonAyuda i.fa {
            color: white;
        }

    #ayuda #slide {
        position: absolute;
        width: 500px;
        right: -690px;
        padding: 10px 10px;
        max-height: 500px;
        overflow: auto;
        animation-duration: 1s;
        animation-name: slidein;
        z-index: 99999;
        top: 11px;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        margin-right: 13px;
    }

.alert-successmodified {
    background-color: #d9534f;
    border-color: #d6e9c6;
    height: 65px;
    padding-top: 0px;
    border-radius: 8px !important;
}

.espacio {
    height: 245px;
}

/*CALENDARIO DASHBOARD*/
.calendar_default {
}

.calendar_default_cell {
    background-color: white;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.calendar_default_cell_inner {
    border-bottom: 1px solid #ddd;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.calendar_default_cell_header {
    text-align: center;
}

.calendar_default_header_inner {
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    cursor: default;
    color: #ffffff;
    background: #B146CD !important;
    background: -moz-linear-gradient( top, #777 0%, #666);
    background: -webkit-gradient( linear, left top, left bottom, from(#777), to(#666));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#777777", endColorStr="#666666");
    text-shadow: 0px -1px 1px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);
}

.calendar_default_message {
    padding: 10px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    color: #ffffff;
    background: #000;
    background: -moz-linear-gradient( top, #999 0%, #666);
    background: -webkit-gradient( linear, left top, left bottom, from(#999), to(#666));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#999999", endColorStr="#666666");
    text-shadow: 0px -1px 1px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);
}


.calendar_default_event_inner {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 2px;
    padding-left: 5px;
    font-size: 10px;
    color: #ffffff;
    background: #B146CD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 2px 3px rgba(000,000,000,0.3), inset 0px 0px 2px rgba(255,255,255,0.8);
    -webkit-box-shadow: 0px 2px 3px rgba(000,000,000,0.3), inset 0px 0px 2px rgba(255,255,255,0.8);
    box-shadow: 0px 2px 3px rgba(000,000,000,0.3), inset 0px 0px 2px rgba(255,255,255,0.8);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1);
    cursor: pointer;
}

.calendar_default_event_hover .calendar_default_event_inner {
    background: #a8dc18;
    background: -moz-linear-gradient( top, #a8dc18 0%, #8fc300);
    background: -webkit-gradient( linear, left top, left bottom, from(#a8dc18), to(#8fc300));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#a8dc18", endColorStr="#8fc300");
}

.calendar_default_shadow_inner {
    background-color: #666666;
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.calendar_default_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
}

    .calendar_default_event_delete:hover {
        opacity: 1;
        -ms-filter: none;
    }

.calendar_default_event_timeleft {
    color: #ccc;
    font-size: 8pt;
}

.calendar_default_event_timeright {
    color: #ccc;
    font-size: 18pt;
    text-align: right;
}



.alert-danger {
    color: #a94442;
    /*background-color: #f04b4b;*/
    border-color: red;
    height: 190px;
    padding-top: 0px;
}

.list-group {
    background: white;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    line-height: 21px;
    font-size: 16px;
    font-family: Calibri;
    margin-top: 15px;
    box-shadow: none !important;
}

.programHead label {
    font-size: 18px;
    font-weight: bold;
}

.TopMenu label {
    font-size: 16px;
    font-family: Calibri;
    font-weight: normal;
}

.ElementItem label {
    font-size: 16px;
    font-family: Calibri;
    font-weight: normal;
}

.programSection {
    width: 350px;
    margin: 25px;
    float: left;
}

.TopMenu {
    font-size: 16px;
    font-family: Calibri;
    font-weight: normal;
    padding-left: 40px;
}

.ElementItem {
    padding-left: 60px;
    color: blue;
}

.brMobileOut {
    display: none;
}

.topMessage {
    margin-top: 20px;
}


.caeAlert {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.65rem;
}

.caeAlert h4 {
    font-size: 1.65rem;
    font-weight: 700;
}

.caeAlert h4 .fa {
    color: inherit;
}

.marginBottom20 {
    margin-bottom: 30px !important;
}

.calendar_default_event {
    height: 25px !important;
    margin-top: 0px;
    opacity: .2;
}

#deleteCard:hover {
    cursor: pointer;
}

#unChainCard:hover {
    cursor: pointer;
}

.tituloGrupoModulos {
    font-family: "Raleway Regular";
    margin-bottom: 0;
    border-bottom: 1px solid #999999;
    padding-bottom: 5px;
    color: #e4087f;
}

.form-pass .errorInput {
    left: 50% !important;
    top: 34px;
    border: 1px solid #e4087f;
    color: #e4087f;
}

.cursorpointer {
    cursor: pointer;
}

.colorwhite {
    color: white !important;
}

.Cargando {
    margin-left: 20px;
}

.inputAncho {
    height: 35px;
}

.formularioetiqueta1 {
    padding-right: 10px;
}

#uploadfiles .paso {
    border-radius: 5px;
    padding: 10px 40px;
}

div#paso1, div#paso2, div#paso7 {
    background-color: #f3f2f2;
}

div#paso2 {
    margin-top: 10px;
}

div#paso3 {
    border-radius: 5px 0 0 5px !important;
}

div#paso4 {
    margin-top: 10px;
}

div#paso5 {
    border-radius: 0 5px 5px 0 !important;
}

div#paso6 {
    margin-top: 10px;
}

div#paso7 {
    margin-top: 10px;
}

.circle1 {
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 50%;
    margin: 0 10px;
    color: #4d4d4d;
    padding: 6px 8px;
    font-size: 15px;
    text-align: center;
    border: 1px solid #bfbfbf;
}

.fileUpload {
    border-radius: 6px !important;
    margin-top: -13px;
}

textarea#textarea {
    width: 100%;
}

#moreInformationRGPD {
    cursor: pointer;
    color: #e4087f;
    text-decoration: underline;
}

.labelConsentimiento {
    font-size: 12px;
    font-weight: 300;
}

.yes.active {
    background-color: #c5076c;
}

.yes.notActive {
    background-color: #fb84c3;
}

.no.active {
    background-color: #999999;
}

.no.notActive {
    background-color: #bfbfbf;
}

#logoEmpresaTitular {
    display: contents;
}

    #logoEmpresaTitular img {
        max-height: 50px;
        max-width: 95px;
        margin-top: 5px;
    }

.andcompany {
    color: #e4087f;
    margin: 19px -30px 0 -10px;
    display: inline-block;
    font-size: 1.5em;
    width: 65px;
}

.logoText {
    color: #e4087f;
    font-family: 'Gotham Bold';
    font-size: 2.5em;
    margin: 10px 50px 0px -25px;
    width: 65px;
}

.dividerLogo {
    border-left: 1px solid rgba(0,0,0,.12);
    height: 50px;
    margin: 6px 0px 5px 6px;
    display: inline-block;
    width: 15px;
}

#headerRightIcons > ul > li {
    color: #e4087f;
    margin: 0px 10px 0 0;
    font-size: 1.5em;
    cursor: pointer;
}

#headerRightIcons .close-button {
    padding-right: 10px;
    font-size: 0.8em;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #e4087f;
}

    #headerRightIcons .close-button i.fa {
        font-size: 0.8em;
        color: #e4087f;
    }

#rightIcons {
    color: #e4087f;
}

    #rightIcons ul li {
        margin: 0 0 0 0;
    }

.printdiv {
    display: none;
}

#drop_zone {
    border: 1px dashed #B146CD;
    padding: 2%;
    background: #FFF;
    border-radius: 3px;
    min-height: 85px;
}

    #drop_zone .drop-zone-arrastra {
        font-size: 1.3em;
    }

#FicheroAdjuntado {
    margin: 20px 0 0 0;
}

#headerRightIcons > ul > li {
    float: right !important;
}

#iInfo {
    color: #e40a80;
}

.notice {
    padding: 15px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
    box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}

.notice-sm {
    padding: 10px;
    font-size: 80%;
}

.notice-lg {
    padding: 35px;
    font-size: large;
}

.notice-success {
    border-color: #80D651;
}

    .notice-success > strong {
        color: #80D651;
    }

.notice-info {
    border-color: #45ABCD;
}

    .notice-info > strong {
        color: #45ABCD;
    }

.notice-warning {
    border-color: #FEAF20;
}

    .notice-warning > strong {
        color: #FEAF20;
    }

.notice-danger {
    border-color: #d73814;
}

    .notice-danger > strong {
        color: #d73814;
    }

/*update*/
.express-validation-input-group input,
.express-validation-input-group label {
    vertical-align: middle !important;
    margin-top: 5px;
}

.express-validation-input-group .stack-floating {
    top: 4px;
}

#expressIcon {
    margin-right: 5px;
}

    #expressIcon .icon-validation-express {
        margin: 4px 5px 0 0;
    }

/****************************************
*           MEDIA QUERIES
*****************************************/
@media print {
    .web {
        display: none;
        z-index: 0;
    }

    .printdiv {
        top: 0;
        left: 0;
        width: 100%;
        background: #FFFFFF;
        position: absolute;
        display: block;
        visibility: visible;
        z-index: 999999;
    }
}

@media (max-width: 1200px) {
    #Buscador select {
        width: 200px;
    }
}

@media (min-width: 992px) and (max-width: 1450px) {

    .hovermodulos:not(:hover) .modulo {
        background-size: 90% 97%;
    }

    .modulo .imagenModulo {
        background-size: 45px;
    }

    .modulo h2 {
        font-size: 1.2em;
        margin-left: 50px;
    }

    .modulo p {
        font-size: 12px;
        padding-left: 50px;
        max-height: 50px;
    }
}

@media (max-width: 992px) {
    div#paso3 {
        border-radius: 5px;
    }

    div#paso5 {
        border-radius: 5px;
    }

    #FormFiltro {
        margin-left: -15px;
        width: 105%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    body, div.web, header, div.styckTop {
        width: 100% !important;
    }

    .hovermodulos:not(:hover) .modulo {
        background-size: 90% 97%;
    }
}

@media (min-width: 768px) {
    #menudos {
        text-align: left;
        font-size: 1em;
        font-family: 'Gotham Book';
        margin-top: 15px;
        z-index: 1000;
    }

        #menudos img {
            width: 15px;
            margin-left: 6px;
        }

        #menudos ul {
            list-style-type: none;
        }

            #menudos ul li {
            }

                #menudos ul li a {
                    display: inline-block;
                    text-decoration: none;
                    color: #333;
                    background-color: #fff;
                    border: solid 1px #fff;
                    padding: 8px;
                    position: relative;
                    background-color: transparent;
                    border: none;
                }

                #menudos ul li ul li a {
                    padding: 8px 10px;
                    border: #bfbfbf;
                    background-color: #fff;
                    color: #bfbfbf;
                }

                #menudos ul li ul {
                    display: none;
                }

                    #menudos ul li ul li ul li a.primera {
                        border-top-color: #fff;
                    }

                #menudos ul li.nivel1 {
                    float: left;
                    margin-right: 1px;
                }

                #menudos ul li a.nivel2 {
                    float: left;
                    color: #bfbfbf;
                }

        #menudos .nivel1 {
            width: auto !important;
        }

        #menudos ul li a.nivel3 {
            color: #bfbfbf;
        }

        #menudos ul li a.nivel4 {
            float: left;
            color: #bfbfbf;
        }

        #menudos ul li a.nivel1, #menudos ul li a.nivel2 #menudos ul li a.nivel3 {
            display: block;
            position: relative;
        }

        #menudos ul li:hover {
            position: relative;
        }

            #menudos ul li a:hover, #menudos ul li:hover a.nivel1 {
                background-color: #fff;
                color: #bfbfbf;
                position: relative;
            }

                #menudos ul li:hover ul.nivel2, #menudos ul li a:hover ul.nivel2 {
                    display: block;
                    position: absolute;
                    left: 0px;
                    z-index: 1000;
                }

        #menudos ul li ul li a:hover ul.nivel3, #menudos ul li ul li:hover ul.nivel3 {
            display: block;
            position: absolute;
            left: 200px;
            margin-top: -18.5%;
            left: 99.5%;
        }


        #menudos ul li ul li a:hover {
            position: relative;
            background-color: #E6E6FA;
        }

    .menutresresponsive {
        display: none;
    }

}

@media (min-width: 400px) and (max-width: 767px) {
    .modulo h2 {
        padding-top: 3.5%;
    }
}

@media (max-width: 767px) {

    #menudos {
        background-color: #FFF;
        padding: 0px 0px 5px 0px;
        margin: 70px -17px 0 -17px;
        box-shadow: 0px 2px 0px #cccccc;
        border: 1px solid #cccccc;
    }

        #menudos .nivel1 .fa.fa-caret-down {
            display: none;
        }

        #menudos ul.nivel2, ul.nivel3, ul.nivel4, ul.nivel5 {
            border-top: 2px solid #e4087f;
            margin: 0;
        }

        #menudos ul li {
            margin: 0px 0 0 0px;
            min-height: 30px;
            padding: 0;
            border-top: 1px solid #bfbfbf;
            cursor: pointer;
        }

            #menudos ul li ul {
                display: none;
            }

        #menudos ul.nivel1 > li.nivel1 > a:after {
            content: " [+]";
        }

        #menudos ul li a {
            display: block;
            padding: 10px 0 10px 10px;
        }

            #menudos ul li a:hover {
                color: white;
            }

                #menudos ul li:hover ul.nivel2, #menudos ul li a:hover ul.nivel2,
                #menudos ul li ul li:hover ul.nivel3, #menudos ul li ul li a:hover ul.nivel3,
                #menudos ul li ul li ul li:hover ul.nivel4, #menudos ul li ul li ul li a:hover ul.nivel4,
                #menudos ul li ul li ul li ul li:hover ul.nivel5, #menudos ul li ul li ul li ul li a:hover ul.nivel5 {
                    display: block;
                    animation: slide-down .3s ease-out;
                }

        #menudos ul li ul li a {
            display: block;
            padding: 10px 0 10px 20px;
        }

        #menudos ul li ul li ul li a {
            display: block;
            padding: 10px 0 10px 30px;
        }

        #menudos ul li ul li ul li ul li a {
            display: block;
            padding: 10px 0 10px 30px;
        }

        #menudos ul li ul li ul li ul li ul li a {
            display: block;
            padding: 10px 0 10px 40px;
        }

        #menudos ul.nivel1 li:first-child {
            border-top: 0;
        }

        #menudos ul.nivel1 li a:hover {
            background-color: #c497d0;
        }

        #menudos ul.nivel3 li a:hover {
            background-color: #c497d0;
        }

        #menudos ul.nivel2 li a:hover {
            background-color: #c497d0;
        }

        #menudos ul.nivel4 li a:hover {
            background-color: #c497d0;
        }

        #menudos ul.nivel5 li a:hover {
            background-color: #c497d0;
        }

    #menutres, .programDashboard {
        display: none;
    }

    .navbar-nav {
        margin: 0.5px -15px;
    }

        .navbar-nav .open .dropdown-menu {
            right: 0;
            left: auto;
            z-index: 1000;
            float: left;
            min-width: 160px;
            padding: 0;
            margin: 0;
            font-size: 14px;
            text-align: left;
            list-style: none;
            background-color: #fff;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid #ccc;
            border: 1px solid rgba(0,0,0,.15);
            border-radius: 0;
            -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
            box-shadow: 0 6px 12px rgba(0,0,0,.175);
            height: 100vh;
            position: fixed;
            bottom: 0;
            top: 0;
        }

    #ayuda #slide {
        width: 363px;
    }

    .navbar-nav.noResponsive > li, .navbar-nav.noResponsive {
        font-size: 10px;
    }

    #fondoInicio {
        height: calc(100vh - 206px);
        min-height: 450px;
    }

    #uploadfiles .paso {
        padding: 10px;
    }

    div#paso3 {
        border-radius: 5px;
        margin-top: 10px;
    }

    div#paso5 {
        border-radius: 5px;
        margin-top: 10px;
    }

    .col-nopadding {
        padding: 0;
    }

    .redes {
        height: auto !important;
    }

    .menutresresponsive {
        display: inline;
        font-size: 1.2em;
        font-family: 'Gotham Book';
    }

    #logoCtaima {
        max-width: 170px;
        padding: 0 0 0 5px;
    }

    .andcompany {
        font-size: 1.2em;
    }

    #logoEmpresaTitular img {
        max-width: 66px;
    }

    .circle-header {
        width: 31px;
        height: 31px;
        padding: 0px 4px;
        margin: -2px 0 0 0;
        font-size: 21px;
    }

    div#headerRightIcons {
        position: fixed;
        background-color: white;
        width: 100%;
        height: 51px;
        bottom: 0;
        left: 0;
        border-top: 0px solid;
        box-shadow: 0px -1px 2px #bfbfbf;
        z-index: 999999999;
    }

    #headerRightIcons > ul {
        width: 92%;
        margin: 0 4% !important;
        padding: 0 !important;
    }

        #headerRightIcons > ul > li {
            margin: 12px 0 0 20px;
            float: right !important;
        }

            #headerRightIcons > ul > li i.fa {
                font-size: 2em;
            }

    #headerRightIcons i.fa.fa-bell {
        font-size: 1.8em !important;
        margin-top: 2px;
    }

    .styckTop {
        margin-bottom: 50px;
    }

        .styckTop.px-0 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

    .modal-dialog {
        width: 100% !important;
    }

    #BtnExpandirBuscador {
        float: none;
    }

    #advancedSearchModal .input-group-item > label:first-child {
        width: 100%;
    }

    #advancedSearchModal .input-group-item > label:not(:first-child) {
        width: 20%;
    }

    #advancedSearchModal button.ms-choice {
        width: 100%;
        height: 35px;
    }

    #advancedSearchModal .input-group-item input {
        margin: 0 0 0 20px;
    }

    #advancedSearchModal .ms-choice span.placeholder {
        width: 100%;
    }

    #advancedSearchModal select, #Buscador .modal .ms-parent {
        width: 92% !important;
        margin: 0 4%;
    }

    #advancedSearchModal .floatLeft {
        float: none;
    }

    #advancedSearchModal .input-group-item div {
        float: none;
    }

    #advancedSearchModal .ms-choice > span {
        width: 100%;
    }

    #Buscador select {
        width: 40%;
    }

    #Buscador #Text_Search {
        width: 40%;
    }

    #Buscador a#botonResetBusqueda {
        width: 10%;
    }

    #Buscador input.fa.fa-search {
        width: 10% !important;
    }

    .FormBotonera .btn-secondary {
        height: 35px;
        width: 35px;
        font-size: 12px;
        padding: 10px 0 5px 0;
    }

    ul.nav-pills.menutresresponsive {
        border-bottom: 1px solid #bfbfbf;
        display: block;
    }

        ul.nav-pills.menutresresponsive li {
            border-top: 0 !important;
            font-size: 12px;
        }

            ul.nav-pills.menutresresponsive li a {
                border-radius: 0;
                padding: 10px !important;
                width: auto;
            }

            ul.nav-pills.menutresresponsive li.active a {
                background-color: #c497d0;
                color: white !important;
            }

    .progress {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .fa.fa-academy {
        height: 30px;
        width: 30px;
    }

    #bienvenida {
        width: 100%;
    }

        #bienvenida > div {
        height: 80px !important;
    }
}

@media (min-width: 359px) and (max-width: 385px) {
    #logoCtaima {
        max-width: 150px;
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    #logoCtaima {
        max-width: 120px;
    }
    #bienvenida h1 {
        font-size: 30px;
    }
}

/* Smartphones (portrait) ----------- */
@media (max-width : 319px) {
    /* Styles */
    #logoCtaima {
        max-width: 100px;
    }
}

/* Desktops and laptops ----------- */
@media (min-width : 1400px) {
    /* Styles */
    #fondoInicio {
        height: 700px;
    }
    #bienvenida > div {
        max-width: 35vw;
        margin: auto;
    }
    #selectorcentro > div {
        max-width: 20vw;
        margin: auto;
    }
}

/* Large screens ----------- */
@media (min-width : 1824px) {
    /* Styles */
}

.btnMasInfoButton {
    color: deeppink;
    text-align: center;
    font-weight: bold;
    background-color: white;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: 20%;
    margin-right: 20%;
    border-radius: 10px;
    font-size: .9em;
}

.btnMasInfoMessage {
    color: white;
    margin-top: 25px;
    text-align: center;
    font-weight: bold
}

/* no-filter alert */
.no-filter-alert {
    text-align: center;
    font-size: 1.2em;
    color: #646464;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    height: 50vh;
    width: 100vw;
    position: relative;
    top: 0;
    left: 0;
}


.no-filter-alert-title {
    font-size: 1.7em;
    color: #646464;
    margin: -0.2em 0;
}

.ms-drop ul>li label span{
    padding-left: 10px
}