/* _content/CheckNet/Components/Layout/EmptyLayout.razor.rz.scp.css */
:root[b-5lav89iqw2] {
    --base-grid: 5.5px;
    --colour-white: #fff;
    --colour-black: #1a1a1a;
}

*[b-5lav89iqw2], [b-5lav89iqw2]:after, [b-5lav89iqw2]:before {
    box-sizing: border-box;
}

.bg0[b-5lav89iqw2] {
    background-color: #ffffff;
}
/*CheckNet*/
.bg1[b-5lav89iqw2] {
    background-color: #e67e22;
}
/*Jobs*/
.bg2[b-5lav89iqw2] {
    background-color: #9c27b0;
}
/*Inspections*/
.bg3[b-5lav89iqw2] {
    background-color: #009688;
}
/*Accounts*/
.bg4[b-5lav89iqw2] {
    background-color: #e91e63;
}
/*Portals*/
.bg5[b-5lav89iqw2] {
    background-color: #ff5722;
}
/*Maintenance*/
.bg6[b-5lav89iqw2] {
    background-color: #e91e63;
}
/*Sales*/
.bg7[b-5lav89iqw2] {
    background-color: #cddc39;
}
/*Track*/
.bg8[b-5lav89iqw2] {
    background-color: #4caf50;
}
/*Multilingual*/
.bg9[b-5lav89iqw2] {
    background-color: #2196f3;
}
/*Project*/
.bg10[b-5lav89iqw2] {
    background-color: #607d8b;
}
/*Email Templates*/
.bg11[b-5lav89iqw2] {
    background-color: #f44336;
}
/*Assets*/
.bg12[b-5lav89iqw2] {
    background-color: #ffc107;
}
/*Staffing*/
.bg13[b-5lav89iqw2] {
    background-color: #3f51b5;
}
/*Inventory*/
.bg14[b-5lav89iqw2] {
    background-color: #ff9800;
}
/*Portals*/
.bg15[b-5lav89iqw2] {
    background-color: #00bcd4;
}
/*Documents*/
.bg16[b-5lav89iqw2] {
    background-color: #e91e63;
}
/*Mobile*/

html[b-5lav89iqw2] {
    margin: 0;
    padding: 0;
    /*background-image: linear-gradient(-170deg,#064997 20%,#105ba7);*/
    background-position: 100%;
}

body[b-5lav89iqw2] {
    /*background-image: linear-gradient(270deg,#2b67ac 3px,transparent 0),linear-gradient(#2b67ac 3px,transparent 0),linear-gradient(270deg,rgba(43,103,172,.4) 1px,transparent 0),linear-gradient(#2b67ac 1px,transparent 0),linear-gradient(270deg,rgba(43,103,172,.4) 1px,transparent 0),linear-gradient(#2b67ac 1px,transparent 0);
		background-size: 112px 112px,112px 112px,56px 56px,56px 56px,28px 28px,28px 28px;*/
    /* font-family: Josefin Sans, sans-serif; */
    font-family: Figtree, open-sans;
    margin: 0;
    padding: 0;
}

body[b-5lav89iqw2] {
    margin: auto;
    overflow: auto;
    background: linear-gradient(315deg, rgba(101,0,94,1) 3%, rgba(60,132,206,1) 38%, rgba(48,238,226,1) 68%, rgba(255,25,25,1) 98%);
    animation: gradient-b-5lav89iqw2 15s ease infinite;
    background-size: 400% 400%;
    background-attachment: fixed;
}

.links[b-5lav89iqw2] {
    --link-size: calc(var(--base-grid)*20);
    color: var(--colour-black);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
}




.links__list[b-5lav89iqw2] {
    position: relative;
    list-style: none;
    z-index: 100;
}

.links__item[b-5lav89iqw2] {
    width: var(--link-size);
    height: var(--link-size);
    position: absolute;
    top: calc(var(--base-grid)*3);
    left: calc(var(--base-grid)*3);
    margin-top: calc(var(--link-size)/-2);
    margin-left: calc(var(--link-size)/-2);
    --angle: calc(360deg/var(--item-total));
    --rotation: calc(140deg + var(--angle)*var(--item-count));
    transform: rotate(var(--rotation)) translate(calc(var(--link-size) + var(--base-grid)*36)) rotate(calc(var(--rotation)*-1));
}



.links__link[b-5lav89iqw2] {
    opacity: 0;
    animation: on-load-b-5lav89iqw2 .3s ease-in-out forwards;
    animation-delay: calc(var(--item-count)*180ms);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: inherit;
    color: #fff;
}

.links__icon[b-5lav89iqw2] {
    width: calc(var(--base-grid)*8);
    height: calc(var(--base-grid)*8);
    transition: all .3s ease-in-out;
    fill: var(--colour-white);
    transform: translateY(calc(var(--base-grid)*-1));
}

.links__text[b-5lav89iqw2] {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    height: calc(var(--base-grid)*2);
    font-size: calc(var(--base-grid)*2);
    bottom: calc(var(--base-grid)*16.5);
    animation: text-b-5lav89iqw2 .5s ease-in-out forwards;
}

.links__link[b-5lav89iqw2]:after {
    content: "";
    background-color: transparent;
    width: var(--link-size);
    height: var(--link-size);
    border: 2px dashed var(--colour-white);
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s cubic-bezier(.53,-.67,.73,.74);
    transform: none;
    opacity: 0;
}

