:root {
    --wy-blue: #61afef;
    --wy-medium-blue:  #2b5676;
    --wy-dark-blue: #132330;
    --wy-blue-opacity: rgba(97, 175, 239, 0.3);

    --wy-green: #98c379;
    --wy-medium-green:rgb(105, 136, 83);
    --wy-green-opacity: rgba(152, 195, 121, 0.3);
    --wy-dark-green: #1e2718;

    --wy-yellow: #e5c07b;
    --wy-yellow-rgb:229, 192, 123;
    --wy-medium-yellow:rgb(160, 133, 82);
    --wy-yellow-opacity: rgba(229, 192, 123, 0.3);
    --wy-dark-yellow: #2e2619;
    --wy-dark-yellow-rgb:46, 38, 25;

    --wy-purple: #627fe6;
    --wy-medium-purple:rgb(66, 88, 165);
    --wy-dark-purple: #2c3   b74;
    --wy-purple-opacity: rgba(59, 80, 156, 0.3);
 
    --wy-black-opacity: rgba(0, 0, 0, 0.2);

    --wy-btn-border-radius: 0.3rem;
    --wy-border-radius: 0.3rem;
    --wy-input-border-radius:0.3rem;

    --wy-avatar-border-radius: 100%;

}


.nav-link.dropdown-toggle { color:#888 !important}

.theme-blue { color:var(--wy-blue); }
.theme-green { color:var(--wy-green); }
.theme-yellow { --bs-bg-opacity: 1; color: rgba(var(--wy-yellow-rgb), var(--bs-bg-opacity)) !important; }
.theme-purple { color:var(--wy-purple); }

.bg-yellow { 
    --bs-bg-opacity: 1; background-color: rgba(var(--wy-dark-yellow-rgb), var(--bs-bg-opacity)) !important;
  
}

.w-100 { min-width: 0; max-width:100%; width:100%;} 
.h-100 { min-height: 0; max-height:100%; height:100%;}

.ai-icon {
    width:64px;
    height:64px;
}

.app-view {
    margin-top:75px;
    max-width:100%;
}

.nav-panel {
    width:300px;
    overflow-x:hidden;
    transition:0.25s;
    background:#171717
}

.nav-panel.hide {
    width:84px;
}

.w-logo {
    height:32px;
    margin-bottom:18px;
    margin-top:6px;
    margin-left:12px;
}

.w-icon {
    height:32px;
    margin-bottom:18px;
    margin-top:6px;
    margin-left:12px;
    display:none;
}

.nav-panel.hide .w-logo {
    display:none;
}

.nav-panel.hide .w-icon {
    display:block;
}


.nav-panel.hide .nav-link span {
    display:none;
}

.navbar-brand img {
    height:42px;
}

#avatarImage {
    height:42px;
    border-radius:100%;
}

.nav-icon {
    height:42px;
    width:42px;
}

.icon-bg {
    background:#ddd;
}

[data-wy-theme="blue"] {
    body { --wy-theme-color:var(--wy-blue); }
    .btn-primary, .btn-primary:focus, .dropdown-item:active, .dropdown-item:focus { opacity:0.8; transition:0.25s; background-color: var(--wy-medium-blue) !important;border-color:var(--wy-medium-blue) !important; }
    .btn-primary:hover { opacity:1}
    .nav-link { color:var(--wy-blue)};
    .nav-link.active { background-color: var(--wy-medium-blue); color:#fff}
    .bg-color {background-color: var(--wy-medium-blue); }
    .bg-light { background-color:rgba(242, 241, 247, 0.3) !important; }
}

[data-wy-theme="green"] {
    body { --wy-theme-color:var(--wy-green); }
    .btn-primary, .btn-primary:focus, .dropdown-item:active, .dropdown-item:focus { opacity:0.8; transition:0.25s;background-color: var(--wy-medium-green)!important;border-color:var(--wy-medium-green)!important; }
    .btn-primary:hover { opacity:1}
    .nav-link { color:var(--wy-green)};
    .nav-link.active { background-color: var(--wy-medium-green); color:#fff}
    .bg-color {background-color: var(--wy-medium-green); }
    .bg-light { background-color:rgba(242, 241, 247, 0.3) !important; }
}

[data-wy-theme="purple"] {
    body { --wy-theme-color:var(--wy-purple); }
    .btn-primary, .btn-primary:focus, .dropdown-item:active, .dropdown-item:focus { opacity:0.8; transition:0.25s;background-color: var(--wy-medium-purple)!important;border-color:var(--wy-medium-purple)!important; }
    .btn-primary:hover { opacity:1}
    .nav-link { color:var(--wy-purple)};
    .nav-link.active { background-color: var(--wy-medium-purple); color:#fff}
    .bg-color {background-color: var(--wy-medium-purple); }
    .bg-light { background-color:rgba(242, 241, 247, 0.3) !important; }
}

[data-wy-theme="yellow"] {
    body { --wy-theme-color:var(--wy-yellow); }
    .btn-primary, .btn-primary:focus, .dropdown-item:active, .dropdown-item:focus { opacity:0.8; transition:0.25s;background-color: var(--wy-medium-yellow)!important;border-color:var(--wy-medium-yellow)!important; }
    .btn-primary:hover { opacity:1}
    .nav-link { color:var(--wy-yellow)};
    .nav-link.active { background-color: var(--wy-medium-yellow); color:#fff}
    .bg-color {background-color: var(--wy-medium-yellow); }
    .bg-light { background-color:rgba(242, 241, 247, 0.3) !important; }
}

.bg-light { background-color:rgba(29, 39, 75, 0.2) !important; }

.nav-tabs .nav-link:hover {
    color:#555;
}

.nav-tabs .nav-link.active:hover {
    color:#fff;
}

.text-white {
    color:#000 !important;
}

[data-bs-theme="dark"] {
    .icon-bg { background:#444; }
    .bg-white { background: #171717 !important; }
    .nav-tabs .nav-link:hover { color:#fff; }
    [data-wy-theme="purple"] {
        .bg-light { background-color:rgba(29, 39, 75, 0.2) !important; }
    }  

    .text-white { color:#fff !important;
}
}

[data-bs-theme="dark"][data-wy-theme="purple"] {
    .bg-light { background-color:rgba(29, 39, 75, 0.2) !important; }
}  

[data-bs-theme="dark"][data-wy-theme="blue"] {
    .bg-light { background-color:#101314!important; }
}  

[data-bs-theme="dark"][data-wy-theme="green"] {
    .bg-light { background-color: #151713 !important; }
}  

[data-bs-theme="dark"][data-wy-theme="yellow"] {
    .bg-light { background-color: #18140c !important; }
}  



.nav-icon span {
    opacity:0;
    margin-top: 6px;
    margin-left: -6px;
    transition:0.25s;
}

.nav-icon.active span {
    opacity:1;
}

.wy-block-container {
    height:100%;min-height:0%;max-height:100%;
}