#main.main,
#footer.footer,
#navPanel,
.login_content h1,
.loginout_content h1,
.passwordLabel,
.userLabel,
.passwordcatcher,
.usernamecatcher {
    display: none;
}

html {
    font-size: 13px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: #1e2a32;
}

table.standardtable{
    width:100%;
}

.login_content {
    margin: auto;
    display: inline-block;
    background: #ffffff;
    padding: 100px 20px 10px 20px;
    background-image: url("../Images/TMCH/logo_cmc.png");
    background-attachment: scroll;
    background-position: center 20px;
    background-repeat: no-repeat;
    background-size: auto 50px;
    border-radius: 8px;
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.5);
    width: 250px;
}

.loginout_content {
    margin: auto;
    display: inline-block;
    background: #ffffff;
    padding: 10px 20px 10px 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.5);
    width: 250px;
}

    a.ButtonNormal {
        color: #ffffff;
        background: #d2001e;
        cursor: pointer;
        border-radius: 18px;
        min-height: 36px;
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        border: none;
        padding: 0px 15px;
        text-decoration: none;
    }

    a.ButtonNormal:hover {
        text-align:center;
        background: #73000d;
    }

    a.ButtonNormal:disabled,
    a.ButtonNormal:disabled:hover {
        border: 1px solid rgba(0,0,0,0.2);
        color: rgba(0,0,0,0.5);
        background: rgba(0,0,0,0.1);
        cursor: not-allowed;
    }

    a.ButtonNormal em {
        display: inline-block;
        width: auto;
        margin: auto;
        font-style: unset;
    }

.userInput,
.passwordInput
{
    position:relative;
}

    .userInput > input,
    .passwordInput > input {
        width:100%;
    }

    .emailContent > span:last-of-type {
        color: #D10000;
        width: 100%;
        display: inline-block;
        padding: 10px 0px 0px 85px;
        font-size: 11px;
    }

.userInput > span,
.passwordInput > span,
.phoneNumberContent > span.validator,
.emailContent > span.validator {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 11px;
    color: #D10000 !important;
    background: transparent;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    text-align: center;
    line-height: 24px;
    font-size: 23px;
}

.phoneNumberContent > span.validator,
.emailContent > span.validator {
    top: 18px;
    right: 6px;
}

.RemainderDiv
{
    padding:10px 0px 0px 0px;
    text-align:center;
}

.RemainderDiv a {
    text-decoration: none;
}

.important {
    color:#D10000;
    text-align:center;
    padding-bottom:10px;
}


.phoneNumberContent,
.emailContent{
    padding-top:10px;
    position:relative;
}

.phoneNumberContent label,
.emailContent label {
    width: 80px;
    display: inline-block;
}

    .phoneNumberContent input,
    .emailContent input {
        width:calc(100% - 85px);
    }

#MC_PasswordReminderControl1_ReminderPopUpPanel
{
    width:300px;
}

#capsdiv {
    font-size: 11px;
    line-height: 24px;
    color: #ffffff !important;
    border: none !important;
    background-color: #f27f0c;
    border-radius: 8px;
    padding: 0px 8px 0px 8px;
    display: inline-block;
    position: absolute;
    right: -110px;
    width: 100px;
    text-align: center;
    top: 5px;
}


/* Wait div
   ========================================================================== */

.blockUI.blockMsg {
    opacity: 1 !important;
    outline: none !important;
}

.blockUI.blockOverlay {
    background: #fff !important;
    opacity: 0.8 !important;
}

.masterupdatestyle,
.blockUI.blockOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    top: 0px;
    left: 0px;
    z-index: 99;
}

.masterupdateinnerstyle img {
    display: none;
}

.masterupdateinnerstyle,
.blockUI.blockMsg {
    width: 80px;
    height: 80px;
    position: relative;
    margin: calc(50vh - 40px) auto;
}

    .masterupdateinnerstyle:before, .masterupdateinnerstyle:after,
    .blockUI.blockMsg:before, .blockUI.blockMsg:after {
        content: '';
        display: inline-block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #d2001e;
        opacity: 0.6;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
        animation: sk-bounce 2.0s infinite ease-in-out;
    }

    .masterupdateinnerstyle:after, .blockUI.blockMsg:after {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/* COOKIE *********************************/

#cookieModal {
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    visibility: hidden;
    z-index: 9999;
}

    #cookieModal .cookieInnerDiv {
        background: url("../Images/TMCH/cookies.png") no-repeat #fff 16px 30px;
        padding: 24px 24px 24px 84px;
        max-width: 600px;
        display: inline-block;
        position: relative;
        top: calc(50vh - 100px);
        text-align: left;
        line-height: 18px;
        border-radius: 4px;
    }

        #cookieModal .cookieInnerDiv a,
        #cookieModal .cookieInnerDiv a:visited {
            color: #d2001e;
        }

            #cookieModal .cookieInnerDiv a:hover {
                text-decoration: underline;
                cursor: pointer;
            }

        #cookieModal .cookieInnerDiv .close-reveal-modal,
        #cookieModal .cookieInnerDiv .discard-reveal-modal {
            margin: 8px 0 0 0;
            display: inline-block;
            color: #ffffff;
            background: #d2001e;
            width: auto;
            padding: 4px 8px;
            border-radius: 4px;
        }

            #cookieModal .cookieInnerDiv .close-reveal-modal:before {
                content: "\2713";
                display: inline-block;
                width: 16px;
                height: 16px;
                font-weight: bold;
                margin-right: 2px;
                font-size: 16px;
                position: relative;
                top: 1px;
            }

            #cookieModal .cookieInnerDiv .discard-reveal-modal:before {
                content: "\2717";
                display: inline-block;
                width: 16px;
                height: 16px;
                font-weight: bold;
                margin-right: 2px;
                font-size: 16px;
                position: relative;
                top: 1px;
                left: -2px;
            }

/*====================================================================================================================================================================================*/


/*TFMSMS-744*/

form[action*="./AccountActivation.aspx"] .content p {
    font-size: 18px;
    color: #1e2a32;
    width: 100%;
    text-align: center;
    margin-top: 0px;
}

form[action*="./AccountActivation.aspx"] input.logininput {
    background: #E8F0FE;
}

form[action*="./AccountActivation.aspx"] input {
    width:100%;
}

form[action*="./AccountActivation.aspx"] .content {
    background-color: white;
    background-image: url("../Images/TMCH/logo_cmc.png");
    background-attachment: scroll;
    background-position: center 20px;
    background-repeat: no-repeat;
    background-size: auto 50px;
    width: 250px;
    padding: 100px 20px 10px 20px;
    display: inline-block;
    border-radius: 8px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5);
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

form[action*="./AccountActivation.aspx"] .standardbutton {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

form[action*="./AccountActivation.aspx"] input.logininput + span {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px
}

form[action*="./AccountActivation.aspx"] .modalBackground {
    display: none;
}