/* Author : CEO */
        /* Created with ASNUI Generator 1.0 */
        /* Theme Name : Windows 11 Theme */


        :root
        {
        --asn-nav-pdg : 1rem;
        --btn-radius : 5px;
        
        --footer-pdg : 2rem;
        --primary-color : rgba(18,92,171,1);
        --primary-b-txt : #ffffff;
        --primaryAlertBack : #125cab33;
        --primaryAlertColor : rgba(18,92,171,1);
        --nav-c-radius : 70px;
        --pr-hgh : #077fff26;
        --pr-hov : #023d7c;
        --radius : 10px;
        --txt-radius : 5px;
        }
        
        a:focus
        {
                outline: 1px dashed;
        }
        

        .primary-btn
        {
                background:var(--primary-color);
                box-shadow: 0px 1px 4px 0px var(--pr-hov);
               transform: scale(1);
        }

        .primary-btn:hover
        {
                background: var(--pr-hov);
        }
        .primary-btn:active
        {
                transform: scale(0.94);
        }

        .secondary-btn
        {
                background: white;
                border: 1px solid #cbcbcb;
                color: #555555;
                box-shadow: 0px 1px 4px 0px #80808042;
        }

        .danger-btn{
                box-shadow: 0px 1px 4px 0px #bd2130;

        }
        .secondary-btn:hover
        {
                background: #f9f9f9;
        }

        .success-btn
        {
                box-shadow: 0px 1px 4px 0px       #218838;
          
        }

        .dark-btn
        {
                box-shadow: 0px 1px 4px 0px       #23272b;
        }

        .primary-btn,.secondary-btn,.dark-btn,.success-btn,.danger-btn
        {
                outline: 0 !important;
                transition: 0.15s;
        }
        .primary-btn:active,.secondary-btn:active,.dark-btn:active,.success-btn:active,.danger-btn:active
        {
                transform: scale(0.94);
        }



        .txtbox
        {
                backdrop-filter: blur(120px);
                text-indent: .50rem !important;
                box-shadow: inset 0px -2px 0px 0px #00000038;
                border: 1px solid var(--primaryTextBoxBorder);
                background: #ffffffc7;
        }


        .txtbox::placeholder
        {
                color: #0000007a;
        }

        .txtbox-dark::placeholder
        {
                color: #ffffff9e;
        }
        .txtbox:focus
        {
                box-shadow: inset 0px -2px 0px 0px var(--primary-color);
        }

        .txtbox-dark
        {
                background: #00000073;
                color: white;
        }


        .sidebar
        {
                position: fixed;
                width: calc(15%);
                height: max-content;
                background: #f3f3f3;
                --link-colr: var(--primary-link-color);
    
  
                left: 0;
                top: auto;
                padding-top: 1rem;
    padding-bottom: 1rem;
        }
        
        .sidebar-link
        {
                border-radius: 9px;
                color :black;
                width: calc(100% - 4rem);
                left: 1rem;
                position: relative;
        }

        .sidebar-link:hover
        {
                color: white !important;
        }


        .sidebar .link-visited
        {
                color: black;
        }

        .sidebar .link-visited::before
        {
                content: ' ';
                position: absolute;
                width: 15px;
                height: 15px;
                background: var(--primary-color);
                border-radius: 25px;
                top: calc(63% - 15px);
                left: calc(100% - 22px);
        }

        .sidebar .link-visited:hover::before
        {
                background: white;
        }

        .primary-checkbox
        {
                outline: 0;
                background: white;
    border: 1px solid #cbcbcb;
    color: #555555;
    box-shadow: 0px 1px 4px 0px #80808042;
    appearance: none;
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: var(--chc-radius);
    overflow: hidden;
        }

        .primary-checkbox:checked
        {
                
                background: var(--primary-color);
                box-shadow: 0px 1px 4px 0px var(--pr-hov);
                border-color: var(--primary-color);
        }

        .primary-checkbox::after
        {
                content: ' ';
                position: absolute;
                border: 2px solid var(--primary-b-txt);
                width: 5px;
                height: 12px;
                top: 0px;
                left: 5px;
                transform: rotate(43deg);
                border-top: 0;
                border-left: 0;
                visibility: hidden;
        }
        .primary-checkbox:checked::after
        {
                visibility: visible;
        }