/* REGISTRATION CAMPAIGN LANDING PAGES */

body, html {
    height: 100%;
}

.reg-landing-page-container ol, .reg-landing-page-container p,  .reg-landing-page-button {
    font-size: 16px;
    height: 100%;
}

.reg-landing-page-button-xs {
    height: 100% !important;
    width: 100% !important;
    max-width:100% !important;
}

.reg-landing-page-button {
    height: 90px;
    width: 100%;
    max-width: 500px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-weight: 500;
    margin-top: 20px;
    text-align: center;
}

.reg-landing-page-button:hover {
    background-color: #E0EBF3;
}

.reg-landing-page-button.active {
    background-color: #204762;
    color: white;
}

.reg-landing-page-button-row {
    width: 100%;
    display: table;
}
.reg-landing-page-button-col {
    height: 100%;
    text-align: center;
}
.reg-landing-page-button-contents {
    text-align: center;
}

.reg-landing-page-button-content-xs{
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative;
    display: inline-block;
}

.reg-landing-page-action {
    position: relative !important;
    max-width: 500px;
    width: 100%;
    display: inline-block;
}

.reg-landing-page-text-left{
    text-align: left;
}

.reg-landing-page-logo {
    max-height:140px;
    max-width: 90%;
}

@media (max-width: 767px) {
    .reg-landing-page-button {
        line-height: 30px;
    }
}

 @media (min-width: 992px) {
    div[class^='col']:first-of-type .reg-landing-page-button {
        line-height: 30px;
    }
}

/* CONSENT PAGE */

.checkbox-box {
    background-color: #F5F5F5;
    padding: 9px 9px 9px 20px;
    border-left: 3px solid #F56565;
    font-size: 16px;
}

#consentList li {
    padding: 5px 0;
}


/* LOGIN PAGE */
.toggle-box {
height: 320px;
    border: 1px solid #EEE;
}

.toggle-box-left {
    border-right: none;
}
.toggle-box-right {

}

.toggle-box-active {
    z-index: 1;
}
.toggle-box-active.toggle-box-left {
    box-shadow: 3px 0px 6px -2px #AAA;
    border-left: 3px solid #5CB85C;
}
.toggle-box-active.toggle-box-right {
    box-shadow: -3px 0px 6px -2px #AAA;
    border-right: 3px solid #5CB85C;
}

.toggle-box-muted {
    background-color: #F5F5F5;
    color: #ccc;
}
.toggle-box-muted .btn.btn-default {
    color: #ccc;
    border-color: #eee;
}
.toggle-box-muted input {
    color: #ccc;
    border-color: #eee;
}
.toggle-box-muted .btn-success {
    background-color: #CCC;
    border-color: #BBB;
}

.twitter-typeahead {
    width:100%;
}