@import '_content/PCPL.Controlli.Blazor/PCPL.Controlli.Blazor.m2zkx3e60s.bundle.scp.css';

/* _content/NextTimesheet.AppBlazor/Components/Auth/Login.razor.rz.scp.css */

/*

da inserire nel file 'site.css'
    ....
*/

.Login-PC[b-7lwqttgacl] {
    background-image: var(--LoginBGdark);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    width: 100%;
    padding: var(--LoginPadding);
    align-items: center;
    justify-content: center;
}



.Form-Container[b-7lwqttgacl] {
    background-color: blue;
    max-width: var(--LoginFormMaxW);
    min-width: var(--LoginFormMinW);
    background-color: var(--LoginBgColorDark);
    backdrop-filter: var(--LoginBgBlur);
    -webkit-backdrop-filter: var(--LoginBgBlur);
    padding: 35px 25px 35px 25px;
    border-radius: var(--LoginBradius);
    row-gap: 25px;
}

[b-7lwqttgacl] .Form-SubContainer{
    display: flex;
    flex-direction: column;
    row-gap: 35px;
}

.Inputs-Container[b-7lwqttgacl]{
    row-gap: 20px;
}

.Input-Row[b-7lwqttgacl] {
    border-radius: var(--InputBradius);
    overflow: hidden;
}

.L-Icon[b-7lwqttgacl] {
    width: 58px;
    height: 58px;
    background-color: var(--Login-BG-secondary);
    justify-content: center;
    align-items: center;
    padding-inline: 1rem;
}

.Icons[b-7lwqttgacl] {
    width: 100%;
    fill: var(--Login-BG-primary);
}



[b-7lwqttgacl] .L-Input {
    border: none;
    padding-inline: 1rem;
    width: 100%;
    background-color: var(--Login-BG-primary);
    color: var(--TextNormalColor);
    font-weight: 600;
}

[b-7lwqttgacl] .L-Input::placeholder {
    color: var(--TextNormalColor);
    font-weight: 600;
}

.Button-Container[b-7lwqttgacl] {
    height: 58px;
    width: 100%;
}

.Button-Submit[b-7lwqttgacl] {
    background-color: var(--Button-Primary);
    border: none;
    color: var(--TextFixedColor);
    font-weight: 700;
    width: 100%;
    text-transform: uppercase;
    transition: .3s ease-in-out;
    border-radius: var(--InputBradius)
}

    .Button-Submit:focus[b-7lwqttgacl],
    .Button-Submit:hover[b-7lwqttgacl] {
        transition: .3s ease-in-out;
        background-color: var(--Button-Secondary);
    }

.LostCredential[b-7lwqttgacl]{
    cursor: pointer;
    width: fit-content;
    height: fit-content;
}

.LostCredential p[b-7lwqttgacl]{
    margin: 0px 0px;
    text-decoration: underline;
}
/* _content/NextTimesheet.AppBlazor/Components/Layout/MainLayout.razor.rz.scp.css */
.Main-L[b-fkx55hmcul]{
    width: 100%;
    min-height: 100vh;
}
/* _content/NextTimesheet.AppBlazor/Components/Layout/NavMenu.razor.rz.scp.css */


/*classi di base per la gestione dei 2 tipi di flexbox (column e row)*/
.flexC-basic[b-7o1l61tvgv] {
    display: flex;
    flex-direction: column;
}


.flexR-basic[b-7o1l61tvgv] {
    display: flex;
    flex-direction: row;
}


/* The switch - the box around the slider */
.switch[b-7o1l61tvgv] {
  font-size: 17px;
  position: relative;
  display: inline-block;
  min-width: 3.5em;
  height: 2em;
  cursor: pointer;
}

