/*----- login -----*/

#logreg-reg {
    display: block;
    padding-top: 40px;
}

#logreg-log {
    display: none;
    padding-top: 65px;
}

.logreg-row-reg {
    margin: 0 -45px;
}

.logreg-row-log {
    margin: 0 -25px;
}

.logreg-input-box {
    padding: 0;
    margin-bottom: 16px;
}

.logreg-input-box-left {
    padding-right: 4px;
}

.logreg-input-box-right {
    padding-left: 4px;
}

.logreg-button-box {
    padding: 0;
}

.logreg-firm-registration-info-row {
    padding: 33px 33px 0;
}

.logreg-firm-registration-info-box {
    background: #FAF4A5;
    border: 1px solid #E9DA24;
    border-radius: 4px;
}

.logreg-firm-registration-info-image {
    margin: 17px 20px 0;
    float: left;
}

.logreg-firm-registration-info-text {
    font-family: proxima_nova_rgregular;
    font-size: 14px;
    vertical-align: top;
    padding-top: 14px;
}

.logreg-firm-registration-box {
    margin-top: 20px;
    text-align: center;
}

.logreg-firm-registration-box p {
    font-family: proxima_nova_rgregular;
    font-size: 16px;
    color: #2990CF;
}

.logreg-firm-registration-box a {
    text-decoration: none;
}

.logreg-social-button-row-log {
    padding: 0 23px 0;
}

.logreg-social-button-box {
    padding: 0 10px !important;
}

.logreg-info {
    padding-bottom: 32px !important;
}

.logreg-menu {
    padding: 27px 0 20px 0 !important;
    cursor: pointer;
}

.logreg-menu-reg {
    background: #EAEAEA !important;
    border: 1px solid #D4D4D4 !important;
    border-radius: 11px 0 0 0;
}

.logreg-menu-reg:hover {
    background: #E3E3E3 !important;
    border: 1px solid #E3E3E3 !important;
}

.logreg-menu-reg-active {
    background: #FFFFFF !important;
    border: 1px solid white !important;
    border-radius: 11px 0 0 0;
}

.logreg-menu-log {
    background: #EAEAEA !important;
    border: 1px solid #D4D4D4 !important;
    border-radius: 0 11px 0 0;
}

.logreg-menu-log:hover {
    background: #E3E3E3 !important;
    border: 1px solid #E3E3E3 !important;
}

.logreg-menu-log-active {
    background: #FFFFFF !important;
    border: 1px solid white !important;
    border-radius: 0 11px 0 0;
}

.logreg-menu-text {
    font-family: proxima_nova_rgregular;
    font-size: 22px;
    color: #363636;
}

#logreg-agree {
    display: none;
}

.logreg-agree-checkbox {
    padding-right: 7px;
    cursor: pointer;
}

#logreg-remember {
    display: none;
}

.logreg-remember-checkbox {
    padding-right: 7px;
    cursor: pointer;
}

.logreg-line-box {
    margin: 22px 0 25px 0;
    padding: 0 33px;
}

.logreg-social-button-box-log {
    padding: 0 18px;
}

.logreg-firm-info-row {
    display: none;
    padding: 0 33px 33px;
}

.logreg-firm-info-text-blue {
    color: #2990CF !important;
}

.logreg-firm-info-text-signup {
    color: #2990CF !important;
    cursor: pointer;
}

.logreg-text-box {
    padding: 0;
}

.logreg-text {
    font-size: 14px !important;
    font-family: proxima_nova_rgregular !important;
}

.logreg-text-decoration-none {
    text-decoration: none !important;
}

.logreg-lost {
    float: right;
}

.logreg-info-line-box {
    margin-bottom: 0px;
}

@media(max-width:1199px){
    .logreg-lost {
        float: left;
    }
}

@media(max-width:767px){
    .logreg-menu-reg {
        border-radius: 11px 11px 0 0;
    }

    .logreg-menu-reg-active {
        border-radius: 11px 11px 0 0;
    }

    .logreg-menu-log {
        border-radius: 0;
    }

    .logreg-menu-log-active {
        border-radius: 0;
    }
    
    .menu-open-icon {
        cursor: pointer;
        color: transparent;
        padding: 14px 13px;
        background-image: url("/static/images/menu.svg");
        background-repeat: no-repeat;
        top: -100px;
        right: -41px;
    }

    .navbar-nav {
        margin: 7.5px 11px !important;
    }

    .logreg-line-box {
        padding: 0 10px;
    }

    .logreg-social-button-row-log {
        padding: 33px 0 0;
    }

    .logreg-social-button-box-log {
        margin-bottom: 16px;
    }

    .logreg-firm-info-row {
        padding: 0 10px 33px;
    }

    .logreg-row-reg {
        margin: 0 -15px;
        padding: 0 10px;
    }

    .logreg-row-log {
        margin: 0 -15px;
        padding: 0 10px;
    }

    .logreg-input-box-left {
        padding-right: 0;
    }

    .logreg-input-box-right {
        padding-left: 0;
    }
}
@media (min-width: 767px) and (max-width: 992px){
    #code-field {
    margin-right: 0px;
    }
    .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 8px;
    }
}