/* Error de minimización. Devolviendo el contenido no minimizado.
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1187,17): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(1189,24): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(1445,28): run-time error CSS1039: Token not allowed after unary operator: '-acr-dust'
(1484,17): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(1578,28): run-time error CSS1039: Token not allowed after unary operator: '-acr-dust'
(1602,28): run-time error CSS1039: Token not allowed after unary operator: '-acr-dust'
(1628,17): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(1632,17): run-time error CSS1039: Token not allowed after unary operator: '-acr-green'
(1640,24): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(1646,52): run-time error CSS1031: Expected selector, found ','
(1704,21): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(1715,32): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(1730,32): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(1769,28): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(1770,17): run-time error CSS1039: Token not allowed after unary operator: '-acr-white'
(1780,28): run-time error CSS1039: Token not allowed after unary operator: '-acr-green'
(1782,17): run-time error CSS1039: Token not allowed after unary operator: '-acr-white'
(1786,17): run-time error CSS1039: Token not allowed after unary operator: '-acr-green'
(1828,37): run-time error CSS1046: Expect comma, found '0'
(1828,41): run-time error CSS1046: Expect comma, found '/'
(1832,32): run-time error CSS1039: Token not allowed after unary operator: '-acr-green'
(1836,32): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(1840,32): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(1856,28): run-time error CSS1039: Token not allowed after unary operator: '-acr-dust'
(1870,36): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(1874,21): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(1883,17): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(1885,37): run-time error CSS1046: Expect comma, found '0'
(1885,41): run-time error CSS1046: Expect comma, found '/'
(1895,24): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(1903,32): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(1929,17): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(1932,37): run-time error CSS1046: Expect comma, found '0'
(1932,41): run-time error CSS1046: Expect comma, found '/'
(1967,24): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(1968,28): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(1976,24): run-time error CSS1039: Token not allowed after unary operator: '-acr-green'
(1977,28): run-time error CSS1039: Token not allowed after unary operator: '-acr-green'
(1992,28): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(2026,17): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(2030,17): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(2031,38): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(2036,38): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(2040,24): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(2041,28): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(2048,17): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(2051,37): run-time error CSS1046: Expect comma, found '0'
(2051,41): run-time error CSS1046: Expect comma, found '/'
(2062,17): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(2082,40): run-time error CSS1039: Token not allowed after unary operator: '-acr-dust'
(2110,25): run-time error CSS1039: Token not allowed after unary operator: '-acr-grey'
(2125,17): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(2128,37): run-time error CSS1046: Expect comma, found '0'
(2128,41): run-time error CSS1046: Expect comma, found '/'
(2138,32): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(2143,32): run-time error CSS1039: Token not allowed after unary operator: '-acr-dust'
(2159,28): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(2166,28): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(2183,25): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(2188,32): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(2189,32): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(2193,25): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(2198,32): run-time error CSS1039: Token not allowed after unary operator: '-acr-green'
(2199,32): run-time error CSS1039: Token not allowed after unary operator: '-acr-green'
(2203,25): run-time error CSS1039: Token not allowed after unary operator: '-acr-green'
(2208,32): run-time error CSS1039: Token not allowed after unary operator: '-acr-grey'
(2209,32): run-time error CSS1039: Token not allowed after unary operator: '-acr-grey'
(2213,25): run-time error CSS1039: Token not allowed after unary operator: '-acr-grey'
(2221,28): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(2231,26): run-time error CSS1039: Token not allowed after unary operator: '-acr-dust'
(2249,21): run-time error CSS1039: Token not allowed after unary operator: '-acr-dust'
(2257,25): run-time error CSS1039: Token not allowed after unary operator: '-acr-dust'
(2263,21): run-time error CSS1039: Token not allowed after unary operator: '-acr-dust'
(2280,21): run-time error CSS1039: Token not allowed after unary operator: '-acr-dust'
(2292,28): run-time error CSS1039: Token not allowed after unary operator: '-acr-white'
(2305,38): run-time error CSS1046: Expect comma, found '0'
(2305,42): run-time error CSS1046: Expect comma, found '/'
(2316,21): run-time error CSS1039: Token not allowed after unary operator: '-acr-orange'
(2329,25): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(2333,30): run-time error CSS1039: Token not allowed after unary operator: '-acr-green'
(2334,25): run-time error CSS1039: Token not allowed after unary operator: '-acr-white'
(2359,21): run-time error CSS1039: Token not allowed after unary operator: '-acr-grey'
(2380,21): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
(2393,21): run-time error CSS1039: Token not allowed after unary operator: '-acr-black'
 */
@font-face {
    font-family: acr-font;
    src: url(../fonts/RoobertPRO-Regular.woff) format('woff');
}

@font-face {
    font-family: acr-font;
    src: url(../fonts/RoobertPRO-RegularItalic.woff);
    font-style: italic;
}

@font-face {
    font-family: acr-font;
    src: url(../fonts/RoobertPRO-Light.woff);
    font-weight: 300;
}

@font-face {
    font-family: acr-font;
    src: url(../fonts/RoobertPRO-LightItalic.woff);
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: acr-font;
    src: url(../fonts/RoobertPRO-SemiBold.woff);
    font-weight: 500;
}

@font-face {
    font-family: acr-font;
    src: url(../fonts/RoobertPRO-SemiBoldItalic.woff);
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: acr-font;
    src: url(../fonts/RoobertPRO-Bold.woff);
    font-weight: bold;
}

@font-face {
    font-family: acr-font;
    src: url(../fonts/RoobertPRO-BoldItalic.woff);
    font-weight: bold;
    font-style: italic;
}

:root {
    --acr-black: #262622;
    --acr-white: #fff;
    --acr-grey: #a1a1a2;
    --acr-dust: #d8d5ce;
    --acr-orange: #f1843b;
    --acr-green: #a9a726;
}

/*GENERAL*/
/*body {
    padding-top: 50px;
    padding-bottom: 20px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
}*/
.pointer {
    cursor: pointer;
}

.padding10 {
    padding: 10px;
}
/*Estilo para alinear el botón de añadir nuevo idioma al resto del formulario*/
.btn-add-idioma {
    margin-top: 30px;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 55px;
}

