@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");

/*@font-face {
    font-family: 'roboto';
    src: url('../../vendor/otherFonts/Roboto-Light.ttf') format('truetype');
}*/

#btnBizFormSubmit {
    background: #23c6c8;
    border-color: #23c6c8;
}

#BizForm label.error {
    display: inline-block;
    margin: auto;
    float: none !important;
    width: 80% !important;
    top: -16px;
    position: relative;
}

#BizForm .wellGeneric label.error {
    top: 0px;
    position: relative;
}

.alert {
    text-align: center;
}

#InfoMessage {
    position: relative;
    z-index: 10000;
}

.slimScrollBar {
    /*padding-top: 100px;*/
}

.navbar-default, .navbar-inverse {
    background-color: #2f4050 !important;
    border-color: #2f4050 !important;
}

footer {
    background-color: #2f4050 !important;
}

.totalSumPerClass {
    clear: both;
    float: right;
}

select::-ms-expand {
    display: none !important;
}

.wellJheng {
    font-family: Microsoft JhengHei;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.wellGenericJheng {
    font-family: Microsoft JhengHei;
    margin-left: 25px;
    clear: both;
    margin-top: 30px;
}

/*html {
    overflow-y:auto;
}*/

.modal {
    overflow-y: auto;
}

/* custom class to add space for scrollbar */
.modal-scrollbar {
    margin-right: 17px;
}

#modalMessage {
    z-index: 2060 !important;
}

fieldset.scheduler-border {
    margin-top: 18px;
    margin-bottom: 18px;
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
    margin: auto;
    margin-bottom: 25px;
}

.languageBtn {
    margin: 0 auto;
    float: none;
    display: block;
    margin-bottom: 18px;
    width: 100px;
    background-color: #6EC3C4;
    border: none;
    color: white;
}

    .languageBtn:hover {
        background-color: #67B4B5;
        color: white;
    }

.lanName {
    text-align: center;
}

.irs-single {
    visibility: initial !important;
    display: initial !important;
}

.cc-selector input {
    margin: 0;
    padding: 0;
    display: none;
}

    .cc-selector input:active + .drinkcard-cc {
        opacity: .9;
    }

    .cc-selector input:checked + .drinkcard-cc {
        -webkit-filter: none;
        -moz-filter: none;
        filter: none;
    }

.drinkcard-cc {
    margin-bottom: 20px;
    padding-top: 60px;
    font-weight: 200;
    text-align: center;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    height: 80px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
    filter: brightness(1.8) grayscale(1) opacity(.7);
}

    .drinkcard-cc:hover {
        -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
        -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
        filter: brightness(1.2) grayscale(.5) opacity(.9);
    }

a {
    color: #444;
    text-decoration: none;
}

p {
    margin-bottom: .3em;
}

span.cc {
    color: #6d84b4;
}

.scheduler-border div img {
    margin: auto;
    float: none;
    display: block;
}

#non-answered {
    overflow-x: hidden !important;
}

    #non-answered .wellGeneric {
        margin-left: 0px !important;
    }

.userSettingDDl li {
    text-align: left !important;
    margin-left: 0px !important;
}

    .userSettingDDl li form {
        text-align: left !important;
        margin-left: 15px;
    }

.btnCustom {
    width: 80px;
    height: 35px;
    font-size: 20px !important;
    padding: 0px !important;
    margin-right: 28px;
}

.btnBizFormSubmit {
    font-size: 18px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
    width: auto;
}

.ContainerPad-Top {
    padding-top: 80px;
}

.blocks .btn-default {
    margin: 0 5px 5px;
    border-radius: 3px !important;
}

#BizForm .active {
    background-color: #3e8CC6 !important;
    border-color: #3e8CC6 !important;
    color: white !important;
}

#BizForm .HappyIcon.active {
    background-color: initial !important;
    border-color: initial !important;
    color: initial !important;
}

.GroupLabel {
    text-align: justify;
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 0px;
}

.GroupLabelinputsumto10 {
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    ;
    margin-bottom: 0px;
    padding-top: 5px;
    float: left;
    padding-left: 0;
}

.GroupSmallLabel {
    font-size: 13px;
    font-weight: 300;
    ;
}

select.minimal {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('/Images/Assessment/edit_options_icon.png');
    /*background-position: calc(100% - 10px) calc(1em - 5px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;*/
    background-position: 98%;
    background-size: 15px 16px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

.padding-0 {
    padding-left: 5px !important;
    padding-right: 0px !important;
}

#ErrorControl {
    display: inline-block;
    text-align: left;
    background: #f2dede;
    color: #999999;
    font-weight: 300;
    ;
    font-size: 16px;
    margin-left: 20px;
}

.wellMobile {
    margin-left: -15px;
    margin-right: -15px;
}

.login-navbar {
    float: initial;
}

/*SocioDemographic Page*/

.SocioHeader {
    /*background: url(/Images/Assessment/Sociodemographic-Developmental-Influence-Image.png) center 0 repeat-x;*/
    background: url(/Images/Assessment/Biodata-Header-Image.png) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 150px;
}

    .SocioHeader h1 {
        color: #9b999a;
        margin-top: 0px;
        margin-left: 24%;
        font-weight: 300;
        ;
        font-size: 30px;
        padding-top: 8%;
    }

        .SocioHeader h1 small {
            color: #000;
            font-size: 30px;
            margin-left: 31%;
        }

.sortableStatic span {
    display: block;
    margin-top: 5px;
    margin-left: -10px;
    /*width: 100%;*/
    display: block;
    padding: 0px;
}

.progressBar .StepCount{
    display:none;
}

#BizForm .progressBar > li.is-active:before {
    background: #3e8ac4 !important;
}