.links__link:hover .links__icon[b-5lav89iqw2] {
    transition: all .3s ease-in-out;
    transform: translateY(calc(var(--base-grid)*-1)) rotateY(180deg);
}

.links__link:hover .links__text[b-5lav89iqw2] {
    display: block;
}

.links__link:hover[b-5lav89iqw2]:after {
    transition: all .3s cubic-bezier(.37,.74,.15,1.65);
    transform: scale(1.1);
    opacity: 1;
}




@keyframes on-load-b-5lav89iqw2 {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    70% {
        opacity: .7;
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes text-b-5lav89iqw2 {
    0% {
        opacity: 0;
        transform: scale(0.3) translateY(0);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(calc(var(--base-grid)*12));
    }
}



@keyframes gradient-b-5lav89iqw2 {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 100% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}

.wave[b-5lav89iqw2] {
    background: rgb(255 255 255 / 25%);
    border-radius: 1000% 1000% 0 0;
    position: fixed;
    width: 200%;
    height: 12em;
    animation: wave-b-5lav89iqw2 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
    bottom: 0;
    left: 0;
    z-index: -1;
}

    .wave:nth-of-type(2)[b-5lav89iqw2] {
        bottom: -1.25em;
        animation: wave-b-5lav89iqw2 18s linear reverse infinite;
        opacity: 0.8;
    }

    .wave:nth-of-type(3)[b-5lav89iqw2] {
        bottom: -2.5em;
        animation: wave-b-5lav89iqw2 20s -1s reverse infinite;
        opacity: 0.9;
    }

@keyframes wave-b-5lav89iqw2 {
    2% {
        transform: translateX(1);
    }

    25% {
        transform: translateX(-25%);
    }

    50% {
        transform: translateX(-50%);
    }

    75% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(1);
    }
}

.disc[b-5lav89iqw2] {
    position: absolute;
    top: calc(50% -20);
    left: calc(50% -15);
    border-radius: 50%;
    width: calc(var(--link-size) * 3);
    height: calc(var(--link-size) * 3);
}

.hidden[b-5lav89iqw2] {
    display: none; /* The element is hidden and does not take up space */
}

.flip[b-5lav89iqw2] {
    transition: all 1.6s ease-in-out;
    transform: rotateY(180deg);
}

.CheckNetTitle[b-5lav89iqw2] {
    position: relative;
    width: calc(var(--link-size) * 3);
    height: calc(var(--link-size) * 3);
    /*margin-top:calc(var(--link-size));*/
    margin-top: calc(var(--base-grid) * 15);
    margin-left: calc(var(--link-size)-100);
    text-align: center;
}

.item__icon[b-5lav89iqw2] {
    width: calc(var(--base-grid)*8);
    height: calc(var(--base-grid)*8);
    fill: var(--colour-white);
    margin-bottom: calc(var(--base-grid) * 1.5);
}

.ItemTitle[b-5lav89iqw2] {
    position: relative;
    width: calc(var(--link-size) * 3);
    height: calc(var(--link-size) * 3);
    margin-top: calc(var(--base-grid) * 4);
    margin-left: calc(var(--base-grid) * 5);
    width: calc(var(--base-grid) * 50);
    text-align: center;
    transform: rotateY(180deg);
    color: var(--colour-white);
}

.ResetTitle[b-5lav89iqw2] {
    font-size: calc(var(--base-grid)*11);
    font-weight: bold;
}

.ResetBody[b-5lav89iqw2] {
    font-size: calc(var(--base-grid)*4.15);
    font-weight: normal;
    border-top: solid 1px #333;
    margin-left: calc(var(--base-grid)*4);
    margin-right: calc(var(--base-grid)*4);
    margin-top: calc(var(--base-grid)*-1);
    padding-top: calc(var(--base-grid)*1);
}

.CKTitle[b-5lav89iqw2] {
    font-size: calc(var(--base-grid)*4);
    font-weight: bold;
}

.CKBody[b-5lav89iqw2] {
    font-size: calc(var(--base-grid)*2.75);
    margin-top: calc(var(--base-grid)*1);
}

.learn_more_reset[b-5lav89iqw2] {
    margin-top: calc(var(--base-grid)*3.5);
    font-size: calc(var(--base-grid)*1.25);
}

.learn_more[b-5lav89iqw2] {
    margin-top: calc(var(--base-grid)*2.5);
    font-size: calc(var(--base-grid)*1.25);
}
/* _content/CheckNet/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-6r7lb2rw42] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-6r7lb2rw42] {
    flex: 1;
}

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

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

    .top-row[b-6r7lb2rw42]  a, .top-row[b-6r7lb2rw42]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-6r7lb2rw42]  a:hover, .top-row[b-6r7lb2rw42]  .btn-link:hover {
        text-decoration: underline;
    }

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

@media (max-width: 640.98px) {
    .top-row[b-6r7lb2rw42] {
        justify-content: space-between;
    }

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

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

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

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

    .top-row.auth[b-6r7lb2rw42]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-6r7lb2rw42], article[b-6r7lb2rw42] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-6r7lb2rw42] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-6r7lb2rw42] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }