/* 
    Created on : 23/12/2019, 04:32:55 PM
    Author     : jsmartinezr
*/

/*
    Estilos para LOADER
*/
/*.loader {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #31708f;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite;  Safari 
  animation: spin 2s linear infinite;
}

 Safari 
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}*/

/**
  * Estilo para ocultar el control nativo del navegador que muestra u oculta las contraseñas en el campo tipo password 
  */
input[type="password"]::-ms-reveal, /* Oculta el ícono en Edge */
input[type="password"]::-ms-clear, /* Oculta el ícono en Edge */
input[type="password"]::-webkit-clear-button, /* Oculta el ícono en WebKit (Chrome, Safari) */
input[type="password"]::-webkit-textfield-decoration-container {
  display: none;
}

/**
 * SLIDE BUTTON
 */

#status {
  background: #fff;
  border:2px solid #10312B;
  border-radius:2px;
  height:54px;
}

@keyframes fadein {
 	from{ opacity:0; }
  to{ opacity:1; }
}

#confirm {
    appearance:none!important;
    background:transparent;
    height:18px;
    padding:0 5px;
    width:100%;
    pointer-events: none;
}

#confirm,
#confirm::-webkit-slider-runnable-track,
#confirm::-webkit-slider-thumb {
  -webkit-appearance: none;
  /*height: 33px;*/
}

#confirm::-webkit-slider-thumb {
    appearance:none!important;
    height:40px;
    width:120px;
    border:2px solid #691C32;
    border-radius:6px;
    cursor:e-resize;
    background:no-repeat center center;
    background-image: url("../img/Flecha-2.png");
    background-color: #9F2241;
    background-size: 20px;
    pointer-events: all;
}

#confirm::-moz-range-thumb {
    appearance:none!important;
    height:40px;
    width:120px;
    border:2px solid #691C32;
    border-radius:6px;
    cursor:e-resize;
    background:no-repeat center center;
    background-image: url("../img/Flecha-2.png");
    background-color: #9F2241;
    background-size: 20px;
    pointer-events: all;
}

#confirm::-ms-thumb {
    appearance:none!important;
    height:40px;
    width:120px;
    border:2px solid #691C32;
    border-radius:6px;
    cursor:e-resize;
    background:no-repeat center center;
    background-image: url("../img/Flecha-2.png");
    background-color: #9F2241;
    background-size: 20px;
    pointer-events: all;
}

#confirm:hover::-webkit-slider-thumb {
    border-color:#10312B; 
    background-image: url("../img/Flecha-2.png");
    background-color: #235B4E;
    background-size: 20px;
}

#confirm:hover::-moz-range-thumb {
    border-color:#10312B; 
    background-image: url("../img/Flecha-2.png");
    background-color: #235B4E;
    background-size: 20px;
}

#confirm:hover::-ms-thumb {
    border-color:#10312B; 
    background-image: url("../img/Flecha-2.png");
    background-color: #235B4E;
    background-size: 20px;
}

@media (max-width: 767px) {
    /* Ocultamos columna del logo del encabezado de la página */
    #colLogoEnc {
        display: none;
    }
}

.cpf-hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #eee;
}