/* _content/UserInterface/Shared/Auth/SocialAuth.razor.rz.scp.css */
button.social-signin[b-d6iqh06lhe] {
    margin-bottom: 20px;
    width: 220px;
    height: 36px;
    border: none;
    border-radius: 2px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    transition: 0.2s ease;
    cursor: pointer;
}

    button.social-signin:hover[b-d6iqh06lhe],
    button.social-signin:focus[b-d6iqh06lhe] {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
        transition: 0.2s ease;
    }

    button.social-signin:active[b-d6iqh06lhe] {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        transition: 0.2s ease;
    }

    button.social-signin.facebook[b-d6iqh06lhe] {
        background: #32508E;
    }

    button.social-signin.twitter[b-d6iqh06lhe] {
        background: #55ACEE;
    }

    button.social-signin.google[b-d6iqh06lhe] {
        background: #DD4B39;
    }

.right[b-d6iqh06lhe] {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    padding: 40px;
    width: 300px;
    height: 400px;
    background: url('https://goo.gl/YbktSj');
    background-size: cover;
    background-position: center;
    border-radius: 0 2px 2px 0;
}

    .right .loginwith[b-d6iqh06lhe] {
        display: block;
        margin-bottom: 40px;
        font-size: 28px;
        color: #FFF;
        text-align: center;
    }


/* _content/UserInterface/Shared/CustomComponent/FileUpload.razor.rz.scp.css */
.container[b-rjx8lggseh] {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    color: black;
    /*padding: 15%;*/
}
.upload-button[b-rjx8lggseh] {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}
/* _content/UserInterface/Shared/CustomComponent/LoadingSpinner.razor.rz.scp.css */

.center[b-u4cv7acwix] {
    width: 5vw;
    height: 5vw;
    position: fixed;
    left: 47.5%;
    top: 34vh;
    color: white;
    text-align: center;
}

/*.model {
    position: fixed;
    top: 45vh;
    left: 45vw;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}*/

img[b-u4cv7acwix] {
    width: 5vw;
}
/* _content/UserInterface/Shared/CustomComponent/PoweredBy.razor.rz.scp.css */
.container-footer[b-f51l62jh15] {
    background-color: dimgrey;
    bottom: 0;
    color: white;
    font-size: 0.7em;
    left: 0;
    position: fixed;
    text-align: center;
    width: 100%;
}

a[b-f51l62jh15] {
    color: #FFF;
    /*text-decoration: none;*/
}
/* _content/UserInterface/Shared/Footer.razor.rz.scp.css */
.green-section[b-jnd2gknx2h] {
    background-color: var(--first-color);
}
.subpage[b-jnd2gknx2h] {
    height: 60vh;
    width: 100%;
    padding-top: 50px;
    scroll-snap-align: center;
}
.row[b-jnd2gknx2h]:after {
    content: "";
    display: table;
    clear: both;
}
.row[b-jnd2gknx2h] {
    width: 100%;
    padding: 0;
    margin: 0;
}
.column[b-jnd2gknx2h] {
    padding-top: 50px;
    float: left;
    width: 33.33%;
    text-align: left;
    padding-left:40px;
}
.text-color[b-jnd2gknx2h] {
    color: white;
}
i[b-jnd2gknx2h]::before {
    margin-right: 1vw;
}
img[b-jnd2gknx2h] {
    width: 300px;
    height: 160px;
}
p[b-jnd2gknx2h] {
    padding-top: 20px;
    font-size: 30px;
}
.logo[b-jnd2gknx2h] {
    text-align: center;
}
.column .fa[b-jnd2gknx2h] {
    color: white;
    padding: 20px;
}
/*.row .fa {
    color: white;
    width: 50%;
    text-align: right;
}*/
/*Tablet View*/
@media only screen and (max-width: 800px) {
    h2[b-jnd2gknx2h] {
        font-size: 1.5em;
    }

    p[b-jnd2gknx2h] {
        font-size: 1.3em;
    }
    .fa[b-jnd2gknx2h] {
        font-size: 0.7em;
    }
    /*i {
        font-family: 'CommercialScript BT', CommercialScript BT;
    }*/
    .column[b-jnd2gknx2h] {
        padding-top: 2vh;
    }
    img[b-jnd2gknx2h] {
        
        width: 150px;
        height: 85px;
    }
    .column[b-jnd2gknx2h], .row[b-jnd2gknx2h] {
        height: 100%;
    }
        .column .fa[b-jnd2gknx2h] {
            color: white;
            padding: 0;
            padding-top: 3vh;
        }
    .logo[b-jnd2gknx2h] {
        padding-top: 10vh;
    }

        /*.row .fa {
            color: white;
            width: 100%;
            text-align: right;
        }*/
}

/*Mobile View*/
@media only screen and (max-width: 600px) {
    .subpage[b-jnd2gknx2h] {
        height: 100%;
        width: 100%;
        padding-top: 50px;
    }
    .column[b-jnd2gknx2h] {
        padding: 0;
        margin: 0 auto;
        padding-top: 50px;
        float:none;
        width: 90vw;
        text-align: center;       
    }
    h2[b-jnd2gknx2h]{
        /*width: 100vw;*/
    }
    .row[b-jnd2gknx2h] {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .row2[b-jnd2gknx2h] {
        text-align: center;
        padding-top: 0vh;
    }
}
/* _content/UserInterface/Shared/FooterSimplified.razor.rz.scp.css */
.footer[b-dldbcjktxo] {
    height: 126px;
    width: 100%;
    background-color: var(--first-color);
    text-align: center;
}

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

  
}
/* _content/UserInterface/Shared/Header.razor.rz.scp.css */
.page[b-7u9coe5b4m] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-7u9coe5b4m] {
    flex: 1;
}

.sidebar[b-7u9coe5b4m] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-7u9coe5b4m] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-7u9coe5b4m]  a, .top-row .btn-link[b-7u9coe5b4m] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-7u9coe5b4m] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-7u9coe5b4m] {
        display: none;
    }

    .top-row.auth[b-7u9coe5b4m] {
        justify-content: space-between;
    }

    .top-row a[b-7u9coe5b4m], .top-row .btn-link[b-7u9coe5b4m] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-7u9coe5b4m] {
        flex-direction: row;
    }

    .sidebar[b-7u9coe5b4m] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-7u9coe5b4m] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

   
}
/* _content/UserInterface/Shared/MainLayout.razor.rz.scp.css */
.grand-page[b-s758523v15] {
    position: relative;
}

.page[b-s758523v15] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-s758523v15] {
    /*flex: 1;*/
    width: 100%;
}

.sidebar[b-s758523v15] {
    width: 100%;
    height: 10%;
}

.top-row[b-s758523v15] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-s758523v15]  a, .top-row .btn-link[b-s758523v15] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-s758523v15] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-s758523v15] {
        display: none;
    }

    .top-row.auth[b-s758523v15] {
        justify-content: space-between;
    }

    .top-row a[b-s758523v15], .top:r:-row .btn-link[b-s758523v15] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-s758523v15] {
        flex-direction: row;
        width:100%;
    }

  
    .top-row[b-s758523v15] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

  
}
/* _content/UserInterface/Shared/NavMenu.razor.rz.scp.css */
#menuToggle[b-ij4jypvzq0] {
    visibility: hidden;
    position: fixed;
}

.navbar-items[b-ij4jypvzq0] {
    position: absolute;
    z-index: 1000;
    width: 100%;
}

.nav-item[b-ij4jypvzq0]  a {
    background-image: none;
    border-radius: 0px;
}

    .nav-item[b-ij4jypvzq0]  a:hover {
        background-image: linear-gradient(transparent 50%,var(--white-color)87%);
        border-radius: 50px;
    }
    .nav-item[b-ij4jypvzq0]  a.active {
        background-image: linear-gradient(transparent 50%,var(--white-color)87%);
        border-radius: 50px;
    }

/*.nav-item ::deep:hover .home,
.nav-item ::deep:hover .shop,
.nav-item ::deep:hover .aboutus,
.nav-item ::deep:hover .contactus,
.nav-item ::deep:hover .plus {
    background-image: linear-gradient(transparent 50%,var(--white-color)87%);
    border-radius: 50px;
}*/

/*.nav-item ::deep.active .home,
.nav-item ::deep.active .shop,
.nav-item ::deep.active .aboutus,
.nav-item ::deep.active .contactus,
.nav-item ::deep.active .plus {
    background-image: linear-gradient(transparent 50%,var(--white-color)87%);
    border-radius: 50px;
}
*/
.nav-link label[b-ij4jypvzq0] {
    cursor: pointer;
}

.home[b-ij4jypvzq0] {
    background-image: none;
    border-radius: 0px;
}

.shop[b-ij4jypvzq0] {
    background-image: none;
    border-radius: 0px;
}

.aboutus[b-ij4jypvzq0] {
    background-image: none;
    border-radius: 0px;
}

.contactus[b-ij4jypvzq0] {
    background-image: none;
    border-radius: 0px;
}

.plus[b-ij4jypvzq0] {
    background-image: none;
    border-radius: 0px;
}

.navbar[b-ij4jypvzq0] {
    padding-left: 20px;
    overflow: hidden;
    right: 0;
    top: 0;
    width: 100%;
    justify-content: normal;
    text-decoration: none;
}

    .navbar label[b-ij4jypvzq0] {
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 4px 10px;
        text-decoration: none;
        font-size: 17px;
    }

img[b-ij4jypvzq0] {
    padding-left: 10px;
    width: 10vw;
    height: 15%;
}

.fa[b-ij4jypvzq0] {
    font-size: 30px;
}

.row[b-ij4jypvzq0] {
    width: 100%;
    display: table;
}

.nav-link[b-ij4jypvzq0] {
    display: inline-table;
}

.left[b-ij4jypvzq0] {
    width: 15vw;
    float: left;
}

.right[b-ij4jypvzq0] {
    width: 45vw;
    float: right;
    display: flex;
}
/*Mobile View*/
@media only screen and (max-width: 600px) {
    .floating-menu[b-ij4jypvzq0], .burger1[b-ij4jypvzq0], .burger2[b-ij4jypvzq0], .burger3[b-ij4jypvzq0] {
        position: fixed;
        z-index: 1000;
    }

    .navbar-items[b-ij4jypvzq0] {
        background-color: var(--first-color);
        width: 100%;
        height: 110vh;
    }

    .nav-item[b-ij4jypvzq0] {
        text-align: center;
        font-size: 30px;
        padding-top: 0.5rem;
        display: table;
    }

    .navbar label[b-ij4jypvzq0] {
        display: table;
        padding: 10px;
        text-align: left;
        font-size: 25px;
    }

    img[b-ij4jypvzq0] {
        padding-left: 0px;
        width: 25vh;
        height: 15vh;
    }

    .nave-name-tab[b-ij4jypvzq0][b-ij4jypvzq0] {
        margin-right: 0px;
    }

    .animation[b-ij4jypvzq0] {
        border-right: none;
    }

    #menuToggle[b-ij4jypvzq0] {
        height: 30px;
        width: 30px;
        cursor: pointer;
        visibility: visible;
        display: block;
        position: absolute;
        top: 10px;
        right: 12px;
        opacity: 0;
        z-index: 2;
        -webkit-user-select: none;
        user-select: none;
    }

        #menuToggle ~ .floating-menu > .animation[b-ij4jypvzq0] {
            height: 110vh;
            width: 0px;
            overflow: hidden;
            -webkit-transition: width 0.3s linear;
            transition: width 0.3s linear;
            -webkit-transform: translateZ(0) scale(1,1);
            z-index: 1000;
        }

        #menuToggle:checked ~ .floating-menu > .animation[b-ij4jypvzq0] {
            color: #5e5f61;
            overflow: hidden;
            -webkit-transition: width 1s linear;
            transition: width 0.4s linear;
            -webkit-transform: translateZ(0) scale(1,1);
            z-index: 1000;
            width: 275px;
        }

        #menuToggle:checked ~ .burger1[b-ij4jypvzq0], #menuToggle:checked ~ .burger3[b-ij4jypvzq0] {
            opacity: 1;
            transform: rotate(60deg) translate(3px, -6px);
            background: #232323;
        }

        #menuToggle:checked ~ .burger2[b-ij4jypvzq0] {
            opacity: 0;
            transform: rotate(0deg) scale(0.2, 0.2);
        }

        #menuToggle:checked ~ .burger3[b-ij4jypvzq0] {
            transform: rotate(-60deg) translate(0, 3px);
        }

    .mobile-logo-container[b-ij4jypvzq0] {
        height: 50px;
        width: 50px;
    }

    .logo-mobile[b-ij4jypvzq0] {
        height: 50px;
        width: 50px;
        background: url('/images/shared/phoenix-logo-NoName.jpg') 0 0 no-repeat;
        margin-right: 0;
    }

    .burger1[b-ij4jypvzq0], .burger2[b-ij4jypvzq0], .burger3[b-ij4jypvzq0] {
        top: 10px;
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        background: #cdcdcd;
        border: 1px dotted #fff;
        border-radius: 3px;
        right: 30px;
        z-index: 2;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
    }

    .burger2[b-ij4jypvzq0] {
        top: 20px;
    }

    .burger3[b-ij4jypvzq0] {
        top: 30px;
    }

    .socialMediaIcons[b-ij4jypvzq0] {
        margin-bottom: -100px;
    }

    .nav-link[b-ij4jypvzq0] {
        display: table;
    }

    .right[b-ij4jypvzq0] {
        float: left;
        width: 100vw;
        display: block;
    }
}

@media only screen and (min-width: 1700px) {
    .navbar label[b-ij4jypvzq0] {
        font-size: 25px;
    }

    .fa[b-ij4jypvzq0] {
        font-size: 40px;
    }

    .right[b-ij4jypvzq0] {
        width: 40vw;
    }
}

