/*
 >  Daiereh ©
 >  http://www.daiereh.com
 >  Software Engineering, Interactive Agency
 
 >> version 1.1
 >> date: 2018-10-03

*/

body {
    background-image: url('/AssetsPM/image/MainBgLogIn.jpg');
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
}

.wrapRtl {
    min-height: 800px;
    min-height: 100vh;
    padding-top: 200px;
    padding-top: 25vh;
}

.loginContent {
    padding: 0 15px;
    padding-top: 30px;
    color: #4D4D4D;
    font-size: 17px;
    max-width: 560px;
    margin: 0 auto;
    text-align: right;
    padding-right: 10%;
}

    .loginContent .link:link,
    .loginContent .link:visited,
    .loginContent .link:active {
        color: #4D4D4D;
    }

    .loginContent .homeLink:link,
    .loginContent .homeLink:visited,
    .loginContent .homeLink:active {
        color: #0071BC;
    }

    .loginContent .link:hover {
        color: #f16422;
    }

    .loginContent .enText {
        font-size: 18px;
    }

.spacerLogo {
    display: block;
    max-width: 230px;
    opacity: 0;
}

.errorPageMessage {
    font-weight: normal;
    font-size: 20px;
    text-align: justify;
    margin: 30px 0;
}

    .errorPageMessage .homeLink {
        width: auto;
        font-size: inherit;
    }

.defaultErrorMessage {
    margin-top: -60px;
}

.contactSupport {
    text-align: center;
    margin-top: 100px;
    margin-top: 15vh;
}

.loginCopyright {
    margin-top: 50px;
    margin-top: 4vh;
}

    .loginCopyright .enText {
        vertical-align: middle;
        font-size: 13px;
    }

    .loginCopyright .link {
        display: block;
        margin-bottom: -5px;
    }

.copyrightYear {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
}

.contactInfoWrapper,
.contactForm {
    text-align: left;
    padding: 20px 40px;
    color: #4d4d4d;
}

.wrapRtl .contactInfoWrapper,
.wrapRtl .contactForm {
    text-align: right;
}

.contactBox {
    padding: 0 15px;
}

.formSection {
    margin-top: 13px;
    font-family: Roboto;
    font-size: 16px;
    line-height: 20px;
    padding: 0 10px;
}

.wrapRtl .formSection {
    font-family: inherit;
}

.contactInfo {
    padding: 4px 5px 5px;
    /*border: 1px solid #ddd;*/
    border-radius: 1px;
    margin: 6px auto;
    text-align: left;
    direction: ltr;
}

.formSection .fileInput,
.formSection .textInput {
    max-width: 70%;
    width: 250px;
    margin-left: 7px;
}

.formSection .textInput {
    direction: ltr;
    border: none;
    background-image: none;
    margin: 0;
    background-color: transparent;
    color: #666666;
    font-family: Roboto,Tahoma;
    font-size: 18px;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: transparent !important;
}

.loginButton,
.SendPassButton,
.sendErrorBtn {
    border: 2px solid #f16422;
    border-radius: 12px;
    background-color: transparent;
    background-image: none;
    padding: 1px 25px;
    font-family: IRANSansWeb, Tahoma;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    text-decoration: none;
    box-shadow: none;
    margin: 0;
    height: auto;
    line-height: initial;
}

    .loginButton:visited,
    .SendPassButton:visited,
    .sendErrorBtn:visited {
        color: #666;
    }

    .loginButton:hover,
    .SendPassButton:hover,
    .sendErrorBtn:hover {
        background-color: #f16422;
        color: #f7f7f7;
    }

    .loginButton:active,
    .SendPassButton:active,
    .sendErrorBtn:active,
    .loginButton:not(:disabled):active,
    .SendPassButton:not(:disabled):active,
    .sendErrorBtn:not(:disabled):active {
        background-image: none;
        box-shadow: none;
        border: 2px solid #f16422;
        color: #666;
        margin: 0;
    }

.formSection .hyperLink {
    line-height: 20px;
    font-size: 14px;
    direction: ltr;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 5px;
    margin-top: 3px;
}

.formSection .link .imgRespons {
    vertical-align: middle;
}

.formSection .h4 {
    font-size: 16px;
    margin-bottom: 10px;
    font-family: 'Roboto Condensed';
}

.wrapRtl .formSection .h4 {
    font-family: 'B Yekan';
}

.requiredSign {
    color: #f00;
    padding-right: 3px;
}

.formLabel,
.inputLabel {
    display: block;
    margin-bottom: 6px;
    padding-right: 10px;
}

.contactIcon {
    width: 30px;
    vertical-align: middle;
    margin-left: 3px;
}

.wrapRtl .contactIcon {
    margin-right: 3px;
    margin-left: 0;
}

.contactIcon + * {
    display: inline-block;
    vertical-align: middle;
    max-width: 83%;
    margin-left: 5px;
}

.wrapRtl .contactIcon + * {
    margin-right: 5px;
    margin-left: 0;
}

.confirmPasswordError,
.emailValidateError,
.validateError {
    white-space: nowrap;
    display: none;
    padding-right: 7px;
    font-size: 16px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.validateErrorShow {
    opacity: 1;
    display: inline-block;
}

@media (max-width:690px) {

    .contactInfoWrapper, .contactForm {
        padding: 20px 0px;
    }
}

@media (max-width:600px) {
    .contactInfoWrapper,
    .contactForm {
        padding: 5px 10px;
    }

    .contactBox {
        padding: 0px 10px;
    }

    .loginContent {
        padding-right: 15px;
    }
}

.contactFormWrap {
    max-width: 400px;
    margin: 0 auto;
}

.rememberChbox {
    float: right;
    color: #666;
    margin-top: 12px;
    cursor: pointer;
    padding-right: 25px;
    background: transparent url('/assetsPM/Image/rememberOff.png') scroll no-repeat center right;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
}

    .rememberChbox.isChecked {
        background-image: url('/assetsPM/Image/rememberOn.png');
    }

    .rememberChbox input {
        display: none;
    }

.upSection {
    position: relative;
    font-size: 18px;
    text-align: left;
    padding: 0;
}

    .upSection:after {
        position: absolute;
        display: block;
        content: ' ';
        width: 100%;
        height: 2px;
        background-color: #f16422;
        z-index: 10;
        left: 0;
        right: 0;
        top: 30px;
        bottom: auto;
    }


    .upSection .textInput {
        width: 68%;
        margin-left: 0;
        padding-left: 7px;
    }

    .upSection .generallabel {
        display: inline-block;
        text-align: right;
        width: 28%;
        line-height: 2em;
    }

.contactHolder {
    overflow: hidden;
    position: relative;
}

.loginForm {
    padding: 0 15px;
}

.loginForm,
.fpForm {
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0.1s;
    -moz-transition: all 0.3s ease-out 0.1s;
    -o-transition: all 0.3s ease-out 0.1s;
    transition: all 0.3s ease-out 0.1s;
}

.contactHolder.isFpForm .loginForm {
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%);
}

.fpForm {
    position: absolute;
    top: 0;
    right: auto;
    left: auto;
    bottom: auto;
    -webkit-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    -o-transform: translateX(-110%);
    transform: translateX(-110%);
}

.contactHolder.isFpForm .fpForm {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}

@media (max-width:600px) {
    .wrapRtl {
        padding-top: 100px;
        padding-top: 10vh;
    }
}

/* errorPages*/

.errorPageIcon {
    max-width: 380px;
    margin: 0 auto;
    padding: 15px;
}

.sendError {
    font-size: 20px;
    margin: 8vh 0px;
}

.sendDError {
    margin: 6vh 0 0;
}