.img-pdf-candidato {
    height: 40px;
    width: 40px;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input:not(.k-input),
select,
textarea {
    max-width: 280px;
}

/*Estilo para subir los formularios del perfil del candidato*/
.formulario-Candidato {
    /*margin-top:-30px!important;*/
}

/*Estilo para resaltar los datos personales al pasar por encima*/
.datos-candidato {
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    /*font-family: "Roboto",sans-serif;*/
    font-family: acr-font;
    border-radius: 3px;
}

.datos-configuracion {
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    /*font-family: "Roboto",sans-serif;*/
    font-family: acr-font;
    border-radius: 3px;
    background-color: #f5f5f5;
}

/*.panel-datos-candidato {
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-left: 1px;
    margin-right: 1px;
    padding: 5px;
    margin-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.05);
}*/

.etiqueta-datos {
    font-weight: bold;
    color: black;
}

.titulo-grid-azul {
    margin-top: 5px;
    font-weight: bold;
    /*color:#007cc0;*/
    color: #407EC9;
}

.panelContenido {
    margin-top: 32px;
}

.contenedorCandidatos {
    background-color: #f1f1f1;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 32px;
}

.acr-candidato-home {
    background-image: url("/Content/Candidatos/fcandidatos.jpg");
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.acr-candidato-text {
    text-align: center;
    vertical-align: middle;
    color: black;
}

    .acr-candidato-text p {
        margin: 13px;
    }
/* Menú de columnas de los Grid
----------------------------------------------------------------------------*/
.menuColumnas {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px !important;
    height: 20px;
    /*margin-top: 8px;*/
}

    .menuColumnas .k-i-arrow-s {
        display: none;
    }

    .menuColumnas li.k-item span.k-link {
        padding: 0 0 0 5px;
    }

    .menuColumnas ul {
        border: 2px solid black !important;
        background-color: #CDCDCD !important;
    }

        .menuColumnas ul li span {
            display: block;
            padding: 0 !important;
        }

            .menuColumnas ul li span label {
                display: block;
                padding: 6px 28px 8px 14px;
                cursor: pointer;
                margin: 0;
            }

    .menuColumnas .k-filter {
        display: inline-block;
        background-color: #428BCA !important;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

/*Estilo botones formularios*/
.btn-candidato-register {
    /*color:#007cc0;*/
    /*color:#407EC9;*/
    background: url("/Content/Images/btnalta.png");
    background-size: 100%;
    display: block;
    width: 250px;
    height: 59px;
    line-height: 59px;
    text-indent: 70px; /* hides the link text */
    font-size: 24px;
    color: white;
}

a.btn-candidato-register:hover {
    text-decoration: none !important;
    color: white;
    background: url("/Content/Images/btnaltahover.png");
    background-size: 100%;
    display: block;
    width: 250px;
    height: 59px;
}

a.btn-candidato-register:visited
a.btn-candidato-register:active {
    text-decoration: none !important;
    color: white;
}

.btn-candidato-register2 {
    /*color:#007cc0;*/
    /*color:#407EC9;*/
    background-color: rgb(233, 23, 35);
    border-color: rgb(233, 23, 35);
    color: rgb(255, 255, 255);
    display: block;
    min-width: 150px;
    max-width: 100%;
    width: 100%;
    /*height: 59px;*/
    line-height: 39px;
    letter-spacing: 1px;
    /*text-indent: 70px;  hides the link text */
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    color: white;
    border-radius: 100px;
    /*font-family: "Roboto",sans-serif;*/
    font-family: acr-font;
}

    .btn-candidato-register2:hover {
        text-decoration: none !important;
        background-color: rgb(255, 255, 255);
        border-color: rgb(255, 255, 255);
        color: rgb(233, 23, 35);
    }

    .btn-candidato-register2:visited
    .btn-candidato-register2:active {
        text-decoration: none !important;
        color: white;
    }

    .btn-candidato-register2 a {
        color: white;
    }

        .btn-candidato-register2 a:hover {
            color: white;
            text-decoration: none !important;
        }

.btn-candidato-login {
    /*color:#007cc0;*/
    color: #407EC9;
    background: url("/Content/Images/btnlogin.png");
    background-size: 100%;
    display: block;
    width: 250px;
    height: 59px;
    line-height: 59px;
    text-indent: 20px; /* hides the link text */
    font-size: 24px;
    color: black;
}

a.btn-candidato-login:hover {
    text-decoration: none !important;
    color: black;
    background: url("/Content/Images/btnloginhover.png");
    background-size: 100%;
    display: block;
    width: 250px;
    height: 59px;
}

a.btn-candidato-login:visited
a.btn-candidato-login:active {
    text-decoration: none !important;
    color: black;
}

.btn-candidato-login2 {
    background-color: rgb(233, 23, 35);
    border-color: rgb(233, 23, 35);
    color: rgb(255, 255, 255);
    display: block;
    min-width: 150px;
    max-width: 100%;
    line-height: 39px;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
    color: white;
    border-radius: 100px;
    /*font-family: "Roboto",sans-serif;*/
    font-family: acr-font;
}

    .btn-candidato-login2:hover {
        text-decoration: none !important;
        color: black;
        background-color: gainsboro;
        background-size: 100%;
        display: block;
        width: 250px;
        height: 59px;
    }

    .btn-candidato-login2:visited
    .btn-candidato-login2:active {
        text-decoration: none !important;
        color: black;
    }

.btn-candidato-guardar {
    font-weight: bold;
    color: white;
    background-color: #5cb85c;
}

.btn-candidato {
    font-weight: bold;
    color: white;
    background-color: #5bc0de;
}
/* Estilos para la plantilla de Login
----------------------------------------------------------------------------*/
/*.body-login {*/
/*background:url("/Content/Images/Logos/fondo.png") no-repeat center center fixed;
    background:url("./Images/Logos/Corp/fondo-claro-claro-oscuro.jpg") no-repeat center center fixed;
    background-size:cover;*/
/*background-color:#f1f1f1;
}
.body-login-contenido {
    background-color:#f5f5f5;
    margin:auto;
    width:80%;
    padding:10px;
}
.body-login-contenido3 {
    background-color:#f5f5f5;
    margin:auto;
    width:520px;
    padding:10px;
}
.body-login-contenido4 {    
    background-color:#f1f1f1;
     margin:auto; 
     width:80%; 
     padding:10px;
    filter:alpha(opacity=98);*/
/*-moz-opacity:.98;*/
/*opacity:.98
}

.body-login-contenido5 {
    background-color: #f1f1f1;
    margin: auto;
    padding: 10px;
    filter: alpha(opacity=98);
    opacity: .98
}

.body-login-contenido2 {
    background-color:transparent;
    margin:auto;
    width:60%;
    padding:10px;
}*/

/*.login-cabecera {*/
/*display:inline-block;*/
/*margin:10px;
}
.login-cabecera .imgIzq {
    vertical-align:middle; height:80px;
}
.login-cabecera .imgDer {
    vertical-align:middle; height:80px;
}

.Login_pie{
    margin-left:30%;
    margin-right:40%;
}
.btn-volver {
    text-decoration: underline;
    margin: 25px ;
}
.btn-volver:hover {
    cursor: pointer;
    color: #CDCDCD;
}
.btn-volver1 {
    margin: 5px;
}
.datepickerFecha {
    margin-left: 10%;
}*/
/* Estilos para el portal de Ofertas (Lista)
----------------------------------------------------------------------------*/
.TituloCabecera {
    font-weight: bold;
}

.ListadOfertas {
    width: 90%;
    margin: 0% 5% 5% 5%;
}

.btn-candidato1 {
    font-weight: normal;
    color: gray;
    background-color: #f1f1f1;
    text-decoration: underline;
}

.CabeceraOfertas {
    color: #e91723;
    font-weight: bold;
}

.FiltrOferta {
    float: left;
    margin-top: -20px;
    /*border:none;*/
}

    /*#gridOferta {*/
    /*border: none;*/
    /*border-color: transparent;
}*/

    .FiltrOferta .k-state-default {
        padding: 0px 100px 0px 0px;
        border: 1.5px solid #e91723;
        border-radius: 25px;
        background-color: #f1f1f1;
        font-weight: bold;
        /*float: right;*/
        /*margin-top: -30px;*/
    }

/*#Provincia-list {
    border-radius: 15px;
}

Provincia_listbox {
    color: #f1f1f1;
}*/

.k-grid td {
    border-color: transparent;
}

.TitulOfertas {
    color: #e91723;
    font-size: large;
    font-weight: bold;
}

.k-selectable:hover {
    cursor: pointer;
}

/*#gridOferta {
    border: 0px;
}

    #gridOferta .k-grid-top {
        border: 0px;
    }*/
/* Estilos para la Oferta de trabajo ()
----------------------------------------------------------------------------*/
.oferta {
    border: none;
    background-color: white;
    margin: 10px;
}


.Inscribirbtn {
    border-radius: 25px;
    background-color: #e91723;
    color: white;
    font-weight: bold;
    margin: 25px;
    padding: 10px 35px 10px 35px;
    display: inline-block;
    text-align: center;
}

    .Inscribirbtn:hover {
        border-radius: 25px;
        background-color: #f1f1f1;
        color: black;
        border: 1.5px solid #e91723;
    }

.login-cabecera-textos {
    font-weight: bold;
}
/* Estilo de Footer */
/*.PiePagina {
    width: 80%;
    text-align: center;
}

.PiePagina2 {
    width: 66%;
    text-align: center;
}*/
/* Estilo rows para registro, para separación*/
.rowsRegistro {
    padding-top: 10px;
}
/* Estilo quitar a los links el color azul, y ponerselo negro
----------------------------------------------------------------------------*/
.linkSinAzul {
    color: rgb(51, 51, 51);
}

/* Estilos para Obra vista parcial
----------------------------------------------------------------------------*/

.labelBlock div div {
    margin-left: 10px;
}

    .labelBlock div div.first {
        margin-left: 0px;
    }

.labelBlock div label {
    display: block;
}

/*Margin-top para estar a la misma altura que el selector*/
.sizeClear {
    margin-top: 39px;
}

/* Estilos para Collapsible Panels
----------------------------------------------------------------------------*/

/*Necesario para que el icono aparezca con la imagen correcta*/
/* New font */
@font-face {
    font-family: 'demos';
    src: url('../fonts/demos.woff?9wdv67') format('woff'), url('../fonts/demos.ttf?9wdv67') format('truetype'), url('../fonts/demos.svg?9wdv67#demos') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Necesario para que el icono aparezca con la imagen correcta*/
[class^="k-uni"],
.collap-activator:after,
.back-nav:before,
.forward-nav:before {
    font-family: 'demos';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
    background-color: #f1843b;
}

.k-pager-wrap .k-link {
    color: black;
    border-color: #ccc;
    background: #ebebeb;
}

    .k-pager-wrap .k-link:hover {
        color: orange;
        border-color: #ccc;
        background: #ebebeb;
    }

.k-checkbox:checked::before {
    background-color: #f1843b;
    color: white;
}

.k-checkbox:checked {
    background-color: #f1843b;
}

.k-radio:checked {
    border-color: #f1843b;
    color: #fff;
    background-color: #f1843b;
}

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order {
    color: #f1843b;
}

/*Estilos para el boton que abre el panel (color de fondo, cursor, etc)*/
.collapsiblePanel .collap-activator {
    padding: 5px;
    text-align: center;
    /*background-color:#007cc0;*/
    background-color: #f1843b;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-color: grey;
    /*border-style: solid;
    border-width: 1px 0px 1px 0px;*/
    cursor: pointer;
    color: white;
    display: block;
}

    .collapsiblePanel .collap-activator:hover {
        background-color: #e1620c;
        border: solid 1px #ef9f6a;
    }

    /*Para mostrar el icono*/
    .collapsiblePanel .collap-activator:after {
        content: "\e604";
        display: inline-block;
        margin-left: .5em;
        font-size: .8em;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        transition-property: transform;
        transition-duration: 0.2s;
        transition-timing-function: ease;
    }

/*Para mostrar la animación*/
.collapsiblePanel .collap-active:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*Para que se muestre como el original*/
.collapsiblePanel .k-animation-container div,
.collapsiblePanel .k-animation-container input,
.collapsiblePanel .k-animation-container textarea,
.collapsiblePanel .k-animation-container button {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

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


/* Estilos para el editor template TextFor renderizado por Kendo 
----------------------------------------------------------------------------*/

.wide-full {
    width: 100%;
    max-width: none !important;
}

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


/* Estilos Anchos
----------------------------------------------------------------------------*/

.size75 {
    width: 75px;
}

.size120 {
    width: 120px;
}

.size140 {
    width: 140px;
}

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


/* Estilos bloque
----------------------------------------------------------------------------*/

.block {
    display: block;
}

.margenIzq10 {
    margin-left: 10px;
}

.margenTop5 {
    margin-top: 5px;
}

/* Este estilo es para que bootstrap funcione bien en los KendoWindow y KendoTabStrips (si se quiere cambiar el estilo a piñon de las tab del tabstrips descomentar la línea, pero no debería ya que en
    esta aplicación hay diferentes estilos de configuracion). Si alguna no se muestra bien, habrá que modificar algo aquí
 ----------------------------------------------------------------------------*/
.k-window .row, .k-window .row div, .k-window .row div.form-group input, .k-window .row div textarea {
    box-sizing: border-box;
}

.k-tabstrip .row, .k-tabstrip .row div, .k-tabstrip .row div.form-group input, .k-tabstrip .row div textarea {
    box-sizing: border-box;
}

    .k-tabstrip .row, .k-tabstrip .row div, .k-tabstrip .row div.form-group input, .k-tabstrip .row div input {
        box-sizing: border-box;
    }
/*.k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link { color: #333; background-color: #f5f5f5; border-color: #ddd; }*/

/* Este estilo es para que en los textos que se pongan con una raya por debajo dentro de una kendo window no tenga demasiado espacio encima, ya que en las kendo window con la clase panel-body se le añade espacio encima
 ----------------------------------------------------------------------------*/
.k-window .modal-header {
    padding-top: 0;
}


/* Estilos para el panel de carga en llamadas Ajax
 ----------------------------------------------------------------------------*/


/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loadingmodal {
    display: none;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('./Images/cargando.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .loadingmodal {
        display: block;
    }

/* Tooltips de ayuda
----------------------------------------------------------------------------*/
#tooltip {
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px 15px 15px 0;
}

    #tooltip ul {
        text-align: left;
    }

    #tooltip div.margen {
        padding-left: 15px;
        text-align: left;
    }

    #tooltip.top:after {
        border-top-color: transparent;
        border-bottom: 10px solid #111;
        top: -20px;
        bottom: auto;
    }

    #tooltip.left:after {
        left: 10px;
        margin: 0;
    }

    #tooltip.right:after {
        right: 10px;
        left: auto;
        margin: 0;
    }