@media only screen and (max-width: 1240px)and ( min-width:751px) {
    .navbar label[b-ij4jypvzq0] {
        font-size: 15px;
    }

    .right[b-ij4jypvzq0] {
        width: 70vw;
    }
}

@media only screen and (max-width: 750px)and ( min-width:601px) {
    .navbar label[b-ij4jypvzq0] {
        font-size: 9.5px;
    }

    .right[b-ij4jypvzq0] {
        width: 75vw;
    }
}
/* _content/UserInterface/Views/AboutUs/AboutUs.razor.rz.scp.css */
.pink-section[b-a05wjzdakl] {
    height: 170vh;
    width: 100%;
    background: url("/images/Pattern2.png") no-repeat;
    background-color: var(--fifth-color);
}
.row > *[b-a05wjzdakl] {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-top:0;
}
h1[b-a05wjzdakl] {
  
    font-size: 3rem;
}
.row[b-a05wjzdakl] {
    width: 100%;
    height: 55vh;
    padding: 0;
    margin: 0;
    color: var(--third-color);
}

.column[b-a05wjzdakl] {
    width: 50%;
    text-align: center;
   
}
.column2[b-a05wjzdakl] {
    width: 50%;
    text-align: center;
    padding: 5vw;
}


.box2[b-a05wjzdakl] {
    width:350px;
    height:400px;
    background-color: var(--fifth-color);
    border-radius: 60px;
    border: 1px gray;
    float: none;
  margin:0 auto;
    margin-top: 10vh;
    box-shadow: -1px 15px 30px 5px gray;
}

.selectimage[b-a05wjzdakl] {
    width: 100%;
    height: 100%;
    border-radius: 60px;
    border: 1px gray;
    box-shadow: -1px 15px 30px 5px gray;
}

.para[b-a05wjzdakl] {
    color: black;
    font-size: 2.5rem;
    padding-left: 5vw;
   
}


.footer[b-a05wjzdakl] {
    height: 13vh;
    width: 100vw;
    background-color: var(--first-color);
    text-align: center;
}

@media only screen and (max-width:1200px) {
    .box2[b-a05wjzdakl] {
        width: 30vw;
        height: 30vw;
    }
    .para[b-a05wjzdakl] {
        padding-left: 0vw;
        margin-left: 0vw;
        margin-top: 1vh;
        font-size: 1.5rem;
    }
}

@media only screen and (max-width:1400px) {
    .box2[b-a05wjzdakl] {
        width: 250px;
        height: 400px;
        width: 25vw;
        height: 25vw;
    }
    .para[b-a05wjzdakl] {
        padding-left: 0vw;
        margin-left: 0vw;
        margin-top: 1vh;
        font-size: 1.7rem;
    }
}
@media only screen and (max-width:600px) {

    .column[b-a05wjzdakl] {
        width: 100vw;
        height: 26vh;
        text-align: center;
        padding:1px;
        
    }
    .column2[b-a05wjzdakl] {
        width: 100vw;
        height: 26vh;
        text-align: center;
        padding:1px;
    }

    .box2[b-a05wjzdakl] {
        width: 250px;
        height:150px;
    }
 
    h1[b-a05wjzdakl] {
        padding-left: 0vw;
        margin: auto;
        font-size: 1.5rem;
    }
    .para[b-a05wjzdakl] {
        padding-left: 0vw;
        margin-left: 0vw;
        margin-top: 1vh;
        
        font-size: 1.2rem;
    }
    .box2[b-a05wjzdakl] {
        margin: auto;
      
      float:none;
    }
    .para[b-a05wjzdakl] {
        margin: auto;
    }
    .footer[b-a05wjzdakl] {
        height: 10vh;
      
    }
}
/* _content/UserInterface/Views/AboutUs/AboutUsAdmin.razor.rz.scp.css */
.pink-section[b-ue799moq5y] {
    height: 170vh;
    width: 100vw;
    background: url("/images/Pattern2.png") no-repeat;
    background-color: var(--fifth-color);
}
textarea[b-ue799moq5y] {
    height: 100%;
    width: 100%;
}

.submit_icon[b-ue799moq5y] {
    position: fixed;
    bottom: 15vw;
    right: 10vw;
}

.row > *[b-ue799moq5y] {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-top: 0;
}

h1[b-ue799moq5y] {
    padding-left: 5vw;
}

.row[b-ue799moq5y] {
    width: 100vw;
    height: 55vh;
    padding: 0;
    margin: 0;
    color: var(--third-color);
}

.column[b-ue799moq5y] {
    width: 50vw;
    float: left;
}



.box2[b-ue799moq5y] {
    width: 350px;
    height: 400px;
    background-color: var(--fifth-color);
    border-radius: 60px;
    border: 1px gray;
    float: left;
    margin-left: 10vw;
    margin-top: 10vh;
    box-shadow: -1px 15px 30px 5px gray;
}
.image-container[b-ue799moq5y] {
    width: 100%;
    height: 100%;
    border-radius: 60px;
    border: 1px gray;
    box-shadow: -1px 15px 30px 5px gray;
}
.selectimage[b-ue799moq5y] {
    width: 100%;
    height: 70%;/*
    border-radius: 60px;
    border: 1px gray;
    box-shadow: -1px 15px 30px 5px gray;*/
}

.para[b-ue799moq5y] {
    color: black;
    font-size: 1.5rem;
    padding-left: 5vw;
}


@media only screen and (max-width:1200px) {
    .box2[b-ue799moq5y] {
        width: 30vw;
        height: 30vw;
    }
    .para[b-ue799moq5y] {
        padding-left: 0vw;
        margin-left: 0vw;
        margin-top: 1vh;
        font-size: 1.5rem;
    }
}

@media only screen and (max-width:1400px) {
    .box2[b-ue799moq5y] {
        width: 250px;
        height: 400px;
        width: 25vw;
        height: 25vw;
    }
    .para[b-ue799moq5y] {
        padding-left: 0vw;
        margin-left: 0vw;
        margin-top: 1vh;
        font-size: 1.7rem;
    }
}

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

    .column[b-ue799moq5y] {
        width: 100vw;
        height: 26vh;
        text-align: center;
    }

    .box2[b-ue799moq5y] {
        width: 250px;
        height: 200px;
    }

   

    h1[b-ue799moq5y] {
        padding-left: 0vw;
        margin: auto;
    }

    .para[b-ue799moq5y] {
        padding-left: 0vw;
        margin-left: 0vw;
        margin-top: 1vh;
    }

    .box2[b-ue799moq5y] {
        margin: auto;
        float: none;
    }

    .para[b-ue799moq5y] {
        margin: auto;
    }

    .footer[b-ue799moq5y] {
        height: 10vh;
    }
}
/* _content/UserInterface/Views/Auth/Admin/SignIn.razor.rz.scp.css */
/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);*/

*:focus[b-cmmwb2ss0d] {
    outline: none;
}

body[b-cmmwb2ss0d] {
    margin: 0;
    padding: 0;
    background: #DDD;
    font-size: 16px;
    color: #222;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

#login-box[b-cmmwb2ss0d] {
    position: relative;
    margin: 5% auto;
    width: 600px;
    height: 400px;
    background: #FFF;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

.left[b-cmmwb2ss0d] {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 40px;
    width: 300px;
    height: 400px;
}

h1[b-cmmwb2ss0d] {
    margin: 0 0 20px 0;
    font-weight: 300;
    font-size: 28px;
}

input[type="text"][b-cmmwb2ss0d],
input[type="password"][b-cmmwb2ss0d] {
    display: block;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 4px;
    width: 220px;
    height: 32px;
    border: none;
    border-bottom: 1px solid #AAA;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    transition: 0.2s ease;
}

    input[type="text"]:focus[b-cmmwb2ss0d],
    input[type="password"]:focus[b-cmmwb2ss0d] {
        border-bottom: 2px solid #16a085;
        color: #16a085;
        transition: 0.2s ease;
    }

input[type="submit"][b-cmmwb2ss0d] {
    margin-top: 28px;
    width: 120px;
    height: 32px;
    background: #16a085;
    border: none;
    border-radius: 2px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.1s ease;
    cursor: pointer;
}

    input[type="submit"]:hover[b-cmmwb2ss0d],
    input[type="submit"]:focus[b-cmmwb2ss0d] {
        opacity: 0.8;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
        transition: 0.1s ease;
    }

    input[type="submit"]:active[b-cmmwb2ss0d] {
        opacity: 1;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        transition: 0.1s ease;
    }

.or[b-cmmwb2ss0d] {
    position: absolute;
    top: 180px;
    left: 280px;
    width: 40px;
    height: 40px;
    background: #DDD;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    line-height: 40px;
    text-align: center;
}

.right[b-cmmwb2ss0d] {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    padding: 40px;
    width: 300px;
    height: 400px;
    background: url('https://goo.gl/YbktSj');
    background-size: cover;
    background-position: center;
    border-radius: 0 2px 2px 0;
}

    .right .loginwith[b-cmmwb2ss0d] {
        display: block;
        margin-bottom: 40px;
        font-size: 28px;
        color: #FFF;
        text-align: center;
    }

/* _content/UserInterface/Views/Auth/Admin/SignUp.razor.rz.scp.css */
/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);*/

*:focus[b-ckwa8o58ga] {
    outline: none;
}

body[b-ckwa8o58ga] {
    margin: 0;
    padding: 0;
    background: #DDD;
    font-size: 16px;
    color: #222;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

#login-box[b-ckwa8o58ga] {
    position: relative;
    margin: 5% auto;
    width: 600px;
    height: 400px;
    background: #FFF;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

.left[b-ckwa8o58ga] {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 40px;
    width: 300px;
    height: 400px;
}

h1[b-ckwa8o58ga] {
    margin: 0 0 20px 0;
    font-weight: 300;
    font-size: 28px;
}

input[type="text"][b-ckwa8o58ga],
input[type="password"][b-ckwa8o58ga] {
    display: block;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 4px;
    width: 220px;
    height: 32px;
    border: none;
    border-bottom: 1px solid #AAA;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    transition: 0.2s ease;
}

    input[type="text"]:focus[b-ckwa8o58ga],
    input[type="password"]:focus[b-ckwa8o58ga] {
        border-bottom: 2px solid #16a085;
        color: #16a085;
        transition: 0.2s ease;
    }

input[type="submit"][b-ckwa8o58ga] {
    margin-top: 28px;
    width: 120px;
    height: 32px;
    background: #16a085;
    border: none;
    border-radius: 2px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.1s ease;
    cursor: pointer;
}

    input[type="submit"]:hover[b-ckwa8o58ga],
    input[type="submit"]:focus[b-ckwa8o58ga] {
        opacity: 0.8;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
        transition: 0.1s ease;
    }

    input[type="submit"]:active[b-ckwa8o58ga] {
        opacity: 1;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        transition: 0.1s ease;
    }

.or[b-ckwa8o58ga] {
    position: absolute;
    top: 180px;
    left: 280px;
    width: 40px;
    height: 40px;
    background: #DDD;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    line-height: 40px;
    text-align: center;
}

.right[b-ckwa8o58ga] {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    padding: 40px;
    width: 300px;
    height: 400px;
    background: url('https://goo.gl/YbktSj');
    background-size: cover;
    background-position: center;
    border-radius: 0 2px 2px 0;
}

    .right .loginwith[b-ckwa8o58ga] {
        display: block;
        margin-bottom: 40px;
        font-size: 28px;
        color: #FFF;
        text-align: center;
    }

button.social-signin[b-ckwa8o58ga] {
    margin-bottom: 20px;
    width: 220px;
    height: 36px;
    border: none;
    border-radius: 2px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    transition: 0.2s ease;
    cursor: pointer;
}

    button.social-signin:hover[b-ckwa8o58ga],
    button.social-signin:focus[b-ckwa8o58ga] {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
        transition: 0.2s ease;
    }

    button.social-signin:active[b-ckwa8o58ga] {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        transition: 0.2s ease;
    }

    button.social-signin.facebook[b-ckwa8o58ga] {
        background: #32508E;
    }

    button.social-signin.twitter[b-ckwa8o58ga] {
        background: #55ACEE;
    }

    button.social-signin.google[b-ckwa8o58ga] {
        background: #DD4B39;
    }
/* _content/UserInterface/Views/Auth/SignIn.razor.rz.scp.css */
/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);*/

*:focus[b-sziwgadm5k] {
    outline: none;
}

body[b-sziwgadm5k] {
    margin: 0;
    padding: 0;
    background: #DDD;
    font-size: 16px;
    color: #222;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

#login-box[b-sziwgadm5k] {
    position: relative;
    margin: 5% auto;
    width: 600px;
    height: 400px;
    background: #FFF;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

.left[b-sziwgadm5k] {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 40px;
    width: 300px;
    height: 400px;
}

h1[b-sziwgadm5k] {
    margin: 0 0 20px 0;
    font-weight: 300;
    font-size: 28px;
}

input[type="text"][b-sziwgadm5k],
input[type="password"][b-sziwgadm5k] {
    display: block;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 4px;
    width: 220px;
    height: 32px;
    border: none;
    border-bottom: 1px solid #AAA;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    transition: 0.2s ease;
}

    input[type="text"]:focus[b-sziwgadm5k],
    input[type="password"]:focus[b-sziwgadm5k] {
        border-bottom: 2px solid #16a085;
        color: #16a085;
        transition: 0.2s ease;
    }

input[type="submit"][b-sziwgadm5k] {
    margin-top: 28px;
    width: 120px;
    height: 32px;
    background: #16a085;
    border: none;
    border-radius: 2px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.1s ease;
    cursor: pointer;
}

    input[type="submit"]:hover[b-sziwgadm5k],
    input[type="submit"]:focus[b-sziwgadm5k] {
        opacity: 0.8;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
        transition: 0.1s ease;
    }

    input[type="submit"]:active[b-sziwgadm5k] {
        opacity: 1;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        transition: 0.1s ease;
    }

.or[b-sziwgadm5k] {
    position: absolute;
    top: 180px;
    left: 280px;
    width: 40px;
    height: 40px;
    background: #DDD;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    line-height: 40px;
    text-align: center;
}

.right[b-sziwgadm5k] {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    padding: 40px;
    width: 300px;
    height: 400px;
    background: url('https://goo.gl/YbktSj');
    background-size: cover;
    background-position: center;
    border-radius: 0 2px 2px 0;
}

    .right .loginwith[b-sziwgadm5k] {
        display: block;
        margin-bottom: 40px;
        font-size: 28px;
        color: #FFF;
        text-align: center;
    }

/* _content/UserInterface/Views/Auth/SignUp.razor.rz.scp.css */
/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);*/

