﻿.accordion-content {
    text-align: center;
}

.accordion-padding {
    padding: 29px 44px;
}

.client-logo {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
}

.content {
    margin-top: 1em;
    width: 670px !important;
}

.center {
    margin: auto;
}

.fine-print {
    color: #666666;
    margin-top: 20px;
    float: left;
    width: 100%;
}

    .fine-print a {
        font-weight: bold;
        color: #0c62ab;
    }

.header {
    padding: 13px 26px 13px 78px;
    font-size: 26px;
    font-weight: 300;
    color: #ffffff;
    cursor: pointer;
}

.header-home {
    background-color: rgb(248, 248, 248) !important;
    background-image: url(../../img/icons/5e5e5e/home-icon.svg);
    background-repeat: no-repeat !important;
    background-size: 35px !important;
    background-position: 15px 15px !important;
    box-shadow: none !important;
    color: #282828 !important;
    border-bottom: 1px solid #dddddd;
}

.header-linkedin {
    background-color: #3a75b4;
    background-image: url(../../img/icons/ffffff/linkedin-icon.svg);
    background-repeat: no-repeat !important;
    background-size: 35px !important;
    background-position: 15px 15px !important;
    box-shadow: none !important;
}

.header-facebook {
    background-color: #335e8a;
    background-image: url(../../img/icons/ffffff/facebook-icon.svg);
    background-repeat: no-repeat !important;
    background-size: 15px !important;
    background-position: 20px 15px !important;
    box-shadow: none !important;
}

.header-google {
    background-color: #d44330;
    background-image: url(../../img/icons/ffffff/google-plus-icon.svg);
    background-repeat: no-repeat !important;
    background-size: 35px !important;
    background-position: 15px 15px !important;
    box-shadow: none !important;
}

.header-password {
    background: #ff8839 url('../img/loginV2/question-icon.png') no-repeat 20px 13px;
}

.header-create {
    background: #1d1d1d url('../img/loginV2/create-icon.png') no-repeat 20px 13px;
}

input[type="email"].email, input[type="text"].email {
    background: url('../img/loginV2/at.png') no-repeat 20px center !important;
}

input[type="password"].lock {
    background: url('../img/loginV2/lock.png') no-repeat 20px center !important;
}

    input[type="email"].email.login-data-required, input[type="password"].lock.login-data-required {
        background-color: rgb(250, 230, 228) !important;
    }