/* Hide default HTML checkbox */
.switch input[b-7o1l61tvgv] {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider[b-7o1l61tvgv] {
  --background: #20262c;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--background);
  transition: 0.5s;
  border-radius: 30px;
}

.slider[b-7o1l61tvgv]:before {
  position: absolute;
  content: "";
  height: 1.4em;
  width: 1.4em;
  border-radius: 50%;
  left: 10%;
  bottom: 15%;
  box-shadow: inset 8px -4px 0px 0px #ececd9, -4px 1px 4px 0px #dadada;
  background: var(--background);
  transition: 0.5s;
}

.decoration[b-7o1l61tvgv] {
  position: absolute;
  content: "";
  height: 2px;
  width: 2px;
  border-radius: 50%;
  right: 20%;
  top: 15%;
  background: #e5f041e6;
  backdrop-filter: blur(10px);
  transition: all 0.5s;
  box-shadow: -7px 10px 0 #e5f041e6, 8px 15px 0 #e5f041e6, -17px 1px 0 #e5f041e6,
    -20px 10px 0 #e5f041e6, -7px 23px 0 #e5f041e6, -15px 25px 0 #e5f041e6;
}

input:checked ~ .decoration[b-7o1l61tvgv] {
  transform: translateX(-20px);
  width: 10px;
  height: 10px;
  background: white;
  box-shadow: -12px 0 0 white, -6px 0 0 1.6px white, 5px 15px 0 1px white,
    1px 17px 0 white, 10px 17px 0 white;
}

input:checked + .slider[b-7o1l61tvgv] {
  background-color: #5494de;
}

input:checked + .slider[b-7o1l61tvgv]:before {
  transform: translateX(100%);
  box-shadow: inset 15px -4px 0px 15px #efdf2b, 0 0 10px 0px #efdf2b;
}



/*nav bar*/
.navBar-container[b-7o1l61tvgv] {
    position: fixed;
    padding: 17px 12px 15px 12px;
    height: 100vh;
    row-gap: 15px;
    background: #4D55CC;
    transition: .5s ease-in-out;
    z-index: 100;
}

#sidebar[b-7o1l61tvgv] {
    width: 270px;
}

#fake[b-7o1l61tvgv] {
    min-width: 270px;
    transition: .5s ease-in-out
}

#hamburgerC-line[b-7o1l61tvgv] {
    width: 45%;
}
/*TOP VIEW (nav bar)*/
.topW-container[b-7o1l61tvgv] {
    width: 100%;
    gap: 15px;
}


/*HAMBURGER (nav bar - top view)*/
.hamburger-container[b-7o1l61tvgv] {
    justify-content: space-between;
    align-items: center;
    height: fit-content;
    flex-wrap: wrap;
    width: 100%;
    align-content: center
}

.hamburger[b-7o1l61tvgv] {
    width: 47px;
    height: 43px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    gap: 7px;
}

    .hamburger:hover .navBar-container[b-7o1l61tvgv] {
        width: 100px;
    }


.hamburger-line[b-7o1l61tvgv] {
    display: inline-block;
    width: 65%;
    height: 3px;
    background-color: whitesmoke;
    border-radius: 100px;
}

.user-container[b-7o1l61tvgv] {
    width: 100%;
    row-gap: 17px;
    overflow: hidden;
}

.nav-logo[b-7o1l61tvgv] {
    background-color: white;
    border-radius: 7px;
    height: 75px;
    background-image: url("/images/Logo_Smart_Order.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: .3s ease-in-out;
}

#nav-logo-change[b-7o1l61tvgv] {
    opacity: 100%;
}



.uProfile-container[b-7o1l61tvgv] {
    width: 100%;
    align-items: center;
    column-gap: 15px;
    justify-content: flex-start;
}

