/* Colours */
.td-error {
    color: #FFCECE;
}

.td-error-dark {
    color: #fc5151;
}

.error {
    color: #fc5151;
}

.td-blue {
    color: #0272b9;
}

.td-blue-light {
    color: #7fc7e4;
}

.td-green {
    color: #20a976;
}

.td-green-alt {
    color: #00a294;
}

.td-yellow {
    color: #fef7be;
}

.td-red {
    color: #ffcece;
}

.td-red {
    color: #e6ecef;
}

/* Buttons */
.btn-td-primary {
    background-color: #0272b9;
    color: white;
}

    .btn-td-primary:hover, .btn-td-primary:focus, .btn-td-primary:active {
        background-color: #024d7d;
        color: white;
    }

.btn-td-green {
    background-color: #20a976;
    color: white;
}

    .btn-td-green:hover, .btn-td-green:focus, .btn-td-green:active {
        background-color: #008453;
        color: white;
    }

/* Headings */
.h2.tdh2 {
    color: #0272b9;
    font-size: 1.5rem;
}

.td-title {
    color: #0272b9;
    font-size: 1.5rem;
    font-weight: 700;
}

html, body {
    background-color: #0272b9;
    height: 100%;
    min-height: 100%;
}

.td-logo-img {
    width: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.required {
    color: #FFCECE;
}

.form-group label {
    font-weight: 700;
}

.td-coverimage {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
}

@media(max-width: 820px) {
    .td-coverimage {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 75%;
    }
}

.td-ontop {
    z-index: 20;
}

.navbar {
    padding: 0.5rem 1rem;
}

.intro, #forgotPassword {
    display: none;
}

.entry-item {
    margin-bottom: 1rem;
}

#email, #password, #emailVerificationCode {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

label {
    font-weight: 700;
    display: inline-block;
    margin-bottom: 0.5rem;
}

    label:after {
        content: " *";
        color: red;
    }

#next, #sendCode, #verifyCode, #verifyPhone, #continue, .sendCode, .verifyCode, .sendNewCode {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    margin-right: 10px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    #next:not(:disabled):not(.disabled), #sendCode:not(:disabled):not(.disabled), #verifyCode:not(:disabled):not(.disabled), #verifyPhone:not(:disabled):not(.disabled),
    #continue:not(:disabled):not(.disabled), .sendCode:not(:disabled):not(.disabled), .verifyCode:not(:disabled):not(.disabled), .sendNewCode:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

    #next:hover, #sendCode:hover, #verifyCode:hover, #verifyPhone:hover, #continue:hover, .sendCode:hover, .verifyCode:hover, .sendNewCode:hover {
        color: #fff !important;
        background-color: #0069d9 !important;
        border-color: #0062cc !important;
    }

#cancel {
    color: #212529 !important;
    background-color: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-right: 10px;
}

    #cancel:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

    #cancel:hover {
        color: #212529 !important;
        background-color: #b9b9b9 !important;
        border-color: #b9b9b9 !important;
    }

.attr > ul {
    padding-left: 0;
    list-style: none;
}

.helpLink {
    display: none;
}

.attrEntry {
    padding-bottom: 10px;
}

.verificationControlContent ul {
    padding-left: 0;
    list-style: none;
}

#emailVerificationControl_label {
    display: none;
}