.login-button {
    padding: 10px;
    background: #00a651;
    color: #ffffff;
    text-transform: uppercase;
    float: right;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

    .login-button:hover {
        background: #666666;
    }

.login-panel-hidden {
    display: none;
}

input[type="email"].login-text, input[type="password"].login-text, input[type="text"].login-text {
    border: 1px solid #dddddd;
    border-radius: 0px;
    color: #282828;
    font-size: 26px;
    padding: 10px 10px 10px 60px;
    width: 100%;
    font-weight: 400;
    margin-bottom: 20px;
}

input:focus {
    outline: none;
}

.pointer {
    cursor: pointer;
}

.login-options {
    background-color: rgb(245, 248, 250) !important;
}

.login-bar {
    /*background: #666666 none;
    border-radius:8px 8px 0 0;
    color:#ffffff;*/
    display: none !important;
}

.login-wrapper {
    width: 500px;
    background: #ffffff;
    border: 1px solid #dddddd;
    overflow: hidden;
    margin: 0 auto;
}

.woosh {
    transition: none !important;
}

.login-hide {
    display: none !important;
}

.login-nav {
    float: none;
    display: inline-block;
    background: none;
    color: #999999;
    border: 1px solid #999999;
}

    .login-nav.selected {
        background: #999999;
    }

.login-button.login-nav:hover, .login-button.login-nav.selected {
    color: #ffffff;
}

.login-no-bg-img {
    background-image: none !important;
}

.login-no-border {
    border: 0 none !important;
}

.login-no-shadow {
    box-shadow: none !important;
}

.login-width-auto {
    width: auto !important;
}

.login-no-padding {
    padding: 0 !important;
}

.login-no-margin {
    margin: 0 !important;
}

.login-no-border-radius {
    border-radius: 0 !important;
}

.login-no-min-height {
    min-height: initial !important;
}

/*.login-social-media-account {
    float: left;
    color: rgba(255, 255, 255, 1);
    padding: 10px 20px 10px 47px;
    margin-top: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-right: 10px;
    min-height: 40px;
}

    .login-social-media-account:last-of-type {
        margin-right: 0;
    }

    .login-social-media-account.compact {
        margin-top: 10px !important;
    }

    .login-social-media-account.facebook {
        background-color: rgba(55, 101, 163, 1);
        background-image: url(../../img/icons/ffffff/Facebook-Icon.svg);
        background-size: 10px;
        background-position: 15px 50%;
        margin-top: 20px;
        padding-left: 38px;
        margin-left: 3px;
    }

    .login-social-media-account.linkedin {
        background-color: rgba(2, 116, 179, 1);
        background-image: url(../../img/icons/ffffff/LinkedIn-Icon.svg);
        background-size: 20px;
        background-position: 15px 50%;
        margin-top: 20px;
        padding-left: 45px;
        margin-left: 3px;
    }

    .login-social-media-account.google-plus {
        background-image: url(../../img/icons/misc/btn_google_signin_dark_normal_web.png);
        color: transparent;
        width: 191px;
        height: 46px;
        text-indent: -99999rem;
        margin-top: 17px !important;
    }

        .login-social-media-account.google-plus:hover {
            background-image: url(../../img/icons/misc/btn_google_signin_dark_pressed_web.png);
        }*/

.notice-header {
    display: none;
}

.notice-middle {
    width: auto;
    border: 0 none;
    box-shadow: none;
    background: transparent;
}

.notice-wrapper {
    width: 100%;
    float: left;
    margin-top: 2em;
}

#NTXAppSection {
    padding: 0;
    margin: 0 auto;
}

.page-wrapper #NTXAppSection {
    width: 670px;
}

#NTXJobInfo {
    position: fixed;
    top: 425px;
    left: -300px;
    width: 300px;
    color: #555555;
    display: none;
}

    #NTXJobInfo .header {
        background: #555555;
        padding: 13px;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        width: 100%;
        color: #ffffff;
        font-size: 14px;
        cursor: pointer;
        float: left;
        box-shadow: none;
    }

    #NTXJobInfo .more-info-icon {
        height: 32px;
        width: 32px;
        float: left;
        background: transparent url('https://www.networxrecruitment.com/content/networxone/branding/info-icon-32.png') no-repeat center left;
        margin-right: 13px;
    }

    #NTXJobInfo .hide-icon {
        height: 32px;
        width: 32px;
        float: left;
        background: transparent url('https://www.networxrecruitment.com/content/networxone/branding/hide-icon-32.png') no-repeat center left;
        margin-left: 13px;
    }

        #NTXJobInfo .hide-icon.show-icon {
            background: transparent url('https://www.networxrecruitment.com/content/networxone/branding/show-icon-32.png') no-repeat center left;
        }

    #NTXJobInfo .main-content {
        width: 100%;
        padding: 13px;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        float: left;
        border: 1px solid #555555;
        background: #ffffff;
    }

/*NTXJobInfo 1024px support*/
@media screen and (max-width: 1024px) {
    #NTXJobInfo {
        width: 240px;
        left: -240px;
    }
}
/*End of NTXJobInfo 1024px support*/

.orange-bar {
    display: none;
}

.QapTcha {
    float: left !important;
    width: 184px !important;
    margin-top: 0 !important;
}

    .QapTcha .bgSlider {
        width: 182px !important;
        height: 32px !important;
    }

    .QapTcha .Slider {
        width: 45px !important;
        height: 32px !important;
        cursor: e-resize !important;
        background-size: contain !important;
    }

    .QapTcha .dropError {
        color: #555555 !important;
        text-transform: uppercase;
    }