@media (max-width: 767px) {
    .progress {
        width: 150px;
    }

    .li-brand {
        height: 75px;
        float: inherit !important;
        width: 100% !important;
    }

    #UserHeaderImage {
        height: 70px !important;
        width: 70px !important;
    }

    .li-brand .navbar-brand span {
        display: block !important;
        float: right;
        margin-top: 25px;
        font-size: 20px;
        margin-left: 15px;
    }

    #bs-example-navbar-collapse-1 .navbar-right .dropdown {
        width: 100%;
    }

    .opened > .dropdown-menu {
        display: block;
    }

    .opened .dropdown-toggle {
        display: none;
    }

    .navbar-nav .opened .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-inverse .navbar-nav .opened .dropdown-menu > li > a {
        color: #9d9d9d;
    }

    .navbar-nav .opened .dropdown-menu > li > a {
        line-height: 20px;
    }

    .navbar-nav .opened .dropdown-menu .dropdown-header, .navbar-nav .opened .dropdown-menu > li > a {
        padding: 5px 15px 5px 25px;
    }

    .userSettingDDl li:first-child {
        border-top: 1px solid grey;
    }

    .nav > li {
        padding: 0px 0px !important;
    }

    .userSettingDDl li {
        padding: 5px 5px 5px 0px;
        font-size: 20px;
    }

    .UserHeaderName {
        color: black !important;
        font-size: 21px !important;
        margin-left: 15px;
        font-weight: 400;
    }

    .navbar-inverse {
        /*border-color:white;*/
    }

    .navbar .nav > li > .dropdown-menu::after {
        border: 0px !important;
    }

    .Logout {
        color: #9d9d9d !important;
        margin-left: 3px;
    }

    .navbar-inverse .in, .navbar-inverse .collapsing {
        background-color: white;
    }

    .Assesment-navbar .collapsed span {
        display: block !important;
    }

    .Assesment-navbar .collapsed {
        background: none !important;
        background-repeat: no-repeat;
    }

        .Assesment-navbar .collapsed .close-icon {
            display: none !important;
        }

    .Assesment-navbar .navbar-toggle {
        /*background:url("../../Areas/Hub/Images/Assessment/bihub/close.svg");*/
        /*background-repeat: no-repeat;*/
    }

        .Assesment-navbar .navbar-toggle .icon-bar {
            display: none;
        }

        .Assesment-navbar .navbar-toggle .close-icon {
            display: block;
            background: url("/Images/BIHub/bihub/close.svg");
            background-repeat: no-repeat;
            height: 14px;
            width: 22px;
            left: 4px;
            position: relative;
        }

    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background: black;
    }

    .userSettingDDl > li > a {
        margin-left: 50px;
    }

    .userSettingDDl > li > form {
        margin-left: 65px !important;
    }

    .header .navbar-header {
        margin-left: 0%;
    }

    .Assesment-navbar .progressText {
        font-size: 11px;
    }

    .autoSaveLoading {
        display: none !important;
    }

    .BizFormQueLabel, .BizFormQueSmallLabel, .BizFormMainDiv label {
        font-size: 18px !important;
        font-weight: 400 !important;
    }

    #OtherSupportiveMenu li {
        background-color: #fff;
        margin: auto;
        width: 100% !important;
        height: 35px !important;
        max-width: 264px;
    }

    .BizFormMainDiv{
        margin-left:0px !important;
    }

    #BizForm .progressBar .dataStep:after {
        display:none !important;
        top:2px;
    }

    .progressBar .StepCount {
        position:absolute;
        top:4px;
        left:15%;
        right:0px;
        font-size:18px;
        font-weight:400;
        display:block;
    }

    #BizForm .progressBar > li.is-active {
        background-color: #78bfc3;
        color:#fff;
    }

    #BizForm .progressBar .tick {
        left: 12%;
        right: 26%;
        top:14px;
        color: #78bfc3 !important
    }

    #BizForm .progressBar > li.is-active:before {
        background-color: #fff !important;
        border: 1px solid #bfc3c4 !important;
    }

    #BizForm .progressBar .dataStep:before{
        top:4px;
        left:-6%;
    }
}

@media (max-width:640px) {
    .SocioHeader h1 {
        margin-left: 25%;
    }

        .SocioHeader h1 small {
            margin-left: 32%;
        }
}

@media (max-width:480px) {
    .SocioHeader h1 {
        margin-left: 16%;
    }
}

@media (max-width:320px) {
    .SocioHeader h1 {
        margin-left: 9%;
    }
}

.MarginPadding-5 {
    margin-bottom: 5px !important;
    padding-left: 4px;
}

.MarginBottom-5 {
    margin-bottom: 5px !important;
}

.Padding-Left {
    padding-left: 19px;
}

.Padding-LeftSmall {
    padding-left: 15px;
}

#ErrorSocioDemographic {
    display: inline-block;
    text-align: left;
    background: #f2dede;
    color: #999999;
    font-weight: 300;
    ;
    font-size: 16px;
    margin-left: 30px;
}

#ErrorSocioDemographicFN {
    display: inline-block;
    text-align: left;
    background: #f2dede;
    color: #999999;
    font-weight: 300;
    ;
    font-size: 16px;
    margin-left: 20px;
}

/*EmpHistoryStatus Page*/

@media (min-width:992px) {
    .EmpHistoryContainer {
        margin-left: 210px;
        margin-right: 210px;
    }

    .IndustryDropDown {
        width: 25%;
    }

    .ReasonForLeavingDDL {
        width: 23%;
    }

    #FirstPayJobAgeSubDiv {
        width: 10.5% !important;
    }

    .YearsMonth {
        width: 11% !important;
        padding-right: 0px;
    }

    .CJYearsMonth {
        width: 23% !important;
        padding-right: 0px;
    }

    .DDlManyTimes {
        width: 17% !important;
    }

    .JobsHeld {
        width: 15% !important;
    }

    .NumberElements {
        padding-left: 0px;
        padding-right: 0px;
        width: 37%;
    }

    .PeopleConsidering {
        width: 21.5%;
    }
}

.MarginPaddingDropDown {
    margin-bottom: 5px !important;
    padding-left: 19px;
}

/* this original for Autocomplete Combobox */
.ui-button {
    margin-left: -1px;
}

.ui-button-icon-only .ui-button-text {
    padding: 0.35em;
}

.ui-autocomplete-input {
    margin: 0;
    padding: 0.48em 0 0.47em 0.45em;
}

.ui-autocomplete {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

.ui-autocomplete-loading {
    background: url('/Images/Assessment/ui-anim_basic_16x16.gif') no-repeat right center;
}

.ui-widget-content {
    z-index: 1111;
}
/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
* html .ui-autocomplete {
    height: 100px;
}

.EmpHeader {
    background: url(/Images/Assessment/Employment-Experience-Header-Image.png) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 150px;
    /*text-align: center;*/
    padding-left: 3%;
    padding-top: 1%;
}

    .EmpHeader h1 {
        color: #9b999a;
        margin-top: 2%;
        margin-left: 10%;
        font-weight: 300;
        ;
    }

.CurrJobHeader {
    background: url(/Images/Assessment/Current-Job-Header-Image.jpg) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 150px;
    padding-top: 1%;
}

    .CurrJobHeader h1 {
        color: #9b999a;
        margin-top: 5%;
        margin-left: 2%;
        font-weight: 300;
        ;
    }

.CurrJobHeaderbtn {
    height: 54px;
    padding-top: 15px;
}

.CurrentJobText {
    width: 65px;
    display: inline !important;
}

.CurrentJobLabel {
    font-size: 18px;
    font-weight: 300;
    ;
    padding: 4px !important;
}

/*CasinoCareer Page*/
.CasinoCareerHeader {
    background: url(/Images/Assessment/Casino-Career-Commitment-Header-Image.jpg) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 150px;
}

    .CasinoCareerHeader h1 {
        color: #9b999a;
        margin-left: 10%;
        font-weight: 300;
        ;
        padding-top: 6%;
    }

/*PersonFit*/
.PersonFitHeader {
    background: url(/Images/Assessment/Person-Casino-Fit-Header-Image.png) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 150px;
    padding-left: 2%;
}

    .PersonFitHeader h2 {
        color: #67B747;
        font-weight: 300;
        ;
    }

.AssessmentModulesHeader {
    background: url(/Images/Assessment/Gaming-Dealer-Assessment-Modules-Header-Image.jpg) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 150px;
    padding-left: 2%;
}

    .AssessmentModulesHeader h3 {
        color: #2f5496;
        font-weight: 300;
        padding-top: 22px;
        font-size: 38px !important;
    }

    .AssessmentModulesHeader span {
        margin-left: 1%;
    }

.AssessmentModulesHeaderMB {
    background: url(/Images/Assessment/mercedes-benz-Assessment-header.png) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 150px;
    padding-left: 2%;
    background-color: white;
}

    .AssessmentModulesHeaderMB h3 {
        color: #2f5496;
        font-weight: 300;
        padding-top: 22px;
        font-size: 30px !important;
        margin-top: 35px;
    }

    .AssessmentModulesHeaderMB span {
        margin-left: 10%;
    }

#AssessmentModulesAceess .active {
    background-color: #fff !important;
    border-color: #ccc !important;
    color: #333 !important;
}

