@charset "UTF-8";
/* info de color y variaciones en https://imagecolorpicker.com/color-code/ee7f00 */

:root,
[data-bs-theme=light] {
    .logo96{
        background-image: url('/client-assets/hidra-lawil-logo-square-256x256.png');
    }
    .sidebar .bg-main-logo{
        background-image: url('/client-assets/hidra-lawil-logo-180x45.png');
    }
    .sidebar.sidebar-collapsed .bg-main-logo{
        background-image: url('/client-assets/hidra-lawil-logo-square-50x50.png');
    }

    --print-logo: url('/client-assets/lawil-logo-text-512x76.png');
    --print-medium-color: #ee7f00;
    --print-light-color: #fdf2e6;

    --main-color:#ee7f00;
    --main-medium-color: #f7bf80;
    --main-light-color: #fce5cc;
    --main-superlight-color: #fcfaf7;
    --main-black-color:#000;
    --main-white-color:#fff;

    --main-color-rgb:238, 127, 0;
    --main-medium-color-rgb: 247, 191, 128;
    --main-light-color-rgb: 252, 229, 204;
    --main-superlight-color-rgb: 252, 250, 247;
    --main-black-color-rgb:0,0,0;
    --main-white-color-rgb:255,255,255;


    --bs-body-bg: var(--main-superlight-color);
    --bs-body-bg-rgb: var(--main-superlight-color-rgb);
    --bs-tertiary-bg: var(--main-light-color);
    --bs-tertiary-bg-rgb: var(--main-light-color-rgb);
    --bs-border-color: var(--main-medium-color);
    --bs-border-color-translucent: rgba(var(--main-color-rgb), 0.175);
    --bs-emphasis-color-rgb: var(--main-color-rgb);
    --bs-secondary: var(--main-color);
    --bs-secondary-rgb: var(--main-color-rgb);
    --bs-secondary-bg-subtle: var(--main-light-color);
    --bs-secondary-border-subtle: var(--main-medium-color);
    --bs-secondary-bg: var(--main-medium-color);
    --bs-secondary-bg-rgb: var(--main-medium-color-rgb);

    --bs-link-color: var(--main-color);
    --bs-link-color-rgb: var(--main-color-rgb);
    --bs-link-hover-color: var(--main-medium-color);
    --bs-link-hover-color-rgb: var(--main-medium-color-rgb);

    
    --bs-outline-secondary: var(--main-color);
    .btn-outline-secondary {
        --bs-btn-color: var(--bs-outline-secondary);
        --bs-btn-border-color: var(--bs-outline-secondary);
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: var(--bs-outline-secondary);
        --bs-btn-hover-border-color: var(--bs-outline-secondary);
        --bs-btn-focus-shadow-rgb: 244, 201, 164;
        --bs-btn-active-color: var(--main-light-color);
        --bs-btn-active-bg: var(--bs-outline-secondary);
        --bs-btn-active-border-color: var(--bs-outline-secondary);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--main-black-color-rgb), 0.125);
        --bs-btn-disabled-color: var(--bs-outline-secondary);
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: var(--bs-outline-secondary);
        --bs-gradient: none;
    }

    .btn-secondary {
        --bs-btn-color: #var(--main-white-color);
        --bs-btn-bg: var(--bs-outline-secondary);
        --bs-btn-border-color: var(--bs-outline-secondary);
        --bs-btn-hover-color: var(--main-white-color);
        --bs-btn-hover-bg: var(--bs-outline-secondary);
        --bs-btn-hover-border-color: var(--bs-outline-secondary);
        --bs-btn-focus-shadow-rgb: 130, 138, 145;
        --bs-btn-active-color: var(--main-light-color);
        --bs-btn-active-bg: var(--bs-outline-secondary);
        --bs-btn-active-border-color: var(--bs-outline-secondary);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--main-black-color-rgb), 0.125);
        --bs-btn-disabled-color: #var(--main-white-color);
        --bs-btn-disabled-bg: var(--bs-outline-secondary);
        --bs-btn-disabled-border-color: var(--bs-outline-secondary);
    }

    .form-check-input:checked {
        background-color: var(--main-color);
        border-color: var(--main-color);
    }
    .form-check-input:focus {
        border-color: var(--main-color);
        box-shadow: 0 0 0 0.25rem rgba(var(--main-color), 0.25);
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0px 1000px var(--main-light-color) inset !important;
        box-shadow: 0 0 0px 1000px var(--main-light-color) inset !important;
    }
    .form-control:focus {
        border-color: var(--main-color);
        box-shadow: 0 0 0 0.25rem rgba(var(--main-color), 0.25);
    }

    .dropdown-menu {
        --bs-btn-color: var(--main-black-color);
        --bs-dropdown-link-active-bg: var(--main-color);        
    }
    .dropdown .btn-outline-secondary{
        --bs-btn-color: var(--main-black-color);        
    }
    .dropdown-toggle::after{
        color:var(--main-color);
    }
    .dropdown-toggle:hover::after{
        color:var(--main-light-color);
    }
    .table-fixhead thead,.table-fixhead thead th{
        border-color:var(--main-color);
    }

    hr{
        color: var(--bs-border-color);
        opacity: 1;
    }
}

[data-bs-theme=dark] {
     .sidebar .bg-main-logo{
        background-image: url('/client-assets/hidra-lawil-logo-light-188x45.png');
    }

    --main-color:#be6600;
    --main-medium-color: #8f4c00;
    --main-light-color: #5f3300;
    --main-superlight-color: #472600;
    --main-black-color:#fff;
    --main-white-color:#000;
    
    --main-color-rgb:190, 102, 0;
    --main-medium-color-rgb: 143, 76, 0;
    --main-light-color-rgb: 95, 51, 0;
    --main-superlight-color-rgb: 71, 38, 0;
    --main-black-color-rgb:255,255,255;
    --main-white-color-rgb:0,0,0;
}