﻿body {
    background-color: #CF8D8D !important;
}

.menuPublicTable a {
    color: black;
}

.regFormMainCont {
    width: 100%;
    min-width: 520px;
    max-width: 1000px;
    display: block;
    margin: 0 auto 30px;
    text-align: left;
    font-size: 14px;
    line-height: 26px;
    color:black;
}


.whiteTitle {
    background-color: #CF8D8D !important;
    text-align: center !important;
    color: white;
    text-align: center;
}


.regFormMainCont table {
    border-spacing: 0 !important;
}

.regFormMainCont h1 {
    text-align: left;
    width: 100%;
    max-width: 1200px;
    display: inline-block;
    font-size: 36px;
    margin-bottom: 5px;
}

.regFormMainCont table {
    width: 100% !important;
    min-width: 100% !important;
    display: inline-table;
}


.regFormMainCont td {
    padding-top: 5px;
}

.regFormMainCont p {
    text-align: center;
    font-size: 14px;
    line-height: 22px
}

.regFormMainTable input[type=text], .regFormMainTable input[type=password] {
    width: 85%;
    min-width: 85% !important;
    box-sizing: border-box;
    padding: 5px 10px !important;
    height: 35px;
    min-height: 35px;
    font-size: 14px;
}

.emailTable, .nameTable input[type=text] {
    border-radius: 5px;
}

.regFormMainTable td {
    text-align: left;
}

.regFormCont {
    width: 100%;
    min-width: 100%;
    max-width: 1200px;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}

    .regFormCont input[type=text], .regFormCont input[type=password] {
        height: 30px;
        padding: 2px;
    }

    .regFormCont select {
        height: 35px;
        width: 85% !important;
        display: inline-table;
        font-size: 14px;
        border: solid 1px white !important;
        color: gray;
        padding-left: 10px;
        border-radius: 5px 5px 0 0;
        background-image: url(_images/grayDownArrow.svg);
        background-position-x: 98%;
    }

.postal {
    border-radius: 0 0 5px 5px;
}

.regFormMainCont .moreOptionsTable {
    width: 100%;
    display: none;
}

.moreOptionsTable td {
    width: 50%;
    vertical-align: top;
}

.moreOptionsTable input[type=text] {
    width: 85% !important;
    box-sizing: border-box;
    padding: 5px;
}

.moreOptionsTable .leftCol input[type=text] {
    border-radius: 5px;
}

.emailTable td, .captchaTable td {
    width: 50%;
    padding-right: 20px;
}

.nameTable td, .simpleRow td {
    width: 50%;
}

    .nameTable td:last-child, .simpleRow td:last-child {
        text-align: right !important;
    }

.salutationTd {
    width: 20%;
}

.firstNameTd {
    width: 30%;
}

.lastNameTd {
    width: 50%;
}

.phoneTable td, .cityTable td {
    padding-right: 20px;
}

.cityTd, .postalTd {
    width: 50%;
    padding-right: 20px;
}

.codeTd {
    width: 25%;
    padding-right: 20px;
}

.phoneTd {
    width: 50%;
    padding-right: 20px;
}

.optionsSeparator {
    width: 100%;
    text-align: center;
    border-bottom: solid 1px white;
}

    .optionsSeparator span {
        width: auto;
        padding: 0 10px;
        display: inline-table;
        text-align: center;
        position: relative;
        top: 10px;
        background-color: #e6f5fe;
        text-decoration: underline;
    }

.redBorder {
    border: solid 1px red;
}

    .redBorder::placeholder {
        color: red;
    }

.redText {
    color: red;
    font-size: 16px;
}

.bottomCont {
    margin-top: 30px;
}

    .bottomCont p {
        text-align: center;
    }

    .bottomCont input[type=submit], .changePasswordBtn, .bottomCont input[type=submit] {
        display: inline-table;
        width: 98.8%;
        min-width: 98.8%;
        height: 55px;
        border: none;
        background-color: #720000;
        color: white;
        font-size: 14px;
        font-weight: 400;
        cursor: pointer;
        border-radius:5px;
    }

        .bottomCont input[type=submit]:hover, .changePasswordBtn:hover {
            background-color: #820000 !important;
        }

    .bottomCont input[type=submit] {
        width: 42%;
        min-width: 42%;
        margin:0 auto !important;
        float:none;

    }
    .bottomCont a {
        padding: 10px;
    }

    .changePasswordBtn {
        width: 85%;
        min-width: 85%;
        height: 35px !important;
        min-height: 35px !important;
        max-height: 35px !important;
        background-color: #720000 !important;
        box-sizing: border-box;
        border-radius: 5px;
    }

.aspNetDisabled.changePasswordBtn {
    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
}

.captchaTable {
    width: 100%;
    min-width: 100%;
    margin-top: 20px;
}

    .captchaTable td {
        vertical-align: top;
    }

    .captchaTable div {
        float: left;
        position: relative;
        left: 0;
    }

    .captchaTable input[type=submit] {
        float: right;
        position: relative;
        width: 85%;
        border-radius: 5px;
        box-sizing: border-box;
    }

    .captchaTable input[type=checkbox], .emailTable input[type=checkbox] {
        height: 25px;
        width: 25px;
        position: relative;
        top: 7px;
    }

input[type=checkbox] {
    accent-color: #820000 !important;
}

.moreOptButt {
    cursor: pointer;
    background-color: #CF8D8D !important;
    color: white;
}

.greenText {
    font-size: 16px;
    color: #13b700;
    font-weight: bold;
}



.aspNetDisabled.changePasswordBtn, .aspNetDisabled.changePasswordBtn:hover {
    background-color: gray !important;
    cursor: not-allowed;
}

.gdprRow td, .gdprRow p {
    text-align: left;
}

.regFormMainCont input[type=checkbox] {
    width: 25px;
    height: 25px;
    position: relative;
    top: 6px;
}

.regFormMainCont h3 {
    margin: 20px 0 5px;
    border-bottom: solid 1px #820000;
    ;
    color: #820000;
}

.checksTable {
    display: block;
    width: 100%;
    min-width: 100%;
    background-color: white;
    border-radius: 15px;
    margin-top: 20px;
}

    .checksTable td {
        width: 50%;
        vertical-align: top;
        box-sizing: border-box;
        padding: 5px 15px 10px;
    }

        .checksTable td:first-child {
            padding-right: 10px;
        }

.regPerex {
    font-weight: 600;
}

.checksTable h3 {
    font-size: 18px;
    font-weight: 600;
    color: black;
}

@media (max-width: 800px) {

    .regFormMainCont h1 {
        text-align: center;
    }

    /*    .captchaTable input[type=submit] {
        width: 230px;
    }*/

    .regFormMainTable input[type=text], .regFormMainTable input[type=password], .regFormCont select, .changePasswordBtn { 
        width: 95% !important;
        min-width: 95% !important;
    }
}