.PersonFitHeaderLabel {
    text-align: justify;
    font-size: 18px;
    font-weight: 300;
    ;
    padding-top: 7px;
    margin-bottom: 0px;
    color: #1F497D;
}

#ErrorPersonFit {
    display: inline-block;
    background: #f2dede;
    color: #999999;
    font-weight: 300;
    ;
    font-size: 16px;
    margin-left: 20px;
}

/*EmotionalIntelligence*/
.EmotionalIntelligenceHeader {
    background: url(/Images/Assessment/Emotional-Intelligence-Header-Image.png) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 150px;
}

    .EmotionalIntelligenceHeader h2 {
        color: #2F5496;
        font-weight: 300;
        ;
    }

#ErrorEI {
    display: inline-block;
    background: #f2dede;
    color: #999999;
    font-weight: 300;
    ;
    font-size: 16px;
    margin-left: 20px;
}

/*Gaming Dealer*/
.GamingDealerHeader {
    background: url(/Images/Assessment/Gaming-Dealer-Burnout-Perception-Header-Image.jpg) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 150px;
    padding-left: 2%;
}

    .GamingDealerHeader h2 {
        color: #0070C0;
        font-weight: 300;
        ;
    }

    .GamingDealerHeader small {
        color: #000;
        font-size: 10px;
        margin-left: 12%;
    }

.GDQueLabel {
    text-align: justify;
    font-size: 17px;
    font-weight: 300;
    ;
    padding-top: 7px;
    margin-bottom: 0px;
    padding-left: 0px;
}

.GDQueSmallLabel {
    text-align: justify;
    font-size: 17px;
    font-weight: 300;
    ;
    padding-top: 7px;
    margin-bottom: 0px;
    padding-right: 0px;
    width: 35px;
    padding-left: 5px;
}

#ErrorGD {
    display: inline-block;
    background: #f2dede;
    color: #999999;
    font-weight: 300;
    ;
    font-size: 16px;
    margin-left: 20px;
}
/*JobDissatisfactionReaction*/
.JobDissatisfactionHeader {
    background: url(/Images/Assessment/Job-Dissatisfaction-Reaction-Header-Image.jpg) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 180px;
    padding-left: 2%;
}

    .JobDissatisfactionHeader h3 {
        color: #0db4a3;
        font-weight: 300;
        ;
    }

#ErrorJDR {
    display: inline-block;
    background: #f2dede;
    color: #999999;
    font-weight: 300;
    ;
    font-size: 16px;
    margin-left: 20px;
}

#ErrorSFP {
    display: inline-block;
    background: #f2dede;
    color: #999999;
    font-weight: 300;
    ;
    font-size: 16px;
    margin-left: 20px;
}

#ErrorCSP {
    display: inline-block;
    background: #f2dede;
    color: #999999;
    font-weight: 300;
    ;
    font-size: 16px;
    margin-left: 20px;
}

#ErrorWLC {
    display: inline-block;
    background: #f2dede;
    color: #999999;
    font-weight: 300;
    ;
    font-size: 16px;
    margin-left: 20px;
}

#ErrorPN {
    display: inline-block;
    background: #f2dede;
    color: #999999;
    font-weight: 300;
    ;
    font-size: 16px;
    margin-left: 20px;
}

#ErrorGrit {
    display: inline-block;
    background: #f2dede;
    color: #999999;
    font-weight: 300;
    ;
    font-size: 16px;
    margin-left: 20px;
}

#ErrorOC {
    display: inline-block;
    background: #f2dede;
    color: #999999;
    font-weight: 300;
    ;
    font-size: 16px;
    margin-left: 20px;
}

#ErrorPPC {
    display: inline-block;
    background: #f2dede;
    color: #999999;
    font-weight: 300;
    ;
    font-size: 16px;
    margin-left: 20px;
}

#ErrorHappy {
    display: inline-block;
    background: #f2dede;
    color: #999999;
    font-weight: 300;
    ;
    font-size: 16px;
    margin-left: 20px;
}

#ErrorHappySmily {
    display: inline-block;
    background: #f2dede;
    color: #999999;
    font-weight: 300;
    ;
    font-size: 16px;
    margin-left: 20px;
}

#ErrorGET {
    display: inline-block;
    background: #f2dede;
    color: #999999;
    font-weight: 300;
    ;
    font-size: 16px;
    margin-left: 22px;
}


.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.CurrentJobDifficultDiv {
    width: 100%;
}

    .CurrentJobDifficultDiv label {
        width: 15%;
    }

.CurrentJobCasinoDiv label {
    width: 18%;
}

.PFGroupLabel label {
    padding-top: 0px !important;
}

.SixFactorHeader {
    background: url(/Images/Assessment/Six-Factor-Personality-Header-Image.png) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 180px;
    padding-left: 2%;
}

    .SixFactorHeader h4 {
        color: #0070c0;
        font-weight: 300;
        ;
    }

.CoreSelfHeader {
    background: url(/Images/Assessment/Core-Self-Perception-Header-Image.jpg) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 150px;
    padding-left: 2%;
}

    .CoreSelfHeader h2 {
        color: #2ec0c3;
        font-weight: 300;
        ;
    }

.WorkLocusHeader {
    background: url(/Images/Assessment/Work-Locus-Of-Control-Header-Image.jpg) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 180px;
    padding-left: 2%;
}

    .WorkLocusHeader h2 {
        color: #63508a;
        font-weight: 300;
        ;
    }

.GritHeader {
    background: url(/Images/Assessment/Grit-Header-Image.jpg) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 150px;
    padding-left: 2%;
}

    .GritHeader h2 {
        color: #0db4a3;
        font-weight: 300;
        ;
    }

.OrgCommitmentHeader {
    background: url(/Images/Assessment/Organisational-Commitment-Headert-Image.png) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 150px;
    padding-left: 2%;
}

    .OrgCommitmentHeader h2 {
        color: #2E74B5;
        font-weight: 300;
        ;
    }

.PositivePsychologicalHeader {
    background: url(/Images/Assessment/Positive-Psychological-Capital-Header-Image.png) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 180px;
    padding-left: 2%;
}

    .PositivePsychologicalHeader h2 {
        color: #8d9406;
        font-weight: 300;
        ;
    }

.PositiveNegativeHeader {
    background: url(/Images/Assessment/Positive-Affect-Negative-Affect-Header-Image.jpg) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 150px;
    padding-left: 2%;
}

    .PositiveNegativeHeader h2 {
        color: #7030A0;
        font-weight: 300;
    }

.GamingEntertainerHeader {
    background: url(/Images/Assessment/Gaming-Entertainer-Temperament-Header-Image.jpg) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 150px;
    padding-left: 2%;
}

    .GamingEntertainerHeader h2 {
        color: #000000;
        font-weight: 300;
        margin-bottom: 20px;
    }

.HappinessHeader {
    background: url(/Images/Assessment/Happiness-Header-Image.png) center 0 repeat-x;
    background-size: 100% 100%;
    min-height: 180px;
    padding-left: 2%;
}

    .HappinessHeader h2 {
        color: #0070C0;
        font-weight: 300;
        ;
    }

.SFPQueSmallLabel {
    text-align: justify;
    font-size: 17px;
    font-weight: 300;
    ;
    padding-top: 7px;
    margin-bottom: 0px;
    padding-right: 0px;
    width: 7%;
    padding-left: 5px;
}

.GETElements input[type="radio"] {
    margin-left: 15px;
}

.HappyIcon > input { /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}

    .HappyIcon > input + img { /* IMAGE STYLES */
        cursor: pointer;
        border: 2px solid transparent;
    }

.HappyIconDiv {
    max-width: 385px;
    margin: auto !important;
}

.HappyIcon {
    float: left;
    padding: 0;
}

    .HappyIcon img {
        width: 52px;
        height: 54px;
    }

    .HappyIcon span {
        font-weight: 300;
        ;
    }

.captionSmily {
    color: black;
    display: block;
}

.LabelBiodata {
    width: 22% !important;
}

.LabelBiodata-0 {
    width: 19% !important;
}

.BioDataOccupationBtn {
    height: 77px;
    width: 24%;
    word-wrap: break-word;
}

.BCtnPadding-0 {
    padding-top: 4%;
}

.BiodataLeftLabel {
    padding-left: 25px;
    text-align: right;
    padding-right: 0px;
    width: 27%;
}

.BiodataRightLabel {
    padding-left: 0px;
    text-align: left;
    padding-right: 0px;
    width: 25%;
}

.CurrentLeftLabel {
    padding-left: 0px;
    text-align: right;
    padding-right: 0px;
}

.CurrentRightLabel {
    padding-left: 0px;
    text-align: left;
    padding-right: 0px;
}

.DottedBorder {
    border: none;
    border: 1px dotted grey;
    width: 100%;
}

.well-0 {
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}

.well-1 {
    min-height: 20px;
    padding: 4px;
}

.SubContainerGamingETFixDiv {
    width: 500px !important;
}

.HappyElements {
    padding-left: 9px;
    padding-right: 0;
    width: 34%;
}

#ErrorSocio {
    display: inline;
    float: left;
}

.header h3 {
    color: #abb3b9;
    font-size: 30px;
    font-weight: 300;
    padding-top: 15px;
}

#p.container {
    background: url(/Images/Assessment/Perception-Assessment-Login-Background-Image.jpg) no-repeat center 0;
    /*background-size: 100% 100%;*/
    background-size: cover;
    /*height: 100%;*/
    position: absolute;
    width: 100%;
    bottom: 60px;
    top: 0;
}

.LoginWrapper {
    background: rgba(0, 0,0, 0.7);
    height: 285px;
    width: 450px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.ForgetPassWrapper {
    background: rgba(0, 0,0, 0.7);
    height: 240px;
    max-width: 450px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.LoginSub {
    padding: 4% 5%;
    width: 100%;
    height: 100%;
    padding-top: 10px;
    text-align: center;
}

    .LoginSub input {
        margin: 10px;
        width: 95%;
        height: 40px;
    }

    .LoginSub a {
        color: white;
    }

.wrapperAccess {
    padding: 10px 0 100px 0 !important;
}

    .wrapperAccess a {
        margin-top: 6px !important;
        width: 49%;
    }

#MainAssessmentModuleDiv label {
    width: 49% !important;
    margin-right: 0 !important;
    margin-top: 3px;
}

#MainAssessmentModuleDiv .btn {
    padding: 0;
    border-radius: 0px !important;
}

.AccessPageBtnLeft {
    height: 70px;
    text-align: center;
    font-size: 32px;
    padding-top: 6px;
    font-weight: 300;
    ;
    color: white;
}

.AccessPageBtnRight {
    font-size: 16px;
    font-weight: 400;
    padding-left: 7px !important;
    text-align: left;
    min-height: 70px;
}

    .AccessPageBtnRight span {
        font-size: 12px;
        font-weight: 300;
        ;
        display: block;
        line-height: 14px;
        padding-top: 2%;
        white-space: normal !important;
        word-break: break-word !important;
    }

.APColor1 {
    background-color: #0d4896;
}

.APColor2 {
    background-color: #2471a5;
}

.APColor3 {
    background-color: #3496d3;
}

.APColor4 {
    background-color: #4abce1;
}

.APColor5 {
    background-color: #86b356;
}

.APColor6 {
    background-color: #439a65;
}

.APColor7 {
    background-color: #2b6d6c;
}

.APColor8 {
    background-color: #5961a9;
}

.APColor9 {
    background-color: #80558a;
}

.APColor10 {
    background-color: #bd699a;
}

.APColor11 {
    background-color: #d64258;
}

.APColor12 {
    background-color: #9d343b;
}

.APColor13 {
    background-color: #e47142;
}

.APColor14 {
    background-color: #e09b33;
}

.fr {
    float: right !important;
}

.fl {
    float: left;
}

.CJNumElements {
    width: 32%;
    padding-left: 10px;
}

.CCNumElements {
    padding-right: 0px;
    width: 35% !important;
}

/*#ErrorCurrent {
    margin-left: 18%;
    width: 28%;
}

#ErrorCurrent1 {
    margin-left: 21%;
    width: 55%;
}

#ErrorCurrent2 {
    margin-left: 29%;
    width: 37%;
}*/

/*#ErrrCsino {
    margin-left: 23%;
    width: 28%;
}*/

.CCLeftLabel {
    font-size: 16px;
    font-weight: 300;
    ;
    padding-right: 7px;
    width: 21%;
    text-align: left !important;
    padding-left: 18px !important;
}

.add-photo {
    cursor: pointer;
}

.justiftText {
    text-align: justify;
}

.RegisterFormHeader {
    margin-top: 40px;
    margin-bottom: 40px;
}

.Padding-0 {
    padding-right: 0px;
}


.profile-picture {
    position: relative;
    text-align: center;
}

    .profile-picture img {
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #f4f4f4;
        vertical-align: middle;
        width: 175px;
    }

    .profile-picture .edit-photo.no-photo {
        background: rgba(200, 200, 200, 0.75) none repeat scroll 0 0;
        border-radius: 0;
        bottom: 0;
        box-shadow: none;
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        text-indent: 0;
        top: 0;
        width: 100%;
    }

        .profile-picture .edit-photo.no-photo .edit-photo-content {
            color: #3bc0f3;
            display: table-cell;
            height: 185px;
            text-decoration: none;
            vertical-align: middle;
            width: 200px;
        }

            .profile-picture .edit-photo.no-photo .edit-photo-content span::before {
                background: rgba(0, 0, 0, 0) url("/Images/Assessment/icon_add_photo.png") no-repeat scroll 0 0;
                content: "";
                display: inline-block;
                height: 32px;
                margin-right: 6px;
                vertical-align: middle;
                width: 27px;
            }

            .profile-picture .edit-photo.no-photo .edit-photo-content span {
                color: #fff;
                font-size: 22px;
                font-weight: 500;
                line-height: 30px;
                padding-left: 10px;
                padding-right: 10px;
            }

.EENumElements {
    width: 90%;
    padding-left: 16px;
}

    .EENumElements label {
        width: 40px;
    }

.yearsEE {
    width: 107px;
    margin-left: 28px;
}

    .yearsEE select, .monthsEE select {
        text-align-last: center;
    }

.monthsEE {
    width: 107px;
    margin-left: -10px;
}

.yearsEE1 {
    width: 13.667%;
    float: left;
}

.monthsEE1 {
    margin-left: 6px;
    width: 15.667%;
    float: left;
}

.expEE {
    width: 18%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
}

.yearsEEJob {
    width: 7% !important;
}

.YNJob {
    width: 7.7% !important;
}

.BizFormMainDiv label.btn {
    padding: 6px 7px !important;
    min-width: 40px;
    margin-bottom: 4px !important;
    text-align: center;
    margin-left: 0px !important;
}

.profile-picture {
    position: relative;
}

    .profile-picture #ChangePic {
        position: absolute;
        width: 100%;
        height: 27px;
        bottom: 0px;
        left: 0px;
        color: #ffffff;
        background-color: black;
        text-align: center;
        font-weight: bold;
        opacity: 0.7;
    }

#UserProfileDiv {
    width: 200px;
}

.userProfileImage {
    width: 100% !important;
}

.cover {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    display: none;
}

.profile-picture:hover .cover {
    display: block;
}

#HelpFormUser input[type=text], #HelpFormUser input[type=password], #HelpFormUser textarea, #HelpFormUser select {
    font-weight: 300;
    font-size: 14px;
}

#roateIcons {
    /*width: 50%;
    margin: 0 auto;
    padding-left: 20%;
    display: none;*/
}

.BirthReg {
    padding-top: 15px;
}

/* ---------------------Biz form css-------------------------*/

.BizFormSubDiv {
    display: inline-block;
    padding: 0px 5px 0px 5px !important;
    vertical-align: middle;
    margin: auto;
    margin-left: 0;
    margin-right: 0;
}

.BizFormSubDiv1 {
    display: inline-block;
    padding: 0px 5px 0px 5px !important;
    vertical-align: middle;
}

.BizFormMainDiv {
    margin: 0 auto;
    margin-left: 20px;
    margin-right: 20px;
    clear: both;
    /*width: 93.5%;*/
    /*width: 100%;*/
}

    .BizFormMainDiv label {
        font-size: 16px;
        font-weight: 300;
        !important;
    }

.BizFormLeftRightLabel {
    flex: 1;
    margin: auto;
    max-width: 35%;
    width: 183px;
    margin-top: 9.5px !important;
    padding: 0px !important;
}

.BizFormPFLabel {
    width: 5px;
    padding-right: 23px !important;
}

.BizFormHeaderLabel {
    text-align: center;
    font-size: 21px;
    font-weight: 300;
    padding-top: 18px;
    padding-left: 0px;
    /*color: #1F497D;*/
}

.BizFormQueSmallLabel {
    text-align: justify;
    font-size: 17px;
    font-weight: 300;
    /*padding-top: 7px;*/
    margin-bottom: 0px;
    padding-right: 0px;
    width: 40px;
    padding-left: 5px;
    height: 20px;
}

.BizFormQueLabel {
    text-indent: -40px;
    padding-left: 40px;
    text-align: left;
    font-size: 17px;
    font-weight: 300;
    padding-top: 7px;
    margin-bottom: 0px;
    word-break: break-word;
}

.GritHeader {
    position: relative;
    width: 100%;
}

    .GritHeader img {
        min-height: 150px;
    }

.HeaderTextAssesmentForm {
    width: 100%;
    padding: 0 5% 0 5%;
}

.HeaderText {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0px 20px 0px 20px;
}

#UserRegistration {
    margin-top: 15px;
}

/*.modal-dialog {
    margin-top: 10%;
    position: relative;
}*/

#UserRegistration {
    margin-top: 15px;
}

#HeaderLogo .navbar-brand {
    padding: 4px !important;
}

.ui-state-focus {
    background: none !important;
    background-color: #1abc9c !important;
    border: 0px !important;
    color: white !important;
    width: 109%;
    padding: 0 !important;
    margin: 0 !important;
}

.ui-autocomplete {
    /*font-family: Roboto !important;*/
    font-weight: 300;
    font-size: 14px !important;
}

.ui-menu-item {
    padding: 0 6px 0 6px !important;
}

.Logout {
    background: none;
    border: none;
    color: white;
}

.BizFormBacDiv {
    background-color: #ececec;
    margin: 0 auto;
}

.LoaderDiv {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    background: rgba(2, 18, 23, 0.6);
    z-index: 5000;
    top: 0;
    left: 0;
}

.lblLadder {
    display: block;
    margin-top: 5.5px !important;
    clear: both;
    float: none;
}
/*//------------------------- Loader --------*/
.colored-border {
    border-color: #3498db !important;
}

.loader-item {
    background: none;
    border-bottom: 3px solid rgba(0, 0, 0, 0) !important;
    border-left: 3px solid;
    border-radius: 200px;
    border-right: 3px solid;
    border-top: 3px solid;
    height: 40px;
    /*left: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    text-align: center;
    top: 50%;*/
    width: 40px;
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: 300;
    ;
    line-height: 1;
    text-rendering: auto;
}

.fa-spin {
    animation: 2s linear 0s normal none infinite running fa-spin;
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    transform: rotate(90deg);
}

.fa-rotate-180 {
    transform: rotate(180deg);
}

.fa-rotate-270 {
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    transform: scale(1, -1);
}
/*-------------------------- Loder End -------*/

.loginLayouContent label.error {
    background: none;
    margin-left: 20px;
    color: pink;
}

#HeaderTextLogin h3 {
    margin-top: 5px;
    text-align: center;
}

#ForgetLink {
    cursor: pointer;
    margin-top: 7px;
    display: block;
}

.BDChildBehav {
    border: 1px dashed gray;
    height: 30px;
    width: 136px;
    margin: 2px 10px;
    display: table-cell;
    border-radius: 2px;
}

.GroupLabel center, .BizFormQueLabel center {
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
    display: table;
    border-spacing: 8px;
}

.Assesment-navbar .nav > li > .dropdown-menu::after {
    border-bottom: 11px solid black;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    display: inline-block;
    right: 34px;
    position: absolute;
    top: -11px;
}

.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {
    left: auto;
    right: 0;
}

.nav-pills .dropdown-menu {
    margin-top: 4px;
}

.settingMenu {
    width: 250px;
    margin-right: -1px !important;
    padding: 0px !important;
}

.settingMenuSub {
    border-bottom: 1px solid #cccccc;
    cursor: pointer;
    font-size: 16px;
    color: #7f7f7f;
}

.SettingLinks {
    padding: 20px !important;
}

.settingMenuSub:last-child {
    border-bottom: none;
}

