html, body,.btn {
    font-family: Helvetica, Arial,sans-serif;
}
.m-brand .m-brand__logo .m-brand__logo-wrapper{
    font-size:16px;
}
.lg-bg{
    /* fondo para el AUTH */
    background: url(../images/ballena2.jpg) no-repeat bottom center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.w_100{
    width:100px;
}
.piel_1{
    background-color:#ffcd36;
    color:#ffcd36;
}
.piel_2{
    background-color:#fce9c8;
    color:#fce9c8;
}
.piel_3{
    background-color:#b1784b;
    color:#b1784b;
}
.piel_4{
    background-color:#694e43;
    color:#694e43;
}
.btn-raza.active{
    color:#000;
}
.btn-sm, .btn-group-sm > .btn.btn-raza {
    padding: 0.35rem 0.55rem !important;
}
.btn-keywords{
    border:2px solid transparent;
}
.btn-keywords.active{
    background-color: #53b0f8;
    color: #fff;
}
.btn-start{
    /*border:2px solid #e20911;*/
    border:2px solid #cfcfcf;
}
.btn-start.active{
    border-color: rgba(226,9,17,0.7);
}
.start h2{
    font-size:1.5em;
}
.fa-2x {
    font-size: 2em !important;
}
.fs-2x{
    font-size: 2em !important;
}
.fs-8x {
    font-size: 8em !important;
}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    padding: 0.65rem 1rem;
}
input[type="date"].form-control-sm, input[type="time"].form-control-sm, input[type="datetime-local"].form-control-sm, input[type="month"].form-control-sm, .datepicker.form-control-sm {
    padding:0.35rem 0.75rem;
}
.datepicker {
    max-width: 100%;
}
button, button:hover {
    border-color: transparent;
    background-color: transparent;
    cursor: pointer;
}
.m-accordion .m-accordion__item{
    border-radius:0;
    border-left:0 !important;
    border-right:0 !important;
}
.m-accordion .m-accordion__item .m-accordion__item-head .m-accordion__item-title{
    font-size:1rem;
}
.green{
    color:#34bfa3;
}
.red{
    color:#f4516c;
}
.orange{
    color:#ffbd31;
}
.white{
    color:#efefef;
}
.black{
    color:#666;
}
.line{
    border-bottom:2px solid #e20911;
}
.help-block{
    font-size:0.8em;
}
.form-control[readonly]{
    background-color: #cdcdcd;
}
.modal-480{
    max-width:480px !important;
    width:100%;
}
.alert {
    padding: 0.85rem 2rem 0.85rem 1.5rem;
}
.opa-50{
    opacity:0.3;
}
.img-candidato{
    position:relative;
}
.selecciona{
    position:absolute;
    bottom:0;
    width:calc(100% - 0.45rem);
}
.elegido{
    border-color:  #e20911 !important;
    background-color: #e20911 !important;
}
.elegido i{
    color: #fff !important;
}
.img-candidato:hover .selecciona{
    display:block !important;
}
/* SLIDER */
.slidecontainer {
    width: 100%; /* Width of the outside container */
}
/* The slider itself */
.slider {
    /*-webkit-appearance: none;
    appearance: none; */
    width: 100%; /* Full-width */
    height: 25px; /* Specified height */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
}
.slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}
/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
    /*-webkit-appearance: none;*/
    appearance: none;
    /*width: 20px; 
    height: 20px;*/
    background: #e20911;
    cursor: pointer;
    border:0;
}

.slider::-moz-range-thumb {
    /*width: 20px;
    height: 20px;*/
    background: #e20911;
    cursor: pointer;
    border:0;
}
/* End::SLIDER */
.punto{
    position: absolute;
    top: 5px;
    left: 10px;
    background-color: #000;
    padding: 1px 2px;
    border-radius: 15px;
    line-height: 1em;
}
.badge-tag{
    position:absolute;
    bottom:0;
    width:100%;
}
.badge-tag span{
    margin-right:1px;
}
#columnaIzdaBoton{
    position:relative;
}
#columnaIzdaBoton a{
    position:absolute;
    top:10px;
    left:0;
    height:25px;
    border:1px solid #cccccc;
    border-left:0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding:2px 5px 0;
}
.foto-candidato{
    width:100%;
    min-height:60px;
    background-color:#fff;
    display:block;
}
#gotopage{
    width:120px;
    margin-left:10px;
    display:inline-block;
}
.left32{
    left:255px !important;
}
.thumb{
    position: relative;
}
.borra-foto-candidato{
    position: absolute;
    bottom: 7px;
    right: 15px;
    width: 30px;
}
.position-fixed-lg{
    position: relative !important;
}
.text-decoration-underline{
    text-decoration:underline;
}
.img-candidato:hover .boton-whatsapp,
.img-candidato:hover .boton-listado-imprimir{
    display:block !important;
}
.boton-whatsapp,
.boton-listado-imprimir{
    position:absolute;
    top:0;
    right:0;
    display:none;
}
.btn.btn-secondary.boton-whatsapp:hover{
    background: #25D366 !important;
    border-color:#25D366;
}
.btn.btn-secondary.boton-whatsapp:hover i,
.btn.btn-secondary.boton-whatsapp:visited i{
    color:#fff;
}
.btn.btn-secondary.boton-whatsapp:visited{
    background: #34B7F1 !important;
    border-color:#34B7F1;
}
@media(min-width:768px){
    
}
@media(min-width:992px){
    #talent-form{
        height: 100vh;
        overflow-y: scroll;
        position: fixed;
        width: 255px;
    }
    .left32{
        left:0 !important;
    }
}
@media(min-width:1200px){
    
}
@media(min-width:1600px){
    .position-fixed-lg{
        position: fixed !important;
    }
}

.xdebug-error/*, .xe-notice*/{
    margin-top:80px;
    font-size:1.2em;
}