/* Estilos Botonera Superior
----------------------------------------------------------------------------*/

div.BotoneraSuperior {
    margin: 5px 0px 5px 0px;
    padding-top: 10px;
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
}

.back-button {
    background-image: url("../Content/Images/volver.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.save-button {
    background-image: url("../Content/Images/save.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.search-button {
    background-image: url("../Content/Images/search.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.edit-button {
    background-image: url("../Content/Images/edit.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.margenIzq {
    margin-left: 5px;
}

/* Reemplazar la imagen de imprimir del Kendo Editor por la del estilo Bootstrap
----------------------------------------------------------------------------*/
.k-tool-icon.k-print {
    background-image: url('./kendo/2021.2.511/Bootstrap/sprite.png') !important;
}

/* Estilos Grid Responsive
----------------------------------------------------------------------------*/
.k-grid > table /* includes both the header and the data cells */ {
    table-layout: fixed;
}

/* Estilos para el color de fondo de la fila al pasar sobre ella
   Se incluye a todos los grids excepto al de añadir Proveedor a un Lote,
    en ese se mantiene su estilo propio
----------------------------------------------------------------------------*/
/*:not(#gridAddProveedorLote).k-grid > table > tbody .k-state-hover {
    cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}
#gridProveedorLote.k-grid > table > tbody .k-state-hover {
    cursor: pointer;
}*/

/* Clase para imagenes de grids
----------------------------------------------------------------------------*/
.imgGrid {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
}

.marginImgGrid, .k-grid-toolbar .imgGrid {
    /*margin-left: 5px;*/
}

.margenTop8 {
    margin-top: 8px;
}

.k-grid tr.k-state-selected {
    background: #a7d6fe;
}
/* Estilos para subida de documentos con el control KendoUpload
---------------------------------------------------------------------------------------------------------------*/
.img-file {
    background-image: url('Images/Extension/jpg.png');
}

.doc-file {
    background-image: url('Images/Extension/doc.png');
}

.pdf-file {
    background-image: url('Images/Extension/pdf.png');
}

.xls-file {
    background-image: url('Images/Extension/xls.png');
}

.zip-file {
    background-image: url('Images/Extension/zip.png');
}

.dwg-file {
    background-repeat: no-repeat;
    background-image: url('Images/Extension/dwg.jpg');
}

.default-file {
    background-image: url('Images/Extension/default.png');
}

/* Necesario para los documentos porque si no no se muestra el tooltip completo */
.tooltip-inner {
    max-width: none !important;
}

/* Clase para limpiar los efectos de "float" que se hayan puesto antes
----------------------------------------------------------------------------*/
.limpiar {
    clear: both;
}
/* El contenido del documento sin contar con su estado (guardado, pendiente, error...)
----------------------------------------------------------------------------*/
.file-wrapper {
    position: relative;
    height: 55px;
    /* CSS-ACR
    border-bottom:1px solid lightgrey;
    border-right:1px solid lightgrey;
    */
}

/* Parte del icono. Anchura fija
----------------------------------------------------------------------------*/
.docIcono {
    float: left;
    width: 50px;
    height: 100%;
    text-align: center;
}

.file-icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    margin-top: 3px;
}

/* Parte del nombre y tamaño. Anchura variable
----------------------------------------------------------------------------*/
.docDatos {
    margin: 0 25px 0 50px;
    height: 100%;
}

.docDatosInterior {
    padding: 5px 10px;
    height: 50px;
    line-height: 1.6em;
}

.nombre, .size {
    height: 50%;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Parte del boton para eliminar el documento. Anchura fija
----------------------------------------------------------------------------*/
.docAccion {
    float: right;
    width: 25px;
    height: 100%;
}

/* Estilo para poner a 50 pixeles la anchura de la columna de los grids para expandir el detalle
----------------------------------------------------------------------------*/
.k-grid .k-hierarchy-col {
    width: 50px;
}

/* Estilos para los controles de Multi selección
----------------------------------------------------------------------------*/
.ul-MultiSelect {
    -ms-overflow-x: auto;
    -ms-overflow-y: auto;
    width: 400px;
    min-width: 400px;
    padding: 0px !important;
}

/*.k-window .ul-MultiSelect {
    position:relative !important;
}*/

/* Para el tamaño del botón que abre el selector */
.dropButton {
    height: 34px;
    /*width:89%; /* a pantalla completa */
    width: 87.6%; /* a 1024 */
}
/* Para el tamaño del botón que abre el selector, estando en una ventana modal */
.k-window .dropButton {
    height: 20px;
    width: 75%;
}

.dropButtonEdicion {
    height: 34px;
    /*width:80.2%; /* a pantalla completa */
    width: 75.5%; /* a 1024 */
}

.spanButton {
    display: inline-block;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.caretButton {
    display: inline !important;
    vertical-align: -webkit-baseline-middle !important;
}

/* Para poner en una sola fila cada elemento del desplegable del MultiSelect */
.ul-MultiSelect .k-virtual-scrollable-wrap table[role="grid"] {
    overflow: scroll;
    white-space: nowrap;
}

/* Para que el selector se abra justo debajo del control */
ul.ul-MultiSelect {
    margin: 0 0 0 15px;
}
/* Para que el selector se abra justo debajo del control, teniendo este un margen inferior indicado en la clase "form-group" */
.form-group ul.ul-MultiSelect {
    margin: -15px 0 0 15px;
}
/* Para que el desplegable pueda ocupar mas que la ventana que lo contiene en longitud --- ocurre en la ventana de editar grupos */
.visible {
    overflow: visible !important;
}

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

/* CSS-ACR */

.bs-callout {
    padding: 10px;
    margin: 20px 0;
    border-style: solid;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
    border-left-width: 5px;
    border-radius: 3px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        border-radius: 3px;
    }

    .bs-callout + .bs-callout {
        margin-top: -5px;
    }

.bs-callout-default {
    border-left-color: #777;
}

    .bs-callout-default h4 {
        color: #777;
    }

.bs-callout-primary {
    border-left-color: #428bca;
}

    .bs-callout-primary h4 {
        color: #428bca;
    }

.bs-callout-success {
    border-left-color: #5cb85c;
}

    .bs-callout-success h4 {
        color: #5cb85c;
    }

.bs-callout-danger {
    border-left-color: #d9534f;
}

    .bs-callout-danger h4 {
        color: #d9534f;
    }

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

    .bs-callout-warning h4 {
        color: #f0ad4e;
    }

.bs-callout-info {
    border-left-color: #5bc0de;
}

    .bs-callout-info h4 {
        color: #5bc0de;
    }

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

.input-validation-error {
    border: 1px solid red !important;
}

/*Para el estilo de la caja que contienen los disclaimers*/
.disclaimerBox {
    /*color: #007cc0;*/
    color: var(--acr-orange);
    background-color: white;
    border-color: var(--acr-orange);
}

/* Clase para desactivar TextBox
----------------------------------------------------------------------------*/
.txtDisabled {
    background-color: #eee !important;
    cursor: not-allowed !important;
    opacity: 1;
}

/*Ventanas modales*/
/*Ajustar la altura del div del body con scrool segun el viewport*/
.modalHeight {
    max-height: 60vh;
    overflow-y: auto;
}
/*Ajustar la altura y el ancho, si es menor de 768 se ajusta a la pantalla mejor*/
@media (min-width: 768px) {
    .modal-dialog {
        width: 60%;
        margin: 140px auto;
    }
}
/* para las pestañas de los filtros de búsqueda se separen del lateral*/
.k-panelbar .k-tabstrip-items .k-link, .k-tabstrip-items .k-link {
    margin-left: 5px;
}
/*
    Estilos para evitar que salga desplegable virtual en la pantalla de búsqueda
*/
#Titulaciones .k-virtual-scrollable-wrap, #Especificaciones .k-virtual-scrollable-wrap, #TipoOtrasFormaciones .k-virtual-scrollable-wrap, #CertificacionesSeguridad .k-virtual-scrollable-wrap, #Idiomas1 .k-virtual-scrollable-wrap, #NivelHablado1 .k-virtual-scrollable-wrap, #NivelEscrito1 .k-virtual-scrollable-wrap, #NivelLeido1 .k-virtual-scrollable-wrap, #NivelEscuchado1 .k-virtual-scrollable-wrap, #Idiomas2 .k-virtual-scrollable-wrap, #NivelHablado2 .k-virtual-scrollable-wrap, #NivelEscrito2 .k-virtual-scrollable-wrap, #NivelLeido2 .k-virtual-scrollable-wrap, #NivelEscuchado2 .k-virtual-scrollable-wrap, #NivelInformatica1 .k-virtual-scrollable-wrap, #NivelInformatica2 .k-virtual-scrollable-wrap, #NivelInformatica3 .k-virtual-scrollable-wrap, #NivelInformatica4 .k-virtual-scrollable-wrap, #Informatica1 .k-virtual-scrollable-wrap, #Informatica2 .k-virtual-scrollable-wrap, #Informatica3 .k-virtual-scrollable-wrap, #Informatica4 .k-virtual-scrollable-wrap {
    overflow-y: auto;
}

#Titulaciones .k-scrollbar-vertical, #Especificaciones .k-scrollbar-vertical, #TipoOtrasFormaciones .k-scrollbar-vertical, #CertificacionesSeguridad .k-scrollbar-vertical, #Idiomas1 .k-scrollbar-vertical, #NivelHablado1 .k-scrollbar-vertical, #NivelEscrito1 .k-scrollbar-vertical, #NivelLeido1 .k-scrollbar-vertical, #NivelEscuchado1 .k-scrollbar-vertical, #Idiomas2 .k-scrollbar-vertical, #NivelHablado2 .k-scrollbar-vertical, #NivelEscrito2 .k-scrollbar-vertical, #NivelLeido2 .k-scrollbar-vertical, #NivelEscuchado2 .k-scrollbar-vertical, #NivelInformatica1 k-scrollbar-vertical, #NivelInformatica2 k-scrollbar-vertical, #NivelInformatica3 k-scrollbar-vertical, #NivelInformatica4 k-scrollbar-vertical, #Informatica1 k-scrollbar-vertical, #Informatica2 k-scrollbar-vertical, #Informatica3 k-scrollbar-vertical, #Informatica4 k-scrollbar-vertical {
    overflow-y: hidden;
    width: 0 !important;
}

#Titulaciones .k-grid-content, #Especificaciones .k-grid-content, #TipoOtrasFormaciones .k-grid-content, #CertificacionesSeguridad .k-grid-content, #Idiomas1 .k-grid-content, #NivelHablado1 .k-grid-content, #NivelEscrito1 .k-grid-content, #NivelLeido1 .k-grid-content, #NivelEscuchado1 .k-grid-content, #Idiomas2 .k-grid-content, #NivelHablado2 .k-grid-content, #NivelEscrito2 .k-grid-content, #NivelLeido2 .k-grid-content, #NivelEscuchado2 .k-grid-content, #NivelInformatica1 .k-grid-content, #NivelInformatica2 .k-grid-content, #NivelInformatica3 .k-grid-content, #NivelInformatica4 .k-grid-content, #Informatica1 .k-grid-content, #Informatica2 .k-grid-content, #Informatica3 .k-grid-content, #Informatica4 .k-grid-content {
    padding-right: 0 !important;
}

#BackToTop {
    position: fixed;
    z-index: 60;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #BackToTop span {
        color: #fff;
        margin: 0;
        position: relative;
        left: 10px;
        top: 13px;
        font-size: 13px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #BackToTop:hover {
        background: rgba(0, 0, 0, 0.9);
    }

        #BackToTop:hover i {
            color: #fff;
            top: 5px;
        }