*:focus[b-im3wt42dhm] {
    outline: none;
}

body[b-im3wt42dhm] {
    margin: 0;
    padding: 0;
    background: #DDD;
    font-size: 16px;
    color: #222;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

#login-box[b-im3wt42dhm] {
    position: relative;
    margin: 5% auto;
    width: 600px;
    height: 400px;
    background: #FFF;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

.left[b-im3wt42dhm] {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 40px;
    width: 300px;
    height: 400px;
}

h1[b-im3wt42dhm] {
    margin: 0 0 20px 0;
    font-weight: 300;
    font-size: 28px;
}

input[type="text"][b-im3wt42dhm],
input[type="password"][b-im3wt42dhm] {
    display: block;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 4px;
    width: 220px;
    height: 32px;
    border: none;
    border-bottom: 1px solid #AAA;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    transition: 0.2s ease;
}

    input[type="text"]:focus[b-im3wt42dhm],
    input[type="password"]:focus[b-im3wt42dhm] {
        border-bottom: 2px solid #16a085;
        color: #16a085;
        transition: 0.2s ease;
    }

input[type="submit"][b-im3wt42dhm] {
    margin-top: 28px;
    width: 120px;
    height: 32px;
    background: #16a085;
    border: none;
    border-radius: 2px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.1s ease;
    cursor: pointer;
}

    input[type="submit"]:hover[b-im3wt42dhm],
    input[type="submit"]:focus[b-im3wt42dhm] {
        opacity: 0.8;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
        transition: 0.1s ease;
    }

    input[type="submit"]:active[b-im3wt42dhm] {
        opacity: 1;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        transition: 0.1s ease;
    }

.or[b-im3wt42dhm] {
    position: absolute;
    top: 180px;
    left: 280px;
    width: 40px;
    height: 40px;
    background: #DDD;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    line-height: 40px;
    text-align: center;
}

.right[b-im3wt42dhm] {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    padding: 40px;
    width: 300px;
    height: 400px;
    background: url('https://goo.gl/YbktSj');
    background-size: cover;
    background-position: center;
    border-radius: 0 2px 2px 0;
}

    .right .loginwith[b-im3wt42dhm] {
        display: block;
        margin-bottom: 40px;
        font-size: 28px;
        color: #FFF;
        text-align: center;
    }

button.social-signin[b-im3wt42dhm] {
    margin-bottom: 20px;
    width: 220px;
    height: 36px;
    border: none;
    border-radius: 2px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    transition: 0.2s ease;
    cursor: pointer;
}

    button.social-signin:hover[b-im3wt42dhm],
    button.social-signin:focus[b-im3wt42dhm] {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
        transition: 0.2s ease;
    }

    button.social-signin:active[b-im3wt42dhm] {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        transition: 0.2s ease;
    }

    button.social-signin.facebook[b-im3wt42dhm] {
        background: #32508E;
    }

    button.social-signin.twitter[b-im3wt42dhm] {
        background: #55ACEE;
    }

    button.social-signin.google[b-im3wt42dhm] {
        background: #DD4B39;
    }
/* _content/UserInterface/Views/ContactUs/ContactUs.razor.rz.scp.css */
.row > *[b-z2sok6riz5] {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right:0;
    padding-left: 0;
    margin-top: var(--bs-gutter-y);
}

.row[b-z2sok6riz5] {
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: var(--fifth-color);
    color: var(--third-color);
}

.column[b-z2sok6riz5] {
    width: 50%;
    float: left;
    padding-left: 5vw;
    padding-top:5vw;
}
.column2[b-z2sok6riz5] {
    width: 50%;
    float: left;
    padding-left: 5vw;
}
.right[b-z2sok6riz5] {
    text-decoration: none;
    color: black;
    float: right;
}
.box1[b-z2sok6riz5] {
    height: 75vh;
    width: 30vw;
    background-color: var(--first-color);
    border-radius: 100px 0px 0px 100px;
    float: right;
}

.box2[b-z2sok6riz5] {
    width: 25vw;
    height: 25vw;
    background-color: var(--fifth-color);
    border-radius: 60px;
    border: 1px gray;
    float: right;
    margin-right: -15vw;
    margin-top: 10vh;
    box-shadow: -1px 15px 30px 5px gray;
    background-image: url("/images/location.png");
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-position: center;
}
.item-img[b-z2sok6riz5] {
    cursor: pointer;
    width: 100px;
    height: 100px;
}
h3[b-z2sok6riz5] {
    font-size: 0.9rem;
}
.footer[b-z2sok6riz5] {
    height: 13vh;
    width: 100vw;
    background-color: var(--first-color);
    text-align: center;
}
@media only screen and (max-width:1000px) {

    .column[b-z2sok6riz5] {
       
     
     padding-left:3px; 
    }

    h3[b-z2sok6riz5] {
        font-size: 0.65rem;
    }


}
@media only screen and (max-width:600px) {
   
    .row[b-z2sok6riz5] {
        height: 100vh;
    }

    .column[b-z2sok6riz5] {
        width: 100vw;
        height: 440px;
        text-align: center;
    }
    .column2[b-z2sok6riz5] {
        width: 100vw;
        height: 440px;
        text-align: center;
    }

    h3[b-z2sok6riz5] {
        font-size: 1.1rem;
        padding-top: 10vw;
    }

    a[b-z2sok6riz5] {
        width: 100%;
        padding-top: 10px;
    }

    .box1[b-z2sok6riz5] {
        height: 440px;
        width: 60vw;
       
       
    }

    .box2[b-z2sok6riz5] {
        width: 50vw;
        height:50vw;
        margin-right: -30vw;
        margin-top: 10vh;
      
      
    }

    .footer[b-z2sok6riz5] {
        height: 10vh;
    }
}

/* _content/UserInterface/Views/ContactUs/ContactUsAdmin.razor.rz.scp.css */
.row > *[b-uqo2sryklp] {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-top: var(--bs-gutter-y);
}

.row[b-uqo2sryklp] {
    width: 100vw;
    padding: 0;
    margin: 0;
    background-color: var(--fifth-color);
    color: var(--third-color);
}


.submit_icon[b-uqo2sryklp] {
    position: fixed;
    bottom: 15vw;
    left: 10vw;
}

.column[b-uqo2sryklp] {
    width: 50vw;
    float: left;
    padding-left: 5vw;
}

.box1[b-uqo2sryklp] {
    height: 75vh;
    width: 30vw;
    background-color: var(--first-color);
    border-radius: 100px 0px 0px 100px;
    float: right;
}

.box2[b-uqo2sryklp] {
    width: 25vw;
    height: 50vh;
    background-color: var(--fifth-color);
    border-radius: 60px;
    border: 1px gray;
    float: right;
    margin-right: -15vw;
    margin-top: 10vh;
    box-shadow: -1px 15px 30px 5px gray;
}

.item-img[b-uqo2sryklp] {
    cursor: pointer;
    width: 100px;
    height: 100px;
}

h3[b-uqo2sryklp] {
    font-size: 0.9rem;
}
.para2[b-uqo2sryklp] {
    width: 30vw;
}
.footer[b-uqo2sryklp] {
    height: 13vh;
    width: 100vw;
    background-color: var(--first-color);
    text-align: center;
}

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

    .column[b-uqo2sryklp] {
        padding-left: 3px;
    }

    h3[b-uqo2sryklp] {
        font-size: 0.65rem;
    }
}

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

    .row[b-uqo2sryklp] {
        height: 100vh;
    }

    .column[b-uqo2sryklp] {
        width: 100vw;
        height: 50vh;
        text-align: center;
    }

    h3[b-uqo2sryklp] {
        font-size: 1.1rem;
        padding-top: 10vw;
    }

    a[b-uqo2sryklp] {
        width: 100%;
        padding-top: 10px;
    }

    .box1[b-uqo2sryklp] {
        height: 50vh;
        width: 60vw;
    }

    .box2[b-uqo2sryklp] {
        width: 50vw;
        height: 30vh;
        margin-right: -30vw;
        margin-top: 10vh;
    }

    .footer[b-uqo2sryklp] {
        height: 10vh;
    }
}
/* _content/UserInterface/Views/Custom/Custom.razor.rz.scp.css */
.row > *[b-9o6pmc18gq] {
    flex-shrink: 0;
    width: 50%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: 0;
    margin-top: var(--bs-gutter-y);
}
.row[b-9o6pmc18gq] {
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: var(--fifth-color);
    color: var(--third-color);
}
.shadow-table[b-9o6pmc18gq] {
    box-shadow: inset 0 0 10px #000000;
    box-shadow: 0rem 0rem black, inset 0 -10px 15px -5px var(--first-color);
}

.column .column2[b-9o6pmc18gq] {
    width: 50%;
    float: left;
}
.box1[b-9o6pmc18gq] {
    height: 88vh;
    width: 29vw;
    background-color: var(--first-color);
    border-radius: 0px 100px 100px 0px;
    float: left;
 
}
.but[b-9o6pmc18gq] {
    width: 100%;
}
.box2[b-9o6pmc18gq] {
    width: 30vw;
    height: 30vw;
    background-color: var(--fifth-color);
    border-radius: 60px;
    border: 1px gray;
    float: left;
    margin-left: -15vw;
    margin-top: 15vh;
    box-shadow: -1px 15px 30px 5px gray;
    position:relative;

}
.ThreeCircilesStraight[b-9o6pmc18gq] {
    width: 25vw;
    margin:0.5vw 2.5vw;
    height: 25vw;
    position: absolute;
    z-index: 1000;
}
.selectimage[b-9o6pmc18gq] {
    width: 19vw;
    height: 19vw;
    margin:6.5vw 6vw;
    border-radius: 50%;
    position: absolute;
    z-index: 1000;
}
    .selectimage:hover[b-9o6pmc18gq] {
        width: 21vw;
        height: 21vw;
        margin: 6vw 5vw;
    }
    .selectimage-filling[b-9o6pmc18gq], .selectimage-wrapping[b-9o6pmc18gq] {
        width: 8vw;
        height: 8vw;
        border-radius: 50%;
        position: absolute;
        z-index: 1000;
        opacity: 0.7;
    }
    .selectimage-filling:hover[b-9o6pmc18gq], .selectimage-wrapping:hover[b-9o6pmc18gq] {
        width: 10vw;
        height: 10vw;
        opacity: 1;
    }
.selectimage-filling[b-9o6pmc18gq] {
    margin: 15vw 15vw;
}
.selectimage-wrapping[b-9o6pmc18gq] {
    margin: 18vw 7vw;
}

.item-img[b-9o6pmc18gq] {
    cursor: pointer;
    width: 100px;
    height: 100px;
    border-radius: 80%;
    border: 1px solid var(--first-color);
}
.buttons[b-9o6pmc18gq] {
    width: 200vw;
}
.box3[b-9o6pmc18gq] {
    width: 110px;
    height: 110px;
    /*float: left;*/
    scroll-snap-align: center;
}
.box4[b-9o6pmc18gq] {
    width: 100px;
    margin: 5px 0px 0px 5px;
    height: 100px;
    background-color: var(--first-color);
    border-radius: 15px;
    border: 1px gray;
    box-shadow: 1px 5px 25px 1px var(--fifth-color);
}
.box-normal[b-9o6pmc18gq] {
    width: 100px;
    margin: 3px 0px 0px 3px;
    /*margin: auto auto;*/
    height: 100px;
    background-color: var(--fifth-color);
    border-radius: 15px;
    border: 1px gray;
    box-shadow: -1px 5px 25px 1px gray;
}
.box-all[b-9o6pmc18gq] {
    /*display: inline-block;*/

    background-color: var(--third-color);
    border-radius: 15px;
    margin-bottom: 3px;
    border: 1px gray;
    box-shadow: 0px 5px 25px 0px var(--fifth-color);
    scroll-snap-align: center;
    width: fit-content;
    /*height: fit-content;*/
}
.box3-multe[b-9o6pmc18gq] {
    background-color: var(--first-color);
    border-radius: 15px;
    margin-bottom: 3px;
    border: 1px gray;
    box-shadow: 1px 5px 25px 0px var(--fifth-color);
    width: 110px;
    height: 110px;
    float: left;
    scroll-snap-align: center;
}

.box-multe[b-9o6pmc18gq] {
    width: 100px;
    margin: 5px 0px 0px 5px;
    height: 100px;
    background-color: var(--fifth-color);
    border-radius: 15px;
    border: 1px gray;
    box-shadow: -1px 5px 25px 1px gray;
}