.SettingLinks:hover {
    width: 248px;
    padding: 18px !important;
    border: 2px solid #2ec0c3;
}

.LabelChangePass {
    text-align: justify;
    font-size: 16px;
    font-weight: 300;
    ;
    padding-top: 7px;
    margin-bottom: 0px;
    float: right;
}

.marginBottom-0 {
    margin-bottom: 0px !important;
}

.wellBiz {
    text-align: center;
}

.wellLeft {
    text-align: left;
}

.cl {
    clear: both;
}

#ErrorGenericBizForm {
    width: 250px !important;
    display: inline-block;
    margin: 0 auto;
    padding: 2px;
    margin-left: 33px;
}

#ErrorGenericBizForm21 {
    width: 200px !important;
    padding: 2px;
    margin-left: 50px;
}

#ErrorGenericBizForm13 {
    display: inline-block;
    margin: 0 auto;
    width: 200px !important;
    padding: 2px;
    margin-left: -67px;
}

#ErrorBehaveTriats {
    width: 90% !important;
    display: inline-block;
    margin: 0 auto;
    padding: 2px;
    margin-left: 33px;
}

#ErrorMaxReached {
    width: 90% !important;
    display: inline-block;
    margin: 0 auto;
    padding: 2px;
    margin-left: 33px;
}

.settingMenuSub a:hover {
    background-color: white !important;
}

.BizFormMainDiv .btn {
    font-weight: 300 !important;
    font-size: 14px !important;
    margin-bottom: 0px;
}

.CCRightLabel {
    padding-top: 7px;
    font-weight: 300;
    ;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 16px;
}

.Lbl13FormLeft {
    width: 132px;
    /*margin-left: -33px;*/
}

.btn-group > .btn:last-child {
    margin-right: 0;
}

.Lbl13FormRight {
    width: 207px;
    max-width: 39%;
}

.wid24 {
    width: 24%;
}

.CJNumElements1 {
    width: 36%;
}

#contactForm .modal-body {
    max-height: 650px;
    overflow-y: auto;
}

.navbar-right {
    margin-right: 10px !important;
}

.EditPhotoLbl {
    font-weight: 300;
    !important;
    font-size: 14px !important;
    padding-top: 5px;
}

.wellBizBehaviour {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    border-color: -moz-use-text-color #e3e3e3 #e3e3e3;
    border-image: none;
    border-radius: 4px;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    margin-top: -30px;
    min-height: 20px;
    padding: 0 19px 1px;
}

    .wellBizBehaviour:before .well {
        padding: 0px !important;
    }

.well {
    padding: 19px 37px 19px 37px !important;
}

.topProgress {
    margin-top: 30px;
}

.progress {
    height: 7px;
    width: 130px;
    background-color: #313333;
}

#BehaviourTraitsForm {
    margin-left: 20px !important;
}

.BehaviourInput {
    width: 40px !important;
    display: inline-block !important;
    float: left !important;
}

#BehaviourTraitsForm input[type=text] {
    font-size: 16px !important;
}

.CountryCode {
    max-height: 400px;
    overflow: auto;
    left: 15px;
    width: 356px;
}

.CountryCodeMobile {
    overflow: auto;
    left: 15px;
}

.selectedItem {
    background-color: #e8f6fd !important;
    color: #333 !important;
}

#ddCountryItems li {
    width: 335px !important;
}

.CountryCode > li > a {
    white-space: initial !important;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.HeaderTextSpacing {
    margin-left: 100px;
}

.btn-default1 {
    text-shadow: 0 1px 0 #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border-color: #dbdbdb;
    border-color: #ccc;
}

#ForgotPassForm input[type="text"] {
    font-size: 18px !important;
    color: #7F7F7F;
    font-weight: 300;
}

#ResetPassForm input[type="password"] {
    font-size: 18px !important;
    color: #7F7F7F;
    font-weight: 300;
}

#ddCountryItemsMobile li {
    list-style-type: none;
    padding: 10px 0px 10px 10px;
    border-bottom: 1px solid #575353;
}


#ddCountryItemsMobile {
    background-color: black;
    height: 100% !important;
    display: block;
}

#MobileDropDown .modal-body {
    padding: 0px !important;
    height: 100% !important;
    display: block;
}

#ddCountryItemsMobile {
    padding-left: 0px !important;
}

    #ddCountryItemsMobile li a {
        color: white;
        font-weight: 300;
        font-size: 16px !important;
        padding: 3px 0px 3px 10px;
        width: 100% !important;
        display: block;
    }

.selectedItem {
    padding: 10px;
    display: block;
    width: 100% !important;
}

.ddlMobileScroll::-webkit-scrollbar {
    width: 5px;
    background-color: black;
    -webkit-appearance: none;
}

.ddlMobileScroll::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: gray;
}

#MobileDropDown .modal-dialog {
    height: 95% !important;
    display: block !important;
    margin-top: 5% !important;
}

.BehaviourInput {
    width: 95% !important;
}

#BehaviourTraitsForm li {
    list-style-type: none;
    width: 85%;
    cursor: url(/Images/Assessment/cursor_drag_arrow.png), auto;
}

.ui-sortable-custom li {
    list-style-type: none;
    width: 93%;
    cursor: url(/Images/Assessment/cursor_drag_arrow.png), auto;
}

.boxGradient {
    -moz-box-shadow: 0px 0px 11px -3px #2B8DF0;
    -webkit-box-shadow: 0px 0px 11px -3px #2B8DF0;
    box-shadow: 0px 0px 11px -3px #2B8DF0;
}

#BehaviourTraitsForm .ui-state-default {
    background: none;
    background-color: white;
    padding: 6px;
    border-radius: 4px;
    margin: 6px;
    border: 1px solid #d3d3d3;
}

.ui-sortable-custom .ui-state-default {
    background: none;
    background-color: white;
    padding: 6px;
    border-radius: 4px;
    margin: 6px;
    border: 1px solid #d3d3d3;
    text-align: left;
    font-weight: 400;
    text-shadow: none;
}

ui-sortable-placeholder {
    visibility: initial !important;
}

#BehaviourTraitsForm ul {
    margin-bottom: 0px;
    padding: 0px;
}

.ui-sortable-custom {
    margin-bottom: 40px;
    padding: 0px;
    margin-top: -12px;
}

.sortableStatic {
    margin-top: -11px;
    /*margin-left: -23px;*/
    font-size: 20px;
    padding: 0px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.wellcenter {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

    .wellcenter .BizFormQueLabel {
        text-align: center;
        padding-left: 0;
        text-indent: 0px;
    }

    .wellcenter .BizFormQueSmallLabel {
        float: none;
    }

.wellGeneric {
    margin-left: 25px;
    clear: both;
    width: 96.3%;
    margin-bottom: 20px;
}

.wellDrag {
    clear: both;
    padding: 10px 19px 0px 37px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.05);
    box-shadow: inset 0 0 1px rgba(0,0,0,.05);
    border-bottom: none;
    border-top: none;
}


.WellCasino .BizFormQueSmallLabel {
    width: 5% !important;
}

.assesment-done .fa-arrow-circle-o-right {
    color: white;
    -webkit-text-stroke: 1px #3A5B7F;
    font-size: 22px;
    height: 23px;
    vertical-align: middle;
    margin-left: 2px;
}

.timer {
    position: absolute;
    z-index: 1000;
    display: inline-block;
    top: 0;
    margin-right: 46%;
    right: 0px;
    color: white;
    font-size: 14px;
    font-weight: 300;
    display: none;
}

.embedtimer {
    color: #888888;
    margin: auto !important;
    float: none;
}


#lblTimer {
    font-size: 40px;
    clear: both;
    display: block;
    font-weight: 300;
}