.uImage-container[b-7o1l61tvgv] {
    min-height: 45px;
    min-width: 45px;
    border-radius: 100px;
    background-image: url("images/logo-Nextwork.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 70%;
}

.uText-container[b-7o1l61tvgv] {
}

.uText[b-7o1l61tvgv] {
    text-align: center;
    color: white;
    width: 200px;
    margin: 0px;
    text-align: left;
    overflow: hidden;
}


.separator[b-7o1l61tvgv] {
    height: 2px;
    width: 100%;
    background-color: rgba(255, 255, 255, .8);
    border-radius: 100px;
}


.bottomW-container[b-7o1l61tvgv] {
    display: flex;
    justify-content: space-between;
    height: 65%;
    row-gap: 35px;
    min-height: fit-content;
    color: white;
}

.nav-item-container[b-7o1l61tvgv] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.nav-link[b-7o1l61tvgv] {
    text-decoration: none;
    color: white;
}

.icon-big-bar[b-7o1l61tvgv] {
    min-width: 27px;
    min-height: 27px;
    
}

.iconImg[b-7o1l61tvgv] {
    fill: var(--TextFixedColor);
    width: 80%;
}

.logOut[b-7o1l61tvgv]{
    transform: rotate(-180deg)
}

.nav-item[b-7o1l61tvgv] {
    color: var(--TextFixedColor);
    cursor: pointer;
    padding: 7px 10px 7px 10px;
    border-radius: 3px;
    transition: .3s ease-in-out;
    align-items: center;
    gap: 23px;
    overflow: hidden;
}

    .nav-item:hover[b-7o1l61tvgv] {
        background-color: var(--Button-Secondary);
        transition: .3s ease-in-out;
    }

.nav-item-text[b-7o1l61tvgv] {
    color: var(--TextFixedColor);
    margin: 0px 0px;
    min-width: 170px;
}

.nav-footer[b-7o1l61tvgv] {
    justify-content: center;
    text-align: center;
    overflow: hidden;
}

.F-Logo[b-7o1l61tvgv] {
    background-color: var(--TextFixedColor);
    border-radius: 7px;
    height: 55px;
    width: 150px;
    background-image: url("/images/pcplanet_logo.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: .3s ease-in-out;
}


@media only screen and (max-width: 600px) {
    #sidebar[b-7o1l61tvgv]{
        width: 70px;
    }

    #fake[b-7o1l61tvgv] {
        min-width: 70px !important;
        transition: .5s ease-in-out;
    }
    #hamburgerC-line[b-7o1l61tvgv] {
        width: 65%;
    }

    #nav-logo-change[b-7o1l61tvgv] {
        opacity: 0%;
    }

    #nav-logo-change2[b-7o1l61tvgv] {
        opacity: 0%;
    }
    #burger[b-7o1l61tvgv]{
        flex-direction: column-reverse;
    }
}
/* _content/NextTimesheet.AppBlazor/Components/Pages/Elenco_commesse.razor.rz.scp.css */



/* BASE: colore normale della riga selezionata */
/*::deep .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row > td::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--Button-Primary) !important;*/ /* Colore base */
    /*opacity: 1;
    z-index: -1;
    transition: background-color 0.2s ease-in-out;
    border-radius: inherit;
}*/

/* HOVER: colore quando passo il mouse */
/*::deep .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:hover > td::before {
    background-color: var(--Button-Secondary) !important;*/ /* Colore hover */
/*}*/

/* Testo visibile sopra lo sfondo */
/*::deep .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row > td {
    position: relative;
    z-index: 1;
    color: #fff !important;
}

.button-toolbar-container{
    column-gap: 10px;
}

.button {
    width: 150px;
    height: 30px;
    background-color: var(--Button-Primary);
    align-content: center;
    border-radius: 3px;
    padding: 4px 7px 4px 7px;
    transition: .2s ease-in-out;
}

.button:hover {
    background-color: var(--Button-Secondary);
}*/
/* _content/NextTimesheet.AppBlazor/Components/Pages/Index.razor.rz.scp.css */
.text-B-container[b-1ua0gzuqqa] {
    row-gap: 35px;
    max-width: 450px;
    justify-content: center;
}

#main-c[b-1ua0gzuqqa]{
    gap: 35px;
    align-items: center;
    justify-content: center;
}

