@charset "UTF-8";
/*
 * v1.0 (alfa)
 * Copyright 2023-2023 Authors Horacio Loredo (Hologa)
 * Copyright 2023-2023 opts.mx
 * Licensed under MIT (opts.mx)
 */

/* Fuentes */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');



:root {
    --opts-fuente-roboto:  'Roboto', sans-serif;
    --opts-fuente-open-sans: 'Open Sans', sans-serif;
    --opts-fuente-poppins: "Poppins" , sans-serif;
    --opts-white: #ffffff;
    --opts-black: #000000;
    --opts-verde-claro: #267d7d;
    --opts-principal-card:#033142;
    --opts-fondos:#141b26;
    --opts-fondo-1: #1a1b20; /* principal */
    --opts-fondo-2: #212227; /* secundario */
    --opts-fondo-3: #171E2E;
    --opts-fondo-4: #313742;
    
    /* theme dark/light */
    --bg-color: rgb(231, 231, 231);
    --text-color: rgba(33, 33, 33, 1);  
}

/* 
* * theme > dark
*/

[data-theme="dark"] {
    --bg-color: var(--opts-fondo-1);
    --text-color: rgba(224, 224, 224, 1);
    }

[data-theme="dark"]{
    .bg-buscador {
        background-color: var(--opts-fondo-2);
        }
    .text-buscador-principal{
        color: var(--opts-white);
    }
    .text-opciones{
        color: var(--opts-white);
    }
    .registros-encontrados-buscador{
        color: var(--opts-white);
    }
    .tabla-registro-buscador{
        background-color: var(--opts-fondos);
        color: var(--opts-white);
    }
    .accion-buscador{
        color: #298E3A;
        cursor: pointer;
    }
    
    .ui-dialog{
        background-color: var(--opts-fondo-3);
        color: var(--opts-white);
    }
    .ui.widget{
        background-color: var(--opts-principal-card);
        color: var(--opts-white);
    }
    .panel-gestion-texto{
        color: var(--opts-white);
    }
    .texto-datos-adicionales{
        color: var(--opts-white);
    }
    .bg-info-cartera{
        background-color: var(--opts-fondo-3);
        color: var(--opts-white);
    }
    .bg-warning-input{
        background-color: #CD9406;
        color: var(--opts-white);
    }
    .texto-datos-telefonicos{
        color: var(--opts-white);
    }

    .panel-gestion-buscador{
        background-color: var(--opts-verde-claro);
        color: var(--opts-white);
        border-radius: 20px 1px;
        padding: 8px;
        cursor: pointer;
    }
    .panel-datos-telefonicos{
        background-color: var(--opts-verde-claro);
    }
    .icon-paste-telefonicos{
        background-color: var(--opts-verde-claro);
        color: var(--opts-white);
        cursor: pointer;
    }
    .notas_supervisor{
        color: var(--opts-verde-claro);
    }

    .fa-binoculars{
        display: inline-block;
        border-radius: 60px;
        box-shadow: 0 0 2px #888;
        padding: 0.5em 0.6em;
        background-color: var(--opts-verde-claro);
        color: var(--opts-white);
    }

    .input-global{
        background-color: var(--opts-fondo-4);
        color: var(--opts-white);
    }
    
    

    
    
}


/*
* * fuera > light
*/

    .toggle-button {
        appearance: none;
        -webkit-appearance: none;
        outline: none;
        width: 30px;
        height: 31px;
        border-radius: 3px;
        position: relative;
        transition: 0.4s;
        background: url("../img/moon.png")
        no-repeat center #033142;
        background-size: 20px;
        cursor: pointer;
        margin-bottom: -11px;
        margin-right:2px;
        border: 0px;
        }
    .toggle-button:checked {
        background: url("../img/sun.png")
       /* no-repeat center #ffffff; */
        no-repeat center;
        background-size: 28px;
        }



    body {
        background-color: var(--bg-color);
        font: 62.5% "Arial", sans-serif; margin: 0px;
        
    }

    .registros-encontrados-buscador{
        color: var(--opts-verde-claro);
    }

    .tabla-registro-buscador{
        background-color: var(--opts-white);
        color: var(--opts-black);
    }

    .accion-buscador{
        color: #298E3A;
        cursor: pointer;
    }

    .panel-gestion-buscador{
        background-color: var(--opts-principal-card);
        color: var(--opts-white);
        border-radius: 20px 2px;
        padding: 8px;
        cursor: pointer;
    }

    .panel-datos-telefonicos{
        background-color: var(--opts-principal-card);
        color: var(--opts-white);
    }

    .icon-paste-telefonicos{
        background-color: var(--opts-principal-card);
        color: var(--opts-white);
        cursor: pointer;
    }

    .notas_supervisor{
        color: var(--opts-principal-card);
    }

    .fa-binoculars{
        display: inline-block;
        border-radius: 60px;
        box-shadow: 0 0 2px #888;
        padding: 0.5em 0.6em;
        color: var(--opts-verde-claro);
    }

    .bg-datos-input{
        background-color: var(--opts-fondo-3);
        color: var(--opts-white);
    }

    .bg-warning-input{
        background-color: #CD9406;
        color: var(--opts-white);
    }