.embedtimer #lblTimer {
    font-size: 30px !important;
    clear: both;
    display: block;
    font-weight: 250 !important;
    color: #3e8cc6;
}

.timerMobile {
    position: fixed;
    margin: auto 0;
    background: white;
    text-align: center;
    font-size: 16px;
    color: #8fbf1b;
    padding: 3px;
    z-index: 1030;
}

.tallbutton label {
    white-space: normal;
    width: 24%;
    min-height: 55px;
}

.tallbutton1x5 label {
    white-space: normal;
    width: 15%;
    min-height: 60px;
}

.tallbutton1x6 label {
    white-space: normal;
    height: 60px;
    display: table-cell;
}

.tallbutton1x6 #OtherSupportiveMenu {
    display: table;
    border-collapse: separate;
    border-spacing: 5px;
}

.tallbutton1x6 {
    width: 92%;
}

.tallbutton1x4 label {
    white-space: normal;
    height: 60px;
    display: table-cell;
}

.tallbutton1x4 #OtherSupportiveMenu {
    display: table;
    border-collapse: separate;
    border-spacing: 5px;
}

.tallbutton1x4 {
    width: 90%;
}

.mediumblock4x4 label {
    width: 24%;
}

.mediumblock5x4 label {
    width: 24%;
}

.mediumblock6x4 label {
    width: 24%;
}

.mediumblock2x4 label {
    width: 22%;
    height: 55px;
    white-space: normal;
}

.largeblock4x4 label {
    width: 32%;
    height: 54px;
    white-space: normal;
}

.largeblock4x2 label {
    width: 48%;
}

.tallbuttonblock3x4 {
}

.radiorange_smallbutton label {
    font-size: 14px !important;
}

.radiorange_smallbutton #OtherSupportiveMenu {
    margin-left: 0px !important;
}


.marginleft-0 {
    margin-left: 0px !important;
}

.MarginPadding-6 {
    margin-bottom: 5px !important;
    padding-left: 23px;
}

.tallbutton label span {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    text-align: center;
    width: inherit;
}

.largeblock4x4 label span, .mediumblock2x4 label span {
    display: table-cell;
    vertical-align: middle;
    height: 42px;
    text-align: center;
    width: inherit;
}

.CustomCheckbox {
    text-align: left;
}

.singlecheck {
    margin-bottom: -35px;
}

.radiobutton {
    width: 20%;
    float: left;
}

    .radiobutton label {
        font-weight: 400;
        font-size: 14px;
    }

.smallinput {
    width: 50%;
    margin-left: 20px;
}

.mediuminput {
    margin-left: 5px;
}

.WellMentalAgility .error {
    display: inline-block;
    float: left;
}

.radiobutton .radioLbl {
    margin-left: 11px;
    float: left;
}

.radiobutton .radio4 {
    float: left;
}

.BizFormNew_radiorange_smallbutton {
    text-align: left !important;
}

.BizFormNew_LeftRightLabel {
    width: 115px !important;
}

.WellMentalAgility .BizFormQueSmallLabel {
    width: 5% !important;
}

#ErrorGenericBizForm24 {
    max-width: 97% !important;
    display: inline-block;
    margin: 0 auto;
    padding: 2px;
}

.WellPositiveNegative {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

    .WellPositiveNegative .BizFormSubDiv {
        margin-left: 30px;
    }

.well_f9f9f9 {
    background-color: #f9f9f9;
    min-height: 20px;
    padding: 19px 37px 19px 37px;
    margin-bottom: 20px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

#login_help {
    display: none;
}

#HeaderHelpForm {
    background-color: initial;
    outline: initial;
}

.HeaderHelpFormLogin {
    padding: 10px 0px !important;
}

    .HeaderHelpFormLogin img {
        display: inline-block !important;
        margin-top: -5px;
    }

    .HeaderHelpFormLogin span {
        display: inline-block !important;
        padding-top: 10px;
    }

.marginBottom {
    margin-bottom: 25px !important;
    padding-left: 10px;
}

.lblBiodata {
    width: 26px;
    display: inline-block;
}

#SocioDemographicForm small {
    padding-left: 26px;
}

.GroupCode {
    text-align: center;
    padding-left: 78px;
}

#SocioDemographicForm input[type=radio]:not(old) + label > span {
    border-radius: 47% !important;
}

#SocioDemographicForm input[type=radio]:not(old):checked + label > span > span {
    width: 0.8em;
    height: 0.8em;
    margin: 2.0px;
    border-radius: 48%;
}

.marginBottom .GroupLabel {
    padding-left: 6px;
}

.ExistAccount {
}

.radioLbl .lbltext {
    width: 92%;
    float: right;
}

.ladder .radio {
    padding-top: 0px !important;
}

#MainBizFormDiv .wrapper {
    padding: 20px 0;
}

/*.text {
    padding-left: 0px;
    margin-left: -19px;
}*/

#StartFormPopUp {
    padding-right: 0px;
}

#StartFormPopUpContent .row, #SubmitFormPopUpContent .row, #OfflineErrorPopUpContent .row {
    padding: 30px;
}

#StartFormPopUp.modal, #SubmitFormPopUp.modal, #OfflineErrorPopUp.modal {
    background: black;
}

#SubmitFormPopUpContent span, #OfflineErrorPopUpContent span {
    color: grey;
    font-weight: 400;
}

.inputtxt {
    width: initial !important;
}

.loginLayouContent {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.keybordResize {
    margin-top: 50px !important;
}

.changePassForm .modal-header .modal-title, .helpForm .modal-header .modal-title, .AccountDetails .modal-header .modal-title, .assessmentInvite .modal-header .modal-title {
    text-align: center;
    font-weight: 400;
    color: #505c70;
    font-size: 22px;
}

.activeTop1 {
    background-color: #97b0d2 !important;
    border-color: #97b0d2 !important;
    color: white !important;
}

.activeTop2 {
    background-color: #7193c1 !important;
    border-color: #7193c1 !important;
    color: white !important;
}

.activeTop3 {
    background-color: #446a9d !important;
    border-color: #446a9d !important;
    color: white !important;
}

.activeTop4 {
    background-color: #36557e !important;
    border-color: #36557e !important;
    color: white !important;
}

.activeTop5 {
    background-color: #0e3465 !important;
    border-color: #0e3465 !important;
    color: white !important;
}

.activeTop6 {
    background-color: #001f4c !important;
    border-color: #001f4c !important;
    color: white !important;
}

.test {
    padding-right: 0 !important;
}

.timer .time {
    text-align: center;
    background: #e9e9ed;
    color: #313131;
    margin: 2px;
}

.navbar-right .caption {
    font-weight: 500;
}

.custombt {
    text-align: right;
    font-weight: 500;
    font-size: small;
}

#loginMessage:not(:empty) {
    background: white;
    color: #009ee8;
    text-align: center;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 500;
}

