/*common */

label.error {
    display:block; /* change the display to block*/
    width:200px; /*if necessary*/
    font-size:14px;
    background-color:#f7f8c4;
    color:#ff0000;
    padding:3px;
    margin-left:20% !important ;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

}

.modal-dialog {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
}

.modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}

.modal-title{
  font-size:35px !important;
  font-weight: bold;
  color:#fff;
  font-family: 'OpenSans';
}

.modal-body{
 min-width: 100vw !important;
 padding:0px !important;
 margin:0px !important;
}

.modal-body .container{
  min-width: 100vw !important;
  padding:0px !important;
  margin:0px !important;
 }



 
.modal-mysize{
  
  /* margin-left: -10vw; */
  width:100vw !important;

}


.careerQuestion{

  font-family: Poppins;
  font-size:25px;
  font-weight: bold;
  letter-spacing: .05em;
  font-family: 'Poppins';
}

.careerContact{
  font-size:20px;
  font-weight: bold;
  font-family: 'Poppins';
}


.frmInput{
  font-size:20px;
  border-radius: 5px;
  font-family: 'Poppins';
}

.frmWeWillContact{
  font-size: 15px;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
}

#myTop5Careers{
  font-size:37px;
  font-family: 'OpenSans';
}

#myCareersContent{
  font-size:25px;
  font-family: 'Poppins';
  
}

.careerGap{
  margin-top:8px;
  margin-bottom:5px;
}


#myModalPathExplanation{
  font-family: 'Poppins';
}


#pt1,#pt2,#pt3,#pt4,#pt5,#pt6,#pt7,
#pt8,#pt9,#pt10{
  
  font-family: 'Poppins';
  padding-left:10vw;
  
}

/******************* MODAL BACKGROUND ***************/
.resultModal1,.formModal1 {

  background-color:#ca2940;
  /* opacity: 0.97; */
  letter-spacing: .02em;
  word-spacing: .1em;
}

.resultModal2,.formModal2 {
  background-color:#f37023;
  /* opacity: 0.97; */
}
.resultModal3,.formModal3 {
  background-color:#fac013;
  /* opacity: 0.97; */
}
.resultModal4,.formModal4 {
  background-color:#669965;
  /* opacity: 0.97; */
}
.resultModal5,.formModal5 {
  background-color:#0f7699;
  /* opacity: 0.97; */
}
.resultModal6,.formModal6 {
  background-color:#22439c;
  /* opacity: 0.97; */
}
.resultModal7,.formModal7 {
  background-color:#2a3f56;
  /* opacity: 0.97; */
}
.resultModal8,.formModal8 {
  background-color:#4c4078;
  /* opacity: 0.97; */
}
.resultModal9,.formModal9 {
  background-color:#933364;
  /* opacity: 0.97; */
}



/**************** DIALOG **************/
.modalStyleDlg1 {
  background-color:#ca2940;
  color:#fff;
  opacity: 0.99 !important;
  
}

.modalStyleDlg2 {
  background-color:#f37023;
  color:#fff;
  opacity: 0.99 !important;
  
}

.modalStyleDlg3 {
  background-color:#fac013;
  color:#fff;
  opacity: 0.99 !important;
  
}

.modalStyleDlg4 {
  background-color:#669965;
  color:#fff;
  opacity: 0.99 !important;
  
}

.modalStyleDlg5 {
  background-color:#0f7699;
  color:#fff;
  opacity: 0.99 !important;
  
}

.modalStyleDlg6 {
  background-color:#22439c;
  opacity: 0.99 !important;
  
}

.modalStyleDlg7 {
  background-color:#2a3f56;
  opacity: 0.99 !important;
  
}

.modalStyleDlg8 {
  background-color:#4c4078;
  opacity: 0.99 !important;
  
}

.modalStyleDlg9 {
  background-color:#933364;
  opacity: 0.99 !important;
  
}


/************* TITLE ************************/
.myModalDlgTitleStyle1{
  background-color: #831638;
  font-family: 'OpenSans';
  padding:3vw;
  
}

.myModalDlgTitleStyle2{
  background-color: #d73828;
  font-family: 'OpenSans';
  padding:3vw;
}

.myModalDlgTitleStyle3{
  background-color: #e56425;
  font-family: 'OpenSans';
  padding:3vw;
}

.myModalDlgTitleStyle4{
  background-color: #22503f;
  font-family: 'OpenSans';
  padding:3vw;
}

.myModalDlgTitleStyle5{
  background-color: #0a2134;
  font-family: 'OpenSans';
  padding:3vw;
}

.myModalDlgTitleStyle6{
  background-color: #141444;
  font-family: 'OpenSans';
  padding:3vw;
}

.myModalDlgTitleStyle7{
  background-color: #0b203b;
  font-family: 'OpenSans';
  padding:3vw;
}

.myModalDlgTitleStyle8{
  background-color: #101327;
  font-family: 'OpenSans';
  padding:3vw;
}

.myModalDlgTitleStyle9{
  background-color: #541134;
  font-family: 'OpenSans';
  padding:3vw;
}


/********************* EXPLANATION ******************/

.myExplanation1{
  background-color: #831638;
  font-family: 'OpenSans';
}

.myExplanation2{
  background-color: #d73828;
  font-family: 'OpenSans';
}

.myExplanation3{
  background-color: #e56425;
  font-family: 'OpenSans';
}

.myExplanation4{
  background-color: #22503f;
  font-family: 'OpenSans';
}

.myExplanation5{
  background-color: #0a2134;
  font-family: 'OpenSans';
}

.myExplanation6{
  background-color: #141444;
  font-family: 'OpenSans';
}

.myExplanation7{
  background-color: #0b203b;
  font-family: 'OpenSans';
}