#body-signed #BackToTop {
    top: 65px !important;
}

#body-login #BackToTop {
    top: 100px !important;
}

.listadoProcesosEliminacion {
    margin-top: 15px;
    margin-bottom: 25px;
}

.helperTags {
    margin-top: 22px;
    margin-left: 8px;
}

.condicionesBorrado {
    float: left;
    margin-right: 20px;
}

.condicionesBorradoProgramarBajas {
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}

.btn-comenzarBorrado {
    font-weight: bold;
    color: white;
    background-color: #5cb85c;
    margin-top: 15px;
}

.link_eliminarCuenta {
    float: right;
    margin-right: 8px;
    margin-bottom: 8px;
}

.link_terminosCondiciones {
    cursor: pointer;
}

.programarBajas-div {
    background-color: whitesmoke;
    padding: 10px;
    border-radius: 3px;
}

.btn-enviarEmailPrueba {
    margin-top: 6px;
    font-weight: bold;
    color: white;
    background-color: #a9a726;
    border-radius: 0;
}

.btn-parametrizacion-guardar {
    font-weight: bold;
    color: white;
    background-color: #5cb85c;
    margin: 15px;
}

span.k-textbox:after {
    content: none !important;
}

.k-header .k-icon:before {
    text-indent: -10px;
}