.add[b-9o6pmc18gq] {
    transition: transform 0.2s;
    display: inline-block;
    margin-bottom: 0px;
   
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 5px solid var(--first-color);
    background-color: var(--first-color);
    white-space: nowrap;
    padding: 6px 12px;
    /*font-size: 14px;*/
    line-height: 1.42857;
    border-radius: 3px;
    -moz-user-select: none;
    font-size: 30px;
    color: black;
    width: 250px;
    margin-top: 10px;
    margin-right: 20px;
}
.clear[b-9o6pmc18gq] {
    margin-top: 10px;
    width: 250px;
    transition: transform 0.2s;
    display: inline-block;
    margin-bottom: 0px;

    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background-color: var(--fifth-color);
    border: 5px solid var(--first-color);
    white-space: nowrap;
    padding: 6px 12px;
    /*font-size: 14px;*/
    line-height: 1.42857;
    border-radius: 3px;
    -moz-user-select: none;
    font-size: 30px;
    color: black;
}

    .add:disabled[b-9o6pmc18gq], .clear:disabled[b-9o6pmc18gq] {
        background-color: transparent;
        color: var(--disable-font);
        border: 5px solid var(--disable-font);
        cursor: not-allowed;
    }
.price-tag[b-9o6pmc18gq] {
    background-color: var(--first-color);
    color: white;
    border-radius: 50px;
    text-decoration: none;
    font-size: 1rem;
    padding:4px 7px;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.left[b-9o6pmc18gq] {
    width: 80%;
    float: left;
}
.back[b-9o6pmc18gq] {
    text-decoration: none;
    display: inline-block;
    padding: 8px 15px;
   margin-right:5px;
   
}

    .back:hover[b-9o6pmc18gq] {
        background-color: #ddd;
        color: black;
    }


.back[b-9o6pmc18gq] {
    background-color: #c0c0c0;
    color: white;
    font-size: 25px;
    border-radius: 30px;
    cursor: pointer;
}


.fixed-box[b-9o6pmc18gq] {
    position: fixed;
    width: 100%;
}

.sticky-header[b-9o6pmc18gq] {
    position: fixed;
}

.inner-window[b-9o6pmc18gq] {
    
    background-color: var(--fifth-color);
    display: flex;
    flex-direction: row;
    width: 45vw;
    scroll-snap-type: y mandatory;
}
.first-column[b-9o6pmc18gq] {
  
    overflow-y: auto;
    height: 225px;
    padding: 5px;
}
/* Parent Container */
.content_img[b-9o6pmc18gq] {
    position: relative;
    width: 100px;
    height: 100px;
    float: left;
   
}

    /* Child Text Container */
    .content_img div[b-9o6pmc18gq] {
        position: absolute;
        text-align:center;
        bottom: 0;
        left: 0;
        background: white;
        color: black;
        margin-bottom: 10px;
        font-family: sans-serif;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: visibility 0s, opacity 0.5s linear;
        transition: visibility 0s, opacity 0.5s linear;
    }

    /* Hover on Parent Container */
    .content_img:hover[b-9o6pmc18gq] {
        cursor: pointer;
    }

        .content_img:hover div[b-9o6pmc18gq] {
            width: 100px;
            padding: 1px 1px;
            visibility: visible;
            opacity: 0.7;
        }

@media only screen and (max-width:1000px) {
    .content_img div[b-9o6pmc18gq] {
        width: 100px;
        padding: 1px 1px;
        visibility: visible;
        opacity: 0.7;
    }
}

/*Tablet View*/
@media only screen and (max-width: 800px) {
    h1[b-9o6pmc18gq] {
        font-size: 1.5em;
    }

    p[b-9o6pmc18gq] {
        visibility: hidden;
        position: fixed;
    }

    .column-description[b-9o6pmc18gq] {
        top: 20vw;
    }
    .first-column[b-9o6pmc18gq] {
        height: 140px;
    }
}

    @media only screen and (max-width:600px) {
        p[b-9o6pmc18gq] {
            visibility: hidden;
            position: fixed;
        }
        .row > *[b-9o6pmc18gq] {
            flex-shrink: 0;
            width: 100%;
            max-width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: 0;
            margin-top: var(--bs-gutter-y);
        }
        .box-all[b-9o6pmc18gq] {
            width: 110px;
            height: 110px;
        }
        .box3-multe[b-9o6pmc18gq] {
            width: 110px;
            height: 110px;
        }
        .column .column2[b-9o6pmc18gq] {
            width: 100vw;
            height: 40vh;
        }
        .column2[b-9o6pmc18gq] {
            height: 55vh;
        }
        .box1[b-9o6pmc18gq] {
            height: 40vh;
            width: 58vw;
        }
        .box2[b-9o6pmc18gq] {
            width: 40vw;
            height: 40vw;
            margin-left: -20vw;
            margin-top: 10vh;
        }
        .box3[b-9o6pmc18gq] {
            width: 110px;
        }
        .ThreeCircilesStraight[b-9o6pmc18gq] {
            width: 30vw;
            margin: 0vw 5.5vw;
            height: 35vw;
            position: absolute;
            z-index: 1000;
        }
        .selectimage[b-9o6pmc18gq] {
            width: 25vw;
            height: 25vw;
            margin: 10vw 10vw;
            border-radius: 50%;
            position: absolute;
            z-index: 100;
        }
        .selectimage-filling[b-9o6pmc18gq], .selectimage-wrapping[b-9o6pmc18gq] {
            /*width: 12vw;
            height: 12vw;*/
            border-radius: 50%;
            position: absolute;
            z-index: 1000;
        }
        .selectimage-filling[b-9o6pmc18gq] {
            margin: 22vw 22vw;
        }
        .selectimage-wrapping[b-9o6pmc18gq] {
            margin: 25vw 10vw;
        }
        .head[b-9o6pmc18gq], p[b-9o6pmc18gq] {
            text-align: center;
            font-size: 20px;
        }
        .add[b-9o6pmc18gq], .clear[b-9o6pmc18gq] {
            width: 175px;
            font-size: 20px;
            margin-left: 1vh;
        }
        .inner-window[b-9o6pmc18gq] {
            width: 95vw;
        }
        .first-column[b-9o6pmc18gq] {
            overflow-y: auto;
            height: 25vh;
            padding: 5px;
        }
        .subpage[b-9o6pmc18gq]{
            /*height: 100vh;*/
        }
    }
/* _content/UserInterface/Views/Custom/PickUp.razor.rz.scp.css */
.left[b-j222m46k96] {
    width: 80%;
    float: left;
}
.box5[b-j222m46k96] {
    width: 100%;
    height: 200px;
    float: left;
    scroll-snap-align: center;
    font-size: 20px;
    color: black;
}
/* _content/UserInterface/Views/Custom/Quantity.razor.rz.scp.css */

.box5[b-2cftru4bnz] {
    width: 100%;
    height: 200px;
    float: left;
    scroll-snap-align: center;
}
.mounse[b-2cftru4bnz] {
    width: 40px;
    height: 40px;
    background-color: var(--first-color);
    color: black;
    font-size: 20px;
    border: none;
}
.number[b-2cftru4bnz] {
    width: 80px;
    height: 40px;
    background-color: transparent;
    color: black;
    font-size: 20px;
    border: none;
    text-align: center;
}
.plus[b-2cftru4bnz] {
    width: 40px;
    height: 40px;
    background-color: var(--first-color);
    color: black;
    font-size: 20px;
    border: none;
}
.unity[b-2cftru4bnz] {
    width: 100px;
    height: 40px;
    background-color: #c0c0c0;
    color: black;
    font-size: 20px;
    border: none;
    margin-left: 20px;
    text-align: center;
}
.extra[b-2cftru4bnz] {
    color: black;
    font-size: 20px;
    margin-left: 20px;
    margin-right: 20px;
    text-decoration: none;
}

input[type=checkbox][b-2cftru4bnz], input[type=checkbox]:checked[b-2cftru4bnz] {
    width: 35px;
    height: 35px;
    background-color: var(--first-color);
    border: 3px solid white;
}
label[b-2cftru4bnz] {
    color: black;
    font-size: 25px;
    margin-left: 20px;
    margin-right: 20px;
}

input[b-2cftru4bnz]::-webkit-outer-spin-button,
input[b-2cftru4bnz]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-2cftru4bnz] {
    -moz-appearance: textfield;
}
/* _content/UserInterface/Views/Items/Admin/ChocolateTypeAddUpdate.razor.rz.scp.css */

.row[b-evvgd3ir3o] {
    width: 100%;
}

.column[b-evvgd3ir3o] {
    margin: 1%;
    width: 20%;
    font-size: 30px;
}

h3[b-evvgd3ir3o] {
    color: var(--third-color);
    font-size: 50px;
    margin-left: 1%;
}



