/*--- Register ---*/

.registerLayout header {
    position: static;
    height: inherit;
    padding: 10px 0 15px 0;
    background-color: #212121;
    border-bottom: 10px solid #e83c9e;
    text-align: center;
    color: #fff;
}

.registerLayout header h1 {
    display: inline-block;
    margin: 0;
    vertical-align: text-top;
}

.registerLayout header .logo {
    width: 100%;
}

.registerLayout header .btn-rounded {
    padding: 4px;
    transition: 0.3s;
}

.registerLayout header .btn-rounded:hover {
    background-color: #fff;
    color: #e83c9e;
    text-decoration: none;
}

.registerLayout .content {
    margin-top: 0;
}

#register {
    background: url("../img/index/register.png") no-repeat;
    background-size: 100% 100%;
}

#registerFormContainer {
    min-height: 800px;
    padding: 10px 0;
    background-color: #f1e4e2;
    box-shadow: inset 0px 8px 6px 0 #a69b9a;
}

#registerForm {
    margin: 5px auto;
    width: 94%;
    text-align: center;
}

#registerForm label {
    padding-bottom: 2px;
}

#registerForm input, #registerForm .select2-container, #registerForm .icheckbox_minimal-pink {
    border: 1px solid #e83c9e;
}

#registerForm input, #registerForm .select2-container {
    border-radius: 8px;
}

#registerForm .form-group input {
    height: 28px;
    width: 100%;
    padding: 0 0.5%;
}

#registerForm .form-group .error {
    text-align: right;
}

#registerForm .select2-container {
    width: 100% !important;
    padding: 0.3% 0.5%;
    background: #fff;
    text-align: center;
}

#registerForm .select2-selection--single {
    display: inline;
    border: 0;
    outline: 0;
}

#registerForm input[type=checkbox] {
    width: auto;
}

#registerForm #phoneContainer input {
    width: 64%;
    margin-left: -3px;
    border-left: 0;
    border-radius: 0 5px 5px 0;
    text-align: left;
    direction: ltr;
}

#registerForm #phoneContainer .select2-container {
    height: 28px;
    width: 35% !important;
    padding-left: 0;
    border-radius: 5px 0 0 5px;
    vertical-align: top;
    text-align: center;
}

#registerForm #eventDetails {
    display: none;
}

#registerForm .icheckbox_minimal-pink {
    vertical-align: top;
    margin-right: 5%;
}

#registerForm #thirdNameContainer {
    display: none;
}

#registerForm input[type=submit] {
    height: 40px;
    width: 30%;
}

#forgotPassword {
    height: 180px;
}

#forgotPassword form, #resetPassword {
    width: 20%;
    margin: 25px auto;
}

#forgotPassword #emailToReset {
    display: block;
    float: none;
    margin: 5px 0;
}

#forgotPassword input[type=submit] {
    margin-top: 5px;
    padding: 5px 6%;
    font-size: 20px;
}

#forgotPassword .success i {
    margin-left: 8px;
    font-size: 16px;
}

#resetPassword .input-group {
    margin: 8px 0;
}

#resetSuccess {
    color: #e83c9e;
    text-align: center;
}

#registerDone {
    min-height: 650px;
    margin-top: 100px;
    background: #fff;
}

#registerDone i ,#resetSuccess i, #emailAuthenticated i {
    font-size: 100px;
}

#registerDone i, #emailAuthenticated i {
    color: #e83c9e;
}

#registerDone .h3, #resetSuccess p {
    font-size: 28px;
}

#emailAuthenticated {
    margin: 20px 0 10px 0;
}

#emailAuthenticated a {
    padding: 3px 12px;
    font-size: 20px;
}

/*--- Login ---*/

#login {
    min-height: 800px;
    background: url(../img/index/login.png) no-repeat;
    background-size: 100% 100%;
}

#loginIntro {
    margin-top: 20px;
    border-right: 3px solid #737373;
}

#loginIntro > .h2 {
    margin-top: 0;
}

#loginIntro p:not(:first-child) {
    margin: 3px 0;
    font-size: 18px;
    color: #737373;
}

#loginIntro p:nth-child(2) {
    color: #e83c9e;
}

#loginForm {
    margin-top: 40px;
}

#loginForm > .col-sm-8 {
    padding-right: 0;
}

#loginForm input[type=text], #loginForm input[type=password] {
    background-color: #cacaca;
}

#loginForm ::-webkit-input-placeholder, #loginForm ::-moz-placeholder,
#loginForm :-ms-input-placeholder, #loginForm :-moz-placeholder {
    color: #737373 !important;
}

#loginForm input[type=submit] {
    height: 50px;
    color: #fff;
    font-size: 24px;
    border: 1px solid transparent;
    border-radius: 20px;
}

#loginForm .error {
    display: block;
}

/*--- Home ---*/

#home > #shortDescription {
    padding: 60px 3% 0 0;
}

#home .headline {
    padding: 12px 2% 12px 0;
    background: url(../img/index/headline.png) no-repeat right;
    color: #fff;
    font-size: 3vw;
}

#homeMainbar {
    background: #737373;
}

#home #daysLeft {
    background: url("../img/index/home_days_left.png") no-repeat;
    background-size: contain;
    padding-bottom: 20%;
}

#home #daysLeft p {
    margin: 0;
}

#home #daysLeft .h1 {
    padding-top: 26%;
    font-size: 50px;
}

#homeMainbar > p, #homeMainbar > ol {
    color: #fff;
}

#homeMainbar > ol {
    font-size: 24px;
}

#homeMainbar #startBtnContainer {
    margin: 50px 0 35px 0;
}

#homeMainbar #startBtnContainer .btn-rounded {
    padding: 8px 7.5%;
    background-color: #ef62b0;
    box-shadow: 2px 3px 1px 1px #555;
    cursor: pointer;
    color: #fff;
    transition: 0.3s;
}

#homeMainbar #startBtnContainer .btn-rounded:hover {
    background-color: #fff;
    color: #ef62b0;
}

#home .task-list {
    margin: 15px auto 0 auto;
    width: 84%;
}

/*--- Settings ---*/

#settings {
    height: 800px;
    padding-top: 20px;
    background: url(../img/index/settings.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

#settings .form-group {
    margin-top: 20px;
    padding: 8px;
    border: 4px solid #e83c9e;
    box-shadow: 1px 1px 8px 1px;
}

#settings .form-group .row {
    margin: 10px 0;
}

#settings .form-group label {
    width: 40%;
    color: #737373;
    font-size: 18px;
    vertical-align: bottom;
}

#settings .form-group input {
    width: 55%;
    background: #c2c2c2;
}

#settings input[type=submit] {
    margin: 0 0 20px 1%;
    padding: 0.2% 5%;
}

/*--- Terms ---*/

#terms {
    margin-bottom: 40px;
}

#terms div {
    margin: 8px 0;
}

#terms h2, #terms h4 {
    text-decoration: underline;
    font-weight: bold;
}

@media (max-width: 900px) {
    .registerLayout header h1 {
        font-size: 24px;
    }

    #register {
        background: #f1e4e2;
    }

    #login {
        background: #fff;
    }

    #login .h2 {
        font-size: 24px;
    }

    #loginForm input[type=submit] {
        height: 50px;
        font-size: 26px;
    }

    #home #daysLeft {
        background-position: center;
    }

    #home #daysLeft .h3 {
        margin-top: 10px;
    }

    #settings {
        background: #fff;
    }

    #settings .h1 {
        font-size: 20px;
    }
    #home .headline {
         font-size: 5vw;
        text-align: center;
    }
    #home > #shortDescription {
        padding: 10px 3% 0 0;
}
}