.k-menu .k-image {
    width: 23px;
}

.div-columnasBusqueda {
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

/*Estilos para que a los textbox de kendo no se les aplique una sombra y un borde*/
span.k-textbox:after {
    content: none !important;
}

.k-textbox > .k-input {
    border-width: 0px;
}

.btn-guardar--disabled {
    background-color: #5e5858 !important;
    cursor: not-allowed !important;
    opacity: 1;
}

.jumbotron .row p {
    font-size: 14px !important;
}

.cantidadSeleccionados {
    font-size: 14px;
    font-weight: bold;
    margin-top: 11px;
}

/*.fondo-home-paginas-anonimas {
    background-image: url("/Content/Candidatos/fondoAnonimo.jpg");
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}*/

.fondo-home-paginas-logueadas {
    background-image: url("/Content/Candidatos/fondoLogueado.jpg");
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fondo-color-paginas-anonimas {
    background-color: white;
}

.fondo-color-paginas-logueadas {
    background-color: white;
}

/*Cambios estilos kendo por actualizacion**/
.k-grid .k-toolbar {
    overflow: visible;
}

.k-textbox > .k-input {
    line-height: 1.93571428em !important;
}

.k-widget.k-textbox {
    width: 100%;
}

/* REDISEÑO */
*, ::after, ::before {
    box-sizing: border-box;
}

html {
    font-size: 16px;
}

body, html {
    height: 100%;
}

body {
    background-color: var(--acr-dust);
    font-family: acr-font;
    font-size: 16px;
}

/* BOOTSTRAP 5 SIMULATE */
.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important;
}

.fs-5 {
    font-size: calc(1rem) !important;
}

.h-100 {
    height: 100% !important;
}

.w-100 {
    width: 100% !important;
}

.text-nowrap {
    white-space: nowrap;
}

.text-end {
    text-align: end !important;
}

.text-start {
    text-align: start !important;
}

.text-primary {
    color: var(--acr-orange) !important;
}

.text-bold {
    font-weight: 700 !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}


/* REDISEÑO ACR
----------------------------------------------------------------------------*/
.acr-login-header {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    max-width: 100%;
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: var(--acr-dust);
}

    .acr-login-header .acr-header-branding {
        margin: 0 !important;
        position: relative;
        z-index: 9999;
    }

        .acr-login-header .acr-header-branding .acr-header-logo {
            margin-left: 3.75rem;
            margin-bottom: 0;
        }

            .acr-login-header .acr-header-branding .acr-header-logo svg {
                width: 150px;
                height: auto;
            }

.acr-site-content {
    padding-top: 183px;
}

.acr-header-title {
    background-color: var(--acr-dust);
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
}

    .acr-header-title h3 {
        font-size: 50px;
        line-height: 1;
        font-weight: 300;
        margin: 0 auto;
        max-width: 600px;
    }

/*.acr-header-subtitle {
    font-size: 1.5rem;
    position: absolute;
    width: 60%;
    text-align: center;
    z-index: 101;
    font-weight: bold;
    margin: 10px 0 0 20%;
}*/

.text-acr-naranja,
.acr-terminos-condiciones a > span {
    color: var(--acr-orange) !important;
}

.text-acr-verde {
    color: var(--acr-green) !important;
}

#body-login input.form-control,
#body-login .k-dropdown .k-dropdown-wrap,
#body-login .k-numerictextbox .k-numeric-wrap,
#body-login .k-datepicker .k-picker-wrap {
    border-radius: 0;
    border-color: var(--acr-orange);
    -webkit-box-shadow: none;
    box-shadow: none;
}

    #body-login input.form-control:focus,
    #body-login .k-dropdown:focus .k-dropdown-wrap,,
    #body-login .k-numerictextbox .k-numeric-wrap,
    #body-login .k-datepicker:focus .k-picker-wrap {
        border-color: var(--acr-orange);
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

input.form-control,
.k-dropdown,
.k-dropdown-wrap,
.k-textbox,
.custom-file-label,
.btn,
.k-datepicker,
.k-picker-wrap,
.k-upload,
textarea.form-control {
    border-radius: 0 !important;
}

a:not(.btn), a:not(.btn):focus, a:not(.btn):active, a:not(.btn):visited, a:not(.btn):hover {
    color: black;
    font-weight: 700;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: white;
    text-decoration: none;
    background-color: black;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: white;
    text-decoration: none;
    background-color: black;
}

