#container {
    padding-top: 10px;
    padding-left: 30px;
}

#title-text {
    margin-top: 13px;
}

.header-row {
    padding-bottom: 10px;
    border-bottom: 1px solid black;
}

.footer-row {
    margin-top: 20px;
    padding-left: 30px;
    border-top: 1px solid black;
}

.content {
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.titled-container-header {
    position: relative;
    padding: 10px 20px;
    margin: 0;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    background-color: #829aa8;
    border: 1px solid #768995;
    border-radius: 3px 3px 0 0
}

.titled-container-header h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px
}

.titled-container-body {
    padding: 20px;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #d8dee2;
    border-top: 0;
    border-radius: 0 0 3px 3px
}

.datatable {
    background-color: #f5f5f5;
    padding: 5px;
    margin-bottom: 10px;
}

.idSignModalContent table td, .mobileSignModalContent table td {
    padding: 5px;
}

.row-buffer {
    margin-top: 20px;
}

.mask {display: none;position: fixed;left:0;top:0;background: rgba(0,0,0,0.6);width: 100%;height: 100vh;z-index: 10;}
.maskText {display:flex;width: 100%;font-size: 30px;justify-content: center;color: white;z-index: 15;align-items: center;height: 80vh;flex-direction: column;gap:20px;}
.maskText.smaller {font-size: 25px;}
.spinner {width: 75px;height: 75px;background: url("spinner.gif");background-size: cover;}
.mask.show {display: block;}


.mobileSignForm {display: none;max-width: 300px;padding-left: 15px;margin-top: 25px;}
.mobileSignForm.show > form {display: flex;flex-direction: column;margin-bottom: 20px;}
.mobileSignForm.show > form > input {margin-bottom: 20px;height: 40px;border-radius: 3px;border: 1px solid #cecece;padding-left: 10px;}
.mobileSignForm > form > .error {display: none;color: red;margin-bottom: 10px;}

@media all and (max-width: 800px) {
    .maskText {font-size: 16px;}
    .maskText.smaller {font-size: 14px;}

    .spinner {width: 35px;height: 35px;background: url("spinner.gif");background-size: cover;}
}