.addlist[b-evvgd3ir3o] {
    margin: 2%;
    width: 41%;
    height: 50px;
    transition: transform 0.2s;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    border: 5px solid var(--second-color);
    white-space: nowrap;
    /*font-size: 14px;*/
    line-height: 1.42857;
    border-radius: 3px;
    -moz-user-select: none;
    font-size: 20px;
    color: black;
    background-image: url("/images/icons/check-mark.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 50%;
    width: 30vw;
    height: 3vw;
}

@media only screen and (max-width:900px) {
    .column[b-evvgd3ir3o] {
        width: 40%;
        font-size: 20px;
    }

    .addlist[b-evvgd3ir3o] {
        margin: 3%;
        width: 90%
    }
}
/* _content/UserInterface/Views/Items/Admin/ColorAddUpdate.razor.rz.scp.css */

.row[b-mjh2xzlhl3] {
    width: 100%;
}

.column[b-mjh2xzlhl3] {
    margin: 1%;
    width: 20%;
    font-size: 30px;
}

h3[b-mjh2xzlhl3] {
    color: var(--third-color);
    font-size: 50px;
    margin-left: 1%;
}



.addlist[b-mjh2xzlhl3] {
    margin: 2%;
    width: 41%;
    height: 50px;
    transition: transform 0.2s;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    border: 5px solid var(--second-color);
    white-space: nowrap;
    /*font-size: 14px;*/
    line-height: 1.42857;
    border-radius: 3px;
    -moz-user-select: none;
    font-size: 20px;
    color: black;
    background-image: url("/images/icons/check-mark.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 50%;
    width: 30vw;
    height: 3vw;
}

@media only screen and (max-width:900px) {
    .column[b-mjh2xzlhl3] {
        width: 40%;
        font-size: 20px;
    }

    .addlist[b-mjh2xzlhl3] {
        margin: 3%;
        width: 90%
    }
}
/* _content/UserInterface/Views/Items/Admin/FillingAddUpdate.razor.rz.scp.css */

.row[b-d0xltathle] {
    width: 100%;
}

.column[b-d0xltathle] {
    margin: 1%;
    width: 20%;
    font-size: 30px;
}

h3[b-d0xltathle] {
    color: var(--third-color);
    font-size: 50px;
    margin-left: 1%;
}



.addlist[b-d0xltathle] {
    margin: 2%;
    width: 41%;
    height: 50px;
    transition: transform 0.2s;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    border: 5px solid var(--second-color);
    white-space: nowrap;
    /*font-size: 14px;*/
    line-height: 1.42857;
    border-radius: 3px;
    -moz-user-select: none;
    font-size: 20px;
    color: black;
    background-image: url("/images/icons/check-mark.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 50%;
    width: 30vw;
    height: 3vw;
}

@media only screen and (max-width:900px) {
    .column[b-d0xltathle] {
        width: 40%;
        font-size: 20px;
    }

    .addlist[b-d0xltathle] {
        margin: 3%;
        width: 90%
    }
}
/* _content/UserInterface/Views/Items/Admin/FlavorAddUpdate.razor.rz.scp.css */

.row[b-w5zut0uvkn] {
    width: 100%;
}

.column[b-w5zut0uvkn] {
    margin: 1%;
    width: 20%;
    font-size: 30px;
}

h3[b-w5zut0uvkn] {
    color: var(--third-color);
    font-size: 50px;
    margin-left: 1%;
}



.addlist[b-w5zut0uvkn] {
    margin: 2%;
    width: 41%;
    height: 50px;
    transition: transform 0.2s;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    border: 5px solid var(--second-color);
    white-space: nowrap;
    /*font-size: 14px;*/
    line-height: 1.42857;
    border-radius: 3px;
    -moz-user-select: none;
    font-size: 20px;
    color: black;
    background-image: url("/images/icons/check-mark.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 50%;
    width: 30vw;
    height: 3vw;
}

@media only screen and (max-width:900px) {
    .column[b-w5zut0uvkn] {
        width: 40%;
        font-size: 20px;
    }

    .addlist[b-w5zut0uvkn] {
        margin: 3%;
        width: 90%
    }
}
/* _content/UserInterface/Views/Items/Admin/GetList/ChocolateTypeList.razor.rz.scp.css */
/* _content/UserInterface/Views/Items/Admin/GetList/ColorList.razor.rz.scp.css */
/* _content/UserInterface/Views/Items/Admin/GetList/FillingList.razor.rz.scp.css */
/* _content/UserInterface/Views/Items/Admin/GetList/FlavorList.razor.rz.scp.css */
/* _content/UserInterface/Views/Items/Admin/GetList/ItemList.razor.rz.scp.css */
ItemList.razor[b-gnm3t0dqi0]
/* _content/UserInterface/Views/Items/Admin/GetList/MassList.razor.rz.scp.css */
/* _content/UserInterface/Views/Items/Admin/GetList/NutsList.razor.rz.scp.css */
/* _content/UserInterface/Views/Items/Admin/GetList/ShapeList.razor.rz.scp.css */
/* _content/UserInterface/Views/Items/Admin/GetList/SizeList.razor.rz.scp.css */
/* _content/UserInterface/Views/Items/Admin/GetList/WrapColorList.razor.rz.scp.css */
/* _content/UserInterface/Views/Items/Admin/ItemAddUpdate.razor.rz.scp.css */

.row[b-v3s556s398] {

    width: 100%;
    
}
.column[b-v3s556s398] {
    margin:1%;
    width: 20%;
    font-size:30px;
   
   
}
h3[b-v3s556s398] {
    color: var(--third-color);
    font-size: 50px;
    margin-left: 1%;
}
.add[b-v3s556s398] {
    transition: transform 0.2s;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    border: 5px solid var(--second-color);
    white-space: nowrap;
    /*font-size: 14px;*/
    line-height: 1.42857;
    border-radius: 3px;
    -moz-user-select: none;
    font-size: 20px;
    color: black;
    background-image: url("/images/icons/add.png");
    background-size: contain;
    width: 3vw;
    height: 3vw;
}
.addlist[b-v3s556s398] {
    margin: 2%;
    width: 50%;
    height: 50px;
    transition: transform 0.2s;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    border: 5px solid var(--second-color);
    white-space: nowrap;
    /*font-size: 14px;*/
    line-height: 1.42857;
    border-radius: 3px;
    -moz-user-select: none;
    font-size: 20px;
    color: black;
    background-image: url("/images/icons/check-mark.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 50%;
    width: 30vw;
    height: 3vw;
}
@media only screen and (max-width:900px) {
    .column[b-v3s556s398] {
       
        width: 30%;
        font-size: 20px;
    }
}
/* _content/UserInterface/Views/Items/Admin/MassAddUpdate.razor.rz.scp.css */

.row[b-e34e9xiae8] {
    width: 100%;
}

.column[b-e34e9xiae8] {
    margin: 1%;
    width: 20%;
    font-size: 30px;
}

h3[b-e34e9xiae8] {
    color: var(--third-color);
    font-size: 50px;
    margin-left: 1%;
}



.addlist[b-e34e9xiae8] {
    margin: 2%;
    width: 41%;
    height: 50px;
    transition: transform 0.2s;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    border: 5px solid var(--second-color);
    white-space: nowrap;
    /*font-size: 14px;*/
    line-height: 1.42857;
    border-radius: 3px;
    -moz-user-select: none;
    font-size: 20px;
    color: black;
    background-image: url("/images/icons/check-mark.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 50%;
    width: 30vw;
    height: 3vw;
}

@media only screen and (max-width:900px) {
    .column[b-e34e9xiae8] {
        width: 40%;
        font-size: 20px;
    }

    .addlist[b-e34e9xiae8] {
        margin: 3%;
        width: 90%
    }
}
/* _content/UserInterface/Views/Items/Admin/NutsAddUpdate.razor.rz.scp.css */

.row[b-ul9d7lp903] {
    width: 100%;
}

.column[b-ul9d7lp903] {
    margin: 1%;
    width: 20%;
    font-size: 30px;
}

h3[b-ul9d7lp903] {
    color: var(--third-color);
    font-size: 50px;
    margin-left: 1%;
}



.addlist[b-ul9d7lp903] {
    margin: 2%;
    width: 41%;
    height: 50px;
    transition: transform 0.2s;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    border: 5px solid var(--second-color);
    white-space: nowrap;
    /*font-size: 14px;*/
    line-height: 1.42857;
    border-radius: 3px;
    -moz-user-select: none;
    font-size: 20px;
    color: black;
    background-image: url("/images/icons/check-mark.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 50%;
    width: 30vw;
    height: 3vw;
}

@media only screen and (max-width:900px) {
    .column[b-ul9d7lp903] {
        width: 40%;
        font-size: 20px;
    }

    .addlist[b-ul9d7lp903] {
        margin: 3%;
        width: 90%
    }
}
/* _content/UserInterface/Views/Items/Admin/ShapeAddUpdate.razor.rz.scp.css */

.row[b-kkwrzx6mik] {
    width: 100%;
}

.column[b-kkwrzx6mik] {
    margin: 1%;
    width: 20%;
    font-size: 30px;
}

h3[b-kkwrzx6mik] {
    color: var(--third-color);
    font-size: 50px;
    margin-left: 1%;
}



.addlist[b-kkwrzx6mik] {
    margin: 2%;
    width: 41%;
    height: 50px;
    transition: transform 0.2s;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    border: 5px solid var(--second-color);
    white-space: nowrap;
    /*font-size: 14px;*/
    line-height: 1.42857;
    border-radius: 3px;
    -moz-user-select: none;
    font-size: 20px;
    color: black;
    background-image: url("/images/icons/check-mark.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 50%;
    width: 30vw;
    height: 3vw;
    margin-top: 15vh;
}

@media only screen and (max-width:900px) {
    .column[b-kkwrzx6mik] {
        width: 40%;
        font-size: 20px;
    }

    .addlist[b-kkwrzx6mik] {
        margin: 3%;
        width: 90%
    }
}
/* _content/UserInterface/Views/Items/Admin/SizeAddUpdate.razor.rz.scp.css */

.row[b-4ljshhcucn] {
    width: 100%;
}

.column[b-4ljshhcucn] {
    margin: 1%;
    width: 20%;
    font-size: 30px;
}

h3[b-4ljshhcucn] {
    color: var(--third-color);
    font-size: 50px;
    margin-left: 1%;
}



.addlist[b-4ljshhcucn] {
    margin: 2%;
    width: 41%;
    height: 50px;
    transition: transform 0.2s;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    border: 5px solid var(--second-color);
    white-space: nowrap;
    /*font-size: 14px;*/
    line-height: 1.42857;
    border-radius: 3px;
    -moz-user-select: none;
    font-size: 20px;
    color: black;
    background-image: url("/images/icons/check-mark.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 50%;
    width: 30vw;
    height: 3vw;
}

@media only screen and (max-width:900px) {
    .column[b-4ljshhcucn] {
        width: 40%;
        font-size: 20px;
    }

    .addlist[b-4ljshhcucn] {
        margin: 3%;
        width: 90%
    }
}
/* _content/UserInterface/Views/Items/Admin/WrapColorAddUpdate.razor.rz.scp.css */

.row[b-qxcygusvm6] {
    width: 100%;
}

.column[b-qxcygusvm6] {
    margin: 1%;
    width: 20%;
    font-size: 30px;
}

h3[b-qxcygusvm6] {
    color: var(--third-color);
    font-size: 50px;
    margin-left: 1%;
}



.addlist[b-qxcygusvm6] {
    margin: 2%;
    width: 41%;
    height: 50px;
    transition: transform 0.2s;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    border: 5px solid var(--second-color);
    white-space: nowrap;
    /*font-size: 14px;*/
    line-height: 1.42857;
    border-radius: 3px;
    -moz-user-select: none;
    font-size: 20px;
    color: black;
    background-image: url("/images/icons/check-mark.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 50%;
    width: 30vw;
    height: 3vw;
}

@media only screen and (max-width:900px) {
    .column[b-qxcygusvm6] {
        width: 40%;
        font-size: 20px;
    }

    .addlist[b-qxcygusvm6] {
        margin: 3%;
        width: 90%
    }
}
/* _content/UserInterface/Views/Main/Home/Event.razor.rz.scp.css */
.EventContainer[b-87ccgldlt7] {
    width: 100%;
    height: 100%;
}
    .EventContainer img[b-87ccgldlt7] {
        width: 100%;
        background-size: contain;
        height: 100%;
    }
/* _content/UserInterface/Views/Main/Home/EventAdmin.razor.rz.scp.css */
/* _content/UserInterface/Views/Main/Home/Home.razor.rz.scp.css */
.title[b-bjj5oq6ypr] {
    color: var(--third-color);
    text-align: center;
}

.colored-title[b-bjj5oq6ypr] {
    color: var(--third-color);
}

.column[b-bjj5oq6ypr] {
    padding-top: 50px;
    float: left;
    width: 33.33%;
    text-align: center;
}

.row[b-bjj5oq6ypr]:after {
    content: "";
    display: table;
    clear: both;
}

.smaller-width[b-bjj5oq6ypr] {
    width: 65%;
    margin: 0 auto;
}

.text-color[b-bjj5oq6ypr] {
    color: white;
}

.logo[b-bjj5oq6ypr] {
    color: var(--third-color);
}

.pink-section[b-bjj5oq6ypr] {
    background-color: var(--fifth-color);
}

.subpage-items[b-bjj5oq6ypr] {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.column2[b-bjj5oq6ypr] {
    width: 50%;
    padding: 35px;
}

.mid-center[b-bjj5oq6ypr] {
    width: 80%;
    margin: 0 auto;
}

.column2-right[b-bjj5oq6ypr] {
    width: 45%;
    padding: 35px;
}

.three-quarter-width[b-bjj5oq6ypr] {
    width: 40%;
    margin: 0 auto;
}


.column-description[b-bjj5oq6ypr] {
    width: 25%;
    display: flex;
    flex-direction: column;
    position: relative;
    top: 300px;
    left: 8%;
    font-size: 20px;
}

.move[b-bjj5oq6ypr] {
}

.main-chocolates[b-bjj5oq6ypr] {
    width: 100%;
    height: 100%;
}

.top-image[b-bjj5oq6ypr] {
    width: 100%;
    height: 25vh;
    background-size: cover;
    background-position: 0 -50vh;
}

.column[b-bjj5oq6ypr] {
    float: left;
    width: 50%;
    padding: 0;
}

/* Clearfix (clear floats) */
.row[b-bjj5oq6ypr]::after {
    content: "";
    clear: both;
}

.positioning[b-bjj5oq6ypr] {
    position: absolute;
    top: 20%;
    left: 40%;
    margin-top: 50px;
}

.green-section[b-bjj5oq6ypr] {
    background-color: var(--first-color);
}

.red-section[b-bjj5oq6ypr] {
    background-color: var(--third-color);
}

.header[b-bjj5oq6ypr] {
    display: flex;
    flex-direction: row;
}

.navbar[b-bjj5oq6ypr] {
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
}

    .navbar h4[b-bjj5oq6ypr] {
        float: right;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 4px 10px;
        text-decoration: none;
        font-size: 16px;
    }

.subpage[b-bjj5oq6ypr] {
    height: 100vh;
    width: 100%;
    scroll-snap-align: center;
}

.subpage-half[b-bjj5oq6ypr] {
    height: 50vh;
    width: 100%;
    scroll-snap-align: center;
}

.subfinal[b-bjj5oq6ypr] {
    height: 60vh;
}

#sub1[b-bjj5oq6ypr] {
    background: url("/images/cover.jpg") no-repeat;
    background-size: cover;
}

.btn-primary[b-bjj5oq6ypr] {
    color: #fff;
    background-color: transparent;
    border-color: var(--second-color);
    text-align: center;
    width: 140px;
}

.btn[b-bjj5oq6ypr] {
    transition: transform 0.2s;
    display: inline-block;
    margin-bottom: 0px;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 2px solid var(--second-color);
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 3px;
    -moz-user-select: none;
}

    .btn:hover[b-bjj5oq6ypr] {
        -ms-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

#sub4[b-bjj5oq6ypr] {
    margin-top: 50px;
    padding: 7%;
}

.row2[b-bjj5oq6ypr] {
    text-align: center;
    padding-top: 5vh;
}

.decoration-image1[b-bjj5oq6ypr], .decoration-image2[b-bjj5oq6ypr], .decoration-image3[b-bjj5oq6ypr] {
    position: relative;
    width: 50vh;
    height: 30vh;
}

.decoration-image1[b-bjj5oq6ypr] {
    left: 10vw;
}

.decoration-image2[b-bjj5oq6ypr] {
    top: -10vh;
}

.decoration-image3[b-bjj5oq6ypr] {
    top: -20vh;
    left: 15vw;
    width: 35vh;
    height: 50vh;
}

h2[b-bjj5oq6ypr] {
    font-size: 35px;
}

i[b-bjj5oq6ypr] {
    font-size: 30px;
}

@media only screen and (min-width: 1700px) {

    h1[b-bjj5oq6ypr] {
        font-size: 55px;
    }

    h2[b-bjj5oq6ypr] {
        font-size: 60px;
    }

    .smaller-paragraph-sizing[b-bjj5oq6ypr] {
        font-size: 1.2em;
    }

    .column-description[b-bjj5oq6ypr] {
        width: 30%;
        top: 400px;
        left: 12%;
        font-size: 40px;
    }

    .green-section .column-description[b-bjj5oq6ypr] {
        width: 25%;
    }

    .positioning[b-bjj5oq6ypr] {
        top: 22%;
    }

    .image2[b-bjj5oq6ypr] {
        top: -120px;
        left: 0px;
    }

    .image3[b-bjj5oq6ypr] {
        top: 120px;
        left: 250px;
    }

    .btn-primary[b-bjj5oq6ypr] {
        width: 170px;
    }

    .btn[b-bjj5oq6ypr] {
        font-size: 30px;
    }

    i[b-bjj5oq6ypr] {
        font-size: 45px;
    }

    .subfinal[b-bjj5oq6ypr] {
        padding-top: 50px;
    }
}
/*desktop View*/
@media only screen and (max-width: 1699px) and (min-width: 800px) {
    h1[b-bjj5oq6ypr] {
        font-size: 2.5em;
    }

    h2[b-bjj5oq6ypr] {
        font-size: 2.5em;
    }

    .smaller-paragraph-sizing[b-bjj5oq6ypr] {
        font-size: 2em;
    }

    p[b-bjj5oq6ypr] {
        font-size: 2em;
    }

    i[b-bjj5oq6ypr] {
        font-size: 1.5em;
    }

    .smaller-width[b-bjj5oq6ypr] {
        width: 50%;
        margin: 0 auto;
    }
}


/*Mobile View*/
@media only screen and (max-width: 600px) {
    .column-description[b-bjj5oq6ypr] {
        width: 100%;
    }
    #sub1[b-bjj5oq6ypr] {
        background-position-x: -110vw;
    }

    .positioning[b-bjj5oq6ypr] {
        width: 85%;
        position: absolute;
        top: 18%;
        left: 20%;
    }

    .image1[b-bjj5oq6ypr] {
        position: relative;
        top: 0;
        left: 30px;
    }

    .image3[b-bjj5oq6ypr] {
        position: absolute;
        top: 25px;
        left: 50px;
    }

    .subpage-half[b-bjj5oq6ypr] {
        height: 25vh;
    }
}
/* _content/UserInterface/Views/Main/Home/HomeAdmin.razor.rz.scp.css */
.title[b-vld75ymgw0] {
    color: var(--third-color);
    text-align: center;
}

.colored-title[b-vld75ymgw0] {
    color: var(--third-color);
}

.column[b-vld75ymgw0] {
    padding-top: 50px;
    float: left;
    width: 33.33%;
    text-align: center;
}

.row[b-vld75ymgw0]:after {
    content: "";
    display: table;
    clear: both;
}

.smaller-width[b-vld75ymgw0] {
    width: 65%;
    margin: 0 auto;
}

.text-color[b-vld75ymgw0] {
    color: white;
}

.logo[b-vld75ymgw0] {
    color: var(--third-color);
}

.pink-section[b-vld75ymgw0] {
    background-color: var(--fifth-color);
}

.subpage-items[b-vld75ymgw0] {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.column2[b-vld75ymgw0] {
    width: 50%;
    padding: 35px;
}

.mid-center[b-vld75ymgw0] {
    width: 80%;
    margin: 0 auto;
}

.column2-right[b-vld75ymgw0] {
    width: 45%;
    padding: 35px;
}

.three-quarter-width[b-vld75ymgw0] {
    width: 40%;
    margin: 0 auto;
}


.column-description[b-vld75ymgw0] {
    width: 25%;
    display: flex;
    flex-direction: column;
    position: relative;
    top: 300px;
    left: 8%;
    font-size: 20px;
}

.move[b-vld75ymgw0] {
}

.main-chocolates[b-vld75ymgw0] {
    width: 100%;
    height: 100%;
}

.top-image[b-vld75ymgw0] {
    width: 100%;
    height: 25vh;
    background-size: cover;
    background-position: 0 -50vh;
}

.column[b-vld75ymgw0] {
    float: left;
    width: 50%;
    padding: 0;
}

/* Clearfix (clear floats) */
.row[b-vld75ymgw0]::after {
    content: "";
    clear: both;
    /*display: table;*/
}

.positioning[b-vld75ymgw0] {
    position: absolute;
    top: 20%;
    left: 40%;
    margin-top: 50px;
}

.green-section[b-vld75ymgw0] {
    background-color: var(--first-color);
}

.red-section[b-vld75ymgw0] {
    background-color: var(--third-color);
}

.header[b-vld75ymgw0] {
    display: flex;
    flex-direction: row;
}

.navbar[b-vld75ymgw0] {
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
}

    .navbar h4[b-vld75ymgw0] {
        float: right;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 4px 10px;
        text-decoration: none;
        font-size: 16px;
    }

.subpage[b-vld75ymgw0] {
    height: 100vh;
    width: 100%;
    scroll-snap-align: center;
}

.subpage-half[b-vld75ymgw0] {
    height: 50vh;
    width: 100%;
    scroll-snap-align: center;
}

.subfinal[b-vld75ymgw0] {
    height: 60vh;
}

#sub1[b-vld75ymgw0] {
    background: url("/images/cover.jpg") no-repeat;
    /* animation: chbg 15s infinite alternate;
  filter: opacity(0.5) drop-shadow(0 0 0 #0b8176);*/
    background-size: cover;
}

/*@keyframes chbg {
  0% {
    background: url("/images/pic2.jpg") no-repeat;
    filter: opacity(0.5) drop-shadow(0 0 0 #0b8176);
    background-size: cover;
  }

  20% {
    background: url("/images/pic3.jpg") no-repeat;
    filter: opacity(0.5) drop-shadow(0 0 0 #0b8176);
    background-size: cover;
  }

  40% {
    background: url("/images/pic4.jpg") no-repeat;
    filter: opacity(0.5) drop-shadow(0 0 0 #0b8176);
    background-size: cover;
  }

  60% {
    background: url("/images/pic1.jpg") no-repeat;
    filter: opacity(0.5) drop-shadow(0 0 0 #0b8176);
    background-size: cover;
  }

  80% {
    background: url("/images/pic2.jpg") no-repeat;
    filter: opacity(0.5) drop-shadow(0 0 0 #0b8176);
    background-size: cover;
  }

  100% {
    background: url("/images/pic3.jpg") no-repeat;
    filter: opacity(0.5) drop-shadow(0 0 0 #0b8176);
    background-size: cover;
  }
}*/

.btn-primary[b-vld75ymgw0] {
    color: #fff;
    background-color: transparent;
    border-color: var(--second-color);
    text-align: center;
    width: 140px;
}

.btn[b-vld75ymgw0] {
    transition: transform 0.2s;
    display: inline-block;
    margin-bottom: 0px;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 2px solid var(--second-color);
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 3px;
    -moz-user-select: none;
}

    .btn:hover[b-vld75ymgw0] {
        -ms-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

#sub4[b-vld75ymgw0] {
    margin-top: 50px;
    padding: 7%;
}

.row2[b-vld75ymgw0] {
    text-align: center;
    padding-top: 5vh;
}

.decoration-image1[b-vld75ymgw0], .decoration-image2[b-vld75ymgw0], .decoration-image3[b-vld75ymgw0] {
    position: relative;
    width: 50vh;
    height: 30vh;
}

.decoration-image1[b-vld75ymgw0] {
    left: 10vw;
}

.decoration-image2[b-vld75ymgw0] {
    top: -10vh;
}

.decoration-image3[b-vld75ymgw0] {
    top: -20vh;
    left: 15vw;
    width: 35vh;
    height: 50vh;
}

h2[b-vld75ymgw0] {
    font-size: 35px;
}

i[b-vld75ymgw0] {
    font-size: 30px;
}

.control-button-container[b-vld75ymgw0] {
    position: fixed;
    bottom: 10vh;
    right: 2vw;
}

@media only screen and (min-width: 1700px) {
    h1[b-vld75ymgw0] {
        font-size: 55px;
    }

    h2[b-vld75ymgw0] {
        font-size: 60px;
    }

    .smaller-paragraph-sizing[b-vld75ymgw0] {
        font-size: 1.2em;
    }

    .column-description[b-vld75ymgw0] {
        width: 30%;
        top: 400px;
        left: 12%;
        font-size: 40px;
    }

    .green-section .column-description[b-vld75ymgw0] {
        width: 25%;
    }

    .positioning[b-vld75ymgw0] {
        top: 22%;
    }

    .image2[b-vld75ymgw0] {
        top: -120px;
        left: 0px;
    }

    .image3[b-vld75ymgw0] {
        top: 120px;
        left: 250px;
    }

    .btn-primary[b-vld75ymgw0] {
        width: 170px;
    }

    .btn[b-vld75ymgw0] {
        font-size: 30px;
    }

    i[b-vld75ymgw0] {
        font-size: 45px;
    }

    .subfinal[b-vld75ymgw0] {
        padding-top: 50px;
    }
}
/*desktop View*/
@media only screen and (max-width: 1699px) and (min-width: 800px) {
    h1[b-vld75ymgw0] {
        font-size: 2.5em;
    }

    h2[b-vld75ymgw0] {
        font-size: 2.5em;
    }

    .smaller-paragraph-sizing[b-vld75ymgw0] {
        font-size: 2em;
    }

    p[b-vld75ymgw0] {
        font-size: 2em;
    }

    i[b-vld75ymgw0] {
        font-size: 1.5em;
    }

    .smaller-width[b-vld75ymgw0] {
        width: 50%;
        margin: 0 auto;
    }
}


/*Mobile View*/
@media only screen and (max-width: 600px) {
    .column-description[b-vld75ymgw0] {
        width: 100%;
    }
    #sub1[b-vld75ymgw0] {
        background-position-x: -110vw;
    }

    .positioning[b-vld75ymgw0] {
        width: 85%;
        position: absolute;
        top: 18%;
        left: 20%;
    }

    .image1[b-vld75ymgw0] {
        position: relative;
        top: 0;
        left: 30px;
    }

    .image3[b-vld75ymgw0] {
        position: absolute;
        top: 25px;
        left: 50px;
    }
}
/* _content/UserInterface/Views/Main/Home/HomeFifth.razor.rz.scp.css */
.row[b-1zv10wpvqo]:after {
    content: "";
    display: table;
    clear: both;
}
.row[b-1zv10wpvqo] {
    height: 100vh;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}
.HalfDoubleCircleTop[b-1zv10wpvqo] {
    position: absolute;
    width: 10vw;
    height: 7vh;
    left: 30vw;
    /*top: -6vh;*/
}


.HalfDoubleCircleBottom[b-1zv10wpvqo] {
    position: absolute;
    width: 20vw;
    height: 15vh;
    bottom: 0vh;
    left: -1.5vw;
}

.column2[b-1zv10wpvqo], .column1[b-1zv10wpvqo] {
    width: 50%;
    padding: 35px;
    position: relative;
}
.column1[b-1zv10wpvqo] {
    padding-top: 20%;
}
.ThreeCircilesStraight[b-1zv10wpvqo] {
    position: absolute;
    width: 12vw;
    height: 25vh;
    left: 33vw;
    top:-0vh;
}

.ThreeCircilesUpDown[b-1zv10wpvqo] {
    position: absolute;
    width:25vw;
    height: 40vh;
    right: 25vw;
    top:43vh;
}
.colored-title[b-1zv10wpvqo] {
    color: var(--third-color);
}

.decoration-image1[b-1zv10wpvqo], .decoration-image2[b-1zv10wpvqo], .decoration-image3[b-1zv10wpvqo] {
    position: relative;
    width: 50vh;
    height: 30vh;
}

.decoration-image1[b-1zv10wpvqo] {
    top: 7vh;
    left: 10vw;
}

.decoration-image2[b-1zv10wpvqo] {
    top: -6vh;
}

.decoration-image3[b-1zv10wpvqo] {
    top: -22vh;
    left: 15vw;
    width: 35vh;
    height: 50vh;
}

/*Tablet View*/
@media only screen and (min-width: 1783px) {

    .decoration-image2[b-1zv10wpvqo] {
        top: -16vh;
    }
    .decoration-image3[b-1zv10wpvqo] {
        top: 8vh;
        left: -12vw;
    }
}

/*Tablet View*/
@media only screen and (max-width: 800px) {
    h1[b-1zv10wpvqo] {
        font-size: 2em;
    }
    p[b-1zv10wpvqo] {
        font-size: 1.5em;
    }
    .column1[b-1zv10wpvqo] {
        padding-top: 10vh;
    }
    /*.row, .column1 {
        height: 80vh;
    }*/
}

/*Mobile View*/
@media only screen and (max-width: 600px) {
    p[b-1zv10wpvqo] {
        font-size: 1.5em;
    }
    h1[b-1zv10wpvqo] {
        margin-top: -34px;
    }
    .row[b-1zv10wpvqo] {
        width: 100vw;       
        padding: 0;
        margin: 0;
    }
    .column2[b-1zv10wpvqo], .column1[b-1zv10wpvqo] {
        width: 100%;
    }
    #sub4[b-1zv10wpvqo] {
        width: 100%;
        text-align: center;
        height: 45vh;
    }
    .decoration-image1[b-1zv10wpvqo], .decoration-image2[b-1zv10wpvqo], .decoration-image3[b-1zv10wpvqo] {
        position: relative;
        width: 60vw;
        height: 40vw;
    }
    .decoration-image1[b-1zv10wpvqo] {
        left: 20vw;
    }
    .decoration-image1[b-1zv10wpvqo] {
        top: -5vh;        
    }
    .decoration-image2[b-1zv10wpvqo] {
        top: -15vh;
    }
    .decoration-image3[b-1zv10wpvqo] {
        top: -30vh;
        left: 35vw;
        width: 40vw;
        height: 55vw;
    }
    .HalfDoubleCircleTop[b-1zv10wpvqo] {
        width: 22vh;
        height: 5vh;
    }
    .HalfDoubleCircleBottom[b-1zv10wpvqo] {
        width: 20vh;
        height: 7vh;
        bottom: 32vh;
    }
    .ThreeCircilesStraight[b-1zv10wpvqo] {
        width: 15vh;
        height: 18vh;
        left: 12vw;
        top: -11vh;
    }
    .ThreeCircilesUpDown[b-1zv10wpvqo] {
        width: 20vh;
        height: 20vh;
        right: 44vw;
        top: 25vh;
    }
}
/* _content/UserInterface/Views/Main/Home/HomeFifthAdmin.razor.rz.scp.css */
.row[b-lvuc27ws4r]:after {
    content: "";
    display: table;
    clear: both;
}
.row[b-lvuc27ws4r] {
    width: 100vw;
    padding: 0;
    margin: 0;
    position: relative;
}
.HalfDoubleCircleTop[b-lvuc27ws4r] {
    position: absolute;
    width: 10vw;
    height: 7vh;
    left: 30vw;
    /*top: -6vh;*/
}
textarea[b-lvuc27ws4r] {
    height: 30vh;
}

.HalfDoubleCircleBottom[b-lvuc27ws4r] {
    position: absolute;
    width: 20vw;
    height: 15vh;
    bottom: 15vh;
    left: -1.5vw;
}

.column2[b-lvuc27ws4r], .column1[b-lvuc27ws4r] {
    width: 50%;
    padding: 35px;
    position: relative;
}
.column1[b-lvuc27ws4r] {
    padding-top: 20%;
}
.ThreeCircilesStraight[b-lvuc27ws4r] {
    position: absolute;
    width: 12vw;
    height: 25vh;
    left: 33vw;
    top:-0vh;
}

.ThreeCircilesUpDown[b-lvuc27ws4r] {
    position: absolute;
    width:25vw;
    height: 40vh;
    right: 25vw;
    top:43vh;
}
.colored-title[b-lvuc27ws4r] {
    color: var(--third-color);
}

.decoration-image1[b-lvuc27ws4r], .decoration-image2[b-lvuc27ws4r], .decoration-image3[b-lvuc27ws4r] {
    position: relative;
    width: 50vh;
    height: 30vh;
}

.decoration-image1[b-lvuc27ws4r] {
    top: 7vh;
    left: 10vw;
}

.decoration-image2[b-lvuc27ws4r] {
    top: -6vh;
}

.decoration-image3[b-lvuc27ws4r] {
    top: -22vh;
    left: 15vw;
    width: 35vh;
    height: 50vh;
}

/*Mobile View*/
@media only screen and (max-width: 600px) {
    .column2[b-lvuc27ws4r], .column1[b-lvuc27ws4r] {
        width: 100%;
        height: 50vh;
    }
    #sub4[b-lvuc27ws4r] {
        width: 100%;
        text-align: center;
        height: 45vh;
    }
    .decoration-image1[b-lvuc27ws4r], .decoration-image2[b-lvuc27ws4r], .decoration-image3[b-lvuc27ws4r] {
        position: relative;
        width: 60vw;
        height: 40vw;
    }
    .decoration-image1[b-lvuc27ws4r] {
        left: 20vw;
    }
    .row[b-lvuc27ws4r] {
        width: 100vw;
        padding: 0;
        margin: 0;
    }
   
    .decoration-image3[b-lvuc27ws4r] {
        top: -15vh;
        left: 35vw;
        width: 40vw;
        height: 55vw;
    }

}
.admin[b-lvuc27ws4r] {
    font-size: 30px;
    width: 100%;
    margin-top: 10px;
}
/* _content/UserInterface/Views/Main/Home/HomeFirst.razor.rz.scp.css */
h1[b-jxu1qerpze], h2[b-jxu1qerpze], .title-font[b-jxu1qerpze] {
    color: var(--white-color);
    font-size: 55px;
}

p[b-jxu1qerpze], i[b-jxu1qerpze] {
    color: var(--white-color);
}

.column-description[b-jxu1qerpze] {
    top: 400px;
    left: 12%;
    width: 70vw;
    display: flex;
    flex-direction: column;
    position: relative;
}
.btn-primary:focus[b-jxu1qerpze] {
    background-color: var(--second-color) !important;
    border-color: var(--fourth-color) !important;
    box-shadow: none;
}

.btn-primary:hover[b-jxu1qerpze] {
    background-color: var(--second-color) !important;
    border-color: var(--fourth-color) !important;
    box-shadow: none;
}

/*Tablet View*/
@media only screen and (max-width: 800px) {
    h1[b-jxu1qerpze] {
        font-size: 2em;
    }
    p[b-jxu1qerpze] {
        font-size: 1.5em;
    }
    .column-description[b-jxu1qerpze] {
        top: 20vw;
    }
}

@media only screen and (max-width:600px) {
    .column-description[b-jxu1qerpze] {
        top: 30vh;
    }
}
/* _content/UserInterface/Views/Main/Home/HomeFirstAdmin.razor.rz.scp.css */
h1[b-lai8roede5], h2[b-lai8roede5], .title-font[b-lai8roede5] {
    color: var(--white-color);
    font-size: 55px;
}

p[b-lai8roede5], i[b-lai8roede5] {
    color: var(--white-color);
    /*font-size: 2em;*/
}

.column-description[b-lai8roede5] {
    top: 400px;
    left: 12%;
    /*font-size: 40px;*/
    width: 70vw;
    display: flex;
    flex-direction: column;
    position: relative;
    /*top: 300px;*/
    /*left: 8%;*/
    /*font-size: 20px;*/
}
.admin[b-lai8roede5]{
    font-size:30px;
}
/* _content/UserInterface/Views/Main/Home/HomeForth.razor.rz.scp.css */
.page-video[b-38h2x3tmq1] {
    width: 100%;
    height: 100vh;
}
/* _content/UserInterface/Views/Main/Home/HomeForthAdmin.razor.rz.scp.css */
.page-video[b-4m4hwh61kw] {
    width: 100vw;
    height: 100vh;
}
/* _content/UserInterface/Views/Main/Home/HomeSecond.razor.rz.scp.css */
.row[b-gymqfiw5em]:after {
    content: "";
    display: table;
    clear: both;
}
.row[b-gymqfiw5em] {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
}

.column2[b-gymqfiw5em] {
    width: 50%;
    padding: 35px;
}

.colored-title[b-gymqfiw5em] {
    color: var(--third-color);
}

.column2-right[b-gymqfiw5em] {
    position: relative;
    width: 45%;
    padding: 35px;
}

.colored-title[b-gymqfiw5em] {
    color: var(--third-color);
}

.positioning[b-gymqfiw5em] {
    position: absolute;
    top: 20%;
    left: 45%;
    margin-top: 50px;
}

.refresh-div[b-gymqfiw5em] {
    position: relative;
    top: 0;
    left: 0;
}

.refresh-background[b-gymqfiw5em] {
    position: relative;
    top:-52vw;
    left: -10vw;
    width: 50vw;
    height: 100vh;
    opacity: 60%;
    /*border: 1px red solid;*/
}
.logopattern[b-gymqfiw5em] {
    position: absolute;
    width: 20vw;
    height: 100vh;
    opacity: 60%;
    left: 5vw;
    top:-4vh;
}
.HalfDoubleCircleTopRight[b-gymqfiw5em] {
    position: absolute;
    width: 13vw;
    height: 13vh;
    /*float: right;*/
    padding:0;
    top: 0vh;
    right: 0vw;
}
.HalfDoubleCircleBottom[b-gymqfiw5em] {
    position: absolute;
    width: 25vw;
    height: 13vh;   
    right: 30vw;
    top:87vh;
    
}
.refresh-image[b-gymqfiw5em] {
    position: absolute;
    top: 30vh;
    left: 0vw;
    width: 30vw;
    height: 50vh;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin-b-gymqfiw5em 4s linear infinite;
    /*border: 1px green solid;*/
}
@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin-b-gymqfiw5em {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*Tablet View*/
@media only screen and (max-width: 800px) {
    h1[b-gymqfiw5em] {
        font-size: 2em;
    }
    p[b-gymqfiw5em] {
        font-size: 1.5em;
    }
    .refresh-image[b-gymqfiw5em]{
        top: 20vh;
    }
    .logopattern[b-gymqfiw5em] {
        top: -10vh;
    }
    .positioning[b-gymqfiw5em]{
        margin-top: 0;
        left: 35%;
    }
    .column2-right[b-gymqfiw5em] {
        width: 60%
    }
}

/*Mobile View*/
@media only screen and (max-width: 600px) {

    .positioning[b-gymqfiw5em] {
        width:100%;
        height:50vh;
        position: absolute;
        top: 0%;
        left: 0%;
        margin-top: 40vh;
        text-align:center
    }
    .row[b-gymqfiw5em], .column2[b-gymqfiw5em] {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .logopattern[b-gymqfiw5em] {
        position: absolute;
        width: 100%;
        height: 195vh;
        opacity: 60%;
        left: 0vw;
        top: 5vh;
        /*border: 1px red solid;*/
    }
    .refresh-background[b-gymqfiw5em] {
        position: relative;
        top: 0;
        left: 0vw;
        width: 100%;
        height: 40vh;
        opacity: 60%;
        /*border: 1px red solid;*/
    }
    .refresh-image[b-gymqfiw5em] {
        position: absolute;
        top: 3vh;
        margin:0 20vw;
        width: 60vw;
        height: 30vh;   
    }
    .HalfDoubleCircleTopRight[b-gymqfiw5em] {
        width: 12vh;
        height: 8vh;
    }

    .HalfDoubleCircleBottom[b-gymqfiw5em] {
        width: 23vh;
        height: 7vh;
        top: 93vh;
    }
}
/* _content/UserInterface/Views/Main/Home/HomeSecondAdmin.razor.rz.scp.css */
.row[b-mhqopt9828]:after {
    content: "";
    display: table;
    clear: both;
}
.row[b-mhqopt9828] {
    position: relative;
    width: 100vw;
    padding: 0;
    margin: 0;
}
.row-image[b-mhqopt9828] {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
}
.image-container[b-mhqopt9828] {
    width: 20vw;
    height: 10vw;
}

textarea[b-mhqopt9828]{
    height: 30vh;
}

.column2[b-mhqopt9828] {
    width: 50%;
    padding: 35px;
}

.colored-title[b-mhqopt9828] {
    color: var(--third-color);
}

.column2-right[b-mhqopt9828] {
    position: relative;
    width: 45%;
    padding: 35px;
}

.colored-title[b-mhqopt9828] {
    color: var(--third-color);
}

.positioning[b-mhqopt9828] {
    position: absolute;
    top: 20%;
    left: 45%;
    margin-top: 50px;
}

.refresh-div[b-mhqopt9828] {
    position: relative;
    top: 0;
    left: 0;
}

.refresh-background[b-mhqopt9828] {
    position: relative;
    top:-52vw;
    left: -10vw;
    width: 50vw;
    height: 100vh;
    opacity: 60%;
    /*border: 1px red solid;*/
}
.logopattern[b-mhqopt9828] {
    position: absolute;
    width: 20vw;
    height: 100vh;
    opacity: 60%;
    left: 5vw;
    top:-4vh;
  
    /*border: 1px red solid;*/
}
.HalfDoubleCircleTopRight[b-mhqopt9828] {
    position: absolute;
    width: 13vw;
    height: 13vh;
    /*float: right;*/
    top: 0vh;
    right: -1vw;
}
.HalfDoubleCircleBottom[b-mhqopt9828] {
    position: absolute;
    width: 25vw;
    height: 13vh;   
    right: 30vw;
    top:87vh;
    
}
.refresh-image[b-mhqopt9828] {
    position: absolute;
    top: 30vh;
    left: 0vw;
    width: 30vw;
    height: 50vh;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin-b-mhqopt9828 4s linear infinite;
    /*border: 1px green solid;*/
}
@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin-b-mhqopt9828 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*Mobile View*/
@media only screen and (max-width: 600px) {

    .positioning[b-mhqopt9828] {
        width:100vw;
        height:50vh;
        position: absolute;
        top: 0%;
        left: 0%;
        margin-top: 140vh;
        text-align:center
    }
    .row[b-mhqopt9828], .column2[b-mhqopt9828] {
        width: 100vw;
        margin: 0;
        padding: 0;
    }

   

    .refresh-background[b-mhqopt9828] {
        position: relative;
        top: 0;
        left: 0vw;
        width: 100vw;
        height: 40vh;
        opacity: 60%;
        /*border: 1px red solid;*/
    }
    .refresh-image[b-mhqopt9828] {
        position: absolute;
        top: 5vh;
        left: 15vw;
        width: 30vh;
        height: 30vh;   
    }
}
.admin[b-mhqopt9828] {
    font-size: 30px;
    width:100%;
    margin-top:10px;
}
/* _content/UserInterface/Views/Main/Home/HomeThird.razor.rz.scp.css */
.row[b-z07sv1pe92]:after {
    content: "";
    display: table;
    clear: both;
}
.row[b-z07sv1pe92] {
    width: 100%;
    padding: 0;
    margin: 0;
}
.column[b-z07sv1pe92] {
    padding-top: 50px;
    float: left;
    width: 33.33%;
    text-align: center;
}
.column[b-z07sv1pe92] {
    padding-top: 50px;
    float: left;
    text-align: center;
    width: 50%;
    padding: 0;
}
.top-image[b-z07sv1pe92] {
    width: 100%;
    height: 25vh;
    background-size: cover;
    background-position: 0 -50vh;
}
.title[b-z07sv1pe92] {
    color: var(--third-color);
    text-align: center;
}
.three-quarter-width[b-z07sv1pe92] {
    width: 70%;
    margin: 0 auto;
}
.subpage-items[b-z07sv1pe92] {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.mid-center[b-z07sv1pe92] {
    width: 80%;
    margin: 0 auto;
}
.main-chocolates[b-z07sv1pe92] {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.main-chocolates-decoration[b-z07sv1pe92] {
    position: absolute;
    /*width: 15vw;
    height: 30vh;*/
    width: 65%;
    height:65%;
    left: 5vw;
    visibility: hidden;
}
.column[b-z07sv1pe92] {
}
.column:hover .main-chocolates-img-container .main-chocolates-decoration[b-z07sv1pe92] {
    visibility: visible;
    cursor: pointer;
}
.column:hover .main-chocolates-img-container + .btn-shaded[b-z07sv1pe92] {
    background-image: linear-gradient(180deg, transparent 45%, var(--first-color) 130%);
    /*box-shadow: 0px 5px 5px var(--first-color);*/
    border-radius: 50px;
}
.column:active .btn-shaded[b-z07sv1pe92] {
    box-shadow: 0px 5px 5px var(--first-color);
}
.btn-shaded:active[b-z07sv1pe92] {
    /*removing all designs of the design.css*/
}
.btn-shaded[b-z07sv1pe92] {
    width: 60%;
    margin: auto;
}
.text-color[b-z07sv1pe92] {
    color: white;
}
.smaller-width[b-z07sv1pe92] {
    /*width: 65%;*/
    /*width: 50%;
    margin: 0 auto;*/
    cursor: pointer;
}

.HalfDoubleCircleLeft[b-z07sv1pe92] {
    position: absolute;
    width: 10vw;
    height: 20vh;
   left:-6vw;
    top: 60vh;   
}

.HalfDoubleCircleRight[b-z07sv1pe92] {
    position: absolute;
    width: 5vw;
    height: 20vh;
    top: 15vh;
    right:0vw;
}

/*Tablet View*/
@media only screen and (max-width: 800px) {
    h1[b-z07sv1pe92] {
        font-size: 2em;
    }
    label[b-z07sv1pe92] {
        font-size: 1em;
    }
    .three-quarter-width[b-z07sv1pe92] {
        width: 90%;
    }

/*Tablet View*/
@media only screen and (max-width: 800px) {
    h1[b-z07sv1pe92] {
        font-size: 2em;
    }
    p[b-z07sv1pe92] {
        font-size: 1.5em;
    }
    .refresh-image[b-z07sv1pe92]{
        top: 20vh;
    }
    .logopattern[b-z07sv1pe92] {
        top: -10vh;
    }
    .positioning[b-z07sv1pe92]{
        margin-top: 0;
    }
}
}

/*Mobile View*/
@media only screen and (max-width: 600px) {
   
    .three-quarter-width[b-z07sv1pe92] {
        width: 100%;
        margin: 0 auto;
    }
    .top-image[b-z07sv1pe92]{
        height: 15vh;
    }
    .row[b-z07sv1pe92]{
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .subpage-items[b-z07sv1pe92] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .mid-center[b-z07sv1pe92] {
        width: 100%;
    }
    .smaller-width[b-z07sv1pe92] {
        width: 50vw;
        margin: 0 auto;
    }
    .btn-shaded[b-z07sv1pe92] {
        width: 100%;
        margin: auto;
    }
    .main-chocolates-decoration[b-z07sv1pe92] {
     
        width: 75%;
        height: 75%;
      
    }
    .HalfDoubleCircleLeft[b-z07sv1pe92] {
        width: 11vh;
        height: 20vh;
        left: -12vw;
    }

    .HalfDoubleCircleRight[b-z07sv1pe92] {
        position: absolute;
        width: 8vh;
        height: 20vh;
        top: 15vh;
        right: 0vw;
    }
    .main-chocolates-img-container[b-z07sv1pe92] {
        width: 20vh;
        height: 15vh;
        margin: auto;
    }
    .main-chocolates-decoration[b-z07sv1pe92] {
        width: 17vh;
        height: 12vh;
        margin: auto;
        padding-left: 6vh;
    }
    label[b-z07sv1pe92] {
        font-size: 14px;
    }
    .btn-shaded[b-z07sv1pe92] {
        position: relative;
        bottom: 3vh;
    }
 }

/* _content/UserInterface/Views/Main/Home/HomeThirdAdmin.razor.rz.scp.css */
.row[b-zaapek7jak]:after {
    content: "";
    display: table;
    clear: both;
}
.row[b-zaapek7jak] {
    width: 100vw;
    padding: 0;
    margin: 0;
}
.column[b-zaapek7jak] {
    padding-top: 50px;
    float: left;
    width: 33.33%;
    text-align: center;
}
.column[b-zaapek7jak] {
    padding-top: 50px;
    float: left;
    text-align: center;
    width: 50%;
    padding: 0;
}
.top-image[b-zaapek7jak] {
    width: 100%;
    height: 25vh;
    background-size: cover;
    background-position: 0 -50vh;
}
.title[b-zaapek7jak] {
    color: var(--third-color);
    text-align: center;
}
.three-quarter-width[b-zaapek7jak] {
    width: 40%;
    margin: 0 auto;
}
.subpage-items[b-zaapek7jak] {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.mid-center[b-zaapek7jak] {
    width: 80%;
    margin: 0 auto;
}
.main-chocolates[b-zaapek7jak] {
    position: relative;
    width: 100%;
    height: 100%;
}

.main-chocolates-decoration[b-zaapek7jak] {
    position: absolute;
    /*width: 15vw;
    height: 30vh;*/
    width: 65%;
    height: 65%;
    left: 5vw;
    visibility: hidden;
}
.column:hover .main-chocolates-img-container .main-chocolates-decoration[b-zaapek7jak] {
    visibility: visible;
    cursor: pointer;
}
.column:hover .main-chocolates-img-container + .btn-shaded[b-zaapek7jak] {
    background-image: linear-gradient(180deg, transparent 45%, var(--first-color) 130%);
    /*box-shadow: 0px 5px 5px var(--first-color);*/
    border-radius: 50px;
}
.column:active .btn-shaded[b-zaapek7jak] {
    box-shadow: 0px 5px 5px var(--first-color);
}
.btn-shaded:active[b-zaapek7jak] {
    /*removing all designs of the design.css*/
}
.btn-shaded[b-zaapek7jak] {
    width: 60%;
    margin: auto;
}
.text-color[b-zaapek7jak] {
    color: white;
}
.smaller-width[b-zaapek7jak] {
    /*width: 65%;*/
    /*width: 50%;
    margin: 0 auto;*/
    cursor: pointer;
}
.HalfDoubleCircleLeft[b-zaapek7jak] {
    position: absolute;
    width: 10vw;
    height: 20vh;
   left:-6vw;
    top: 60vh;
   
}


.HalfDoubleCircleRight[b-zaapek7jak] {
    position: absolute;
    width: 5vw;
    height: 20vh;
    top: 15vh;
    right:0vw;
}
/*Mobile View*/
@media only screen and (max-width: 600px) {
   
    .three-quarter-width[b-zaapek7jak] {
        width: 100%;
        margin: 0 auto;
    }
    .top-image[b-zaapek7jak]{
        height: 15vh;
    }
    .row[b-zaapek7jak]{
        width: 100vw;
        padding: 0;
        margin: 0;
    }
    .subpage-items[b-zaapek7jak] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .mid-center[b-zaapek7jak] {
        width: 100vw;
    }
    .smaller-width[b-zaapek7jak] {
        width: 50vw;
        margin: 0 auto;
    }
    /*.column{
        width: 100%;
    }*/

 }

.admin[b-zaapek7jak] {
    font-size: 30px;
    text-align:center;
    width:50%;
    margin:0 25%;
}
/* _content/UserInterface/Views/Main/ItemPage/ItemContainer.razor.rz.scp.css */
.image[b-6tct22yude] {
    width: 100%;
    height: 100%;
}
.column[b-6tct22yude] {
    padding-top: 5vh;
    float: left;
    width: 33.33%;
    text-align: center;
    cursor: pointer;
}

.smaller-width[b-6tct22yude] {
    width: 25%;
    margin: 0 auto;
}

.title-font[b-6tct22yude] {
    font-size: 1.5em;
}

/*Tablet View*/
@media only screen and (max-width: 800px) {
    .column[b-6tct22yude] {
        width: 33.333333%;
        /*padding-top: 0vh;*/
    }

    .circle[b-6tct22yude] {
        height: 10vh;
        width: 10vh;
    }

    .smaller-width[b-6tct22yude] {
        width: 100%;
    }

    .title-font[b-6tct22yude] {
        font-size: 1em;
    }
}

@media only screen and (max-width: 600px) {
    .column[b-6tct22yude] {
        width: 33.333333%;
        /*padding-top: 0vh;*/
    }
    .circle[b-6tct22yude] {
        height: 10vh;
        width: 10vh;
    }
    .smaller-width[b-6tct22yude]{
        width: 100%;
    }
    .title-font[b-6tct22yude] {
        font-size: 1em;
    }
}
/* _content/UserInterface/Views/Main/ItemPage/ItemPage.razor.rz.scp.css */

.subpage[b-ztwaj92bvp] {
    max-height: 100vh;
    min-height: 50vh;
    width: 100%;
    scroll-snap-align: center;
}

.pink-section[b-ztwaj92bvp] {
    background-color: var(--fifth-color);
    height: 120vh;
}

.green-section[b-ztwaj92bvp] {
    background-color: var(--first-color);
}


.column[b-ztwaj92bvp] {
    padding-top: 50px;
    float: left;
    width: 33.33%;
    text-align: center;
}

.smaller-width[b-ztwaj92bvp] {
    width: 50%;
    margin: 0 auto;
}
/* _content/UserInterface/Views/Main/ItemPage/ItemPageFirst.razor.rz.scp.css */
.subpage[b-th2t11gvpl] {
    height: 100vh;
    width: 100%;
}
#sub1[b-th2t11gvpl] {
    background: url("/images/cover.jpg") no-repeat;
    /* animation: chbg 15s infinite alternate;
  filter: opacity(0.5) drop-shadow(0 0 0 #0b8176);*/
    background-size: cover;
}
/* _content/UserInterface/Views/Main/ItemPage/ItemPageSecond.razor.rz.scp.css */
.title[b-r5nmb4wlw5] {
    color: var(--third-color);
    font-size: 55px;
}
.subpage-items[b-r5nmb4wlw5], .next[b-r5nmb4wlw5] {
    width: 100%;
}

.row[b-r5nmb4wlw5] {
  
    margin-right: 0;
    margin-left: 0;
}
.three-quarter-width[b-r5nmb4wlw5] {
    width: 100%;
    margin: 0 auto;
    padding-left: 10%;
    padding-top: 2%;
}
.next[b-r5nmb4wlw5] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
button:hover[b-r5nmb4wlw5] {
    background-color: var(--fourth-color);
}
.btn-primary:focus[b-r5nmb4wlw5] {
    background-color: var(--second-color) !important;
    border-color: var(--fourth-color) !important;
    box-shadow:none;
}
.btn-primary:hover[b-r5nmb4wlw5] {
    background-color: var(--second-color) !important;
    border-color: var(--fourth-color) !important;
    box-shadow:none;
}
button:disabled[b-r5nmb4wlw5]{
    background-color:gainsboro;
    border-color: gray;
}

h1[b-r5nmb4wlw5] {
    font-family: 'CommercialScript BT', CommercialScript BT;
}

.btnshow[b-r5nmb4wlw5]{
    margin:0px 5px;
}
.btnshow[b-r5nmb4wlw5] {
    transition: transform 0.2s;
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 5vh;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 5px solid var(--second-color);
    white-space: nowrap;
    padding: 6px 12px;
    /*font-size: 14px;*/
    line-height: 1.42857;
    border-radius: 3px;
    -moz-user-select: none;
    font-size: 30px;
    color: black;
}

/*Tablet View*/
@media only screen and (max-width: 800px) {
    .btnshow[b-r5nmb4wlw5] {
        width: 30vw;
    }
}


@media only screen and (max-width:600px) {
    .btnshow[b-r5nmb4wlw5] {
        width: 30vw;
    }
}
/* _content/UserInterface/Views/User/Profile.razor.rz.scp.css */
/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);*/

*:focus[b-nzasuv7kvk] {
    outline: none;
}

body[b-nzasuv7kvk] {
    margin: 0;
    padding: 0;
    background: #DDD;
    font-size: 16px;
    color: #222;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

#login-box[b-nzasuv7kvk] {
    position: relative;
    margin: 5% auto;
    width: 600px;
    height: 400px;
    background: #FFF;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

.left[b-nzasuv7kvk] {
    /*position: absolute;*/
    top: 0;
    left: 300px;
    box-sizing: border-box;
    padding: 40px;
    width: 300px;
    height: 400px;
}

h1[b-nzasuv7kvk] {
    margin: 0 0 20px 0;
    font-weight: 300;
    font-size: 28px;
}

input[type="text"][b-nzasuv7kvk],
input[type="password"][b-nzasuv7kvk] {
    display: block;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 4px;
    width: 220px;
    height: 32px;
    border: none;
    border-bottom: 1px solid #AAA;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    transition: 0.2s ease;
}

    input[type="text"]:focus[b-nzasuv7kvk],
    input[type="password"]:focus[b-nzasuv7kvk] {
        border-bottom: 2px solid #16a085;
        color: #16a085;
        transition: 0.2s ease;
    }

input[type="submit"][b-nzasuv7kvk] {
    margin-top: 28px;
    width: 120px;
    height: 32px;
    background: #16a085;
    border: none;
    border-radius: 2px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.1s ease;
    cursor: pointer;
}

    input[type="submit"]:hover[b-nzasuv7kvk],
    input[type="submit"]:focus[b-nzasuv7kvk] {
        opacity: 0.8;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
        transition: 0.1s ease;
    }

    input[type="submit"]:active[b-nzasuv7kvk] {
        opacity: 1;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        transition: 0.1s ease;
    }

.or[b-nzasuv7kvk] {
    position: absolute;
    top: 180px;
    left: 280px;
    width: 40px;
    height: 40px;
    background: #DDD;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    line-height: 40px;
    text-align: center;
}

.right[b-nzasuv7kvk] {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    padding: 40px;
    width: 300px;
    height: 400px;
    background: url('https://goo.gl/YbktSj');
    background-size: cover;
    background-position: center;
    border-radius: 0 2px 2px 0;
}

    .right .loginwith[b-nzasuv7kvk] {
        display: block;
        margin-bottom: 40px;
        font-size: 28px;
        color: #FFF;
        text-align: center;
    }

button.social-signin[b-nzasuv7kvk] {
    margin-bottom: 20px;
    width: 220px;
    height: 36px;
    border: none;
    border-radius: 2px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    transition: 0.2s ease;
    cursor: pointer;
}

    button.social-signin:hover[b-nzasuv7kvk],
    button.social-signin:focus[b-nzasuv7kvk] {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
        transition: 0.2s ease;
    }

    button.social-signin:active[b-nzasuv7kvk] {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        transition: 0.2s ease;
    }

    button.social-signin.facebook[b-nzasuv7kvk] {
        background: #32508E;
    }

    button.social-signin.twitter[b-nzasuv7kvk] {
        background: #55ACEE;
    }

    button.social-signin.google[b-nzasuv7kvk] {
        background: #DD4B39;
    }