.btn-acr, .btn-acr-inverted {
    position: relative;
    cursor: pointer;
    display: inline-block;
}

    .btn-acr .btn-acr-action:disabled,
    .btn-acr-inverted .btn-acr-action:disabled {
        cursor: not-allowed;
    }

    .btn-acr .btn-acr-action,
    .btn-acr-inverted .btn-acr-action {
        font-size: 14px;
        font-weight: 700;
        box-shadow: none !important;
        outline: 0 !important;
        text-transform: uppercase;
        transition: all 0.2s ease-out 0.2s;
        color: var(--acr-black) !important;
        background-color: transparent !important;
    }

    .btn-acr.btn-light .btn-acr-action {
        color: white !important;
    }

    .btn-acr::before {
        content: '';
        position: absolute;
        background-color: var(--acr-black);
        height: 1px;
        width: 60px;
        top: 50%;
        left: -60px;
        transition: all 0.5s;
    }

    .btn-acr.btn-light::before {
        background-color: white !important;
    }

    .btn-acr-inverted::after {
        content: '';
        position: absolute;
        background-color: var(--acr-black);
        height: 1px;
        width: 60px;
        top: 50%;
        right: -60px;
        transition: all 0.5s;
    }

    .btn-acr:hover .btn-acr-action:not(:disabled),
    .btn-acr-inverted:hover .btn-acr-action:not(:disabled) {
        transition: all 0.2s;
        transform: translateY(-15px);
    }

    .btn-acr:hover::before {
        width: 80%;
        left: 10%;
    }

    .btn-acr-inverted:hover::after {
        width: 80%;
        right: 10%;
    }

.hidden-label {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    word-wrap: normal !important;
}

.login-description {
    background-color: var(--acr-black);
    color: var(--acr-white);
    padding: 56px 20px 56px 52px;
}

.acr-login-sm {
    padding-top: 25px;
}

.alert-info,
.badge-info {
    background-color: var(--acr-green);
    border-color: #9e9c24;
    color: var(--acr-white);
}

.text-info {
    color: var(--acr-green) !important;
}

/* Estilos para la plantilla de Login
----------------------------------------------------------------------------*/

.login-mensaje {
    font-size: 18px;
    max-width: 610px;
    min-width: 60%;
    margin: auto;
    text-align: center;
    padding: 0 3rem;
}

.fondo-home-paginas-anonimas {
    background-image: url("/Content/Candidatos/fondoAnonimo.jpg");
    min-height: 400px;
    backdrop-filter: blur(5px);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.login-botonera {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 3rem 10%;
    min-height: 450px;
}

.login-boton {
    color: white;
    padding: 2rem 3rem;
    text-align: right;
    flex-grow: 1;
    min-width: 355px;
    box-shadow: 0 0 10px -3px rgb(0 0 0 / 25%);
}

    .login-boton.trabaja {
        background-color: var(--acr-green);
    }

    .login-boton.login {
        background-color: var(--acr-orange);
    }

    .login-boton.ofertas {
        background-color: var(--acr-black);
    }

    .login-boton span {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }

        .login-boton span:first-child {
            font-weight: 700;
        }

/* Estilo de Footer
----------------------------------------------------------------------------*/
#body-signed .footer {
    background-color: var(--acr-dust);
    padding-top: 40px;
}

.footer {
    padding-bottom: 4rem;
}

    .footer .acr-footer-logo {
        width: 172px;
        margin: auto;
    }

    .footer hr {
        border-top: 2px solid var(--acr-black);
    }

    .footer a {
        color: var(--acr-black) !important;
        font-weight: 400 !important;
    }

/* Estilo del formulario de inicio de sesion
----------------------------------------------------------------------------*/

.inicio-sesion {
    background-color: #fff;
    color: var(--acr-black);
    padding: 2rem 3rem;
    box-shadow: 0 0 10px -3px rgb(0 0 0 / 25%);
    max-width: 300px;
    min-width: 45%;
}


.form-checkbox-acr input {
    width: 25px;
    height: 25px;
    border-radius: 0;
    border-color: var(--acr-orange) !important;
    outline: 0 !important;
    box-shadow: none !important;
    margin: 0;
    margin-right: 5px;
}

    .form-checkbox-acr input:checked {
        background-color: var(--acr-orange) !important;
    }

.form-checkbox-acr label {
    user-select: none;
    font-weight: 400;
}

.acr-form-login-header {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: space-between;
    column-gap: 100px;
    margin: 0px -15px 10px -15px;
    align-items: flex-end;
}

.section-title {
    font-size: 18px;
}

/* Estilo del formulario de registro
----------------------------------------------------------------------------*/

.panel-datos-candidato {
    background-color: #fff;
    color: var(--acr-black);
    padding: 2rem 0;
    margin: 2rem 0;
    box-shadow: 0 0 10px -3px rgb(0 0 0 / 25%);
    min-width: 300px;
}

.col-padding {
    padding: 10px 15px 0 !important;
}

.k-wizard-step:focus {
    outline: none !important;
}

.k-wizard-steps {
    margin-top: 0 !important;
}

.k-wizard-buttons {
    margin-top: 2rem !important;
}

    .k-wizard-buttons .k-wizard-buttons-left {
        min-width: 100px;
    }

    .k-wizard-buttons .k-wizard-buttons-right {
        text-align: end;
    }

        .k-wizard-buttons .k-wizard-buttons-right button {
            margin-right: 0;
            margin-bottom: 8px;
            margin-left: 16px;
        }

.k-state-selected {
    border-color: var(--acr-orange) !important;
    background-color: var(--acr-orange) !important;
    box-shadow: none !important;
}

.k-stepper .k-state-selected,
.k-stepper .k-step-current .k-step-indicator,
.k-stepper .k-step-done .k-step-indicator,
.k-wizard-steps .k-primary {
    border-color: var(--acr-green) !important;
    background-color: var(--acr-green) !important;
    box-shadow: none !important;
}

#body-login input.form-control {
    height: auto;
    box-sizing: border-box;
}

#body-login .required::after {
    content: " *";
}

.k-list > .k-state-selected,
.k-list-optionlabel.k-state-selected {
    background-color: var(--acr-orange) !important;
    border: none !important;
}

.k-list > .k-state-focused.k-state-selected,
.k-list-optionlabel.k-state-selected {
    box-shadow: none !important;
    color: #fff !important;
}

.disclaimer-wrap {
    height: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.disclaimer-link {
    user-select: none;
    font-weight: 500;
    cursor: pointer;
    padding: 3px 5px 0 3px;
}

/*.btn-submit-acr {
    background-color: var(--acr-orange);
    color: white !important;
}

    .btn-submit-acr:hover {
        opacity: .9;
    }*/

.k-calendar .k-calendar-header .k-today, .k-calendar .k-footer .k-nav-today {
    color: var(--acr-orange);
}

.k-calendar .k-today .k-link {
    color: var(--acr-orange);
    box-shadow: inset 0 0 0 1px var(--acr-orange);
    ;
}

.k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 7px 0 var(--acr-orange);
}

.k-calendar td.k-state-selected .k-link {
    border-color: var(--acr-orange);
    background-color: var(--acr-orange);
}

/* Estilo del listado de ofertas
----------------------------------------------------------------------------*/
.ofertas-cabecera {
    background-color: #fff;
    color: var(--acr-black);
    padding: 2rem 3rem;
    margin: 2rem 0;
    box-shadow: 0 0 10px -3px rgb(0 0 0 / 25%);
    min-width: 300px;
}

    .ofertas-cabecera .ofertas-title {
        flex: 1;
        text-align: center;
        margin-left: -65px;
    }