.box-t1[b-1ua0gzuqqa] {
    border: solid var(--TextNormalColor);
    padding: 15px;
    border-radius: 15px;
    background-color: var(--Login-BG-color);
    -webkit-box-shadow: 0px 0px 10px 4px var(--TextNormalColor);
    box-shadow: 0px 0px 10px 4px var(--TextNormalColor);
}

.text-title[b-1ua0gzuqqa]{
    row-gap: 20px;
    align-items: center;
}

.card-container[b-1ua0gzuqqa] {
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 35px;
    width: fit-content;
    height: fit-content;
}

.sub-card-container[b-1ua0gzuqqa]{
    gap: 35px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.l-card[b-1ua0gzuqqa] {
    min-height: 200px;
    min-width: 200px;
    height: fit-content;
}

@media only screen and (max-width: 1059px) {

    #main-c[b-1ua0gzuqqa] {
        gap: 55px;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
}
/* _content/NextTimesheet.AppBlazor/Components/Pages/LostCredential.razor.rz.scp.css */
.Container[b-ysqwvi875a] {
    display: flex;
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    padding: clamp(2rem, 1.1018rem + 5.7485vw, 8rem);
}


.MailFormContainer[b-ysqwvi875a] {
    padding: 25px 30px;
    background-color: rgba(97, 95, 95, .35);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    row-gap: 25px;
}

.TitleContainer[b-ysqwvi875a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .TitleContainer p[b-ysqwvi875a] {
        text-align: center;
    }

.InputWrapper[b-ysqwvi875a] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    row-gap: 3px;
}

.InpuContainer[b-ysqwvi875a] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.FormInput[b-ysqwvi875a] {
    all: unset;
    padding: 7px 13px;
    font-size: 1rem;
    border: 3px solid #ccc;
    border-radius: 7px;
    border-color: var(--Button-Primary);
    background-color: #e5e5e5;
    color: #333;
    transition: all 0.3s ease;
    width: 100%;
    height: 25px;
}

    .FormInput:focus[b-ysqwvi875a] {
        border-color: var(--Button-Primary);
        box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.3);
        outline: none;
    }

    .FormInput:hover[b-ysqwvi875a] {
        border-color: var(--Button-Secondary);
    }

    .FormInput.error[b-ysqwvi875a] {
        border-color: darkred;
    }

    .FormInput:valid[b-ysqwvi875a] {
        border-color: forestgreen;
    }




.MailForm[b-ysqwvi875a] {
    row-gap: 20px;
    display: flex;
    background-color: black;
    flex-direction: column;
}

.ButtonChange[b-ysqwvi875a] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    border-radius: 8px;
    background-color: var(--Button-Primary);
    border: none;
    transition: background-color 0.3s ease-in-out;
    color: white;
    margin-top: 20px;
}

    .ButtonChange:hover[b-ysqwvi875a] {
        background-color: var(--Button-Secondary);
    }
/* _content/NextTimesheet.AppBlazor/Components/Pages/Timesheet.razor.rz.scp.css */
[b-d2jru57r0g] .Drop-down-box-custom{
    width: 500px;
}

.Timesheet-Warning[b-d2jru57r0g] {
    border: solid 2px var(--Alert-Border);
    background-color: var(--Alert-BG);
    max-width: fit-content;
    flex-wrap: wrap;
    padding: 5px 7px 5px 7px;
    z-index: 100;
    max-height: 70px;
    border-radius: 4px 4px 4px 4px;
    align-items: center;
    justify-content: center;
    column-gap: 7px;
    max-width: 70vw;
    width: max-content;
}

.Timesheet-Panel[b-d2jru57r0g] {
    width: 35px;
    height: 35px;
    background-color: var(--Button-Primary);
}

.Timesheet-Text[b-d2jru57r0g] {
    color: var(--TextNormalColor);
    margin: 0px 0px;
}