#loginErrorLbl {
    color: #e26a6a;
    text-align: center;
    display: block;
    width: 99%;
    font-weight: 400;
    min-height: 47px;
    font-size: 19px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    margin-bottom: 0px;
}

.HappyIcon.active {
    background: none !important;
}

    .HappyIcon.active .native-hidden {
        display: none !important;
    }

    .HappyIcon.active .native-hidden-selected {
        display: inline-block !important;
    }

.errorMainDiv {
    background-color: white;
    border: 1px solid #e5e5e5;
    width: 530px;
    height: 260px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
    text-align: center;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 1px 1px 4px #BFBFBF;
}

#errorTitle {
    font-size: 22px;
    color: #168DB5;
    padding: 15px 15px 8px 15px;
}

#errorPopupMsg {
    padding: 10px 15px 15px 15px;
    font-size: 14px;
    color: #424243;
}

#errorFotterMsg {
    font-size: 16px;
    color: #168DB5;
    cursor: POINTER;
}

div[role="tooltip"] {
    z-index: 100;
}

.inputsumto10Text {
    color: #00aeef;
    text-align: center;
}

.loaderText {
    /*font-family: Roboto;*/
    font-weight: lighter;
    font-size: 22px;
    color: white;
    margin-top: 5px;
}
.LoadingDiv {
    /*left:42%;
    display: inline-block;
    position: absolute;
    top: 50%;
    text-align: center;*/
    left: 50%;
    display: inline-block;
    position: absolute;
    top: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    min-width: 290px;
}
.scroll-top {
    position: fixed;
    right: 0px;
    float: right;
    z-index: 98;
    background: #00a4ed;
    color: white;
    padding-right: 7px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    line-height: 35px;
    height: 35px;
    top: 85%;
    -moz-box-shadow: 4px 4px 3px rgba(20%,20%,40%,0.5);
    -webkit-box-shadow: 4px 4px 3px rgba(20%,20%,40%,0.5);
    box-shadow: 4px 4px 3px rgba(20%,20%,40%,0.5);
    cursor: pointer;
    cursor: hand;
}

    .scroll-top a {
        float: left;
        width: 35px;
        height: 35px;
        font-size: 17px;
        text-align: center;
        color: white;
        border-right: 1px solid white;
    }

    .scroll-top span {
        padding: 0 10px;
        display: none;
    }

.Visibilityhidden {
    visibility: hidden;
    float: left;
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
}

.xp-back, .xp-next {
    font-size: 18px;
    height: 44px;
    width: 240px;
    border-radius: 3px;
    margin: 0 10px;
}

.xp-back {
    font-weight: lighter;
    color: #313131;
    border: 1px #e6e6e6;
    background-color: #e6e6e6;
}

.xp-next {
    font-weight: regular;
    color: #ffffff;
    border: 1px #23c6c8;
    background-color: #23c6c8;
}

.xp-back > i {
    padding-right: 20px;
    font-size: x-large;
}

.xp-next > i {
    padding-left: 20px;
    font-size: x-large;
}

.xp-next:hover {
    color: white !important;
}

.xp-back:hover {
    color: black !important;
}


.profileImage .popover {
    top: 294px;
    left: 452.141px;
    display: block;
    z-index: 130;
    border: 1px solid rgb(204, 204, 204);
    background-color: rgb(248, 248, 248);
    color: rgb(49, 49, 49);
    font-size: 13px;
    font-weight: normal;
    box-shadow: rgb(204, 204, 204) 3px 4px 5px 0px;
    width: 200px !important;
    /*position: fixed !important;*/
}

    .profileImage .popover.bottom > .arrow:after {
        border-bottom-color: #cccccc !important;
    }

.popoveroption {
    cursor: pointer;
}

    .popoveroption:hover {
        font-weight: bold !important;
    }

.AssessmentProgress .topProgress {
    margin: auto;
    float: none !important;
    text-align: center;
    color: black;
}

.AssessmentProgress .progress {
    margin: auto;
    background-color: #E4E5E6;
    height: 10px;
    border-radius: 4px;
}

.AssessmentProgress .progressText {
    color: black;
    font-weight: lighter;
    margin-bottom: 2px;
}

.AssessmentProgress .progress-bar {
    background-color: #32C5C7;
}

.AssessmentProgress .progressLable {
    font-size: 14px;
    font-weight: lighter;
    margin-top: 6px;
    display: inline-block;
}

.progressLable .fa {
    color: #B9BBBD;
}

.textAreaInput {
    resize: none;
    border: none;
}
@media (max-width: 460px){
    .CurrentJobText {
        width: 41px;
    }
}


@media only screen and ( min-width:321px) and (max-width :767px) {
    .BizFormLeftRightLabel {
        width: 90% !important;
    }
}

@media (max-width: 767px) {
    .GroupLabelinputsumto10 {
        padding-left: 10px;
        padding-right: 0px;
    }

    .BizFormQueLabel img {
        width: 100%;
    }

/*
    #BizForm .progressBar > li:after {
        left: 0% !important;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }*/

    #BizForm .progressBar > li {
        display: block !important;
        margin: auto;
        float: none !important;
    }

    .BizFormLeftRightLabel {
        /*margin: 0px !important;
        text-align: center !important;*/
        /*position: absolute;*/
    }

    #BizForm .progressBar {
        margin: auto !important;
        padding-top: 18px !important;
        max-width: 100% !important;
        padding-bottom: 5px !IMPORTANT;
    }

    .BizFormMainDiv label.btn {
        padding: 10px 7px !important;
        height: 40px;
    }
    .GroupLabel{
        text-align:left;
    }
    .UserHeaderImage {
        width: 35px;
        height: 35px;
        display: inline-block;
        object-fit: cover;
    }
    }
}

_::-webkit-:host:not(:root:root), .tick {
    top: 11px !important;
}

@media not all and (min-resolution:.001dpcm) {
    @media {
        .tick {
            top: 11px !important;
        }
    }
}

_::-webkit-full-page-media, _:future, :root .tick {
    top: 11px !important;
}

/*_:placeholder-shown, _:-internal-list-box, :root .tick  {   top:15px;  }*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    /*#BizForm .is-active i  {
     color:white !important;
    }*/

    /* Safari only override */
    ::i-block-chrome, .tick {
        top: 11px !important;
    }
}

.errorMainDiv #btnGetHelp {
    font-size: 16px;
    font-weight: lighter;
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    border-radius: 2px;
    width: 50%;
    background-color: #3e8ac4;
    border-color: #3e8ac4;
}

.registrationTitleErrorMessage {
    /*font-size:16px !important;*/
    font-weight: lighter;
}

.registrationPopupErrorMessage {
    font-size: 16px !important;
    font-weight: lighter;
    margin-bottom: 8px;
}

.registrationErrorImageSize {
    height: 80px !important;
    width: 80px !important;
}

.Visibilityhidden {
    height: 0px !important;
}

.errorWrapper {
    border-color: #ff8b55 !important;
}