.myExplanation8{
  background-color: #101327;
  font-family: 'OpenSans';
}
.myExplanation9{
  background-color: #541134;
  font-family: 'OpenSans';
}



/*************** END EXPLANATION *******************/

/**************** STRENGTH AND WEAKNESSES **************/
.myModalStrength1{
  /*background-color: #eb5f60;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
}

.myModalWeakness1{
  /*background-color: #eb5f60;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
}

.myModalStrength2{
  /*background-color: #f99d3a;
  color:#d73828;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
}

.myModalWeakness2{
  /*background-color:#f99d3a;
  color:#d73828;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
}

.myModalStrength3{
  /*background-color: #feedbb;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  
}

.myModalWeakness3{
  /*background-color: #feedbb;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
}

.myModalStrength4{
  /*background-color: #b3d49a;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
}

.myModalWeakness4{
  /*background-color: #b3d49a;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
}

.myModalStrength5{
  /*background-color: #06abc2;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
}

.myModalWeakness5{
  /*background-color: #06abc2;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
}

.myModalStrength6{
  /*background-color:#2b6cb5;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
}

.myModalWeakness6{
  /*background-color: #2b6cb5;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
}

.myModalStrength7{
  /*background-color: #85a8b9;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
}

.myModalWeakness7{
  /*background-color: #85a8b9;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
}

.myModalStrength8{
  /*background-color: #9580bb;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
}

.myModalWeakness8{
  /*background-color: #9580bb;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
}

.myModalStrength9{
  /*background-color: #dba4c6;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
}

.myModalWeakness9{
  /*background-color: #dba4c6;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
}


#st1,#st2,#st3,#wk1,#wk2,#wk3{
  margin-left: 2px;
  font-family: 'Poppins';
  font-size:15px;
 
}


/*************** PERSONALITY AND CAREER **************/

.myPersonalityTraits1{
  /*background-color: #eb5f60;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:10vw;
}

.myTop5Careers1{
  /* background-color: #eb5f60;
  color:#811438; */
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:2vw;
}

.myPersonalityTraits2{
  /*background-color:#f99d3a;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:10vw;
}

.myTop5Careers2{
  /* background-color:#f99d3a;
  color:#811438; */
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:2vw;
}

.myPersonalityTraits3{
  /*background-color: #feedbb;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:10vw;
}

.myTop5Careers3{
  /* background-color: #feedbb;
  color:#811438; */
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:2vw;
}

.myPersonalityTraits4{
  /*background-color: #b3d49a;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:10vw;
}

.myTop5Careers4{
  /* background-color: #b3d49a;
  color:#811438; */
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:2vw;
}

.myPersonalityTraits5{
  /*background-color: #06abc2;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:10vw;
}

.myTop5Careers5{
  /* background-color: #06abc2;
  color:#811438; */
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:2vw;
}

.myPersonalityTraits6{
  /*background-color: #2b6cb5;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:10vw;
}

.myTop5Careers6{
  /* background-color: #2b6cb5;
  color:#811438; */
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:2vw;
}

.myPersonalityTraits7{
  /*background-color: #85a8b9;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:10vw;
}

.myTop5Careers7{
  /* background-color: #85a8b9;
  color:#811438; */
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:2vw;
}

.myPersonalityTraits8{
  /*background-color: #9580bb;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:10vw;
}

.myTop5Careers8{
  /* background-color: #9580bb;
  color:#811438; */
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:2vw;
}

.myPersonalityTraits9{
  /*background-color: #dba4c6;
  color:#811438;*/
  color:#fff;
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:10vw;
}

.myTop5Careers9{
  /* background-color: #dba4c6;
  color:#811438; */
  font-size:22px;
  font-weight: bold;
  font-family: 'OpenSans';
  padding-left:2vw;
}


/************** END FOR LIFE PATH ******************/



/************** FOR FORM ******************/

.myFormModalDlgStyle1 {
  background-color:#ca2940;
  color:#fff;
  /* opacity: 0.99 !important; */
  
}

.myFormModalDlgStyle2 {
  background-color:#f37023;
  color:#fff;
  /* opacity: 0.99 !important; */
  
}

.myFormModalDlgStyle3 {
  background-color:#fac013;
  color:#fff;
  /* opacity: 0.99 !important; */
  
}

.myFormModalDlgStyle4 {
  background-color:#669965;
  color:#fff;
  /* opacity: 0.99 !important; */
  
}

.myFormModalDlgStyle5 {
  background-color:#0f7699;
  color:#fff;
  /* opacity: 0.99 !important; */
  
}

.myFormModalDlgStyle6 {
  background-color:#22439c;
  /* opacity: 0.99 !important; */
  
}

.myFormModalDlgStyle7 {
  background-color:#2a3f56;
  /* opacity: 0.99 !important; */
  
}

.myFormModalDlgStyle8 {
  background-color:#4c4078;
  /* opacity: 0.99 !important; */
  
}

.myFormModalDlgStyle9 {
  background-color:#933364;
  /* opacity: 0.99 !important; */
  
}


/************* TITLE ************************/
.myFormModalDlgTitleStyle1{
  background-color: #831638;
  
}

.myFormModalDlgTitleStyle2{
  background-color: #d73828;
}

.myFormModalDlgTitleStyle3{
  background-color: #e56425;
}

.myFormModalDlgTitleStyle4{
  background-color: #22503f;
}

.myFormModalDlgTitleStyle5{
  background-color: #0a2134;
}

.myFormModalDlgTitleStyle6{
  background-color: #141444;
}

.myFormModalDlgTitleStyle7{
  background-color: #0b203b;
}

.myFormModalDlgTitleStyle8{
  background-color: #101327;
}

.myFormModalDlgTitleStyle9{
  background-color: #541134;
}



/*********** END FOR FORM **************/