@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;500;600;700&display=swap');

html { }

body {
    background-color: #999;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12pt;
}

a {
    text-decoration:none;
}
.lout {}
.lin {
    width: 350px;
    height: 500px;
    margin: 100px auto;
    border: solid 1px #666;
    border-radius:10px;
    background-color: #333;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    position:relative;
    padding:10px;
}
    .lin-logo { opacity: 0.8; width:90%; text-align:center; padding:5px; }
    .lin-title {
        color: #999;
        text-align: center;
        font-size: 14pt;
        margin-top: 20px;
    }
    .lin-form { padding:10px; padding-left:42px; margin-top:35px; }
    .lin-sub { position:absolute; bottom:-30px; text-align:center; left:0; right:0; font-size:10pt; letter-spacing:2px; color:#333; }
.lin-load { text-align:center; margin-top:150px; color:#3b9fcb; }
.lin-load .loader {  }
.lin-msg {
    position:absolute; bottom:10px; left:0;  right:0; text-align:center; color:red;
}
.xhid {
    display: none
}

.form-control { padding:5px 8px; border:solid 1px silver; border-radius:5px; width:250px; }

.form-row {
    margin-top: 20px;
    font-size: 12pt;
}

    .form-row input {
        font-size: 12pt;
    }

    .form-row label {
        display:block; color:silver;
        position: relative;
        top: -5px;
    }

    .form-row .small {
        display: block;
        margin-top: 5px;
        font-size: 10pt;
        font-style: italic;
    }

#inputEmail, #inputPassword, #forgEmail, #inputPassword2 {
    font-weight: bold !important;
    font-size: 11pt !important;
}

.form-check-input {
    display:inline-block;
    border: solid 1px red;
}
.form-check-label {
    display: unset;
    position: absolute !important;
    top: 0px !important;
    left: 30px !important;
    cursor:pointer;
}

.yelbtn, .btn-red {
    background: none;
    font-size: 14px;
    padding: 8px 20px;
    background: #307fa1;
    color: #fff;
    transition: all 0.5s;
    border-radius: 50px;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    border: solid 1px #eee;
    display: inline-block;
}

.btn-red {
    background: #ea3b3b;
}

.btn-quit {
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
}

.yelbtn:hover {
    background: #67b0d1;
    color: #fff;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);
}

.btn-red:hover {
    background: #fa3b3b;
    color: #fff;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);
}

.yelbtn-sm {
    font-size: 13px;
    padding: 4px 10px;
}

.btn {
    margin-top:40px; text-align:left; margin-left:90px;
}
.posrel2 {
    position: relative;
    top: 2px;
}













/**/