.QapTcha-help {
    float: left;
    width: 32px;
    height: 32px;
    background: url("https://www.networxrecruitment.com/content/networxone/branding/qaptcha-info-icon-32.png");
    margin-left: 13px;
    background-color: #999999;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}

    .QapTcha-help:hover {
        background-color: #666666;
    }

.woosh {
    position: relative;
    margin: 20px 0px;
    float: left;
    width: 100%;
}

.woosh-container {
    position: relative;
    display: block;
    clear: both;
    height: 148px;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#NTXClientLogo {
    width: 100%;
}





/*_________________________*/



.login-dialogue-box {
    border: 1px solid rgb(221, 221, 221);
    background-color: rgb(255, 255, 255);
    margin: 0 auto;
    width: 670px;
    min-height: 800px;
    border-radius: 5px;
    position: relative;
    float: left;
}

.login-top-section {
    float: left;
    width: 100%;
    height: 125px;
}

.login-top-overlay {
    background-color: rgba(44, 44, 44, 0.55);
    float: left;
    width: 100%;
    height: 125px;
    position: absolute;
    z-index: 1;
    border-radius: 5px 5px 0px 0px;
}

.login-top-image {
    float: left;
    width: 100%;
    height: 125px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 25%;
    border-radius: 5px 5px 0px 0px;
    background-image: url(../../img/hero-images/recruiter/macbook-login-image.jpg);
}

.login-bottom-section {
    float: left;
    width: 100%;
    min-height: 675px;
    border-radius: 0px 0px 5px 5px;
}

.login-user-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    position: relative;
    top: -40px;
    border: 2px solid rgb(221, 221, 221);
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-size: 75px;
    background-position: 50% bottom;
    background-image: url(../../img/icons/5e5e5e/blank-user.svg);
    border-radius: 5px 5px 5px 5px;
    z-index: 2;
}

.login-bottom-content {
    position: relative;
    top: -15px;
    float: left;
    width: 100%;
    padding: 0px 25px;
    min-height: 610px;
}

.login-options-container {
    float: left;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
}

.login-options-main {
    float: left;
    width: 100%;
    min-height: 170px;
}

.login-social-media-container {
    float: left;
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid rgb(221, 221, 221);
}

    .login-social-media-container p {
        text-align: center;
        font-size: 0.625rem;
    }

.IN-widget, .IN-widget span, .IN-widget span span, .IN-widget span span a {
    float: left;
    width: 100%;
    display: block !important;
}

.facebookbutton span iframe {
    display: none !important;
}

.login-options-container .login-options-button.selected {
    background-color: rgb(255, 102, 0);
    color: rgb(255, 255, 255);
}

.login-options-container .login-options-button:first-child {
    margin: 0;
}

.login-options-container .login-options-button:last-child {
    margin-right: 0;
}

.login-options-container .login-options-button {
    float: left;
    width: 31.33%;
    margin-right: 1.5%;
    margin-left: 1.5%;
    border: 1px solid rgb(221, 221, 221);
    text-align: center;
    padding: 10px 20px;
    background-color: rgb(255, 255, 255);
    color: rgb(40, 40, 40);
    cursor: pointer;
    font-size: 0.875rem;
}

.login-panel-option .ntx-button {
    margin-top: 20px;
}

.ntx-button.primary-green {
    text-align: center;
}

.ntx-button.disabled {
    background-color: transparent !important;
    pointer-events: none;
    border: 1px solid transparent;
}

    .ntx-button.disabled:hover {
        text-decoration: none !important;
        cursor: default !important;
    }


.login-options-main .ntx-button.disabled {
    display: none;
}

.ntx-button.action-loading {
    display: none;
    background-image: url('../../img/ntx-branding/ntx-loader-ie.gif');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -999999999px;
}

    .ntx-button.action-loading.disabled {
        display: block;
    }
