/* all */
::-webkit-input-placeholder {
    color: #999999;
}

::-moz-placeholder {
    color: #999999;
}
/* firefox 19+ */
:-ms-input-placeholder {
    color: #999999;
}
/* ie */
input:-moz-placeholder {
    color: #999999;
}

.ReadOnlyTextBox {
    background-color: #e4e4e4 !important;
    color: #bbbbbb !important;
}

.control_validation_error .DefaultTitlesStyle {
    color: #D90000 !important;
}

.control_validation_error .DefaultTextBox {
    border: 1px solid rgba(217,0,0,0.4) !important;
    background-color: rgba(217,0,0,0.06) !important;
}

.control_validation_error .custom-dropdown__select {
    border: 1px solid rgba(217,0,0,0.4) !important;
    background-color: rgba(217,0,0,0.06) !important;
}

.DivWidth45 {
    width: 45%;
}

    .DivWidth45 .DefaultTextBox {
        width: 100%;
    }

.ErrorVal {
    color: #D80000;
    font-size: 14px;
    font-family: "SourceSansPro-Regular";
}


.FLoatStyleSemi {
    width: 50%;
    min-height: 115px;
}

.FLoatStyle50 {
    width: 50%;
}

.FLoatStyleFull {
    width: 100%;
}

.MarginT15 {
    margin-top: 15px;
}

.MarginBot35 {
    margin-bottom: 36px;
    width: 100%;
}

.DefaultTextBox {
    border: 1px solid transparent;
    color: #555555;
    font-family: "SourceSansPro-Regular";
    font-size: 16px;
    height: 60px;
    width: 95%;
    background-color: #EEEEEE;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
}

    .DefaultTextBox:focus {
        background-color: #E4E4E4;
    }

.DefaultTitlesStyle {
    font-size: 16px;
    color: #777777;
    margin-bottom: 10px;
    position: relative;
    font-family: "SourceSansPro-Regular";
}

.ValMarginR {
    margin-right: 5%;
}

.DescWidth {
    max-width: 100%;
}

.ugetwidth95 {
    width: 95%;
}

.GetMySpace {
    margin-bottom: 30px;
    margin-top: 30px;
}

.DocImg {
    width: 30px;
    margin-top: 6px;
    text-align: center;
    vertical-align: middle;
    line-height: 48px;
    font-size: 14px;
    background-color: #FFFFFF;
    border: 1px solid #777777;
    color: #777777;
    border-radius: 26px;
    cursor: pointer;
    padding: 0px 88px 0px 32px;
    text-transform: uppercase;
    text-decoration: none !important;
    font-family: 'SourceSansPro-Semibold';
    position: relative;
    height: 50px;
}

    .DocImg:hover {
        color: #FFFFFF;
        background-color: #777777;
        border: 1px solid #FFFFFF;
    }

        .DocImg:hover .DogImgW {
            opacity: 1;
        }

        .DocImg:hover .DivDocImg {
            opacity: 0;
        }

