/* Clases para los formularios de Login,AccountRecovery y DobleComprobacion */
.formulario{
    margin-top: 50%;
    padding-top: 6%;
    padding-bottom: 3%;
    border: 1.5px solid white;
    backdrop-filter: blur(8px) brightness(60%);
}

.formulario input{
    width:305px;
} 

.texto-formulario{
    text-align: justify !important;
    margin-left: 20% !important;
    margin-right: 20% !important;
}

.titulo-formulario{
    font-size: 1.6rem;
}

/* Login */

.enlace-recuperar-password{
    padding-top:5.5%;
}

.titulo-form-login{
    font-size: 2rem;
}

/* Spinner*/
.contenedor-spinner{
    padding-top:300px !important;
}

.spinner{
    width:50px !important;
    height:50px !important;
}

/* Sesion caducada */
.texto-sesion-caducada{
    text-align: justify !important;
    margin-left:20% !important;
    margin-right: 20% !important;
}

.formulario-sesion-caducada{
    width: 85%;
    margin-top: 50%;
    padding-top: 6%;
    padding-bottom: 3%;
    border: 1.5px solid white;
    backdrop-filter: blur(8px) brightness(60%);
}

/* CambioPass */
.textotitulo-formulario-cambio-pass{
    text-align: center !important;
    font-size: 1.3rem;
}

.texto-formulario-cambio-pass{
    text-align: center !important;
    font-size: 1.2rem;
}

/* Icono toast */
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
    align-self: center;
    font-size: 2rem;
}

.dialogo .p-dialog-header {
    display: none !important;
 }

 /* Color iconos */
 .icono{
    color:#1B74C5
 }

/*  estado Activo/Cancelado */
 .estado {
    border-radius: 2px;
    padding: 0.25em 0.5rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.3px;
}
.estado.estado_baja-activo {
    background: #c8e6c9;
    color: #256029;
}
.estado.estado_baja-sin-asignar {
    background: #f5c99d;
    color: #f57c00;
}
.estado.estado_baja-cancelado {
    background: #ffcdd2;
    color: #c63737;
}
/*  estado llamada No Contestada/Contestada/Ocupada/Fallida */
.estadoLlamada {
    border-radius: 2px;
    padding: 0.25em 0.5rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.3px;
}
.estadoLlamada.contestada{
    background: #c8e6c9;
    color: #256029;
}
.estadoLlamada.fallida {
    background: #ffcdd2;
    color: #c63737;
}
.estadoLlamada.ocupada {
    background: #FEEDAF;
    color: #8A5340;
}
.estadoLlamada.noContestada {
    background-color: #515C66;
    color:white;
}
.botonDescargarGrabacion:disabled{
    color: #515C66 !important;
}

.botonDescargarGrabacion{
    color: #1B74C5 !important;
}

.posicion-switch {
  margin-top: -10px;
  margin-bottom: -35px;
}

.texto-switch-servicio-movil{
    padding-left: 5% !important;
}

/* Estado ticket */
.estadoTicket {
    border-radius: 2px;
    padding: 0.25em 0.5rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.3px;
}
.estadoTicket.solventado{
    background: #c8e6c9;
    color: #256029;
}
.estadoTicket.nuevo {
    background: #b4d6f1;
    color: #1B74C5;
}
.estadoTicket.enProgreso {
    background: #FEEDAF;
    color: #8A5340;
}
.estadoTicket.pendiente {
    background-color: #515C66;
    color:white;
}
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img {
    height: 35px;
}
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img {
    height: 35px;
}
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left {
    background: #434B54;
}

.texto-version{
    color:white;
    position: fixed;
    bottom:0;
    margin-left: 4.5px;
    margin-bottom:4.5px;
    font-size: 10px;
}

/* crear horario */
.regla-todo-el-dia{
    width: 45.9% !important;
}

.boton-todo-el-dia{
    margin-top: -8% !important;
}

.boton-todo-el-dia-desactivado{
    margin-top: -5% !important;
}

/* pagina ayuda */
.parrafo-pagina-ayuda{
    margin-top:-0.9% ;
}

/* spinner */
.p-progress-spinner-circle {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: 0;
    stroke: #d62d20;
    animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
    stroke-linecap: round;
}
@keyframes p-progress-spinner-rotate {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes p-progress-spinner-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}
@keyframes p-progress-spinner-color {
    100%,
    0% {
        stroke: #d62d20;
    }
    40% {
        stroke: #0057e7;
    }
    66% {
        stroke: #008744;
    }
    80%,
    90% {
        stroke: #ffa700;
    }
}