/* _content/TouchIDEComm/Pages/Contact.razor.rz.scp.css */
/* _content/TouchIDEComm/Pages/Index.razor.rz.scp.css */
.web-front-container[b-za0l5lxmtw] {
    display: flex;
    padding-top: 82px;
    padding-bottom: 82px;
}

.web-front-2-container[b-za0l5lxmtw] {
    padding-top: 82px;
    padding-bottom: 82px;
    border-top: 2px dotted dodgerblue;
}

.web-front-image[b-za0l5lxmtw] {
    background-image: url(img/web-front.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.image-text-row[b-za0l5lxmtw] {
    display: flex;
}

.box-container[b-za0l5lxmtw] {
    border: 1px solid lightgray;
    padding: 12px;
    border-radius: 5px;
}

.empty-container[b-za0l5lxmtw] {
    padding: 12px 0 12px 0;
}

.container-title[b-za0l5lxmtw] {
    margin: 22px 0 12px 0;
    font-size: 1.2rem;
}

.mobile-flex-container[b-za0l5lxmtw] {
    display: flex;
}

.title-2[b-za0l5lxmtw] {
    font-weight: 300;
    font-size: 2rem;
    padding-bottom: 22px;
}

.getting-started-row[b-za0l5lxmtw] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.front-badge[b-za0l5lxmtw] {
    color: lightgray;
    font-weight: 600;
    font-size: 2.2rem;
    min-width: 60px;
    min-height: 60px;
}

.features-grid[b-za0l5lxmtw] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 80px;
}

.feature[b-za0l5lxmtw] {
    text-align: center;
}

.feature-icon[b-za0l5lxmtw] {
    font-size: 2.2rem;
    color: dodgerblue;
    padding-bottom: 22px;
}

.footer[b-za0l5lxmtw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.8rem;
    padding: 12px;
    background-color: black;
    color: white;
    margin-top: 22px;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: -12px;
}

.footer a[b-za0l5lxmtw] {
    color: white !important;
}


@media (max-width: 640.98px) {

    .web-front-container[b-za0l5lxmtw] {
        flex-direction: column-reverse;
    }

    .web-front-image[b-za0l5lxmtw] {
        width: 100%;
        min-height: 400px;
    }

    .web-front-text[b-za0l5lxmtw] {
        width: 100%;
    }

    .web-front-text-title[b-za0l5lxmtw] {
        font-size: 2rem;
        font-weight: 300;
        line-height: 1.3;
        padding-bottom: 22px;
    }

    .web-front-text-description[b-za0l5lxmtw] {
        font-size: 1.2rem;
        color: dimgray;
    }

    .mobile-flex-container[b-za0l5lxmtw] {
        flex-direction: column;
    }

    .mobile-image-container[b-za0l5lxmtw] {
        text-align: center;
        margin-bottom: 32px;
    }

    .image-text-row[b-za0l5lxmtw] {
        flex-direction: column-reverse;
    }

    .feature[b-za0l5lxmtw] {
        width: 100%;
        min-height: 200px;
    }

}

@media (min-width: 641px) {

    .web-front-container[b-za0l5lxmtw] {
        flex-direction: row;
        margin-left: 100px;
        margin-right: 100px;
    }

    .web-front-2-container[b-za0l5lxmtw] {
        margin-left: 100px;
        margin-right: 100px;
    }
    
    .web-front-image[b-za0l5lxmtw] {
        width: 60%;
        min-height: 400px;
    }

    .web-front-text[b-za0l5lxmtw] {
        width: 40%;
    }

    .web-front-text-title[b-za0l5lxmtw] {
        font-size: 3rem;
        font-weight: 300;
        line-height: 1.3;
        padding-bottom: 22px;
    }

    .web-front-text-description[b-za0l5lxmtw] {
        font-size: 1.2rem;
        color: dimgray;
    }

    .mobile-flex-container[b-za0l5lxmtw] {
        flex-direction: row;
        align-items: center;
    }

    .mobile-image-container[b-za0l5lxmtw] {
        margin-left: 62px;
    }

    .image-text-row[b-za0l5lxmtw] {
        flex-direction: row;
        align-items: center;
    }

    .feature[b-za0l5lxmtw] {
        min-width: 30%;
        max-width: 30%;
        min-height: 200px;
    }
    
}
/* _content/TouchIDEComm/Pages/Login.razor.rz.scp.css */
.logo[b-1xkt4h3zdw] {
    background-image: url(/img/logo-text.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 150px;
}
/* _content/TouchIDEComm/Pages/Register.razor.rz.scp.css */
.logo[b-ddha20lcg8] {
    background-image: url(/img/logo-text.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 150px;
}
/* _content/TouchIDEComm/Pages/ScriptDetails.razor.rz.scp.css */
.script-details-container[b-nfp78dpq7q] {
    display: flex;
}

.script-name-container[b-nfp78dpq7q] {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 1.2rem;
    margin-bottom: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid green;
}

.script-author-container[b-nfp78dpq7q] {
    font-size: 0.8rem;
    margin-bottom: 22px;
}

.script-icon[b-nfp78dpq7q] {
    color: green;
    margin-right: 12px;
}

.script-name[b-nfp78dpq7q] {
    margin-right: 12px;
}

.script-description-container[b-nfp78dpq7q] {
    margin-bottom: 22px;
}

.script-info-container[b-nfp78dpq7q] {
    margin-bottom: 22px;
}

.icon-menu[b-nfp78dpq7q] {
    max-height: 400px;
    padding: 8px;
    overflow: auto;
}

.comments-container[b-nfp78dpq7q] {
    margin-top: 22px;
}

.scriptcomment[b-nfp78dpq7q] {
    font-size: 0.8rem;
    margin-bottom: 12px;
}

@media (max-width: 640.98px) {
    .script-details-container[b-nfp78dpq7q] {
        flex-direction: column;
    }

    .script-details-left[b-nfp78dpq7q], .script-details-right[b-nfp78dpq7q] {
        width: 100%;
    }
}

@media (min-width: 641px) {
    .script-details-container[b-nfp78dpq7q] {
        flex-direction: row;
    }

    .script-details-left[b-nfp78dpq7q] {
        width: 100%;
    }

    .script-details-right[b-nfp78dpq7q] {
        min-width: 320px;
        margin-left: 22px;
    }
}
/* _content/TouchIDEComm/Shared/MainLayout.razor.rz.scp.css */
#page-header[b-oepn3t73v4] {
    background-color: white;
    padding: 12px;
    display: flex;
}

#page-content[b-oepn3t73v4] {
    padding: 12px;
}

.logo[b-oepn3t73v4] {
    background-image: url(/img/logo-text-sm.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 140px;
    height: 26px;
    cursor: pointer;
}


@media (max-width: 640.98px) {
    #page-header[b-oepn3t73v4] {
        flex-direction: column;
    }
}

@media (min-width: 641px) {
    #page-header[b-oepn3t73v4] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}