.DogImgW {
    background-image: url(../../images/docwhite.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 25px;
    margin-left: 3px;
    opacity: 0;
    position: absolute;
    top: 10px;
}

.WorkControlBtn {
    width: 125px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
}

.TrainingWordCtrlButton {
    width: 30px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 10px;
}

.DivCreateSpace {
    height: 10px;
}

.ContactNote {
    color: #D90000;
    text-align: center;
}

.DivEmployementContact {
    min-height: 140px;
    width: 100%;
    background-color: #333333;
}

.DivemployementTExt {
    font-size: 20px;
    font-family: "SourceSansPro-Regular";
    color: #FFFFFF;
    text-align: left;
    margin-left: 20px;
    line-height: 1.3;
    width: 100%;
    max-width: 960px;
}

.DivDocImg {
    background-image: url(../../images/doc.svg);
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 3px;
    position: absolute;
    top: 10px;
}

.GetMyAnimation {
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media all and (max-width:970px) {
    .DivEmployementContact {
        min-height: 160px;
    }
}

@media all and (max-width:768px) {

    .ValMarginR {
        margin-right: 0%;
    }

    .TrainingWordCtrlButton {
        padding-bottom: 10px;
    }

    .DivemployementTExt {
        width: 100%;
    }
}

@media all and (max-width:480px) {
    .DivemployementTExt {
        font-size: 18px;
    }
}
/* Register start */

.regSepBottom {
    height: 100px;
}

.regSepTop {
    height: 50px;
}

.MainRegDiv {
    position: relative;
    margin: 0 auto;
}

.DivRegContent {
    position: relative;
    margin: 0 auto;
    width: 90%;
}

.RegTitileMarginL {
    margin-left: 5%;
}

.SubmitRegBtn {
    background-color: #48A346;
    border: 0 none;
    color: #FFFFFF;
    font-size: 14px;
    width: 100%;
    max-width: 240px;
    height: 60px;
    cursor: pointer;
    letter-spacing: 1px;
    font-family: "SourceSansPro-Semibold";
    text-transform: uppercase;
}

    .SubmitRegBtn:hover {
        background-color: #3F8D3D;
    }

.DivRegDropDown {
    position: relative;
    width: 95%;
}

.RegPhoneNumSep {
    width: 5%;
}

.DefaultnewTextBoxMultiline {
    min-height: 192px;
    padding-top: 10px;
}

.TestimonialsMultiline {
    min-height: 165px;
    padding-top: 10px;
}

.PopUpContainer {
    display: none;
    position: fixed;
    z-index: 10;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    left: 0;
    top: 0;
}

.PopUpInnerContainer {
    position: relative;
    padding: 30px;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    margin: 0 auto;
    max-width: 385px;
    background-color: #fff;
    border-radius: 10px;
    top: 30%;
    text-align: center;
}

.OkBtn {
    background-color: #48A346;
    border: 0 none;
    color: #FFFFFF;
    font-size: 14px;
    width: 100px;
    cursor: pointer;
    letter-spacing: 1px;
    font-family: "GE_SS_Two_Medium";
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    margin: 19px auto;
}

.MyErrorMsg {
    font-size: 16px;
    color: #777777;
    font-family: "GE_SS_Two_Medium";
}

.ChangeMyColor {
    color: #48A346 !important;
}

@media all and (max-width:768px) {
    .FLoatStyleSemi {
        width: 100%;
        min-height: 115px;
    }

    .DivW100 {
        width: 100%;
    }

    .RegTitileMarginL {
        margin-left: 0;
    }

    .RegPhoneNumSep {
        width: 10%;
    }
}

@media all and (max-width:480px) {
    .RegTitleHideME {
        display: none;
    }

    .DivW100 {
        width: 100% !important;
    }

    .regSepTop {
        height: 25px;
    }
}

/* Register end */



/* Login Page start */


.MainDivLogin {
    max-width: 440px;
}

.DivLoginBidsMsg {
    color: #D90000;
    line-height: 1.5;
    font-family: "SourceSansPro-Regular";
}

.DivLoginBidsSpace {
    height: 20px;
}

.LoginTextBox {
    width: 100% !important;
}

.LoginMarginUp {
    margin-top: 25px;
}

.LoginForgetPassLabel {
    color: #3F8D3F;
    font-size: 16px;
    font-family: "SourceSansPro-Semibold";
}


.HoverGreenLine {
    height: 1px;
    width: 0px;
    background-color: #48a346;
    margin-top: 4px;
}

.LoginForgetPassLabel:hover {
    color: #48a346;
}

    .LoginForgetPassLabel:hover .HoverGreenLine {
        width: 119px;
    }

.LoginSepTopUp {
    height: 85px;
}

.LoginSepBottomDown {
    height: 110px;
}

.LoginSep {
    height: 65px;
}

.LoginSep2 {
    height: 20px;
}

.LoginHaveAccount {
    color: #525252;
    font-size: 16px;
    font-family: "SourceSansPro-Regular";
}

.LoginRegLink {
    color: #3F8C3F;
    font-size: 16px;
    font-family: "SourceSansPro-Semibold";
    cursor: pointer;
}

    .LoginRegLink:hover {
        color: #48a346;
    }


        .LoginRegLink:hover .HoverGreenLine {
            width: 59px;
        }

.LoginBtn1 {
    width: 100%;
}

@media all and (max-width:480px) {
    .MainDivLogin {
        padding: 0 13px;
    }

    .LoginSepTopUp {
        height: 25px;
    }

    .LoginSepBottomDown {
        height: 90px;
    }
}


/* Login Page end */


/* Contact Page Start */

.MainDivMapContact {
    width: 100%;
    min-height: 480px;
    position: relative;
}

.DivContactGetInTouch {
    min-height: 322px;
    width: 380px;
    background-color: #48A346;
    opacity: 0.9;
    margin-left: 5%;
}

.TableContactGetInTouch {
    margin: 0px;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
}

.MapGetIntouchRightSpacing {
    width: 10px;
    position: relative;
}

.MapGetIntouchLeftSpacing {
    width: 55px;
    position: relative;
}

.DivContactGetInTouchTitle {
    font-family: RobotoSlab-Regular;
    font-size: 36px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.DivContactGetInTouchDesc {
    font-family: "Source Sans Pro";
    font-size: 16px;
    max-width: 95%;
    margin: 0px auto;
    line-height: 1.5;
    color: #ffffff;
    opacity: 1;
    padding-left: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.DivContactTitleDesc {
    font-family: "Source Sans Pro";
    font-size: 16px;
    max-width: 100%;
    margin: 0px auto;
    line-height: 1.5;
    color: #ffffff;
    opacity: 1;
    padding-left: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.DivContactGetInTouchDescBold {
    font-family: "SourceSansPro-Semibold";
    font-size: 16px;
    max-width: 95%;
    margin: 0px auto;
    line-height: 1.5;
    color: #ffffff;
    opacity: 1;
    padding-left: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
}

.ContactMap {
    width: 100%;
    height: 480px;
}

.MapContactFontAwesome {
    font-size: 22px;
    color: #ffffff;
    line-height: 1;
}

.TdTrainingMargin {
    height: 20px;
}

.TrainingContactButton {
    text-align: center;
    vertical-align: middle;
    line-height: 48px;
    font-size: 14px;
    background-color: #FFFFFF;
    border: 1px solid #777777;
    color: #777777;
    border-radius: 26px;
    cursor: pointer;
    padding: 0px 32px;
    text-transform: uppercase;
    text-decoration: none !important;
    font-family: 'SourceSansPro-Semibold';
    position: relative;
    height: 50px;
}


.TrainingContactCtrlButton {
    width: 80px;
    margin: 0 auto;
}


.TrainingContactbtnText {
    text-transform: capitalize;
    position: absolute;
    left: 38%;
}

.TrainingContactButton:hover {
    color: #FFFFFF;
    background-color: #777777;
    border: 1px solid #FFFFFF;
}

.TrainingButton:hover .TrainingContactbtnText {
    color: #FFFFFF;
}

.DivTrainingContact {
    min-height: 97px;
    width: 100%;
    background-color: #777777;
    height: 97px;
}


.DivContactTrainingContent {
    display: block;
}

.DivContactTrainingText {
    font-size: 20px;
    font-family: "SourceSansPro-Regular";
    color: #FFFFFF;
    text-align: center;
    margin-right: 20px;
}

.DivContactTrainingSpacing {
    height: 15px;
}

.SpanContactTrainingText {
    font-family: "SourceSansPro-Semibold";
}

.DivContactContent {
    position: relative;
    margin: 0px auto;
    width: 90%;
}

.ContactFormTitle {
    font-family: RobotoSlab-Regular;
    color: #535353;
    font-size: 36px;
    padding-top: 35px;
    min-height: 71px;
}

.ContactFormTitleSmaller {
    font-family: RobotoSlab-Regular;
    color: #535353;
    font-size: 26px;
    padding-top: 35px;
    min-height: 71px;
}
.FLoatStylePadding {
    padding-bottom: 20px;
}

.MainDivWorkButton {
    margin-left: 20px;
    margin-top: 3%;
}

.DefaultTitleDescsStyle {
    font-size: 16px;
    color: #999999;
    margin-bottom: 10px;
    position: relative;
    font-family: "SourceSansPro-Regular";
    line-height: 1.5;
}

.DefaultTextBoxMultiline {
    min-height: 215px;
    padding-top: 10px;
}

.FLoatStyleSemiMargin {
    margin-bottom: 45px;
}

.ErrorMargin {
    margin-right: 30px;
}

.Recpactcha-submitdiv {
    margin: 0 auto;
    width: 90%;
    text-align: center;
}

.CenteredSubmitContact {
    top: 38%;
    position: relative;
}

@media all and (max-width:768px) {
    .DivContactGetInTouch {
        opacity: 1;
        position: relative;
        margin-top: 0px !important;
        margin-left: 0%;
        width: 100%;
    }

    .TableContactGetInTouch {
        width: 80%;
        margin: 0px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .ContactFormHiddenTitle {
        display: none;
    }

    .MainDivTrainingButton {
        /*float: left;*/
        width: 100%;
    }

    .MainDivWorkButton {
        width: 100%;
    }

    .DivTrainingContact {
        height: auto;
    }

    .DivContactTrainingText {
        width: 100%;
    }

    .TrainingContactCtrlButton {
        padding-bottom: 10px;
    }
}

@media all and (max-width:480px) {
    .TableContactGetInTouch {
        width: 100%;
    }

    .MapGetIntouchRightSpacing {
        width: 20px;
    }

    .MapGetIntouchLeftSpacing {
        width: 20px;
    }

    .TableTrainingContract {
        width: 80%;
        margin: 0 auto;
    }

    .DivContactTrainingText {
        font-size: 23px;
    }
}

@media all and (max-width:320px) {
    .TableTrainingContract {
        width: 100%;
    }

    .DivContactTrainingText {
        font-size: 20px;
    }
}

/* Contact Page End */

/* training Request Page Start */

.DivTrainingReqSubtitle {
    font-size: 22px;
    color: #777777;
    font-family: "SourceSansPro-Semibold";
}

.DivTrainingReqSeperator {
    height: 1px;
    background-color: #DDDDDD;
    width: 95%;
    margin-top: 20px;
    margin-bottom: 25px;
}

.TrainingMultilineGoal {
    min-height: 156px;
    padding-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.DefaultTrainingFile {
    border: 1px solid transparent;
    color: #555555;
    font-family: "SourceSansPro-Regular";
    font-size: 16px;
    height: 60px;
    width: 95%;
    background-color: #EEEEEE;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
}

.DivTrainingFile {
    width: 71% !important;
    position: relative;
}

.DivTrainingLetterBtn {
    height: 60px;
    width: calc(24% - 2px);
    background-color: #E0E1E4;
    color: #999;
    font-family: "SourceSansPro-Semibold";
    cursor: pointer;
    margin-left: 2px;
    font-size: 14px;
}



.TableTrainingReqBtn {
    margin: 0px auto;
    height: 100%;
    width: 100%;
    text-align: center;
}

    .TableTrainingReqBtn:hover {
        background-color: #DBDCDF;
    }

.TrainingFloatPaddingBot {
    padding-top: 20px;
}

.TrainingReqError {
    margin-right: 5%;
}

@media all and (max-width:768px) {
    .DivTrainingReqSeperator {
        width: 100%;
    }

    .DivTrainingFile {
        width: 76% !important;
    }

    .TrainingReqError {
        margin-right: 0%;
    }
}

/* Training Request Page End*/

/* Change Password page start*/

.ChangePasswordFormTitle {
    font-family: RobotoSlab-Regular;
    color: #535353;
    font-size: 36px;
    padding-top: 35px;
}

.DivChangePasswordSeperator {
    height: 1px;
    background-color: #DDDDDD;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 25px;
}

.LblMenuHeaderDesc {
    text-transform: capitalize;
}

.SuccessMessage {
    font-family: RobotoSlab-Regular;
    color: #535353;
    font-size: 18px;
}

@media all and (max-width:768px) {
    .DivChangePasswordSeperator {
        display: none;
    }

    .ChangePasswordFormTitle {
        display: none;
    }

    .DivChangePassword {
        margin-top: 57px;
    }
}

/*Change Password page end*/


/*Reset Password page start*/
.DivResetPassword {
    width: 42%;
    margin: 0px auto;
    position: relative;
    margin-top: 30px;
}

.DivResetPasswordDesc {
    color: #777777;
    font-size: 16px;
    font-family: RobotoSlab-Regular;
    margin-bottom: 40px;
    line-height: 1.5;
}

.DivResetPasswordEmail {
    width: 70%;
    margin: 0px auto;
}

.DivResetPasswordButton {
    width: 70%;
    margin: 0px auto;
    margin-top: 15px;
}

.ResetPAssBtn {
    width: 95% !important;
}

.ResetPAssButton {
    text-align: center;
    vertical-align: middle;
    line-height: 48px;
    font-size: 14px;
    background-color: transparent;
    color: #535353;
    cursor: pointer;
    padding: 0px 32px;
    text-transform: uppercase;
    text-decoration: none !important;
    font-family: "SourceSansPro-Semibold";
    position: relative;
    height: 50px;
    letter-spacing: 1px;
    max-width: 170px;
}

.ResetPAssCtrlButton {
    max-width: 170px;
    margin: 0 auto;
}

.ResetAnimation {
    top: 0px !important;
}


.btnTextArrowAnimation .ArrowResetDirAnimation {
    position: absolute;
    left: 25px;
    font-size: 18px;
    top: 16px;
}

.btnTextArrowAnimation .TextResetDirAnimation {
    position: absolute;
    left: 50px;
    font-size: 14px;
    font-family: 'SourceSansPro-Semibold';
    line-height: 14px;
    top: 17px;
    letter-spacing: 1px;
}

.btnTextArrowAnimation:hover .ArrowResetDirAnimation {
    left: 140px;
}

.btnTextArrowAnimation:hover .TextResetDirAnimation {
    left: 25px;
}

@media all and (max-width:768px) {
    .DivResetPassword {
        width: 55%;
    }

    .ResetPAssBtn {
        width: 100% !important;
    }
}

@media all and (max-width:480px) {
    .DivResetPassword {
        width: 100%;
    }

    .DivResetPasswordEmail {
        width: 100%;
    }

    .DivResetPasswordButton {
        width: 100%;
    }
}
/*Reset Password page end*/



/* Acount History Start Page*/

.bidsheader {
    background-color: #EEEEEE;
    height: 20px;
    padding: 18px 25px;
    border: 1px #DDDDDD solid;
    margin-top: 15px;
    margin-bottom: 20px;
}


.MainDivAccHistoryPublishOn {
    padding-right: 20px;
    width: 15.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.MainDivAccHistoryTitle {
    padding-right: 20px;
    width: 64.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.MainDivAccHistoryFileSize {
    padding-right: 20px;
    width: 11%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.MainDivAccHistoryFileType {
    width: 9%;
}


.DivAcountHistoryLinkButtons {
    margin-right: 10px;
    font-family: 'SourceSansPro-Semibold';
    color: #999999;
    font-size: 16px;
}

.AcountHistorySortUp {
    position: absolute;
    color: #BBBBBB;
}

.AcountHistorySortDown {
    position: absolute;
    color: #BBBBBB;
    top: 7px;
}

.DivAccountHistorySeperator {
    height: 1px;
    background-color: #DDDDDD;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.DivHeadAccountHistorySeperator {
    height: 1px;
    background-color: #DDDDDD;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.DivAccHistoryInfo {
    display: none;
}

DivAccountClickForSort {
    display: inline-block;
}

.LblAccHistoryPublishOn {
    color: #777777;
    font-size: 16px;
    font-family: "SourceSansPro-Regular";
    line-height: 1.5;
}

.LnkAccHistoryTitle {
    color: #408E3F;
    font-size: 16px;
    font-family: 'SourceSansPro-Semibold';
    line-height: 1.5;
}

    .LnkAccHistoryTitle:hover {
        text-decoration: underline;
    }

.MainDivEventsHistoryPaging {
    position: static !important;
}

.LblAccHistoryDesc {
    color: #777777;
    font-size: 14px;
    font-family: 'SourceSansPro-Regular';
    line-height: 1.5;
}

.LblAccHistoryFileSize {
    color: #777777;
    font-size: 16px;
    font-family: 'SourceSansPro-Regular';
    line-height: 1.5;
}

.LblAccHistoryFileType {
    color: #777777;
    font-size: 16px;
    font-family: 'SourceSansPro-Regular';
    line-height: 1.5;
}

.LblAccHistoryInfo {
    color: #999999;
    font-family: 'SourceSansPro-Regular';
    font-size: 13px;
    line-height: 1.5;
}

.SelectedSort {
    color: #999999;
    font-weight: bold;
}

@media all and (max-width:990px) {
    .MainDivAccHistoryFileSize {
        display: none;
    }

    .MainDivAccHistoryPublishOn {
        width: 24.5%;
    }

    .DivAcountHistoryLinkButtons {
        margin-right: 10px;
    }
}

@media all and (max-width:768px) {
    .DivHeadAccountHistorySeperator {
        display: none;
    }

    .MainDivAccountHistory {
        display: none;
    }

    .RightColumnMarginTop {
        margin-top: 65px;
    }

    .MainDivAccHistoryFileSize {
        display: none;
    }

    .MainDivAccHistoryFileType {
        display: none;
    }

    .MainDivAccHistoryPublishOn {
        display: none;
    }

    .MainDivAccHistoryTitle {
        width: 100%;
        padding-right: 0px;
    }

    .DivAccHistoryInfo {
        display: block;
        width: 100%;
    }
}
/* Acount History End Page*/