.ofertas-listado {
    color: var(--acr-black);
    margin-top: 2rem;
}

    .ofertas-listado #gridOferta {
        border-radius: 0;
        border: 0px;
        box-shadow: none;
    }

        .ofertas-listado #gridOferta .k-grid-top {
            background-color: transparent;
            border: 0px;
        }

        .ofertas-listado #gridOferta .k-master-row {
            background-color: transparent;
        }

            .ofertas-listado #gridOferta .k-master-row.k-alt {
                background-color: var(--acr-dust);
            }

        .ofertas-listado #gridOferta td {
            border: 0;
            padding: 0;
        }

        .ofertas-listado #gridOferta .ofertas-oferta {
            padding: 2rem 3rem;
        }

            .ofertas-listado #gridOferta .ofertas-oferta:hover .btn-acr .btn-acr-action:not(:disabled) {
                transition: all 0.2s;
                transform: translateY(-15px);
            }

            .ofertas-listado #gridOferta .ofertas-oferta:hover .btn-acr::before {
                width: 80%;
                left: 10%;
            }

        .ofertas-listado #gridOferta .oferta-titulo {
            font-size: 1.75rem;
            font-weight: 700;
        }

        .ofertas-listado #gridOferta .oferta-contenido {
            color: var(--acr-grey);
            display: flex;
            gap: 2rem;
            flex-wrap: wrap;
        }

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

/* Estilo de la vista de oferta
----------------------------------------------------------------------------*/

.vista-oferta {
    background-color: #fff;
    color: var(--acr-black);
    padding: 2rem 3rem;
    margin: 2rem 0;
    box-shadow: 0 0 10px -3px rgb(0 0 0 / 25%);
    min-width: 300px;
}

    .vista-oferta .row {
        margin: 0 !important;
    }

    .vista-oferta .oferta-info-general {
        color: #fff;
        background-color: var(--acr-black);
        padding: 2rem 3rem;
    }

    .vista-oferta .oferta-requisitos {
        background-color: var(--acr-dust);
    }

    .vista-oferta .oferta-requisitos,
    .vista-oferta .oferta-descripcion {
        padding: 2rem 3rem;
    }

        .vista-oferta .oferta-requisitos .oferta-display-text > *,
        .vista-oferta .oferta-descripcion .oferta-display-text > * {
            background-color: transparent !important;
        }

.btn-acr-clasic,
.k-wizard-buttons .k-wizard-buttons-right button,
.k-button.k-upload-button {
    background-color: var(--acr-black) !important;
    color: white !important;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    cursor: pointer !important;
    padding: 10px 22px;
    border: 2px solid var(--acr-black) !important;
}

    .btn-acr-clasic.clasic-wrap {
        white-space: break-spaces;
    }

    .btn-acr-clasic.clasic-sm,
    .k-wizard-buttons .k-wizard-buttons-right button,
    .k-button.k-upload-button {
        padding: 5px 15px;
    }

        .btn-acr-clasic:hover,
        .k-wizard-buttons .k-wizard-buttons-right button:hover,
        .k-button.k-upload-button:hover {
            background-color: white !important;
            color: var(--acr-black) !important;
            font-weight: normal !important;
        }

    .btn-acr-clasic.clasic-info {
        background-color: var(--acr-orange) !important;
        border: 2px solid var(--acr-orange) !important;
    }

        .btn-acr-clasic.clasic-info:hover {
            color: var(--acr-orange) !important;
            background-color: white !important;
        }

    .btn-acr-clasic.clasic-success {
        background-color: var(--acr-green) !important;
        border: 2px solid var(--acr-green) !important;
    }

        .btn-acr-clasic.clasic-success:hover {
            color: var(--acr-green) !important;
            background-color: white !important;
        }

    .btn-acr-clasic.clasic-secondary {
        background-color: var(--acr-grey) !important;
        border: 2px solid var(--acr-grey) !important;
    }

        .btn-acr-clasic.clasic-secondary:hover {
            color: var(--acr-grey) !important;
            background-color: white !important;
        }


/* REDISEÑO INTERNO
----------------------------------------------------------------------------*/
.navbar-inverse {
    background-color: var(--acr-black);
    border-width: 0;
}

    .navbar-inverse .navbar-nav.acr-menu > li > a::after,
    footer a::after {
        content: '';
        width: 0px;
        height: 1px;
        display: block;
        background: var(--acr-dust);
        transition: 300ms;
    }

    .navbar-inverse .navbar-nav.acr-menu > li > a:hover::after,
    .navbar-inverse .navbar-nav.acr-menu > li > a:focus::after,
    footer a:hover::after,
    footer a:focus::after {
        width: 100%;
    }

    .navbar-inverse .navbar-nav.acr-menu > .active > a::after,
    .navbar-inverse .navbar-nav.acr-menu > .active > a:hover::after,
    .navbar-inverse .navbar-nav.acr-menu > .active > a:focus::after {
        width: 100%;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: var(--acr-dust);
        display: inline-block;
        /*padding-top: 20px;
        padding-bottom: 10px;*/
    }

        .navbar-inverse .navbar-nav > li > a:hover,
        .navbar-inverse .navbar-nav > li > a:focus {
            color: var(--acr-dust);
        }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        color: var(--acr-dust);
        background-color: transparent;
    }

.navbar-collapse {
    border-top: none;
}

.acr-navbar-brand {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    column-gap: 15px;
    user-select: none;
}

    .acr-navbar-brand .navbar-brand {
        color: var(--acr-dust) !important;
    }

.acr-navbar-logo svg {
    height: 32px;
}

.panelContenido {
    margin-bottom: 32px;
}

.candidato-panel {
    background-color: var(--acr-white);
    padding: 2rem;
}

    .candidato-panel hr {
        margin: 1rem -1rem;
    }

    .candidato-panel .candidato-basic .img-ficha-candidato {
        margin: 0 auto 1rem;
        border-radius: 50%;
        width: fit-content;
        overflow: hidden;
        box-shadow: 0 0 1rem 0 rgb(0 0 0 / 8%);
    }

    .candidato-panel .candidato-basic .candidato-nombre {
        text-align: center;
        font-weight: 600;
    }

    .candidato-panel .panel-title {
        font-size: 1.1rem;
        font-weight: 400;
        color: var(--acr-orange);
        margin-bottom: 10px;
    }

    .candidato-panel .contacto-item {
        display: flex;
        column-gap: 10px;
        align-items: center;
        margin: 0.75rem 0;
    }

        .candidato-panel .contacto-item a {
            font-weight: 400 !important;
            color: var(--acr-black) !important;
        }

        .candidato-panel .contacto-item .contacto-etiqueta {
            background: var(--acr-green);
            color: var(--acr-white);
            border-radius: 50%;
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .candidato-panel .contacto-item .contacto-etiqueta i {
                font-size: 18px;
            }

    .candidato-panel .k-upload,
    .candidato-panel .k-dropzone {
        background: transparent !important;
        border: 0 !important;
    }

    .candidato-panel .form-display {
        min-height: 55px;
    }

    .candidato-panel .etiqueta-datos {
        font-weight: 300;
        color: var(--acr-grey);
        margin: 8px 0 0 0;
    }

        .candidato-panel .etiqueta-datos label {
            font-weight: 300;
            margin: 0;
        }

    .candidato-panel .btn-acr-clasic {
        font-weight: normal !important;
    }

    .candidato-panel .panel-body {
        padding: 0 15px;
    }

    .candidato-panel .k-grid {
        border-radius: 0 !important;
        border: 0 !important;
        box-shadow: none;
        color: var(--acr-black);
    }

        .candidato-panel .k-grid .datos-candidato {
            border-radius: 0 !important;
        }

        .candidato-panel .k-grid .k-toolbar {
            background: transparent !important;
            border-radius: 0 !important;
        }

    .candidato-panel table .etiqueta-datos {
        color: var(--acr-black);
        margin: 0;
        font-weight: 600;
    }

.k-button.k-upload-button:hover img {
    mix-blend-mode: difference;
}

.k-multiselect .k-button {
    color: #fff;
    border-color: #a9a726;
    background-color: #a9a726;
}

.k-multiselect .k-button.k-state-hover {
    border-color: black;
    background-color: black;
}

.k-panelbar > li.k-state-default > .k-link, .k-tabstrip-items .k-state-default .k-link {
    color: #000000;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    /* color: #fff; */
    text-decoration: none;
    /* background-color: #337ab7; */
    outline: 0;
}

.pull-right-flex {
    flex: 1;
    text-align: right;
}

/* RESPONSIVE
----------------------------------------------------------------------------*/
/* Small devices (landscape phones, 576px and up) */
/* REDISEÑO ACR MEDIA QUERYS
----------------------------------------------------------------------------*/
@media only screen and (max-width: 1440px) {
    .login-mensaje {
        min-width: 80%;
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 3.5rem !important;
    }

    .fs-3 {
        font-size: 1.75rem !important;
    }
}

@media only screen and (max-width: 1120px) {
    .acr-login-header {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .acr-login-header .acr-header-branding .acr-header-logo svg {
            width: 120px;
        }

    .login-mensaje {
        min-width: 80%;
    }

    .acr-site-content {
        padding-top: 90px;
    }
}

@media only screen and (max-width: 900px) {
    .acr-login-header .acr-header-branding .acr-header-logo svg {
        width: 100px;
    }

    .acr-header-subtitle {
        display: none;
    }

    .acr-site-content {
        padding-top: 83px;
    }
}

@media only screen and (max-width: 765px) {
    .login-mensaje {
        font-size: 16px;
    }

    .acr-header-title h3 {
        font-size: 22px;
        max-width: 610px;
        font-weight: 500;
    }

    .login-description {
        padding: 26px 20px 20px 52px;
        margin-bottom: 20px;
    }

        .login-description.confirmation {
            margin-left: 50px;
            margin-right: 50px;
        }
}

@media only screen and (max-width: 600px) {
    .acr-login-header {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

        .acr-login-header .acr-header-branding .acr-header-logo {
            margin-left: 1rem !important;
        }

            .acr-login-header .acr-header-branding .acr-header-logo svg {
                width: 78px;
            }

    .acr-site-content {
        padding-top: 66px;
    }
}

@media (min-width: 576px) {
    .pt-sm-5 {
        margin-top: 3rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }

    .inicio-sesion-submit {
        display: flex;
        justify-content: space-between;
        column-gap: 75px;
    }

    .forgot-password-submit {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        column-gap: 75px;
    }
}


/* REDISEÑO ACR ANIMATIONS
----------------------------------------------------------------------------*/
@keyframes entrada {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.animacion-entrada {
    opacity: 0;
    animation-name: entrada;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.animacion-entrada-2 {
    opacity: 0;
    animation-name: entrada;
    animation-duration: 1s;
    animation-delay: 1.35s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 1000000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 9999999; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block; }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .sweet-alert fieldset {
    border: none;
    position: relative; }
  .sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      transition: padding 0.25s, max-height 0.25s; }
    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .sweet-alert .sa-error-container p {
      display: inline-block; }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .sweet-alert .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-alert .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-alert .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sweet-alert input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .sweet-alert input:focus::-moz-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus:-ms-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .sweet-alert input::-moz-placeholder {
      color: #bdbdbd; }
    .sweet-alert input:-ms-input-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-webkit-input-placeholder {
      color: #bdbdbd; }
  .sweet-alert.show-input input {
    display: block; }
.sweet-alert button {
    background-color: #a9a726;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer;
}
    .sweet-alert button:focus {
        outline: none;
        box-shadow: #a9a726;
    }
    .sweet-alert button:hover {
        background-color: #a9a726;
    }
    .sweet-alert button:active {
        background-color: #a9a726;
    }
    .sweet-alert button.cancel {
      background-color: #B0B0B0; }
      .sweet-alert button.cancel:hover {
        background-color: #c8c8c8; }
      .sweet-alert button.cancel:active {
        background-color: #b6b6b6; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        -webkit-border-radius: 120px 0 0 120px;
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        -webkit-border-radius: 0 120px 120px 0;
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }

  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }

  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }

  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }

  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }

  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }

  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }

  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }

  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }

  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }

  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }

  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }

  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }

  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }

  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }
.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }
.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }
.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }
.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }
.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }
.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }

  54% {
    width: 0;
    left: 1px;
    top: 19px; }

  70% {
    width: 50px;
    left: -8px;
    top: 37px; }

  84% {
    width: 17px;
    left: 21px;
    top: 48px; }

  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }

  54% {
    width: 0;
    left: 1px;
    top: 19px; }

  70% {
    width: 50px;
    left: -8px;
    top: 37px; }

  84% {
    width: 17px;
    left: 21px;
    top: 48px; }

  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }

  65% {
    width: 0;
    right: 46px;
    top: 54px; }

  84% {
    width: 55px;
    right: 0px;
    top: 35px; }

  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }

  65% {
    width: 0;
    right: 46px;
    top: 54px; }

  84% {
    width: 55px;
    right: 0px;
    top: 35px; }

  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }

  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }

  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }

  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }

  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }

  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }

  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }

  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }

  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }

  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }

  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }

  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }

  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }

  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }

  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }

  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }

  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }


/*#BackToTop{z-index:10;float:left;display:none;color:#eee;margin:0 5px;padding:3px;text-decoration:none;border:1px solid #831608;font:bold 14px Arial,Helvetica;position:fixed;top:10px;right:10px;background:#bb413b;background:-moz-linear-gradient(top, #bb413b 0, #831608 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #bb413b), color-stop(100%, #831608));background:-webkit-linear-gradient(top, #bb413b 0, #831608 100%);background:-o-linear-gradient(top, #bb413b 0, #831608 100%);background:-ms-linear-gradient(top, #bb413b 0, #831608 100%);background:linear-gradient(to bottom, #bb413b 0, #831608 100%);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;text-shadow:0 -1px 0 rgba(0,0,0,0.8);box-shadow:0 1px 0 rgba(255,255,255,0.3) 0 3px 0 rgba(0,0,0,0.7) 0 2px 2px rgba(0,0,0,0.5) 0 1px 0 rgba(255,255,255,0.5) inset #000;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.3) 0 3px 0 rgba(0,0,0,0.7) 0 2px 2px rgba(0,0,0,0.5) 0 1px 0 rgba(255,255,255,0.5) inset #000;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.3) 0 3px 0 rgba(0,0,0,0.7) 0 2px 2px rgba(0,0,0,0.5) 0 1px 0 rgba(255,255,255,0.5) inset #000;-khtml-box-shadow:0 1px 0 rgba(255,255,255,0.3) 0 3px 0 rgba(0,0,0,0.7) 0 2px 2px rgba(0,0,0,0.5) 0 1px 0 rgba(255,255,255,0.5) inset #000;-o-box-shadow:0 1px 0 rgba(255,255,255,0.3) 0 3px 0 rgba(0,0,0,0.7) 0 2px 2px rgba(0,0,0,0.5) 0 1px 0 rgba(255,255,255,0.5) inset #000}#BackToTop span{border:1px dashed #eba1a3;display:block;padding:4px 15px;cursor:pointer;background:#d4463c;background:-moz-linear-gradient(top, #d4463c 0, #aa2618 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #d4463c), color-stop(100%, #aa2618));background:-webkit-linear-gradient(top, #d4463c 0, #aa2618 100%);background:-o-linear-gradient(top, #d4463c 0, #aa2618 100%);background:-ms-linear-gradient(top, #d4463c 0, #aa2618 100%);background:linear-gradient(to bottom, #d4463c 0, #aa2618 100%);}
*/