@charset "utf-8";
/* CSS Document */
/*@import url(https://fonts.googleapis.com/css?family=Bangers|Chewy|Patua+One);*/
/*@font-face {font-family: 'MuseoSansRounded300'; src: url('fonts/MuseoSansRounded300.eot'); src: url('fonts/MuseoSansRounded300.eot') format('embedded-opentype'), url('fonts/MuseoSansRounded300.woff2') format('woff2'), url('fonts/MuseoSansRounded300.woff') format('woff'), url('fonts/MuseoSansRounded300.ttf') format('truetype'), url('fonts/MuseoSansRounded300.svg#MuseoSansRounded500') format('svg'); }*/
@font-face {font-family: 'MuseoSansRounded500'; src: url('fonts/MuseoSansRounded500.eot'); src: url('fonts/MuseoSansRounded500.eot') format('embedded-opentype'), url('fonts/MuseoSansRounded500.woff2') format('woff2'), url('fonts/MuseoSansRounded500.woff') format('woff'), url('fonts/MuseoSansRounded500.ttf') format('truetype'), url('fonts/MuseoSansRounded500.svg#MuseoSansRounded500') format('svg'); }
/*@font-face {font-family: 'MuseoSansRounded700'; src: url('fonts/MuseoSansRounded700.eot'); src: url('fonts/MuseoSansRounded700.eot') format('embedded-opentype'), url('fonts/MuseoSansRounded700.woff2') format('woff2'), url('fonts/MuseoSansRounded700.woff') format('woff'), url('fonts/MuseoSansRounded700.ttf') format('truetype'), url('fonts/MuseoSansRounded700.svg#MuseoSansRounded700') format('svg'); }*/
/*@font-face {font-family: 'patua_oneregular'; src: url('fonts/patuaone-regular-webfont.woff2') format('woff2'), url('fonts/patuaone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }*/

body { margin:0; padding: 0px; font-family:'MuseoSansRounded500'; color:#2b2b2b; text-shadow: 0 0 1px rgba(0,0,0,0.2); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale !important; top: 0 !important; font-weight: 500;}
a:focus{ outline:none; text-decoration:none;}
.no-space{padding-left:0px; padding-right:0px;}
.logo{ background:url(../images/logo-lifestylelearning.png?ver=1.0.0) no-repeat 0 0; width:300px; height:98px; display:block; margin:10px 0;}
.partner-logo{ background:url(../../web/upload/partner_logo/partner/partner-logo.png?ver=1.0.0) no-repeat 0 0; width:300px; height:98px; display:block; margin:10px 0;}
.careerchi-logo{ background:url(../../web/upload/partner_logo/careerchi/careerchi-logo.png?ver=1.0.0) no-repeat 0 0; width:300px; height:98px; display:block; margin:10px 0;}
.dev-logo{ background:url(../../web/upload/partner_logo/dev/dev-logo.svg?ver=1.0.0) no-repeat 0 0; width:300px; height:98px; display:block; margin:10px 0;}
h1,h2,h3,h4,h5,h6{ text-shadow:none;}
h1{ font-size:48px;}
h2{ font-size:32px;font-family:'MuseoSansRounded500'; line-height:30px; text-align:center; margin-bottom:20px;}
h2.white{ color:#fff; background:url(../images/hd-btm-brd-wht.png) no-repeat center bottom; padding-bottom:26px;}
h2.black{ color:#2b2b2b; background:url(../images/hd-btm-brd-blk.png) no-repeat center bottom; padding-bottom:26px;}
h3{font-size:28px;font-family:'MuseoSansRounded500'; line-height:30px; margin-bottom:25px;}
h3.empty{ height:28px;}
h4{ color:#2b2b2b; font-size:20px; line-height:25px;}
h5{font-size:18px; line-height:25px; font-weight:500;}
.modal h1,.modal h2,.modal h3,.modal h4,.modal h5,.modal h6{font-family:'MuseoSansRounded500';}
a{ color:#00539b;}
ul{ padding:0;}
li{ list-style:none;}
p{ font-size:16px; line-height:18px; font-family:'MuseoSansRounded500'; margin-bottom:20px;}
p.nmar{ margin-bottom:0;}
.w60p{ width:60%;}
.w100p{ width:100%;}
.padl0{ padding-left:0}
.padd-t-7{ padding-top: 7px; }
.text-center.w60p{ margin-left:auto; margin-right:auto;}
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px;  padding-right: 15px;  padding-left: 15px;} 
.col-xs-15 { width: 20%; float: left;}
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 { position: relative; min-height: 1px;  padding-right: 10px;  padding-left: 10px;}
.col-xs-4-5 { width: 37.5%; float: left;}
.col-xs-1-7, .col-sm-1-7, .col-md-1-7, .col-lg-1-7 { position: relative; min-height: 1px;  padding-right: 15px;  padding-left: 15px;}
.col-xs-1-7 { width: 14.28%; float: left;}
.full-career-info .mCustomScrollbar{ position:relative;}
.mCustomScrollbar .img_loader{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 47px; height: 39px; display: block;}
.sso-is-enabled-mess {display: flex; justify-content: space-between;margin-bottom: 10px;flex-wrap: wrap;}
.sso-is-enabled-mess .success-green { color: green; }

.skip-main { color: #000; background-color: #fff; position: absolute; border: 1px solid #1763e2; left: 10px; top: -50px; z-index: 10000; padding: 5px 15px; border-radius: 15px; text-align: center; font-size: 1.2em;}
.skip-main:focus, a.skip-main:active { left: 10px; top: 15px; outline: 2px solid #1763e2;}
.sr-only{ position: absolute; display: block; cursor: text; margin: -1px 0 0 -1px; padding: 0; width: 1px; height: 1px; font-weight: normal; font-size: 15px; line-height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; outline: 0; color: #333; background-color: #fff;}
a:focus, [tabindex="0"]:focus, [role="button"]:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=search]:focus, input[type=number]:focus, input[type="file"]:focus, select:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="button"]:focus, button:focus, select:focus, textarea:focus{ outline:2px solid #000;outline-offset: unset;}
.select-style select:focus { outline-offset: -2px;}

.common-pages #MemberNav{ display:none;}
/*.common-pages #OrgNav{ display:none;}*/
.common-pages .org-menu{ display:none;}
.common-pages #google_translate_element{ padding: 20px 20px;}
.org-pages #MemberNav{ display:none;}
.org-pages #OrgNav{ display:block;}
footer.invisible-footer{ display:none;}
.profile-pages #OrgNav,
.profile-pages #MemberNav .survey-steps,
.user-reports-pages #OrgNav,
.survey-pages #OrgNav{ display:none;}
.field-comp{ font-size:14px !important;}
.blue-bt {color: #fff; font-size: 13px; background-color: #00539b; padding: 6px 15px;border-radius: 5px; border: none;}
.blue-bt:hover { background-color: #015fb1;}
.contact-us .field-comp{ margin-bottom: 5px;}/* margin-top: -23px;*/
.contact-us .box.form.contact-info{ background:#f05e23; color:#fff} 
.contact-us .box.form.contact-info h4{ margin-top:0; color:#fff; border-bottom:1px solid rgba(255,255,255,0.3)}
.contact-us .box.form.contact-info a{ color:#fff}
.contact-us .box.form.contact-info h4 + p{ margin-bottom:25px;}
.careear-small-text{ font-size:12px;}/* Career information*/
.career-link{ color:#FFF; text-decoration:underline;}/* Career information*/
.career-link:hover{ color:#FFF; text-decoration:none}/* Career information*/
footer{ background:#000; color:#fff; text-align:center;}
.org-pages footer, footer#inner-footer, .profile-pages footer{ background:none; text-align:inherit;}
.colored-line div{ height:2px;}
footer .colored-line div{ height:10px;}
.colored-line div.col1{ background:#f05e23;}
.colored-line div.col2{ background:#6cb345;}
.colored-line div.col3{ background:#00539b;}
.colored-line div.col4{ background:#fcc03b;}
.colored-line div.col5{ background:#68479d;}
footer ul{ list-style:none; margin:120px auto 55px; padding:0}
footer li{ display:inline-block; margin:0 2%; text-transform:uppercase;}
footer li a{ font-size:14px; color:#fff;}
footer p{font-size:14px; color:#fff;}
footer p a{font-size:14px; color:#fff;}
footer p a:hover,footer a:hover{color:#fff; text-decoration:underline;}
footer .col-md-8 img{ margin-bottom:30px;}/*margin-bottom:75px;*/

div#loginaccount .modal-body {padding-bottom: 0px; padding-top: 20px;}
div#loginaccount .modal-body label.control-label { font-size: 16px; padding-left: 0px; margin-right: 20px; }
div#loginaccount .modal-body .form-group { margin-bottom: 0px; }
div#loginaccount .modal-body legend { border-bottom: none; }
div#loginaccount .modal-body p { margin-bottom: 0px; }
div#loginaccount .modal-header p.modal-title {font-size: 18px; display: inline-block; margin-top: 0px;}
div#loginaccount .modal-header { padding: 13px 15px; border-bottom: 1px solid #dee2e6;}
div#loginaccount .modal-header .close {margin-top: 1px;}
div#loginaccount .modal-body legend {margin-bottom: 0px;}
div#loginaccount .modal-footer {border-top:1px solid #dee2e6; margin-top: 10px;}
.box{ border-radius:5px; min-height:200px; border:1px solid; /*-webkit-box-shadow: inset 0px 2px 8px 1px rgba(0,0,0,0.22);
-moz-box-shadow: inset 0px 2px 8px 1px rgba(0,0,0,0.22);
box-shadow: inset 0px 2px 8px 1px rgba(0,0,0,0.22);*/}
.overview .box{ border-bottom:5px solid; background:#f5f5f5 !important;}
.overview .box.orange{ border-color:#f05e23; background:url(../images/profile-page1.jpg) no-repeat 50% 0 !important; background-size:100% auto !important;}
.overview .box.green{ border-color:#6cb345; background:url(../images/transportation-page.jpg) no-repeat 50% 0% !important; background-size:100% auto !important;}
.overview .box.blue{ border-color:#00539b; background: url(../images/career-exploration-page1.jpg) no-repeat 50% 50% !important; background-size:100% auto !important;}
.overview .box.yellow{ border-color:#fcc03b; background:url(../images/game-page.jpg) no-repeat 50% 0% !important; background-size:100% auto !important;}
.overview .box.voilet{ border-color:#68479d; background: url(../images/reports-page.jpg) no-repeat 50% 0% !important; background-size:100% auto !important;}
#lnkProfile:hover, #lnkSurvey:hover, #lnkCareer:hover, #lnkGame:hover, #lnkGraduation{text-decoration:none;}
#lnkProfile:hover h4{color:#f05e23;}
#lnkSurvey:hover h4{color:#6cb345;}
#lnkCareer:hover h4{color:#00539b;}
#lnkGame:hover h4{color:#eba50a;}/*color:#fcc03b;*/
#lnkGraduation:hover h4{color:#68479d;}
.segment .box{ border-bottom:1px; border-style:solid; background:#fff; border-color:#fff}
.segment p{ font-size:18px; line-height:20px; color:#fff; text-shadow: 0 0 1px rgba(255,255,255,0.4);}
.segment.orange{ background:#f05e23; position:relative;}
.segment.orange:after { top: 100%;  left: 50%;  border: solid transparent;  content: " "; height: 0;  width: 0; position: absolute; pointer-events: none; border-color: rgba(240, 94, 35, 0); border-top-color: #f05e23;  border-width: 9px;  margin-left: -9px;}
.segment.blue{ background:#00539b; position:relative}
.segment.blue:after { top: 100%; left: 50%; border: solid transparent;  content: " "; height: 0;  width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 83, 155, 0);  border-top-color: #00539B;  border-width: 9px;  margin-left: -9px;}
.segment.voilet{ background:#68479d; position:relative}
.segment.voilet:after { top: 100%;  left: 50%;  border: solid transparent;  content: " "; height: 0;  width: 0; position: absolute; pointer-events: none; border-color: rgba(104, 71, 157, 0); border-top-color: #68479D; border-width: 9px;  margin-left: -9px;}
.pattern1 .box.green{ background:#6cb345; border-color:#6cb345}
.pattern1 .box.yellow{ background:#fcc03b; border-color:#fcc03b}
.pattern1 p{font-size: 18px; line-height: 20px;}
.segment .box.profile{min-height:200px; background: url(../images/profile-page.jpg) no-repeat 50% 9%; background-size:100% auto;}
.segment .box.career-exploration1{min-height:250px; background: url(../images/career-exploration-page2.jpg) no-repeat 50% 0%; background-size:100% auto;}
.segment .box.career-exploration2{min-height:250px; background: url(../images/career-exploration-page3.jpg) no-repeat 50% 0; background-size:100% auto;}
.segment .box.career-exploration3{min-height:250px; background: url(../images/career-exploration-page4.jpg) no-repeat 50% 0%; background-size:100% auto;}
.segment .box.graduation1{min-height:230px; background: url(../images/graduation-page.jpg) no-repeat 50% 0; background-size:100% auto;}
.segment .box.graduation2{min-height:230px; background: url(../images/reports-page.jpg) no-repeat 50% 0; background-size:100% auto;}
.pattern1 .box.lifestyle-survey1{min-height:200px; background:url(../images/transportation-page.jpg) no-repeat 0% 57%; background-size:119% auto;}
.pattern1 .box.lifestyle-survey2{min-height:200px; background:url(../images/luxuries-page.jpg) no-repeat 0% 81%; background-size:108% auto;}
.pattern1 .box.game1{min-height:150px; background:url(../images/game-page.jpg) no-repeat 0% 23%; background-size:149% auto;}
.pattern1 .box.game2{min-height:150px; background:url(../images/game-page.jpg) no-repeat 100% 25%; background-size:113% auto;}
.box.form{ background:#f5f5f5; border-color:#f7ae91; margin-bottom:30px; padding:18px; min-height:inherit; box-shadow:none;}
.box.form .row{ margin-top:23px;}
.box.form > .row:first-child{ margin-top:0;}
.box.form > .form-group:first-child .row{ margin-top:0;}
.box.form .row.no-top-mar{ margin-top:0}
.paypal-img{ max-width:180px;}
.box.form .col-lg-1, .box.form .col-lg-10, .box.form .col-lg-11, .box.form .col-lg-12, .box.form .col-lg-2, .box.form .col-lg-3, .box.form .col-lg-4, .box.form .col-lg-5, .box.form .col-lg-6, .box.form .col-lg-7, .box.form .col-lg-8, .box.form .col-lg-9, .box.form .col-md-1, .box.form .col-md-10, .box.form .col-md-11, .box.form .col-md-2, .box.form .col-md-3, .box.form .col-md-4, .box.form .col-md-5, .box.form .col-md-6, .box.form .col-md-7, .box.form .col-md-8, .box.form .col-md-9, .box.form .col-sm-1, .box.form .col-sm-10, .box.form .col-sm-11, .box.form .col-sm-2, .box.form .col-sm-3, .box.form .col-sm-4, .box.form .col-sm-5, .box.form .col-sm-6, .box.form .col-sm-7, .box.form .col-sm-8, .box.form .col-sm-9, .box.form .col-xs-1, .box.form .col-xs-10, .box.form .col-xs-11, .box.form .col-xs-2, .box.form .col-xs-3, .box.form .col-xs-4, .box.form .col-xs-5, .box.form .col-xs-6, .box.form .col-xs-7, .box.form .col-xs-8, .box.form .col-xs-9{ padding-left:0; padding-right:15px;}
.box.form .col-lg-1:first-child, .box.form .col-lg-10:first-child, .box.form .col-lg-11:first-child, .box.form .col-lg-2:first-child, .box.form .col-lg-3:first-child, .box.form .col-lg-4:first-child, .box.form .col-lg-5:first-child, .box.form .col-lg-6:first-child, .box.form .col-lg-7:first-child, .box.form .col-lg-8:first-child, .box.form .col-lg-9:first-child, .box.form .col-md-1:first-child, .box.form .col-md-10:first-child, .box.form .col-md-11:first-child, .box.form .col-md-2:first-child, .box.form .col-md-3:first-child, .box.form .col-md-4:first-child, .box.form .col-md-5:first-child, .box.form .col-md-6:first-child, .box.form .col-md-7:first-child, .box.form .col-md-8:first-child, .box.form .col-md-9:first-child, .box.form .col-sm-1:first-child, .box.form .col-sm-10:first-child, .box.form .col-sm-11:first-child, .box.form .col-sm-12:first-child, .box.form .col-sm-2:first-child, .box.form .col-sm-3:first-child, .box.form .col-sm-4:first-child, .box.form .col-sm-5:first-child, .box.form .col-sm-6:first-child, .box.form .col-sm-7:first-child, .box.form .col-sm-8:first-child, .box.form .col-sm-9:first-child, .box.form .col-xs-1:first-child, .box.form .col-xs-10:first-child, .box.form .col-xs-11:first-child, .box.form .col-xs-2:first-child, .box.form .col-xs-3:first-child, .box.form .col-xs-4:first-child, .box.form .col-xs-5:first-child, .box.form .col-xs-6:first-child, .box.form .col-xs-7:first-child, .box.form .col-xs-8:first-child, .box.form .col-xs-9:first-child{ padding-left:15px;}
.box.form label{color:#2b2b2b; font-size:16px; font-weight:500; margin-bottom:15px;}
.box.form label.nmar{ margin-bottom:0;}
.box.form .upload-field{}
.box.form .upload-field label{ margin-bottom:0;}
.note {display: block; font-size: 12px;}
.box.form .ui-slider{ margin:0 12px 20px; width:89%;}
#modalSignIn #login-error-block{ margin: 20px 0 -15px;}
.ui-slider-horizontal.ui-widget-content .ui-state-default { background: #ef5010; border: medium none; border-radius: 13px;}
.ui-slider-horizontal.ui-widget-content{ height:6px; margin: 0 auto; width: 96%; -webkit-box-shadow: inset 0px -3px 2px -3px rgba(0,0,0,0.26);
-moz-box-shadow: inset 0px -3px 2px -3px rgba(0,0,0,0.26);
box-shadow: inset 0px -3px 2px -3px rgba(0,0,0,0.26); background:#c4c4c4; border: 1px solid #ddd;}
.ui-slider.ui-slider-horizontal.ui-widget-content .ui-slider-handle{ height:24px; width:24px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);}
.ui-slider.ui-slider-horizontal.ui-widget-content .ui-slider-handle { top: -0.7em;}
.box.form .accessory-box { padding-left:15px;}
.box.form .accessory-box .box{ border-color:#d5d5d5; background:#fff; min-height:85px; margin-bottom:25px; text-align:center; display: flex; align-items: center; box-shadow:none; position:relative;}
.ie8 .box.form .accessory-box .box{border:#d5d5d5 2px solid; }
/*.ie .box.form .accessory-box .box{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center;}*/
.box.form .accessory-box label.box{ cursor:pointer;}
.box.form .accessory-box .box img{ margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; }
.box.form .accessory-box .box.selected{ border-color:#6cb345; border-width:2px; position:relative}
.box.form .accessory-box .box.selected:after{ content:url(../images/green-tick.png); position:absolute; right:0; bottom:0;}
.box.form .accessory-box.row div[class^="col-"]:first-child{ padding-left:0;}
.box.form .accessory-box .box .icheckbox_flat-blue{ position:absolute; margin:0; right:0; bottom:0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
#avatarAttributes{ height:550px;}
.box.form .accessory-box .box .iradio_line-orange{position:absolute; margin:0; right:0; bottom:0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
.prof-avatar{  height:500px; position:relative;}
.prof-avatar .avatar_body{ width:225px; height:500px; margin:0 auto; position:relative;}
.prof-avatar .avatar_body img{position: absolute; width:225px !important; height:auto !important;}
.prof-avatar .avatar_body img:first-child {opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; z-index: 1;}
.prof-avatar .left-arrow{ left:0}
.prof-avatar .right-arrow{ right:0}
.prof-avatar .left-arrow.head, .prof-avatar .right-arrow.head{ top:15%;}
.prof-avatar .left-arrow.shirt, .prof-avatar .right-arrow.shirt{ top:42%;}
.prof-avatar .left-arrow.pant, .prof-avatar .right-arrow.pant{ top:68%;}
.prof-avatar .left-arrow.shoes, .prof-avatar .right-arrow.shoes{ top:88%;}
.prof-music{ position:relative; text-align:center; margin:15px 0 40px;}
.prof-music .left-arrow{ left:0}
.prof-music .right-arrow{ right:0}
.prof-music .left-arrow.music, .prof-music .right-arrow.music{ top:6px;}
.music-type{ background:#e9e9e9; border-radius:20px; font-size:18px; font-weight:500; padding:5px 30px; display:inline-block;}
.music-type i, .music-type .fa{ margin-right:10px; font-size:24px;}
.music-type + a{ margin-left:10px;}
.music-type + a i, .music-type + a .fa{font-size: 20px; color:#2b2b2b}
.guru-avatar-fix {min-height: 450px; overflow: hidden; position: relative; width: 600px; margin: 0 auto;}
.avatar_slider{ position:relative;}
.notRecordFoundMessage {padding-top: 10px;}
.left-arrow{ position:absolute; top:50%; left:20%;}
.right-arrow{ position:absolute; top:50%; right:20%;}
.avatar_slide {display: inline-block; width:600px; float: left;}
.left-arrow i, .right-arrow i, .left-arrow span.fa, .right-arrow span.fa{ color:#f05e23; font-size:24px;}
.left-arrow.disabled i, .right-arrow.disabled i, .left-arrow.disabled span.fa, .right-arrow.disabled span.fa{ color:#CCC}
.left-arrow.disabled a, .right-arrow.disabled a{ cursor:default}
.guru-avatar-container{width: 200%; position: absolute; -webkit-transition: all 0.2s; transition: all 0.2s;}
.guru-avatar{ height:455px; position:relative; width: 600px;}
.guru-avatar.avatar1{ background:url(../images/guru1.png) no-repeat center left;}
.jp-controls{ text-align:right;}
.jp-play{ background:0; border:0; padding:0; color:#959595;}
.jp-state-playing .jp-play{ color:#f0591c;}
.jp-play i, .jp-play .fa{ font-size:24px;}
.quote, .arrow:after { background: #fff;}
.quote { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)";  display: inline-block;  position: absolute;  padding: 10px 20px;  color: #333333;  border-radius: 10px; text-align: left;  font-size: 22px; line-height:28px;  font-stretch: condensed;  text-decoration: none; box-shadow: 0 0 7px #868686; background:#fff; right: 5px; top: 15%; width:235px;}
.quote .arrow { width: 35px; height: 30px;  overflow: hidden; position: absolute; top: 35%; margin-left: -53px;}
.quote .arrow:after { content: ""; position: absolute; left: 23px; top: 3px; width: 25px; height: 25px; box-shadow: 0 0 7px #868686; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);}
.navbar { border-radius:0 !important; background:#fff; border:0;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(255, 255, 255);
/* RGBa with 0.6 opacity */
background: rgba(255, 255, 255, 0.6);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; }
.ie9 .navbar{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; }
.navbar.navbar-fixed-top{ position:absolute;}
#navbar{ margin-top:15px;} /*margin-top:45px;*/
#navbar a{ font-family:'MuseoSansRounded500'; font-size:18px; color:#00539b; position:relative;}
#navbar a i, #navbar a .fa{ font-size:24px; margin-left:-31px; top:1px; position:absolute}
.org-nav{ float:left; margin:0 0 0 30px;}
.org-nav li{ float:left;}
.org-nav li a{ padding:35px 30px; display:block; font-size:16px; color:#9a9a9a; border-bottom:3px solid transparent}
.org-nav li a:hover, .org-nav li a.active{ color:#d06158; border-bottom-color:#d06158; text-decoration:none;}
#OrgNav .navbar-nav > li > a{ font-size:14px; color:#2b2b2b; /*padding:29px 20px;*/ padding:20px 20px;}
#OrgNav .navbar-nav > li > a i, #OrgNav .navbar-nav > li > a .fa{ margin-left:5px; color:#9a9a9a;}
#OrgNav .navbar-nav > li > .dropdown-menu a{ font-size:16px;}
.org-nav li.profile-logo-new { padding: 14px 0px; }
.org-nav li.profile-logo-new img { max-height:65px; max-width: 150px; border-left: 1px solid #f2f2f2; padding-left: 15px; }

.navbar-inner .navbar-nav > li .profile-name { min-width: 77px; justify-content: center; position: absolute;display: flex;margin-top: 55px;background-color: rgba(0, 0, 0, 0.7);padding: 1px 5px;color: #fff;font-size: 11px;line-height: 12px;border-radius: 4px;}   
.navbar-inner .navbar-nav > li i.fa.fa-navicon, .navbar-inner .navbar-nav > li span.fa.fa-navicon {margin-top: 27px; font-size: 18px;}

.navbar-inner{ -webkit-box-shadow: 0 2px 3px -3px #000; -moz-box-shadow: 0 2px 3px -3px #000; box-shadow: 0 2px 3px -3px #000; margin-bottom:0;}
.navbar-inner .logo, .navbar-inner .partner-logo, .navbar-inner .careerchi-logo,.navbar-inner .dev-logo{ height:65px; width:160px; background-size: auto 100% ; margin:10px 0}
.navbar-inner .profile-logo { display: flex; flex-wrap: wrap; align-content: center; height:65px; /*width:200px;*/ width:160px; background-size: auto 100%; margin:10px 0; padding-left: 20px; border-left: 1px solid #f2f2f2; }
.navbar-inner .profile-logo img { max-width: 160px; max-height: 100%; }
.navbar-inner .navbar-nav.navbar-right { float: right!important;}
.navbar-inner .navbar-nav > li{ float:left;}
.navbar-inner .navbar-nav > li > a{ padding:33px 10px 33px 20px;}
ul.nav.navbar-nav.navbar-right li#theme_music_stopjplayer { padding-top: 7px; }
.navbar-inner .navbar-nav > li > a.dropdown-toggle{ padding-top:6px; padding-bottom:6px;}
.navbar-inner .navbar-nav > li > .dropdown-menu a{ font-size:18px;}
.navbar-inner .navbar-nav{ background:#f2f2f2; margin-right:0;} 
.navbar-inner .navbar-nav a{color:#555; font-size:20px;}
.navbar-inner .navbar-nav a:hover, .navbar-inner .navbar-nav a:focus{color:#333; background:none; border:none;}
.navbar-inner .prof-pic{ /*width:50px; height:50px;*/ display: flex; justify-content: center; align-items: center; width:75px; height:75px; border-radius:50%; /*display:inline-block;*/ border:3px solid #cecece; background:#fff; overflow:hidden; float:left;}
.navbar-inner .prof-pic img{ max-width:75px; max-height: 75px;}
.navbar-inner .prof-pic + .caret{ float:left; color:#969696; border-width:7px; margin:22px 0 0 10px;}
.navbar-inner .dropdown-toggle:hover .prof-pic + .caret{color:#686868;}
.survey-steps{ margin:23px 10px 22px 0; background:#e1e1e1; border-radius:25px; padding:5px;}
.survey-steps li{ float:left; margin-left:20px; margin-top:5px; list-style:none;}
.survey-steps li span{ width:10px; height:10px; background:#fff; border-radius:10px; display:block;}
.survey-steps li:first-child{ margin-left:0;}
.survey-steps li.main {margin-top:0;}
.survey-steps li.main span{ height:20px; width:20px; }
.survey-steps li span.active{background-repeat: repeat-x; background-image: linear-gradient(to bottom,#f05e23 0,#ef5010 100%);}
.survey-steps li span:hover{ background:#cacaca;}
.tooltip{ opacity:1;}
.tooltip.top .tooltip-arrow{border-top-color: #c7c7c7 !important;}
.tooltip.right .tooltip-arrow{ border-right-color: #c7c7c7 !important;}
.tooltip.bottom .tooltip-arrow{border-bottom-color:#c7c7c7 !important;}
.tooltip.left .tooltip-arrow{ border-left-color: #c7c7c7 !important;}
.tooltip-inner{ border:1px solid #c7c7c7; background-repeat: repeat-x; color: #2b2b2b; font-weight: 500; background-image: linear-gradient(to bottom,#fdfdfd 0,#d8d8d8 100%); max-width:inherit !important; }
.ie8 .tooltip-inner, .ie9 .tooltip-inner{ background:#FFF;}
.banner{ background:url(../images/video-bg.png) no-repeat center center; min-height:552px; position:relative;}
.get-started{ margin:0 auto 0 -96px; border:6px solid #fff; position:absolute; bottom:-35px; left:50%; border-radius:10px; z-index:999;}
.get-started .btn.btn-default{font-size: 22px; padding: 12px 25px;}
.get-started .btn i, .get-started .btn .fa{ margin-left:7px; font-size:20px;}
.btn-default:not(.note-btn){border-style: none; border-color: inherit; border-width: 0; text-shadow: none; background-repeat: repeat-x; -webkit-box-shadow: 0px 2px 3px -2px #000; -moz-box-shadow: 0px 2px 3px -2px #000; box-shadow: 0px 2px 3px -2px #000; color: #fff; font-size: 22px; font-weight: 500 !important; border-radius: 3px; padding: 8px 25px; background-image: linear-gradient(to bottom,#f05e23 0,#ef5010 100%); background-color: #f05e23; }
.ie8 .btn-default:not(.note-btn){ background:#ff7700 !important;}
.ie9 .btn-default:not(.note-btn){ background:#ef5010 !important;}
.btn-default:not(.note-btn):focus, .btn-default:not(.note-btn):hover{background-color: #ff6122;background-position:0 -50px; color:#fff;border-color:#fff;}
.btn-default:not(.note-btn).active, .btn-default:not(.note-btn).active.focus, .btn-default:not(.note-btn).active:focus, .btn-default:not(.note-btn).active:hover, .btn-default:not(.note-btn):active.focus, .btn-default:not(.note-btn):active:focus, .btn-default:not(.note-btn):active:hover{background-color:#d24912;color:#fff;border-color:#fff;} 
.btn-default:not(.note-btn).disabled, .btn-default:not(.note-btn).disabled.active, .btn-default:not(.note-btn).disabled.focus, .btn-default:not(.note-btn).disabled:active, .btn-default:not(.note-btn).disabled:focus, .btn-default:not(.note-btn).disabled:hover, .btn-default:not(.note-btn)[disabled], .btn-default:not(.note-btn)[disabled].active, .btn-default:not(.note-btn)[disabled].focus, .btn-default:not(.note-btn)[disabled]:active, .btn-default:not(.note-btn)[disabled]:focus, .btn-default:not(.note-btn)[disabled]:hover{background-color:#d24912;background-image:none}
.btn-default.btn-save, .pre-footer-btn .btn.btn-default.btn-save, .pre-btn .btn.btn-default.btn-save { width:105px; padding: 10px 30px; font-size:16px; line-height: 18px; white-space: pre;}
.btn-white{ border:1px solid #f05e23; color:#f05e23;font-size:22px;  padding:12px 25px; background:#fff;}
.btn-white:focus, .btn-white:hover, .btn-white:active{color:#f05e23; background:#f0f0f0;}
.btn-gray{text-shadow: none; background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=10)";
color:#fff; font-size:22px; border:0; font-weight:500 !important; border-radius:3px; padding:12px 25px;}
.btn-gray:active, .btn-gray:focus, .btn-gray:hover{background-color: #f05e23;background-position:0 -50px; color:#fff;border-color:#fff; box-shadow:none}
.btn-small{ /*border:1px solid;*/ border-radius:3px; padding:8px 18px; font-size:15px; display:inline-block;}
span.btn{ cursor:default;}
span.btn:hover{background:#000; background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=10)";}
.pattern1{ background:#fff url(../images/pattern1.png) repeat 0 0; position: relative;}
.pattern1:after {top: 100%; left: 50%;  border: solid transparent;  content: " "; height: 0;  width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff;  border-width: 9px;  margin-left: -9px;}
.pattern1 .container > .row, .segment .container > .row{ padding:60px 0;}
.pattern1 .row .row, .segment .row .row{ padding:50px 0 0 0}
.pattern1 .sm-cols .row, .segment .sm-cols .row{ padding:0 0 15px 0}
.row.no-space{ padding-top:0 !important;}
#individual.hidden ,#organization.hidden{ opacity:0;}
#individual.animation, #organization.animation{-webkit-transition: opacity 3s ease-in-out; -moz-transition: opacity 3s ease-in-out; -ms-transition: opacity 3s ease-in-out; -o-transition: opacity 3s ease-in-out; opacity: 1;}
.radio-group{ border-radius:5px; margin:0 auto; width:auto;}
.radio-group > span{ display:inline-block; margin:0; float:left;}
.radio-group > span .iradio_line-orange{ font-family:'MuseoSansRounded500'; background-repeat: repeat-x; color: #f05e23; border-radius: 0; background-image: linear-gradient(to bottom,#ffffff 0,#d8d8d8 100%); background: #f5f5f5;color:#B34700;}
.radio-group > span .iradio_line-orange:hover{background-repeat: repeat-x; background-image: linear-gradient(to bottom,#e3e3e3 0,#c0c0c0 100%); background: #f5F5F5;}
.ie9 .radio-group > span .iradio_line-orange:hover{ background:#c0c0c0;}
.radio-group > span:first-child .iradio_line-orange{ border-radius:5px 0 0 5px}
.radio-group > span:last-child .iradio_line-orange{ border-radius:0 5px 5px 0}
.radio-group > span .iradio_line-orange{ border:1px solid #949494; border-right:0;}
.radio-group > span:last-child .iradio_line-orange{ border-right:1px solid #949494;}
.radio-group > span .iradio_line-orange.checked{background-repeat: repeat-x; color: #ffffff; background-image: linear-gradient(to bottom,#545454 0,#474747 100%); }
.ie8 .radio-group > span .iradio_line-orange.checked{ background:#474747;}
.single.radio-group, .single.radio-group > span{ width:100%;}
.single.radio-group > span .iradio_line-orange{ padding:20px 0; text-align:center; }/*margin-top:18px;*/
.single.radio-group > span:last-child .iradio_line-orange{ border-radius:5px;}
.radio-group.x-large{ margin-bottom:20px;}
.radio-group.x-large.home-opts{width: 66%; margin:0 auto 20px;}
.radio-group.large > span, .radio-group.small > span{ width:50%;}
.radio-group.large > span .iradio_line-orange{ padding:15px 0; font-size:16px;}
.radio-group.x-large > span .iradio_line-orange{ padding:15px 40px; font-size:20px;}
/*.ie8 .radio-group.x-large > span .iradio_line-orange{ background:#FFF;}*/
.radio-group.large.col3 span, .radio-group.small.col3 span{ width:33.333%;}
.radio-group.large.col4 span, .radio-group.small.col4 span{ width:25%;}
.radio-group.large.col5 span, .radio-group.small.col5 span{ width:20%;}
.radio-group.large.col6 span, .radio-group.small.col6 span{ width:16.6666%;}
.radio-group.small > span .iradio_line-orange { font-size: 14px; padding:5px 10px 8px; font-family:'MuseoSansRounded500';}
.radio-group.orange > span .iradio_line-orange{ border-color:#f05e23}
.radio-group.orange > span .iradio_line-orange.checked{background-repeat: repeat-x; color: #ffffff; background-image: linear-gradient(to bottom,#f05e23 0,#ef5010 100%);}
.radio-group > span .iradio_line-orange .icheck_line-icon{ display:none;}
form .icheckbox_line-orange{ background-color:#fff;}
.radio-group.green > span .iradio_line-orange{ border:transparent; font-size:16px;font-family:'MuseoSansRounded500';color:#555555}

.radio-group.green > span {border-right:1px solid #c0c0c0;}
.radio-group.green > span:last-child {border-right:none;}

.radio-group.green > span:last-child .iradio_line-orange{ border-right:0;}
.radio-group.green > span .iradio_line-orange.checked{background-repeat: repeat-x; color: #ffffff; background-image: linear-gradient(to bottom,#6cb345 0,#5b973a 100%); background: #437836;}
.ie9 .radio-group.green > span .iradio_line-orange.checked{ background:#437836;}
.radio-group.green > span .icheckbox_flat-blue{ border-right:1px solid #c0c0c0; font-size:16px;font-family:'MuseoSansRounded500';color:#555555; width:100%; height:100%; padding:15px 0; line-height:17px; border-radius:0; background-repeat: repeat-x; background-image: linear-gradient(to bottom,#ffffff 0,#d8d8d8 100%); border-left-style: none; border-left-color: inherit; border-left-width: 0; border-top-style: none; border-top-color: inherit; border-top-width: 0; border-bottom-style: none; border-bottom-color: inherit; border-bottom-width: 0; }
.chrome .radio-group.green > span .icheckbox_flat-blue{ background-size:100%;}
.ipad .radio-group.green > span .icheckbox_flat-blue{ background-size:100%;}
.ie9 .radio-group.green > span .icheckbox_flat-blue{ background:#FFF;}
.radio-group.green > span .icheckbox_flat-blue:hover{background-repeat: repeat-x; background-image: linear-gradient(to bottom,#e3e3e3 0,#c0c0c0 100%);}
.ie9 .radio-group.green > span .icheckbox_flat-blue:hover{ background:#e3e3e3 ;}
.radio-group.green > span:first-child .icheckbox_flat-blue{ border-radius:5px 0 0 5px}
.radio-group.green > span:last-child .icheckbox_flat-blue{ border-right:0; border-radius:0 5px 5px 0}
.radio-group.green > span .icheckbox_flat-blue .icheck_line-icon{ display:none;}
.radio-group.green > span .icheckbox_flat-blue input{ margin:0;}
.radio-group.green > span .icheckbox_flat-blue.checked{background-repeat: repeat-x; color: #ffffff; background-image: linear-gradient(to bottom,#6cb345 0,#5b973a 100%);}
.ie9 .radio-group.green > span .icheckbox_flat-blue.checked{ background:#e3e3e3 ;}
.survey-content .radio-group.margbott{ margin:0 auto 90px auto}
input[type=text], input[type=password], input[type=email], input[type=number], select, textarea{ background:#fff; border:1px solid #bfbfbf; border-radius:5px; width:100%; padding:12px 15px; font-size:16px; box-shadow: inset 1px 4px 9px -6px #d5d3d3; -moz-box-shadow: inset 1px 4px 9px -6px #d5d3d3; -webkit-box-shadow: inset 1px 4px 9px -6px #d5d3d3; outline: none;}
select{ padding:11px 15px;}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus{ border-color:#949494; color:#2b2b2b;}
.hasDatepicker{ background-image:url(../images/icons.png) !important; background-position:right 8px !important; background-repeat:no-repeat !important}
.hasTimepicker{background-image:url(../images/icons.png) !important; background-position:right -60px !important; background-repeat:no-repeat !important}
.txt-info{ background-image:url(../images/icons.png) !important; background-position:100% -28px !important; background-repeat:no-repeat !important}
.select-style{background-repeat: repeat-x; width: 100%; overflow: hidden; border: 1px solid #bfbfbf; border-radius: 5px; background-image: linear-gradient(to bottom,#ffffff 0,#d8d8d8 100%); }
.select-style select{ border:none; background-color: rgba(0, 0, 0, 0) !important; background-image: url(../images/dropdown-arrow.png) !important; background-repeat:no-repeat; background-position: right center;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.ie .select-style select{ background-image:none !important; background:#FFF !important;}
.select-style select option{ background:#fff; padding:1px 15px}
.pattern1 .row .form-content .row{ padding-top:23px;}
.content-wrapper{ background:#fff url(../images/pattern1.png) repeat 0 0;}
.dark-bg{background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.07);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=10)";}
.ie9 .dark-bg{background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.07);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.dark-bg.bottom-space{ padding-bottom:50px !important;}
.reports-bg{ /*-webkit-box-shadow: inset 0px 2px 8px 1px rgba(0,0,0,0.22);
-moz-box-shadow: inset 0px 2px 8px 1px rgba(0,0,0,0.22);
box-shadow: inset 0px 2px 8px 1px rgba(0,0,0,0.22);*/ margin-left:-15px; margin-right:-15px; }
.post-secondery-area{ margin-left:0px; margin-right:0px;}
.org-report{ margin-left:0px; margin-right:0px;}
.reports-bg .middle-container{ padding:20px 0; margin-top: 20px; }
.reports-bg .box{ background:#fff; padding:10px 25px; color:#333; border:none; min-height:inherit; margin-top:25px;}
.reports-bg .box:first-child{ margin-top:0}
.reports-bg .box a{color:#333; text-decoration:underline;}
.reports-bg .box a:hover{color:#333; text-decoration:none;}
.top-steps{ background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.05); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=10)";} 
.ie7 .top-steps, .ie8 .top-steps{background: none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; border:1px solid rgba(0, 0, 0, 0.5);} 
.ie9 .top-steps{/*background:#f3f3f3;*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.ie9 .top-steps h4{color:rgb(0, 0, 0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; font-weight:500;}
.btn-steps, .btn-steps:focus{ margin:7px 0 20px; width:100%; text-align:center; font-size:16px; line-height:16px; padding:12px 0;text-shadow: none; background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=10)"; color:#fff; border:0; font-weight:500 !important; border-radius:3px; display:inline-block;}
.ie8 .btn-steps, .btn-steps:focus{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.ie9 .btn-steps, .btn-steps:focus{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.btn-steps.active{background-repeat: repeat-x; -webkit-box-shadow: 0px 2px 3px -2px #000; -moz-box-shadow: 0px 2px 3px -2px #000; box-shadow: 0px 2px 3px -2px #000; background-image: linear-gradient(to bottom,#f05e23 0,#ef5010 100%); background-color: #CC3A00;}
.ie7 .btn-steps.active, .ie8 .btn-steps.active, .ie9 .btn-steps.active{ background:#f05e23; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.top-steps h4{ font-size:14px; margin:15px 0; text-transform:uppercase; font-family:'MuseoSansRounded500';}
.ie7 .top-steps h4, .ie8 .top-steps h4 {color: #000;}
.pre-footer-btn{ background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=20)"; margin-top:30px;}
.pre-footer-btn .btn{ margin:8px 0 8px 15px; font-size:22px; padding:12px 28px;}
.pre-footer-btn .btn:first-child{ margin-left:0}
.pre-footer-btn .btn i, .pre-footer-btn .btn .fa{ margin-left:15px;}
.pre-footer-btn .btn i.fa-caret-left, .pre-footer-btn .btn span.fa-caret-left{ margin-left:0; margin-right:15px;}
.pre-footer-btn .btn i + i, .pre-footer-btn .btn .fade + .fa{ margin-left:3px;}
.empty-ad{ background:background:#fff; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.2);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=20)"; text-align:center; color:#fff; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; text-transform:uppercase; padding:17px 0; border-radius:3px;}
.pre-footer-btn .empty-ad{ min-height:55px; margin:8px 0;}
.pre-footer-btn .ad{/*max-height:55px;*/ margin:13px 0; text-align:right}
.pre-footer-btn .ad img{max-width:100%; /*width:100%;*/}
/* template */
.toppad { margin-top:20px; }
.spacetop {margin-top:20px; }
/* my profile*/
.org-detail{ border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-top: 0 solid #cdcdcd; border-bottom: 0 solid #cdcdcd; padding: 18px 15px; border-radius:0 0 5px 5px; font-size:14px; margin-bottom:-57px;background-repeat: repeat-x; -webkit-box-shadow: 0 2px 3px -2px #000; -moz-box-shadow: 0 2px 3px -2px #000; box-shadow: 0 2px 3px -2px #000; float: left; width: 100%; background-image: linear-gradient(to bottom,#ffffff 0,#e8e9e9 100%); }
.container + div.dark-bg{ padding-top:70px;}

.profile-footer { margin-top: 45px; }
form#my-profile .hr2 { margin-bottom: 15px; }
form#my-profile .profile-info {margin-top: 0px;}
form#my-profile div#my-activity-block {min-height: 264px;}
form#my-profile div#my-grades-block { min-height: 264px; }
/*form#my-profile div#mCSB_4_container table.table {margin-left: 15px;}*/
.profile-info .profile-pic { border: transparent !important;  }
.profile-info .profile-links.pull-right.clearfix .btn-default:not(.note-btn) {font-size: 20px;padding: 8px 25px; margin-bottom: 18px;}
form#form1 .survey-pgs h1.extra-space {margin: 60px 0 60px;}
form#form1 .survey-pgs .box.extra-space {padding: 35px;}
form#form1 .survey-pgs {height: 85vh;}
form#form1 div#sponsorship-block .btn.btn-default { margin-left: 15px; }
form#lifestyle-survey-summary p#limit_crossed_msg {margin-top: 0px;}
form#lifestyle-survey-summary .pre-footer-btn {background: transparent;}
form#form1 .row.pre-footer-btn.career-index {background: transparent;}
form#form1 .survey-pgs .pre-footer-btn {background: transparent;}
form#account-setting-form .box.form {min-height: 525px;}
form#account-setting-form .pre-footer-btn.acc-setting {background: transparent; text-align: right; padding-top: 0px !important;}
form#account-setting-form  #cancel_recurring { font-size: 18px; background-image: none; background-color: #00539b;}
div#billing #renew_button {font-size: 18px; background-image: none; background-color: #00539b;}
body.profile-pages .tab-content.top-space.acc-setting {padding-top: 0px;}

.profile-info{ margin-top:35px;}
.profile-info h3, .profile-info h2{ margin-top:0; margin-bottom:12px; line-height:25px; font-size: 24px;}
.profile-info .row{ margin:0;}
.my-grade li{ border-top:3px solid #a3a3a3; font-size:14px; padding-bottom:25px; padding-top:3px;}
.profile-pic{ margin:0 auto 15px; text-align:center; border:3px solid ; border-radius:3px;}
.profile-pic img{ height:auto; width:100%;}
.profile-pic.grade6{ margin-top:-55px;}
.profile-pic.grade7{ margin-top:-105px;}
.profile-pic.grade8{ margin-top:-155px;}
.profile-pic.grade9{ margin-top:-205px;}
.profile-pic.grade10{ margin-top:-255px;}
.profile-pic.grade11{ margin-top:-305px;}
.profile-pic.grade12{ margin-top:-355px;}
.profile-pic + a{ margin:0 auto;}
.edit-profile i, .edit-profile .fa{ float: left; font-size: 20px; margin-right: 5px; margin-top: 13px;}
.profile-links div{ float:left; line-height:45px; margin-left:7px;}
.profile-links div:first-child{ margin-left:0}
.profile-info .box{ height:530px; padding:10px 5px; border:0; }
.achievement{ /*background:url(../images/icon-achievement.png) no-repeat 0 0; padding-left:60px; width:50px;*/ height:50px; font-size:12px; line-height:14px; display:table-cell; vertical-align:middle;}
.achievement.star1{ background-position:0 0;}
.achievement.star2{ background-position:0 -60px;}
.achievement_icon{ width:55px; text-align:left; float:left}
.achievement_txt{background-color: #333;  border-radius: 50px; color: #fff; float:left; min-width:50px; height:50px; width: auto; line-height:50px; text-align:center; margin-right:10px; padding: 0 5px;}
.achievement.Index .achievement_txt span{-webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; width:auto; margin:0; }
@-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }
@-webkit-keyframes blinker {0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }
@keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }
.achievement .achievement_txt.green{ background:url(../images/accomplishments/icon_RPI_green.png) no-repeat center center;     color: #6a1acd;}
.achievement .achievement_txt.orange{background:url(../images/accomplishments/icon_RPI_orange.png) no-repeat center center;    color: #05fa29;}
.achievement .achievement_txt.yellow{background:url(../images/accomplishments/icon_RPI_yellow.png) no-repeat center center;color: #060df4;}
.col-middle .col-lg-6{ padding-right:0}
.achievement span{ float:left; width: auto; font-size: 14px;}/*width:85px*/
.ie .achievement span{ width: 81px;}
.achievement.Basic_Profile span, .achievement.Avatar span, .achievement.Guru span, .achievement.My_Grades span, .achievement.Stage_0 span, .achievement.Location span, .achievement.Housing span, .achievement.Eating span, .achievement.Transportation span, .achievement.Family span, .achievement.Luxuries span, .achievement.Index span, .achievement.RPI span, .achievement.Grade_6 span, .achievement.Grade_7 span, .achievement.Grade_8 span, .achievement.Grade_9 span, .achievement.Grade_10 span, .achievement.Grade_11 span, .achievement.Grade_12 span, .achievement.Stage_1 span, .achievement.Stage_2 span, .achievement.Stage_3 span, .achievement.Stage_4 span, .achievement.Score span, .achievement.Sessions span, .achievement.Survey span, .achievement.Graduation span, .achievement.Overall_Profile span, .achievement.Career_Choice span{ margin-top:16px;}
.achievement.My_Career_Activities span, .achievement.Session_Time span, .achievement.Career_Exploration span, .achievement.Completed_Game span{ margin-top:11px;}
.achievement.Index span, .achievement.Score span{ width:40px;}
.achievement.Session_Time span{ width:50px;}
.achievement.Career_Exploration span{ width:70px}
.achievement.My_Career_Activities span{ width:80px}
.achievement.Completed_Game span{ width:70px}
.col-middle .box div[class*=col-]{ margin:8px 0;}
.completed-games li{ border-top:1px solid; padding:10px 0; font-size: 12px;}
.completed-games li:first-child{ border-top:0;}
.completed-games .row div[class*=col-]{ padding-top:10px;}
.completed-games .row div:first-child{ font-size:28px; line-height: 20px;}
.completed-games div[class*=star-]{ margin-top:-5px;}
.completed-games .career-head{ display:block; margin-top:-5px; font-size: 15px;}
.completed-games .lifestyle-index-val{ display:block; margin-top:8px; font-size: 15px;}
.star-green{ background:url(../images/icon-stars.png) no-repeat 0 0; width:37px; height:37px;}
.star-yellow{background:url(../images/icon-stars.png) no-repeat 0 -42px; width:37px; height:37px;}
.star-orange{background:url(../images/icon-stars.png) no-repeat 0 -84px; width:37px; height:37px;}
.wrapper1 {position:relative;/* margin:-53px 0 0;*/overflow:hidden;padding:5px; height:55px; width:93%;}
.list {position:absolute; left:0px; top:0px; min-width:4000px; margin-left:0px; margin-top:0px; }
.list li{display:table-cell; position:relative; text-align:center; /*cursor:grab; cursor:-webkit-grab;*/ color:#efefef; vertical-align:middle; /*border-right:1px solid #FFF;*/ /*background:url(images/border-right.jpg) scroll center right no-repeat;*/ margin:0px 0; }
.life-metric .list li{display:table-cell; position:relative; text-align:center; color:#efefef; vertical-align:middle; /*background:url(images/border-right.jpg) scroll center right no-repeat;*/ margin:15px 0; }
.scroller {text-align:center; cursor:pointer; /*display:none;*/ padding:7px; padding-top:11px; white-space:no-wrap; vertical-align:middle; margin-top:-53px; }
.scroller i, .scroller .fa{ color:#f26e2b; background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.4);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=4)"; padding: 0px 7px 2px 6px; border-radius: 4px; font-size:24px;}
.ie9 .scroller i, .ie9 .scroller .fa {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.scroller.inactive{ cursor:default;}
.scroller.inactive i, .scroller.inactive .fa{ font-weight:500;}
.scroller.active i, .scroller.active .fa{ font-weight:500;}
.scroller-right{ float:right;}
.scroller-left { float:right; margin-right:30px;}
.nav-tabs{ border-bottom:0;}
.nav-tabs.list > li > a{ position:relative; font-size:18px; padding:0px 0px;/* margin-right:40px;*/ margin:0 10px; /*color:#ff8e55;*/ background:none; border:1px solid transparent;}
.nav-tabs.list > li > a:first-child{ padding-left:0;}
.nav.list > li > a:focus, .nav.list > li > a:hover{ background:none; border:1px solid transparent;}
.nav-tabs.list > li.active > a, .nav-tabs.list > li.active > a:focus, .nav-tabs.list > li.active > a:hover, .nav.nav-tabs.list > li > a:hover{ background:none; border:1px solid transparent; box-shadow:none;}
.nav-tabs.list > li.active > a:after, .nav-tabs.list > li.active > a:focus:after, .nav-tabs.list > li.active > a:hover:after {bottom: 0; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(207, 80, 28, 0); border-bottom-color: #CC4F1C; border-width: 6px; margin-left: -6px; }
.nav-tabs > li > a{ border:none;text-align:center; font-size:18px; padding:9px 20px; margin-right:15px; text-shadow: none; background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=20)"; color:#fff; border:0; font-weight:500 !important; border-radius:3px; display:inline-block;}
.ie9 .nav-tabs > li > a {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav.nav-tabs > li > a:hover{border-style: none; border-color: inherit; border-width: medium; background-repeat: repeat-x; -webkit-box-shadow: 0px 2px 3px -2px #000; -moz-box-shadow: 0px 2px 3px -2px #000; box-shadow: 0px 2px 3px -2px #000; color: #fff; background-image: linear-gradient(to bottom,#f05e23 0,#ef5010 100%); }
.nav-tabs > li:last-child > a{ margin-right: 0}
.reports-top h3, .reports-top h2{ margin-top:30px; margin-bottom:10px;}
.org-report .reports-top p{ margin:0}
.reports-top .btn-small{margin: 33px 0 0 10px; background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.4);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=4)";color:#fff;}
.ie9 .reports-top .btn-small {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.reports-top .btn-small:focus{ text-decoration:none;}
.table-head{ padding:25px 0 0;}
.report-table-head, .report-table thead { background: #484747; background:rgb(72, 71, 71); background: rgba(72, 71, 71, 0.9); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=9)"; color: #fff; font-size:16px; font-weight:500; padding:0;}
.report-table thead a{ color:#fff; text-decoration:none;}
.ie9 .report-table-head, .report-table thead {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.report-table-head th, .report-table th, .report-subtable th{padding:10px 20px; font-size:17px; font-weight:500;}
.report-table-head i, .report-table th i, .report-table-head .fa, .report-table th .fa{ color:#999; margin:0 0 0 7px; cursor:pointer;}
.report-table-head .table-head div { padding:0 20px;}
.table-head.scrollable-head{ margin-right:31px;}
.table-scrollable{ max-height:335px;}
.table-scrollable td, .table-scrollable .table>tbody>tr>td{ border-bottom:1px solid; font-size:14px; padding:10px}
.report-table{color:#333333;}
.report-table td, .report-table .table>tbody>tr>td{border-bottom:1px solid #000; font-size:15px; line-height:20px; padding:10px 20px; background:#FFF; }
.report-table.user-selection td, .report-table .table>tbody>tr>td {font-size: 14px;}
#linked-roadmap-block .report-table td{ white-space:pre-wrap}
.report-table tfoot{}
.report-table tfoot td{ background:#fff; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; }
.life-metrics-total{ font-size:18px;}/*font-size:20px;*/
.reports-metrics{/*border-top: 5px solid;*/  margin-left: -15px; margin-right: -15px; background: url("../images/pattern1.png") repeat scroll 0 0;}
.reports-metrics h2, .reports-metrics h1{margin-top: 0; margin-bottom: 0; padding: 40px 0 40px; color: #FFF; font-size:48px;}
.life-metrics-hlm .data-selection{ margin:-10px 0}
.life-metrics-hlm .data-selection th{padding:10px 20px; font-size:17px; font-weight:500; background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=2)";}
.life-metrics-hlm .data-selection td{font-size:15px; line-height:20px; padding:10px 20px;}
.admin-selection .report-table-head th, 
.admin-selection .report-table th,
.admin-selection .report-table td, 
.admin-selection .report-table .table > tbody > tr > td{ padding:10px;}
.multiple-row .report-table{ margin-top:20px;}
.multiple-row .report-table:first-child{ margin-top:0;}
.multiple-row-col1 .row .report-table, .multiple-row-col1 .row .report-subtable{ margin-top:20px;}
.multiple-row-col1 .row:first-child .report-table, .multiple-row-col1 .row:first-child .report-subtable{ margin-top:0;}
.report-subtable{background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=2)"; color:#fff;}
.ie9 .report-subtable {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.report-subtable th{background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=2)";}
.ie9 .report-subtable th{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.report-subtable td{font-size:15px; line-height:20px; padding:10px 20px; border-bottom:1px solid;}
.report-subtable.single-row{ vertical-align:top}
td.report-subtable.single-row{ border-left:1px solid; border-bottom:1px solid}
td.report-subtable.single-row:first-child{ border-left:none;}
.report-subtable.single-row td{ border-bottom:none}
.report-subtable.multiple-row td{ vertical-align:top; border-bottom:2px solid;}
.report-subtable.multiple-row td:nth-child(odd){border-left:1px solid;}
.report-subtable.multiple-row tr td:first-child{ border-left:0}
.org-report .middle-container .profile-pic{ display:block; width:300px; margin:0 auto; max-width:300px; height:300px;}
.org-report .middle-container .guru-avatar{ width:300px; height:300px; background-size:100%; margin:0 auto; background-color:#ECF0F1;border: 3px solid; border-radius: 3px; max-width:300px;}
.pro-info-report{background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=2)"; padding:15px; line-height:25px;}
.pager li > a, .pager li > span, .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span, .pager li > a:focus, .pager li > a:hover{background-color: transparent; color:#fff; border:none; padding:0;line-height:18px;}
.pager .disabled > a{opacity: 0.4; filter: alpha(opacity=40); -ms-filter: "alpha(opacity=40)"; cursor:default;}
.pager li{font-size:12px;line-height:18px;}
.pager li > a > i,.pager li > a > .fa{font-size:18px; line-height:24px;}
.row.pager-footer { margin-top: 0px;  margin-bottom: 10px;} /*margin-top: 0px;*/
.row.pager-footer .user-info{line-height:20px;/*60px;*/ font-size:14px; line-height:40px;}
.pager1.life-metrics{ margin:0;}
.pager1 .select-style {background: #000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.4); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=4)"; background-repeat: repeat-x; border: 1px solid #bfbfbf; border-radius: 2px; overflow: hidden; width: 100%; border:none; margin-top:6px; }
.gecko .pager1 .select-style{ width:75%; float:right;}
.pager1 .select-style select {border: none; background-color: rgba(0, 0, 0, 0) !important; background-image: url(../images/dropdown-arrow-2.png) !important; background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right:25px; box-shadow:none; }
.ie10 .pager1 .select-style select {background-image:none !important;}
.pager1 select{ font-size:15px; padding:4px 5px;}
.pager1 .metrics-pag{ vertical-align:top; line-height: 40px;}
.pager1 .select-style select option{ /*background:none;*/ background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.4);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=4)"; color:#fff;}
.profile-footer{background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; padding:25px 30px;}
.profile-footer{color:#fff; font-size:12px;}
.profile-footer a{color:#fff; margin:0 15px;}
.profile-footer .container{position:relative;}
.prof-footer-acc-info{ position:absolute; right:15px; bottom:-25px; width:360px; padding:5px; box-sizing:border-box;}
.prof-footer-acc-info.box, .survey-pgs .survey-content .prof-footer-acc-info.box{ background:#fff; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; border:none; -webkit-box-shadow: 0 -2px 7px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0 -2px 7px 0px rgba(0,0,0,0.2);
box-shadow: 0 -2px 7px 0px rgba(0,0,0,0.2); border-radius: 5px 5px 0 0}
.prof-footer-acc-info.box .my-avatar{ display:none;}
.prof-footer-acc-info.box .my-guru{ width:100%;}
.my-guru{ width:78%; float:left}
.my-guru .guru-avatar{ background-size: auto 100%; width: auto; height:170px;}
.my-guru .guru-avatar img{ height:100%;}
.ie8 .my-guru .guru-avatar{height:150px;}
.my-guru .jp-audio{ float:left; margin:0 0 0 10px;}
.my-guru .choose-guru{ float: left; margin: 0 0 0 10px;}
.my-guru .choose-guru span.fa{font-size: 24px; color:#555}
.my-guru .quote{ font-size: 14px; width: 130px; padding:8px 10px;  line-height: 18px; top:-10px; max-height:160px;}
.my-guru .quote .arrow{margin-left:-42px; top:50%;}
.my-avatar{ width:22%; float:left;}
.my-avatar .profile-pic{ margin-top:15px; margin-bottom:0;}
.my-avatar .profile-pic img{ width:100%; height:auto;}
.grades-activities h3{ margin-top:35px; margin-bottom:10px;}
.grades-activities h3 a{ font-size:14px; margin-left:10px;font-family:'MuseoSansRounded500';}
.grades-activities .box{ padding:10px; box-sizing:border-box; font-size:14px;}
.box .table-head .table>thead>tr>th{ border:none; font-weight:500;}
.box .table-scrollable .table tbody tr:first-child td{ border:none;}
.box .table-head{ padding:0}
.box .table-head table{ margin:0;}
.jp-no-solution {display: none; }
.mCSB_scrollTools .mCSB_dragger{ padding-top:2px; padding-bottom:2px; box-sizing:border-box;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ height:99% !important; background:#FFF !important;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {padding: 0 6px 0 2px;}
body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 12px; margin:0; background-color: rgba(0, 0, 0, 0.35);}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 8px !important; margin: 2px auto !important; background-color: rgba(255, 255, 255, 1);}
.regions-chkbox{ margin:25px 0; font-weight:500;}
.regions-chkbox label{ font-weight:500;}
#locations.box.form > .row { margin-top: 0;}
.add-more{ margin-top:5px; display:inline-block;}
.add-more.multiple-check{ display:none}
.regions-opt span > div{ margin:23px 0 0;}
.regions-opt span > div.nmar{ margin:0}
.regions-on > div:first-child{ margin:0 0 23px}
.box.form .regions-opt .padl{ padding-left:15px;}
/*survey*/
.survey-pgs .container-fluid{ background:url(../images/pattern1.png) repeat}
.survey-pgs .box{ border:none; border-right: 1px solid; border-bottom:1px solid; -webkit-box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.5); -moz-box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.5); box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.5); font-size:14px; line-height:17px;}
.survey-pgs .survey-landing .box, .survey-pgs .survey-landing .box p{ font-size:18px; line-height:25px; text-align: justify !important;}
.survey-pgs .pre-footer-btn{ margin-top:0;}
.survey-pgs .box.extra-space{ padding:35px 60px;}
.survey-pgs .box.bottom-space{ margin-bottom:150px;}
.survey-pgs h1.extra-space{margin: 120px 0 60px;}
.survey-pgs .top-steps h4{ color:#fff;}
.survey-pgs .top-steps .btn-steps, .survey-pgs .top-steps .btn-steps.disable, .survey-pgs .top-steps .btn-steps.disable:hover{ background:#fff; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.2);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=20)";}
.ie7 .survey-pgs .top-steps .btn-steps, .ie7 .survey-pgs .top-steps .btn-steps.disable, .ie7 .survey-pgs .top-steps .btn-steps.disable:hover{ background:#3372aa !important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=20)"; }
.ie9 .survey-pgs .top-steps .btn-steps, .ie9 .survey-pgs .top-steps .btn-steps.disable, .ie9 .survey-pgs .top-steps .btn-steps.disable:hover{ background:#3372aa !important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; }
.survey-pgs .top-steps .btn-steps i, .survey-pgs .top-steps .btn-steps .fa{margin-right:10px;}
.survey-pgs .survey-content .box{ padding:15px 18px; min-height: inherit;}
.survey-pgs .survey-content .career-selection .box{ padding:0; min-height: inherit;}
.survey-pgs .survey-content .career-selection .box > div{padding:15px 18px; min-height:80px;}
.survey-content{ padding:30px 0 0 0; min-height: 675px;}
.survey-content .col-lg-8,
.survey-content .col-lg-8 + .col-lg-4 {margin-bottom: 40px;}
/*.survey-content .container{min-height: 600px;}*/
.survey-content h4{ margin-top:25px; color:#fff;}
.box.survey-selection, .survey-pgs .box.career-selection, .survey-pgs .box.career-selected { border:1px solid; min-height: auto; padding-top: 3px;}
.box.survey-selection .box, .survey-summary .box .box{background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=10)"; border:2px solid; box-shadow:none; border-radius:3px; min-height:85px; padding:0px; position:relative;}
.box.survey-selection .box, .survey-summary .box .box{ overflow:hidden;}
.box.survey-selection .box img, .survey-summary .box .box img{ width:100%; height:auto; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; /*cursor:pointer;*/}
.box.survey-selection .box:empty, .survey-summary .box .box:empty{ border:2px dashed;}
.ie9 .box.survey-selection .box:empty, .survey-summary .box .box:empty{ border:2px solid;}
.box.survey-selection .box + div{ min-height:44px; font-weight:500; margin-top:3px; margin-bottom:10px;}
.box.survey-selection .box + div span{ font-weight:500; font-size:11px; line-height:13px; display:block;}
.box.survey-selection .row:first-child div[class^="col-"]{ text-align:center; font-size:13px; line-height:17px;}
.survey-pgs .survey-content .select-style{ color:#2b2b2b}
.survey-pgs .survey-content .prof-footer-acc-info.box{ position:static; float:right; padding:5px; margin-top:0px !important; /*margin-top:40px;*/}
.survey-pgs .survey-content .container.game-content{ position:relative;}
.survey-pgs .survey-content .container.game-content .prof-footer-acc-info.box{ position:absolute; padding:5px; bottom:0; right:15px;}
.ie9 .box.survey-selection .total, .survey-pgs .box.career-selection .total, .survey-pgs .box.career-selected .total{background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";margin: 0 -17px -15px; padding:22px 18px; font-size:20px;}
.box.survey-selection .total, .survey-pgs .box.career-selection .total, .survey-pgs .box.career-selected .total{background:none; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=10)";margin: 0 -17px -15px; padding:22px 18px; font-size:20px;}
.ie9 .box.survey-selection .total, .survey-pgs .box.career-selection .total, .survey-pgs .box.career-selected .total {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.box.survey-selection .total .info, .survey-pgs .box.career-selection .total .info, .survey-pgs .box.career-selected .total .info{ font-size:12px; margin-top:5px; float:left; width:100%;}
.survey-pgs .box.career-selection .row, .survey-pgs .box.career-selection .career-msg{ transition: all 0.5s ease;}
.survey-pgs .box.career-selection .row, .survey-pgs .box.career-selection .career-msg p { margin-bottom: 10px; padding-top: 10px; }
.vehicle-photo{ margin-top:35px; color:#2b2b2b; text-align:center;}
.vehicle-photo p{ font-size:16px; margin:5px auto 10px; line-height:18px;}
.survey-pgs .survey-content .vehicle-photo .box{ padding:5px; background:#fff; box-shadow:none;}
.survey-pgs .survey-content .vehicle-photo .box img{ width:100%;}
.radio-group.large.trans-type > span.personal-trans .iradio_line-orange:before{content: ""; background:url(../images/icon-transportation.png) no-repeat 0px -136px; height:100px; width:189px; display:block; margin:auto;}
.radio-group.large.trans-type > span.personal-trans .iradio_line-orange.checked:before{ background-position:100% -136px}
.radio-group.large.trans-type > span.public-trans .iradio_line-orange:before{content: ""; background:url(../images/icon-transportation.png) no-repeat 0px 5px; height:100px; width:254px; display:block; margin:auto;}
.radio-group.large.trans-type > span.public-trans .iradio_line-orange.checked:before{ background-position:100% 5px}
.radio-group.large.vehicle-class > span.luxury .iradio_line-orange:before{content: ""; background:url(../images/icon-private-vehicle-types.png) no-repeat 0 15px; height:70px; width:100px; display:block; margin:auto;}
.radio-group.large.vehicle-class > span.luxury .iradio_line-orange.checked:before{ background-position:100% 15px}
.radio-group.large.vehicle-class > span.car .iradio_line-orange:before{content: ""; background:url(../images/icon-private-vehicle-types.png) no-repeat 0px -88px; height:70px; width:100px; display:block; margin:auto;}
.radio-group.large.vehicle-class > span.car .iradio_line-orange.checked:before{ background-position:100% -88px}
.radio-group.large.vehicle-class > span.truck .iradio_line-orange:before{content: ""; background:url(../images/icon-private-vehicle-types.png) no-repeat 0px -188px; height:70px; width:104px; display:block; margin:auto;}
.radio-group.large.vehicle-class > span.truck .iradio_line-orange.checked:before{ background-position:100% -188px}
.radio-group.large.vehicle-class > span.suv .iradio_line-orange:before{content: ""; background:url(../images/icon-private-vehicle-types.png) no-repeat 0px -297px; height:70px; width:100px; display:block; margin:auto;}
.radio-group.large.vehicle-class > span.suv .iradio_line-orange.checked:before{ background-position:100% -297px}
.radio-group.large.vehicle-class > span.motorcycle .iradio_line-orange:before{content: ""; background:url(../images/icon-private-vehicle-types.png) no-repeat 0px -390px; height:70px; width:70px; display:block; margin:auto;}
.radio-group.large.vehicle-class > span.motorcycle .iradio_line-orange.checked:before{ background-position:100% -390px}
.personal-transp{ display:none;}
.radio-group.large.technology-class > span.sphone .icheckbox_flat-blue:before{content: ""; background:url(../images/icon-devices.png) no-repeat 0 15px; height:70px; width:25px; display:block; margin:auto;}
.radio-group.large.technology-class > span.sphone .icheckbox_flat-blue.checked:before{ background-position:100% 15px}
.radio-group.large.technology-class > span.tablet .icheckbox_flat-blue:before{content: ""; background:url(../images/icon-devices.png) no-repeat 0 -88px; height:70px; width:36px; display:block; margin:auto;}
.radio-group.large.technology-class > span.tablet .icheckbox_flat-blue.checked:before{background-position:100% -88px;}
.radio-group.large.technology-class > span.laptop .icheckbox_flat-blue:before{content: ""; background:url(../images/icon-devices.png) no-repeat 0 -185px; height:70px; width:59px; display:block; margin:auto;}
.radio-group.large.technology-class > span.laptop .icheckbox_flat-blue.checked:before{background-position:100% -185px}
.radio-group.large.technology-class > span.game .icheckbox_flat-blue:before{content: ""; background:url(../images/icon-devices.png) no-repeat 0 -280px; height:70px; width:60px; display:block; margin:auto;}
.radio-group.large.technology-class > span.game .icheckbox_flat-blue.checked:before{background-position:100% -280px}
.radio-group.large.technology-class > span.tv .icheckbox_flat-blue:before{content: ""; background:url(../images/icon-devices.png) no-repeat 0 -387px; height:70px; width:55px; display:block; margin:auto;}
.radio-group.large.technology-class > span.tv .icheckbox_flat-blue.checked:before{background-position:100% -387px}
.survey-summary .box{ margin-top:20px;}
.survey-summary .row div[class^="col-"] .box:first-child{ margin-top:0;}
.survey-summary .box .box{ min-height:95px; overflow:hidden;}
.survey-summary .box .row div[class^="col-"]:first-child{}
.survey-summary .box a{ font-size: 20px; color:#fff;} 
.survey-summary .box a i, .survey-summary .box a .fa{margin-right: 10px; font-size:16px;}
.survey-summary .box p{ margin-bottom:5px; line-height:22px; font-size:14px;}
.survey-summary .box p.amount{ font-size:11px !important; font-family:'MuseoSansRounded500'!important; text-align:right;}
.survey-summary .container > p{ margin:30px auto; font-weight:500;}
.survey-summary .container > p:last-child{ font-size:48px; margin:60px auto; line-height:50px;}
.survey-summary .container .text-help{ font-weight:500; font-size:15px; font-family:'MuseoSansRounded500'; display:block;}
.career-options{ margin-top:15px; margin-bottom: 30px;}
.survey-pgs .career-selection .box, #demand .box{border-style: none; border-color: inherit; border-width: medium; background-repeat: repeat-x; background-image: linear-gradient(to bottom,#ffffff 0,#d8d8d8 100%); }
.survey-pgs .career-selection .box + div{ margin-top:2px; font-weight:500; font-size:13px;}
.selected-career {  margin: -10px -16px 0; box-sizing:border-box; padding: 10px 10px 0; font-size: 16px; line-height: 17px; /*padding:127px 25px 0 259px; font-size:10px; line-height:13px; width:353px; height:185px;*/}
.selected-career > h2 { margin: 10px 0; color: #ffb63e;}
.survey-pgs .box.career-selection .row div[class^="col-"]{ text-align:center; margin-bottom:30px;}
.demand.up{ background:url(../images/icon-demand-up.png) no-repeat center center;}
.demand.down{ background:url(../images/icon-demand-down.png) no-repeat center center;}
.demand.unchanged{ background:url(../images/icon-demand-unchanged.png) no-repeat center center;}
.social-value{font-size:43px; line-height:50px; color:#2b2b2b;}
.demand, .social-value{ min-height:50px; min-width:50px; cursor:pointer;}
#demand .demand{ cursor:default;}
/*.survey-pgs .box.career-selected{position: absolute; top: 0; width: 100%;left:1000px;}*/
.survey-pgs .box.career-selected{position: relative; top: 0; width: 100%;left:0px !important;}
.survey-pgs .box.career-selected .close{ text-shadow:none; color:#fff; font-weight:500;}
.survey-pgs .box.career-selected h2{ text-align:left; margin:0;font-size: 27px; padding-top: 10px;}
.survey-pgs .box.career-selected h2 + p { font-size:15px; margin:13px 0 15px; font-weight:500;}
.survey-pgs .box.career-selected h2 + p a{ float:right; font-weight:500; text-decoration:underline; color:#fff;}
.survey-pgs .box.career-selected h2 + p a:hover{ text-decoration:none;}
.survey-pgs .box.career-selected .nav-tabs{ margin-bottom:25px; padding-top: 5px; clear: both;}
.survey-pgs .box.career-selected .nav-tabs li{ width:33.33%;}
.survey-pgs .box.career-selected .nav-tabs li a{ font-size:14px; padding:3px 4px; display:block; background:#923510; margin-left:8px; margin-right:0;}
.survey-pgs .box.career-selected .nav-tabs li:first-child a{ margin-left:0;}
.survey-pgs .box.career-selected .nav-tabs li.active a, .survey-pgs .box.career-selected .nav-tabs li a:hover{ background:#fcb61e; box-shadow:none;}
/*.survey-pgs .box.career-selected .tab-content{ min-height:208px;}*/
.survey-pgs .box.career-selected .tab-content{ min-height:auto; padding-bottom: 15px;}
.survey-pgs .box.career-selected .tab-content p{ font-size:16px;  line-height:15px; margin-bottom:10px}
.survey-pgs .box.career-selected .tab-content p:only-child{ margin-bottom:0}
.survey-pgs .box.career-selected .tab-content table{font-size:13px; line-height:15px;}
.survey-pgs .box.career-selected .tab-content table th{ padding:0 5px 10px 5px; text-align:center;}
.survey-pgs .box.career-selected .tab-content table td{ border-top:1px solid; padding:5px; text-align:center; /*white-space:nowrap;*/}
.survey-pgs .box.career-selected .tab-content table tr td:first-child{padding:5px 15px 5px 0;}
.survey-pgs .box.career-selected .tab-content table tr.selected td{ color:#fcc03b; font-weight:500;}
.survey-pgs .behaviour-classes .box{border-style: none; border-color: inherit; border-width: medium; background-repeat: repeat-x; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5); color: #838383; font-size: 16px; margin-top: 10px; margin-bottom: 10px; padding: 3px; border-radius: 3px; background-image: linear-gradient(to bottom,#fffffe 0,#d7d7d7 100%); }
.survey-pgs .behaviour-classes .box img{ width:100%; height:auto;}
.survey-pgs .behaviour-classes .box p{ min-height: 60px; padding: 3px 0 2px; text-align:center; margin:0; color:#838383; font-size:16px; }
.survey-pgs .behaviour-classes .box[data-game-name="Communications"]{ word-break:break-all;}
.ie9 .survey-pgs .behaviour-classes .box p{ min-height: 41px; padding: 3px 0 2px; text-align:center; margin:0; color:#FFF; font-size:16px; }
.survey-pgs .survey-content .box.selected-behaviour-classes .col-lg-2 { padding:0 5px;}
.survey-pgs .survey-content .box.selected-behaviour-classes .box{min-height: 45px; overflow:visible; margin-bottom:5px; margin-top:5px;}
.survey-pgs .top-steps h1:first-child{ margin:25px 0 20px;}
.ie8 .survey-pgs .top-steps h1{color:#FFF;}
.rpi{ margin:20px auto; text-align: center; width:180px;}
.rpi span{ background:#fff; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.2);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=20)"; font-size:13px; font-family:'MuseoSansRounded500'; font-weight:500; padding:5px 10px; border-radius:0 50px 50px 0; width:60px; float:left; margin:17px 0;}
.ie9 .rpi span{ background:#d2d2d2; opacity:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; }
.ie8 .rpi span{ background:#e95b22}
.rpi span:first-child{border-radius:50px 0 0 50px;}
.rpi span.star{ width:62px; height:62px; display:inline-block; position:relative; margin:0 -10px; box-shadow:none; padding-top:21px;}
.rpi span.star.green{background:url(../images/star-rpi-green.png) no-repeat 0 0;}
.rpi span.star.yellow{background:url(../images/star-rpi-yellow.png) no-repeat 0 0;}
.rpi span.star.orange{background:url(../images/star-rpi-orange.png) no-repeat 0 0;}
.rpi span.star.red {background: url(../images/star-rpi-orange.png) no-repeat 0 0; color:#fff;}
.rpi img{ margin:0 -5px; border-radius:35px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);}
.spanish .rpi {width: 244px;}
.spanish .rpi span {width: 100px;}
.spanish .rpi span.star {width: 64px;}
.rpi-content{ border-bottom:5px solid; margin-left: -15px; margin-right: -15px; background:url("../images/pattern1.png") repeat scroll 0 0;}
.rpi-content > .row, .career > .row{ margin-left:0; margin-right:0;}
.rpi-content .box{ position:relative; padding:5% 2% 1%; margin:100px auto 150px; }
.ie8 .rpi-content .box{ margin:200px auto 150px; padding:0% 2% 1% 2%;}
.rpi-content .box p{ font-size:16px; /*margin-right: 23%;*/}
.rpi-content .box.removedmarg p{ margin-right:0;}
.rpi-content .box .avatar_body{ position:absolute; right:2%; top:-57%;} 
.ie8 .rpi-content .box .avatar_body{top:-40%;} 
.rpi-content .box .rpi{ margin:-121px auto 25px; width:380px;}
.ie8 .rpi-content .box .rpi{ position:relative; top:-65px; bottom:0}
.rpi-content .box .rpi .star{ background:url(../images/bigstar-rpi.png) no-repeat 0 0; width:136px; height:135px; display:inline-block; position:relative; margin:0 -10px; box-shadow:none; padding-top:50px;}
.rpi-content .box .rpi .star.green{ background:url(../images/bigstar-green-rpi.png) no-repeat 0 0; width:136px; height:135px; display:inline-block; position:relative; margin:0 -10px; box-shadow:none; padding-top:50px;}
.rpi-content .box .rpi .star.yellow{ background:url(../images/bigstar-yellow-rpi.png) no-repeat 0 0; width:136px; height:135px; display:inline-block; position:relative; margin:0 -10px; box-shadow:none; padding-top:50px;}
.rpi-content .box .rpi .star.orange{ background:url(../images/bigstar-orange-rpi.png) no-repeat 0 0; width:136px; height:135px; display:inline-block; position:relative; margin:0 -10px; box-shadow:none; padding-top:50px;}
.rpi-content .box .rpi span{background-repeat: repeat-x; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5); font-size: 22px; font-weight: 500; line-height: 38px; width: 130px; margin: 40px 0; float: left; background-image: linear-gradient(to bottom,#e95b22 0,#ca4f1e 100%); }
.survey-pgs.enlightenment, .survey-pgs.enlightenment .container-fluid{ background:none;}
.lifestyle-index, .career{ border-top:5px solid; border-bottom:5px solid; padding:35px 0 75px; background:url("../images/pattern1.png") repeat scroll 0 0;}
.survey-pgs .lifestyle-index .box{background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=20)";}
.enlightenment h2{ font-size:32px; line-height:32px; margin-bottom:50px;}
.career{margin-left: -15px; margin-right: -15px;}
.career h2{ margin-bottom:20px;}
.career h4{ margin-top:0px; color:#fff; margin-bottom:20px;}
.career .career-selected{background:#3f2575; background: rgb(63, 37, 117); background: rgba(63, 37, 117, 0.5);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; padding:18px 0 15px; text-align:center;}
.career .career-selected h4{ margin-bottom:12px;}
.career .career-selected p{ font-weight:500; margin-bottom:0;}
.career .career-selected-detail{ padding-top:35px;}
.career .career-selected-detail a{ text-decoration:underline; color:#fff;}
.career .career-selected-detail a:hover{ text-decoration:none;}
.career .career-selected-detail .row div[class^="col-"]{ border-left:1px solid; padding:0 25px; min-height:320px}
.career .career-selected-detail .row div[class^="col-"]:first-child{ border-left:0;}
.career .career-selected-detail table{font-size:13px; line-height:15px;}
.career .career-selected-detail table th{ padding:10px 5px; text-align:center;}
.career .career-selected-detail table td{ border-top:1px solid; padding:10px 5px; text-align:center;}
.career .career-selected-detail table tr td:first-child{padding:5px 15px 5px 0;}
.career .career-selected-detail table tr.selected td{ color:#fcc03b; font-weight:500;}
.career .career-selected-detail #demand .box { margin: 33px auto 47px; min-height: 120px; width: 150px;}
.career .career-selected-detail #demand .box .demand { background-size: 100% auto; display: inline-block; height: 60px; width: 60px; margin: 25px auto 0;}
.reports, .pre-footer-bg{ border-top:5px solid; margin-left: -15px; margin-right: -15px; background:url("../images/pattern1.png") repeat scroll 0 0;}
.reports h2{ margin-top:0; margin-bottom:0; padding:50px 0 75px; color:#2b2b2b;}
.enlightenment .reports-bg{ border-bottom:5px solid; margin-left: -15px; margin-right: -15px;}
.pre-footer-bg{ padding-top:40px;}
/* organization */
.top-tabs{ background:#fff;-webkit-box-shadow: 0px 11px 4px -10px rgba(0,0,0,0.22); -moz-box-shadow: 0px 11px 4px -10px rgba(0,0,0,0.22); box-shadow: 0px 11px 4px -10px rgba(0,0,0,0.22);}
.top-tabs .wrapper1{ height:70px; margin:0;}
.top-tabs .nav > li a{ font-size:20px; padding: 25px 5px 19px;}
.search-panel{ border-top:1px solid #cfcfcf; padding:15px 0}
.record-search { color:#b0b0b0; font-size:14px}
.record-search input[type=text]{ padding:3px 35px 3px 15px; border-radius: 20px; max-width:270px; margin-right:20px; background-image:url(../images/icon-search.png); background-position:center right; background-repeat:no-repeat; cursor:pointer;}
.btn-small.btn-default{ font-size:12px;}
.search-panel .btn-small.btn-default{ border: none; color: #fff; margin: 0; padding: 5px 20px;}
.search-panel .btn-small.btn-default:hover{ background:#d06158; color:#fff}
.search-filters{ padding:0 0 15px 0}
.search-filters label{ font-size:12px; font-family:'MuseoSansRounded500'; margin-top:15px;}
.search-filters select, .search-filters input{ font-size:14px;padding: 4px 25px 4px 10px;}
.search-filters .radio-group.small > span .iradio_line-orange{min-width: 83px; font-family:'MuseoSansRounded500'; text-align:center;}
.search-filters .radio-group.small > span .iradio_line-orange input{ margin:0;}
.data-table{ font-size:16px; text-align:left;}
.data-table th{font-family:'MuseoSansRounded500'; font-weight:500; padding:25px 5px 15px;}
.data-table td{ padding:15px 5px; border-top:1px solid;}
.data-table tbody tr:first-child td{ border-top:0;}
.data-table-pager select{font-size: 14px; line-height:14px; padding: 4px 10px;}
.data-table-pager .select-style{ width:70px; float:left; margin-right:10px;}
.pages-per-page, .total-records{ line-height: 30px; margin: 17px 0; font-size:12px; color:#676767;}
.user-reports-pages .pages-per-page, .user-reports-pages .total-records{ color:#fff;}
.user-reports-pages .pages-per-page .select-style{color:#676767;}
.career-info .top-steps{ margin-bottom:25px;}
.career-info .top-steps h3{ margin:18px 0}
.career-info p{font-size: 18px; line-height: 20px;}
.career-info h2{ text-align:left;}
.career-info h3{ margin-bottom: 15px; margin-top: 0px;}
.career-info .box{ padding:20px; margin-top:25px;}
.career-info .box:first-child{ margin-top:0px;}
.career-info .box li{ margin-bottom:7px;}
.reports-bg .box li{ padding-left:18px; margin-bottom:10px;}
.career-info .box li:before, .reports-bg .box li:before{ content:"\f054";  display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right:10px;}
.reports-bg .box li:before{ margin-left:-18px; margin-right:8px; font-size: 10px;}
.career-info .pre-footer-btn{ margin-top:20px;}
.career-info .small-anchor{ margin:10px 0;}
.career-info .small-anchor a{}
.career-info .tab-bg{ margin:30px 0; padding-bottom:30px;}
.career-info select{font-size: 14px; margin: 0 10px 15px; padding: 2px 5px; width: auto;}
.career-info #custom td{ padding:5px !important; vertical-align:top;}
.career-info #custom td td{ padding:0 !important}
.career-info #custom label{ font-weight:500;}
.career-info .icheckbox_flat-blue{ margin-right:10px;}
.full-career-info{ padding-top:20px;}
.full-career-info .row { margin-top:25px;}
.full-career-info .box{ line-height:inherit; padding:10px 20px;}
.full-career-info .box h3 { margin: 0 0 10px 0; padding: 5px 0 5px 50px;}
.full-career-info .box a{ color:#fff;}
.full-career-info .box a:hover{ color:#fff;}
.full-career-info .common-row .box{ margin-bottom: 25px;}

.two-tables table{ float:left}
.symbol {display: inline-block; text-align:center; width:40px; height:40px; line-height:40px; font-size:15px; font-weight:500;}
.symbol > img { height: 40px;  width: auto;}
.symbol.grade{border-radius: 50px; background-color:#333; color:#fff}
.career-profile .row{ margin-top:25px;}
.career-profile .row:first-row{ margin-top:0px;}
.career-profile .box{padding: 10px 25px 15px;}
.career-profile .box a, .career-profile .box a:hover{ color:#fff}
.career-profile .box h3{ padding:5px 0 5px 50px; margin:0 0 20px;font-size: 26px;}
h3.task{background:url(../images/icon-task.png) no-repeat left center;}
h3.tools{background:url(../images/icon-tools.png) no-repeat left center;}
h3.technology{background:url(../images/icon-technology.png) no-repeat left center;}
h3.knowledge{background:url(../images/icon-knowledge.png) no-repeat left center;}
h3.skills{background:url(../images/icon-skills.png) no-repeat left center;}
h3.abilities{background:url(../images/icon-abilities.png) no-repeat left center;}
h3.work-activities{background:url(../images/icon-work-activities.png) no-repeat left center;}
h3.work-context{background:url(../images/icon-work-context.png) no-repeat left center;}
h3.job-zone{background:url(../images/icon-job-zone.png) no-repeat left center;}
h3.education{background:url(../images/icon-education.png) no-repeat left center;}
h3.interests{background:url(../images/icon-interests.png) no-repeat left center;}
h3.work-styles{background:url(../images/icon-work-styles.png) no-repeat left center;}
h3.work-values{background:url(../images/icon-work-values.png) no-repeat left center;}
h3.related-occupations{background:url(../images/icon-related-occupations.png) no-repeat left center;}
h3.wages{background:url(../images/icon-wages.png) no-repeat left center;}
h3.credentials{background:url(../images/icon-credentials.png) no-repeat left center;}
h3.middle-school{background:url(../images/icon-middle-school.png) no-repeat left center;}
h3.high-school{background:url(../images/icon-high-school.png) no-repeat left center;}
/*PDF Title*/
.summarypdf h3.task, .detailspdf h3.task{background:url(../images/icon-task-black.png) no-repeat left center;}
.summarypdf h3.tools, .detailspdf h3.tools{background:url(../images/icon-tools-black.png) no-repeat left center;}
.summarypdf h3.technology,.detailspdf h3.technology{background:url(../images/icon-technology-black.png) no-repeat left center;}
.summarypdf h3.knowledge, .detailspdf h3.knowledge{background:url(../images/icon-knowledge-black.png) no-repeat left center;}
.summarypdf h3.skills, .detailspdf h3.skills{background:url(../images/icon-skills-black.png) no-repeat left center;}
.summarypdf h3.abilities, .detailspdf h3.abilities{background:url(../images/icon-abilities-black.png) no-repeat left center;}
.summarypdf h3.work-activities,.detailspdf h3.work-activities{background:url(../images/icon-work-activities-black.png) no-repeat left center;}
.summarypdf h3.work-context,.detailspdf h3.work-context{background:url(../images/icon-work-context-black.png) no-repeat left center;}
.summarypdf h3.job-zone,.detailspdf h3.job-zone{background:url(../images/icon-job-zone-black.png) no-repeat left center;}
.summarypdf h3.education, .detailspdf h3.education{background:url(../images/icon-education-black.png) no-repeat left center;}
.summarypdf h3.interests, .detailspdf h3.interests{background:url(../images/icon-interests-black.png) no-repeat left center;}
.summarypdf h3.work-styles,.detailspdf h3.work-styles{background:url(../images/icon-work-styles-black.png) no-repeat left center;}
.summarypdf h3.work-values,.detailspdf h3.work-values{background:url(../images/icon-work-values-black.png) no-repeat left center;}
.summarypdf h3.related-occupations,.detailspdf h3.related-occupations{background:url(../images/icon-related-occupations-black.png) no-repeat left center;}
.summarypdf h3.wages,.detailspdf h3.wages{background:url(../images/icon-wages-black.png) no-repeat left center;}
.summarypdf h3.credentials,.detailspdf h3.credentials{background:url(../images/icon-credentials-black.png) no-repeat left center;}
.summarypdf h3.middle-school,.detailspdf h3.middle-school{background:url(../images/icon-middle-school-black.png) no-repeat left center;}
.summarypdf h3.high-school,.detailspdf h3.high-school{background:url(../images/icon-high-school-black.png) no-repeat left center;}
.summarypdf h3.post-secondary-certification-icon,.detailspdf h3.post-secondary-certification-icon{background:url(../images/icon-certificate-dark.png) no-repeat left center;}
.summarypdf h3.user-group,.detailspdf h3.user-group{background:url(../images/user-group-black-icon.png) no-repeat left center;}
.summarypdf .underrepresented-box,.detailspdf .underrepresented-box{color:#000;}
.summarypdf .underrepresented-box .underrepresented-box-inner .left-box, .summarypdf .underrepresented-box-detail .underrepresented-box-inner .left-box, .detailspdf .underrepresented-box .underrepresented-box-inner .left-box, .detailspdf .underrepresented-box-detail .underrepresented-box-inner .left-box, .summarypdf .underrepresented-box .underrepresented-box-inner .left-box, .summarypdf .underrepresented-box-detail .underrepresented-box-inner .right-box, .detailspdf .underrepresented-box .underrepresented-box-inner .right-box, .detailspdf .underrepresented-box-detail .underrepresented-box-inner .right-box{color:#000;}
/*End PDF Title*/
.career-profile ul.row.tools{ margin-top:0}
.reports-bg .box.career-tools ul li:before, .reports-bg .box.career-job-zone ul li:before, .reports-bg .box.career-related-occupations ul li:before{ content:""; margin-left:0; margin-right:0;}
.reports-bg .box.career-job-zone ul li, .reports-bg .box.career-related-occupations ul li{ padding-left:0}
.reports-bg .box ul.tools li{ padding-top:100px; text-align:center; min-height: 140px; margin-bottom:20px;}
li.desktop{ background:url(../images/icon-desktop.png) no-repeat center top;}
li.graphics{ background:url(../images/icon-tablets.png) no-repeat center top;}
li.notebook{ background:url(../images/icon-notebook.png) no-repeat center top;}
li.pda{ background:url(../images/icon-pda.png) no-repeat center top;}
li.scanner{ background:url(../images/icon-scanners.png) no-repeat center top;}
.reports-bg .box ul.li-with-icon li:before{ content:""; margin-left:0; margin-right:0;}
.reports-bg .box ul.li-with-icon li{ padding-left:60px}
.reports-bg .box ul.li-with-icon li img{ float:left; margin:0px 10px 5px -60px}
.table.data-with-img tr td .table-description{ padding-left:60px}
.table.data-with-img td img{float: left; margin: 0px 10px 5px -60px;}
.table.data-with-img td .percentage { margin-top: 5px;}
.table.data-with-img td table.scale-anchors{margin: 10px auto; clear:both}
.table.data-with-img td table.scale-anchors td{ padding:0; border:none}
.table.data-with-img td table.scale-anchors td img{ margin:0}
.table.data-with-img td table.scale-anchors td .per-container{ float:left; padding-right:0; width:100%;background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=20)";}
.table.data-with-img td table.scale-anchors td.ancexp{ font-size:12px; text-align:center;}
.table.data-with-img td table.scale-anchors td.botborder{ border-bottom:1px solid #FFF;}
.table.data-with-img td table.scale-anchors tr td.ancexp img{ float:none; display:inline-block}
.table.data-with-img td table.scale-anchors tr td.ancexp:first-child{/* text-align:left;*/}
.table.data-with-img td table.scale-anchors tr td.ancexp:last-child{ /*text-align:right;*/}
ul li .lable{ float:left; width: 24%; margin-right: 1%;}
ul li .lable-content{float:left; width:75%;}
.data1 { margin-bottom:10px;}
.graph + p{ margin-bottom:5px;}
.graph-head { border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-size: 11px; margin-bottom: 10px; padding-bottom: 5px;}
.graph-head .lable{ float:left; width:50%;}
.graph-head .percentage{ float:left; width:50%; padding-left:35px; }
.graph .lable{ float:left; width:45%; text-align:right; padding-right:5%;}
.graph .percentage{ float:left; width:50%; }
.percentage .p80{ width:80%;}
.percentage .p68{ width:68%;}
.percentage .p64{ width:64%;}
.percentage .p54{ width:54%;}
.percentage .p50{ width:50%;}
.percentage .p40{ width:40%;}
.percentage .p35{ width:35%;}
.percentage .p29{ width:29%;}
.percentage .p24{ width:24%;}
.percentage .p8{ width:8%;}
.per-container{box-sizing: border-box; padding-right: 35px; width: 100%;}
.per-container div{background:#eee; height:20px; float:left; margin-right:10px;}
.per-container div.num-per{ background:none;float: left; margin-left: 5px; margin-right: -30px;}
.num-bef-per{ float:left; width:35px;}
.num-bef-per + .per-container{ float:left; padding-right:0; width:70%;background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=20)";}
.num-bef-per + .per-container div{ margin-right:0;}
.career-profile .table-head th{ font-size:17px}
.career-work-context .percentage{ font-size:10px;}
.career-work-context .percentage .num-bef-per{ width:25px;}
.career-work-context .num-bef-per + .per-container{ width:50%; margin-right:5px}
.career-work-context .num-bef-per + .per-container div{ height:15px;}
.pdf-percentage .per-container div {background:#d2d2d2 !important;}
.pdf-percentage .num-bef-per + .per-container {background:#b2b2b2;}
.career-related-occupations .date{min-width:90px; float:left}/*min-width:100px;*/
.career-related-occupations li .date + a{ float:left; width:74%;}
.career-related-occupations li .row1{ margin-bottom:10px;}
/* model */
.modal-content{  font-size:14px;}
.modal-content a{ color:#00539b;}
.modal-title{ line-height:30px !important;}
.modal-title .chk-opt{ margin-right:20px;}
.modal-title .chk-opt label{ font-size:13px; font-family:'MuseoSansRounded500'; font-weight:500;}
.modal-title .chk-opt a{font-size:13px; font-family:'MuseoSansRounded500'; font-weight:500;}
.modal-header{ border-bottom:1px solid #959595; padding-left:0; padding-right:0; margin:0 15px;}
.modal-header p{ font-size:15px; color:#2b2b2b; margin-bottom:0; margin-top:8px;}
.modal-body{ padding:35px 25px;}
#modalEditStudentUser .modal-content .modal-body, #modalEditOrgUser .modal-content .modal-body, #AddLocation .modal-content .modal-body, #modalAddRegion .modal-content .modal-body, #AddCourse .modal-content .modal-body, #AddActivity .modal-content .modal-body{ padding:20px 25px 25px;}
#modalAddUser .modal-content .modal-body{ padding:20px 25px 25px;}
.modal-body p{ margin-bottom:15px;}
.modal-body p.nmar { margin-bottom: 0;}
#modalSignIn .modal-body a{ margin-top:-5px; float:left}
#modalAddUser .modal-body a{ margin-top:-5px; float:left}
.modal-footer{ text-align:left !important;  border-top:1px solid #959595; padding-left:0; padding-right:0; margin:0 15px;}
.modal-content .btn-default, .modal-content .btn-white, .credit-card .btn-default, .getPrice .btn-default{ font-size:18px; padding:9px 25px;}
#modalChooseGuru .modal-dialog{ width:700px;}
#modalChooseGuru .modal-dialog .guru-avatar-fix{ margin-left:20px}
#modalChooseGuru .modal-dialog .left-arrow{ left:0}
#modalChooseGuru .modal-dialog .right-arrow{ right:0}/* right:38%*/
#modalEditProfile .prof-avatar{ height:400px;}
#modalEditProfile .prof-avatar .avatar_body{ text-align:center; width:175px; height:400px;}
#modalEditProfile .prof-avatar .avatar_body img{ width: 175px !important; left:0;}
#modalEditProfile #avatarAttributes { height: 450px;}
#modalAccSettings .modal-dialog{ width:800px;}
#modalAchievementUnlock h5{ margin:5px 0}
#modalAchievementUnlock .modal-body p { margin-bottom: 0;}
#modalAchievementUnlock .modal-dialog{ width:350px; margin:10px auto;}
#modalAchievementUnlock .achievement{ width:auto;}
#achievement-name i, #achievement-name .fa{ display:none;}
.tab-content.top-space{ padding-top:40px;}
.tab-content .form-group input,
.tab-content .form-group .radio-group,
/*.tab-content .form-group .select-style{ margin-bottom:15px;}*/
.tab-content .form-group .radio-group.nmar{ margin-bottom:0;}
.modal .form-group .col-lg-1, .modal .form-group .col-lg-10, .modal .form-group .col-lg-11, .modal .form-group .col-lg-12, .modal .form-group .col-lg-2, .modal .form-group .col-lg-3, .modal .form-group .col-lg-4, .modal .form-group .col-lg-5, .modal .form-group .col-lg-6, .modal .form-group .col-lg-7, .modal .form-group .col-lg-8, .modal .form-group .col-lg-9, .modal .form-group .col-md-1, .modal .form-group .col-md-10, .modal .form-group .col-md-11, .modal .form-group .col-md-12, .modal .form-group .col-md-2, .modal .form-group .col-md-3, .modal .form-group .col-md-4, .modal .form-group .col-md-5, .modal .form-group .col-md-6, .modal .form-group .col-md-7, .modal .form-group .col-md-8, .modal .form-group .col-md-9, .modal .form-group .col-sm-1, .modal .form-group .col-sm-10, .modal .form-group .col-sm-11, .modal .form-group .col-sm-12, .modal .form-group .col-sm-2, .modal .form-group .col-sm-3, .modal .form-group .col-sm-4, .modal .form-group .col-sm-5, .modal .form-group .col-sm-6, .modal .form-group .col-sm-7, .modal .form-group .col-sm-8, .modal .form-group .col-sm-9, .modal .form-group .col-xs-1, .modal .form-group .col-xs-10, .modal .form-group .col-xs-11, .modal .form-group .col-xs-12, .modal .form-group .col-xs-2, .modal .form-group .col-xs-3, .modal .form-group .col-xs-4, .modal .form-group .col-xs-5, .modal .form-group .col-xs-6, .modal .form-group .col-xs-7, .modal .form-group .col-xs-8, .modal .form-group .col-xs-9{padding-left: 0; padding-right: 15px;}
.modal .form-group .col-lg-1:first-child, .modal .form-group .col-lg-10:first-child, .modal .form-group .col-lg-11:first-child, .modal .form-group .col-lg-12:first-child, .modal .form-group .col-lg-2:first-child, .modal .form-group .col-lg-3:first-child, .modal .form-group .col-lg-4:first-child, .modal .form-group .col-lg-5:first-child, .modal .form-group .col-lg-6:first-child, .modal .form-group .col-lg-7:first-child, .modal .form-group .col-lg-8:first-child, .modal .form-group .col-lg-9:first-child, .modal .form-group .col-md-1:first-child, .modal .form-group .col-md-10:first-child, .modal .form-group .col-md-11:first-child, .modal .form-group .col-md-12:first-child, .modal .form-group .col-md-2:first-child, .modal .form-group .col-md-3:first-child, .modal .form-group .col-md-4:first-child, .modal .form-group .col-md-5:first-child, .modal .form-group .col-md-6:first-child, .modal .form-group .col-md-7:first-child, .modal .form-group .col-md-8:first-child, .modal .form-group .col-md-9:first-child, .modal .form-group .col-sm-1:first-child, .modal .form-group .col-sm-10:first-child, .modal .form-group .col-sm-11:first-child, .modal .form-group .col-sm-12:first-child, .modal .form-group .col-sm-2:first-child, .modal .form-group .col-sm-3:first-child, .modal .form-group .col-sm-4:first-child, .modal .form-group .col-sm-5:first-child, .modal .form-group .col-sm-6:first-child, .modal .form-group .col-sm-7:first-child, .modal .form-group .col-sm-8:first-child, .modal .form-group .col-sm-9:first-child, .modal .form-group .col-xs-1:first-child, .modal .form-group .col-xs-10:first-child, .modal .form-group .col-xs-11:first-child, .modal .form-group .col-xs-12:first-child, .modal .form-group .col-xs-2:first-child, .modal .form-group .col-xs-3:first-child, .modal .form-group .col-xs-4:first-child, .modal .form-group .col-xs-5:first-child, .modal .form-group .col-xs-6:first-child, .modal .form-group .col-xs-7:first-child, .modal .form-group .col-xs-8:first-child, .modal .form-group .col-xs-9:first-child{padding-left: 15px;}
.form.edit-data .row{ margin-top:20px;}
.form.edit-data .row label{margin: 4px 0; font-weight:500;}
#modalEditUser .modal-content .form.edit-data .row label{margin: 0 0 4px 0;}
.form.edit-data .row:first-child{ margin-top:0;}
.form.edit-data .row input{padding: 4px 10px; font-size:14px;}
.ie .form.edit-data .row input{padding: 4px 10px 8px;}
.form.edit-data .row input.hasDatepicker{background-position: right -1px !important;}
.form.edit-data .row select{padding: 3px 10px; font-size:14px;}
.nrpad{ padding-right:0 !important;}
.red{ color:#B30000;}
.tab-content #profile .form-group label + div{ /*display:none;*/}
.form-control-static{ margin-bottom:5px; padding-top:0;}
.form-control-static i, .form-control-static .fa{ float:right; font-size:24px; color:#EF5719}
.tab-content #billing .form-group .form-control-static a{ margin-left: 25px;  text-decoration: underline;}
.tab-content #billing .form-group .form-control-static a i, .tab-content #billing .form-group .form-control-static a .fa{ font-size:18px; margin-right:10px; float:none}
/*IE Fixes Start*/
.ie8 .logo, .ie8 .partner-logo{ background:none !important; background-image:none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo-lifestylelearning.png?ver=1.0.0', sizingMethod='scale');}
.ie8 .logo, .ie8 .careerchi-logo, .ie8 .dev-logo{ background:none !important; background-image:none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo-lifestylelearning.png?ver=1.0.0', sizingMethod='scale');}
.ie8 .guru-avatar.avatar1{ background:none !important; background-image: none; background-position:center right !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/guru1.png', sizingMethod='scale'); }
/*IE Fixes End*/
.life-metric-btn{text-align: center; margin: auto; position: relative; top: -80px; }
.life-metric-btn a{font-size:28px;}
.life-metric-btn a:hover{background-position: 0 -60px;}
.life-metric{ background: url("../images/pattern1.png") repeat scroll 0 0;}
.highlight-box{/* background:#000;*/ padding:20px 0; background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.4);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=4)"; color:#fff;}
.ie9 .highlight-box {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.life-metrics-hlm { background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=2)"; color:#fff; padding:10px 0px; margin:10px 0 0;}
.ie9 .life-metrics-hlm {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.org-report .life-metrics-total{ font-family:'MuseoSansRounded500'; font-size:19px; font-family:'MuseoSansRounded500'; }
.life-metrics-size{ padding-top:5px; padding-right:25px; }
.life-metrics-size span{padding-right:20px;}
.life-metrics .arrow a{background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=2)"; color:#fff; padding:5px 10px; border-radius:2px;}
.pager1{padding-left: 0; text-align: right; list-style: none;}
.pager1 li{ display:inline-block; padding-right:5px;}
.report-table a{ text-decoration:underline; color:#333;}
.report-table a:hover{ text-decoration:none;}
.hr2{ border:1px #D8D8D8 solid; }
.hr1{ border-top: 1px solid}
/*.report-table .text-right{ padding-right:32px;}
.report-table .text-left{ padding-left:20px;}*/
.overflow-y{ overflow:hidden;}
.life-metric .btn-small i, .life-metric .btn-small .fa{ padding:0 3px 0 0px;}
.container.report-org{padding: 20px 30px !important; font-size:16px;}
.middle-container.org-report{ background:#e0e0e0;}
.org-report .life-metrics-hlm{background: #d0675e;color: #fff; padding: 10px 0px; margin: 20px 0 0;}
.org-report .pink{ color:#d0675e; font-family:'MuseoSansRounded500'; font-weight:500;}
.org-report .data-ocupations{ font-weight:500;}
.org-report .row.pager-footer{ font-family:'MuseoSansRounded500'; font-weight: 500; font-size:15px;}
.post-secondery-area .bg-white{padding:10px; margin-left:0; }
.post-secondery-area .pink{ padding-left:25px; color:#000;}
.post-secondery-area .bg-pink{ padding:10px 25px ;}
.report-table-head.scrollable-head{ margin-right:0; padding-right:40px;}
/*TOP 25 */
.report-info label{ font-family:'MuseoSansRounded500'; font-size: 18px; color:#fff; padding-right: 20px; line-height:30px; margin-bottom: 0px;}
.report-info select{ float:left; width:auto;}
.user-report-info { color:#fff;/*margin: 0 -15px; padding: 0 15px;*/ background:#000; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=2)";}
.ie9 .user-report-info {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.user-report-info input[type="text"], 
.user-report-info input[type="password"], 
.user-report-info input[type="email"], 
.user-report-info select{ color:#000; padding: 4px 10px;}
.user-report-info input.hasDatepicker{background-position: right -1px !important;}
.user-report-info input.hasTimepicker{background-position: right -75px !important;}
.user-report-info .row{ border-top:1px solid;}
.user-report-info .row:first-child{ border-top:none;}
.user-report-info .row div[class^="col-"]{ padding-top:10px; padding-bottom:10px; line-height:20px; }
.user-report-info strong{ display:block;}
.user-report-info label, .user-report-info .select-style{ float:left}
.user-report-info .col-lg-12 label{ margin-top:5px; margin-right:15px;}
.user-report-info .col-lg-12 .select-style{ width:auto;}
.user-report-info .select-style select, .user-report-info .select-style input{ font-size: 14px; padding: 4px 25px 4px 10px;}/* padding: 4px 10px;*/
.required{ border:1px #FF0000 solid !important;}
.expiryd{ line-height:16px; font-size:15px; text-align:center; vertical-align:middle; padding-top:15px;}
.cvvhelp{ background-image: url("../images/icons.png") !important; background-position: 3px -40px !important; background-repeat: no-repeat !important; width:25px; height:25px; margin:10px 0 0 0; display:block;}
.upload .btn{ background-image:linear-gradient(to bottom,#f05e23 0,#ef5010 100%); border-radius:3px; padding:3px 15px; font-size:16px;}
.modal-title .chk-opt input{ float:left; margin:11px 6px !important;}
.ie .upload-field input{ height:30px; background:#FFF; border:#000 1px solid;}
.color-white { color:#FFF;}
.fa.fa-sort { cursor:pointer;}
#modalAddUser select{ padding:5px 7px;}
.survey-pages.survey-summary .row.top-steps { margin-top: 15px; }
/* account settings*/
.acc-setting h3{ font-weight:500; margin-top:0;}
.acc-setting.tab-content .form-group{ margin-bottom:20px;}
.acc-setting.tab-content .form-group input{ margin-bottom:0;}
.acc-setting.tab-content .form-group label{ margin-bottom:5px;}
body.profile-pages.spanish .box.form label { font-size: 15px; }
body.profile-pages.spanish .calendars-month-header select, .calendars-month-header input { max-width: 100px; }
.acc-setting.tab-content .form-group .row:first-child{ margin-top:0;}
.acc-setting .box.form{ border-top-width:1px}
.pre-footer-btn.acc-setting{ margin-top:0; padding-top:20px !important; padding-bottom:20px !important;}
.credit-card .btn-default.apply{ padding:12px; font-size:15px;}
.radio-group.large.technology-class > span.sphone .icheckbox_flat-blue{ background-size:100%;}
/*.graduation-account-info .prof-footer-acc-info { display:block; width:80%; border-radius:5px;}
.graduation-account-info .prof-footer-acc-info.box {position: static; float: left; padding: 4px;}
.graduation-account-info .my-guru .guru-avatar {background-size: auto 100%; width: auto; height: 200px;}
.graduation-account-info .my-guru .quote {font-size: 14px; width: 110px; padding: 8px 10px; line-height: 18px; top: -10px;}*/
.graduation-account-info .prof-footer-acc-info { display:block; width:100%; border-radius:5px;}
.graduation-account-info .prof-footer-acc-info.box {position: static !important; float: left; padding: 4px;}
.graduation-account-info .my-guru .guru-avatar {background-size: auto 100%; width: auto; height: 169px;}
.graduation-account-info.guru .my-guru .guru-avatar {background-size: auto 100%; width: auto; height: 224px;}
.graduation-account-info .my-guru .quote {font-size: 14px; width: 58%; padding: 8px 10px; line-height: 18px; top: -10px;}/*width: 140px;*/
.graduation-account-info.guru .my-guru .quote {font-size: 14px; width: 35%; padding: 8px 10px; line-height: 18px; top: -10px;     max-height: 220px;}/*width: 40%;*/
.my-guru .quote:after, .my-guru .quote:before {right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.my-guru .quote:after {border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 15px; margin-top: -15px; }
.my-guru .quote:before {border-color: rgba(202, 202, 202, 0); border-right-color: #cacaca; border-width: 18px; margin-top: -18px; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { font-weight: 500; padding: 5px;}
.static-content{ min-height:345px;}
.static-content p {line-height: 25px;}
#education-stem, #education-details-stem{clear: both; margin-top: 25px;}
#education-stem p, #education-details-stem p{font-size: 15px; margin-bottom: 10px;}
.img-block img{ margin-top:9px;}
#related-occupations-statements .mCS_img_loaded{ padding:1px;}
#related-occupations-statements ul li a+.mCS_img_loaded{ margin-right:2px;}
#related-occupations-details .mCS_img_loaded{ padding:1px;}
#related-occupations-details ul li a+.mCS_img_loaded{ margin-right:2px;}
#modalAddThemeMusic .radio label{ padding-left:0}
/*Added 22-Dec-2016*/
.report-select .mCSB_inside > .mCSB_container {margin-right: 0px;}
.report-table.report-select.responcivetbl {margin-bottom: 20px;}
.padb20 {padding-bottom: 20px;}
.btn-green {border-style: none; border-color: inherit; border-width: 0; text-shadow: none; background-repeat: repeat-x; -webkit-box-shadow: 0px 2px 3px -2px #000; -moz-box-shadow: 0px 2px 3px -2px #000; box-shadow: 0px 2px 3px -2px #000; color: #fff; font-size: 22px; font-weight: 500 !important; border-radius: 3px; padding: 8px 25px; background-image: linear-gradient(to bottom,#6cb345 0,#3d8416 100%); }
.btn-green:hover {background-color: #3d8416; background-position: 0 5px; color: #fff; border-color: #fff;} 
/*End Added 22-Dec-2016*/
/*Added 11-Jan-2017*/
.report-subtable.blue-border td {border-color: #2958a1 !important;}
/*End Added 11-Jan-2017*/
/*Added 19-Jan-2017*/
.ie .org-pages footer,
.ie footer#inner-footer,
.ie .profile-pages footer{ background:none; text-align:left;}
/*End Added 19-Jan-2017*/
/*Smtia Start*/
.col-sm-6.gender-info{ width:50%; float:left;}
.col-sm-6.birth-info{ width:50%; float:left; padding-left:0px !important;}
.report-table .data-ocupations thead a{ text-decoration:underline; color:#fff;}
li.occupations-info a{ color:#fff !important;}
li.occupations-info .date {padding-right: 5px;}
span#game-error-block{ color:#36ee14;}
.survey-pgs .box.bottom-space p{ text-align:left;}
/*.user-selection table th, .user-selection table td{ white-space: nowrap;}*/
.postsecondary-info .totalcount { margin:0px;}
#btn-theme-music{ color:#f0591c;}
.vcenter { vertical-align:middle !important;}
.career-profile .row#sub-occupation-block{ margin-top:10px;}
/*Smita End*/
/*Added 14-July-2017*/
.dataTables_paginate {text-align: center;}
/*End Added 14-July-2017*/
/*Added 19-July-2017*/
.gamepalette {margin-bottom: 225px !important;}
.radio-group.green > span .iradio_line-orange {position: relative;}
.apply_stem {position: absolute; right: 5px; bottom: 0px; font-size: 12px; font-weight: 500;}
/*End Added 19-July-2017*/
/*Added 20-July-2017*/
.li-video {position: absolute; right: 0; left: 0; bottom: 0; top: 0; width: 177px; height: 227px; margin: auto; padding-top: 60px; padding-right: 10px; cursor: pointer;}
.home-video .modal-body {padding: 15px;} 
.home-video .modal-body iframe {width: 100%; height: 320px;}
/*End Added 20-July-2017*/
/*Added 21-July-2017*/
.prof-footer-acc-info.box {position: fixed !important; right: 15px; bottom: 20px; max-height: 100vh; z-index: 999;}
iframe#launcher.zEWidget-launcher.help-button {bottom: 220px !important; width: 125px !important;}
body {-webkit-overflow-scrolling: touch;}
/*End Added 21-July-2017*/
/*Added 09-Aug-2017*/
#navbar #google_translate_element {margin-right: 10px; margin-top: 0; display: inline-block; float: left;}
#navbar .goog-te-gadget .goog-te-combo {padding: 5px 10px;}
#navbar .goog-te-gadget .goog-logo-link { font-size: 12px;}

.nav #google_translate_element {margin-right: 10px; margin-top: 15px; display: inline-block; float: left;}
.nav .goog-te-gadget .goog-te-combo {padding: 5px 10px;}
.nav .goog-te-gadget .goog-logo-link { font-size: 12px;}

#google_translate_element {margin-top: 30px; margin-left: 10px;}
#google_translate_element .goog-te-gadget-simple {border-color: #e8e8e8;}
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value:hover {text-decoration: none;}
#google_translate_element .goog-te-gadget-icon {height: 23px;}
#google_translate_element .goog-te-gadget img {background-repeat: no-repeat;}
.common-pages #google_translate_element{ margin-top: 0px; margin-left: 0px;}
/*End Added 09-Aug-2017*/
/*Added 18-Added -2017*/
.radio-group.green > span .icheckbox_flat-blue {height: 135px;}
/*End Added 18-Added -2017*/
/*Added 07-Sep-2017*/
.pre-btn {background: none; margin-top: 20px !important;}
.pre-btn .btn {margin: 8px 15px 8px 0px;}
.footer-new {background: rgba(0, 0, 0, 0.2); height: 80px; padding: 10px 0px;}
/*End Added 07-Sep-2017*/
/*Added 12-Sep-2017*/
.goog-te-banner-frame {display: none;}
/*End Added 12-Sep-2017*/
/*Added 15-Sep-2017*/
.spanish .survey-pgs .behaviour-classes .box p {font-size: 14px; line-height: 16px; min-height: 70px;}
 .v-align-top .icheckbox_flat-blue {vertical-align: top;}
/*End Added 15-Sep-2017*/
/*Added 16-Sep-2017*/
.spanish .btn-default.btn-save, .spanish .pre-footer-btn .btn.btn-default.btn-save {width: auto;}
.spanish .pre-footer-btn .btn > font {vertical-align: initial !important;}
/*End Added 16-Sep-2017*/
/*Added 18-Sep-2017*/
.survey_div {visibility:hidden;}
.survey_loader.img_loader {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 47px; height: 39px; display: block;}
.modal {z-index: 999999;}
/*End Added 18-Sep-2017*/
/*Added 19-Sep-2017*/
.career-options .grid-item {top: 0 !important; left: inherit !important; position: inherit !important; display: inline-block; vertical-align: top; margin-left: 10px; margin-top: 15px;}
/*End Added 19-Sep-2017*/
/*Added 21-Sep-2017*/
.total-events-desk {position: absolute; top: 56%; right: 11%;}
.total-events-desk.no-scroll {top:65.6%; right:10.5%;}
.total-events-mobi, .total-events-desk span {display: none;}
.ajax_display .career-options {height: auto !important;}
.report-table.responcivetbl {position: relative;}
/*End Added 21-Sep-2017*/
/*Added 26-Sep-2017*/
.credit-card .btn-default.apply, .getPrice .btn-default {margin-top: 37px;}
/*End Added 26-Sep-2017*/
/*Added 28-Sep-2017*/
.spanish .profile-links .edit-profile {width: 63px; display: inline-block; line-height: 14px; margin-top: 10px;}
.spanish .profile-links .edit-profile i, .spanish .profile-links .edit-profile .fa {margin-top: 0px;}
.regions-opt span:first-child > div {margin: 0;}
.spanish #hlkContinue.btn-default font, .spanish #hlkOrgContinue.btn-default font {vertical-align: top !important;} 
span#st_email_address-error {display: block;}
/*End Added 28-Sep-2017*/
/*Added 10-Oct-2017*/
.rpi-org {background-color: #d6bf8d;}
.rpi-org strong, .rpi-score strong {display: inline-block !important;}
.rpi-score {float: right; font-size: 15px; margin-top: 6px;}
/*End Added 10-Oct-2017*/
/*Added 27-Oct-2017*/
.profile-links div:first-child {width: 100%; text-align: center; margin-bottom: 7px;}
.profile-links div:first-child a {margin: auto; display: inline-block;}
.btn-green-new {border-style: none; border-color: inherit; border-width: 0; text-shadow: none; background-repeat: repeat-x; -webkit-box-shadow: 0px 2px 3px -2px #000; -moz-box-shadow: 0px 2px 3px -2px #000; box-shadow: 0px 2px 3px -2px #000; color: #fff; font-size: 18px; font-weight: 500 !important; border-radius: 3px; padding: 8px 25px; background-image: linear-gradient(to bottom,#60ad37 0,#60ad37 100%); font-family:'MuseoSansRounded500'; background:#437836;}
/*End Added 27-Oct-2017*/
/*Added 1-November-2017*/
.btn-green-new:active {background-image: linear-gradient(to bottom,#60ad37 0,#60ad37 100%); background: #3F7133;}
.btn-green-new:hover, .btn-green-new:focus {background-image: linear-gradient(to bottom,#69bb3c 0,#69bb3c 100%); color: #fff; background: #3F7133;}
.profile-links {text-align: center;}
.profile-links div {float: none; display: inline-block; margin-left: 0px;}
.profile-links div:last-child {margin-left: 7px;}
/*End Added 1-November-2017*/
/*Added 04-Jan-2018*/
.test-position {background-color: red; opacity: 0.7; height: 50px; width: 300px; position: fixed; bottom: 300px; right: 10px;}
/*Added 04-Jan-2018*/
/*Added 19-Dec-2018*/
.new-form {background-color: rgba(255, 255, 255, 0.90); margin-top: -400px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16); border-radius: 4px; padding: 40px;}
.new-form h2.black {background-image: none; margin-top: 0px; padding-bottom: 0px; }
.new-form p {font-size: 16px; color: #2B2B2B; font-weight: 500;}
.new-form .register-form .row {padding-top: 0px;}
.new-form .in-or-btn {text-align: center;}
.new-form .radio-group.x-large.home-opts {margin: 30px auto 20px auto; display: inline-block; box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.90); width: auto;}
.new-form label {font-weight: 500; font-size: 16px; color: #2B2B2B;}
.new-form a {color: #3A98D8;}
.new-form .btn-default {background-color: #3A98D8; background-image: none; box-shadow: none; font-size: 20px; padding: 8px 25px;}
.new-form .btn-white {border-color: #3A98D8; padding: 7px 25px; font-size: 20px; color: #2B2B2B;}
.new-form .btn-default i, .new-form .btn-default .fa {margin-left: 5px; vertical-align: middle;}
.new-form .btn-default:hover {background-color: #d24912;}
.new-form .field-comp {margin-bottom: 10px;}
.top-links {float: right; margin-top: 20px;}
.top-links a {margin-left: 30px; text-shadow: none !important;}
.top-links a i, .top-links a .fa {position: inherit !important; margin-left: 0 !important; margin-right: 10px; vertical-align: top;}
.top-links #getStarted {color: #EE5A2E;}
.top-links #getStarted i, .top-links #getStarted .fa {font-size: 18px;}
.new-form.signin-form {margin-top: 0px; position: relative; max-width: 476px; margin: auto;}
.new-form.signin-form:before {content: ""; background:url(../images/up-arrow.png) no-repeat 0 0; width: 50px; height: 40px; left: 0; right: 0; margin: auto; top: -23px;  position: absolute;}
.login-form input, .forgot-password-form input {padding-left: 35px;}
.login-form .form-group {margin-bottom: 20px;}
.login-form .row {padding-top: 0px !important;}
.forgot-password-form .btn.btn-default {margin-right: 10px;}
.input-icon {position: relative;}
.input-icon i, .input-icon span.fa {position: absolute; margin: 17px 0 0 15px; font-size: 14px;}
.logo-new {display: block; text-align: center; margin: 40px auto;}
.copyright.forget-password {font-size: 14px; line-height: 28px; padding: 20px 0px 40px; text-align: center;}
.copyright.forget-password a {/*color: #3A98D8;*/ text-decoration: underline;}
.copyright.forget-password a:hover {text-decoration: none;}
.small-copyright {font-size: 14px;}
.provided-by, .software-copyright {display: inline-block; padding: 0 20px; vertical-align: top;}
.provided-by p, .software-copyright p {margin-bottom: 10px;}
.navbar-inner #MemberNav1 .navbar-nav > li:first-child > a {padding: 17px 0 17px 20px;}
/*End Added 19-Dec-2018*/
/*Added 20-Mar-2019*/
#ECRI.ecri-new .data-ocupations .col-md-2 {display: none; }
/*End Added 20-Mar-2019*/
/*Added 02-May-2019*/
.show-per {border-top: 3px solid red; display: block; float: left; width: 100%; }
.show-per .w25per {width: 25%; }
.show-per .w25per:before {left: 5px;}
.show-per .w0per, .show-per .w25per,  .show-per .w100per {padding-top: 14px; display: inline-block; position: relative; }
.show-per .w0per:before, .show-per .w25per:before, .show-per .w100per:before {content: ""; border-left: 3px solid red; position: absolute; top: 0; height: 14px; }
.show-per .w0per, .show-per .w25per {width: 25%;}
.w100per {width: 0; right: 25px; }
.w100per:before {text-align: right; right: -25px; }
.anchor .per-container div {border-right: 3px solid red;}
/*End Added 02-May-2019*/
/*Added 15-May-2019*/
.onet-data-box {color: #fff; text-align: center;}
.onet-data-box img {margin-bottom: 20px;}
.onet-data-box p {text-align: left; font-size: 15px; line-height: 24px;}
.onet-data-box a {color: #fff; text-decoration: underline;}
.onet-data-box a:hover {text-decoration: none;}
#details .onet-data-box {margin-top: 25px;}
/*End Added 15-May-2019*/
.tabs-in-tab .nav-tabs > li > a {padding: 7px 10px; font-size: 16px; font-family:'MuseoSansRounded500';}
.full-career-info .ecri-new .tab-content{background-color: #fff; border-radius: 4px; padding:30px; }
.full-career-info .inner-tabs{margin-bottom: 15px;}
.full-career-info .ecri-new-tab-content .inner-tabs{margin-bottom: 0;}
.full-career-info .ecri-new-tab-content .tab-pane a{color:#333; text-decoration: underline;}
.full-career-info .ecri-new-tab-content .tab-pane a:hover{color:#333; text-decoration: none;}
.full-career-info .ecri-new-tab-content .tab-pane .inner-tabs a{color:#fff; text-decoration: none;}
.full-career-info .ecri-new-tab-content .tab-pane .inner-tabs a:hover{color:#fff; text-decoration: none;}
.full-career-info .ecri-new-tab-content .source-link{display: none;}
.full-career-info .ecri-new-tab-content{padding: 0;}
.full-career-info .ecri-new-tab-content ul{margin: 0; padding: 0; list-style: none;}
.full-career-info .ecri-new-tab-content ul li{margin: 0; padding: 10px 0; border-bottom: 1px solid #ddd;}
.full-career-info .ecri-new-tab-content ul li:first-child{padding-top: 0;}
.full-career-info .ecri-new-tab-content .count-footer{font-size: 16px; font-weight: 500; text-align: right; padding-top: 10px!important;} 
.full-career-info .ecri-new-tab-content .sort-content {text-align: right; color:#c85053; width: 100%; clear: both;}
/*{font-family:'MuseoSansRounded500'; font-family:'MuseoSansRounded500'; font-family:'MuseoSansRounded500';}*/
/* High contrast */
body.high-contrast{background-color: DarkBlue; color: yellow;}
body.high-contrast h1{text-shadow: none;}
/* Print */
body.print h1{text-shadow: none;}
body.print img{display: none;}
.avatar-plug img{ width:100%;}
.error-block{ color:#B30000;}/*color: #000; background: rgba(255,251,251,0.4); padding: 10px 18px; border-radius: 5px; display: block; margin: 10px 0; border: 1px solid #f00; transition: all 0.5s ease;*/
.survey-error-block{color: #36ee14; font-weight: 500; font-size: 18px !important;}/*color: #000; font-size: 15px;*/
/*Added 16-Jan-2017*/
.totalcount {margin: 20px 0; color: #fff;}
.totalcount .life-metrics-total {display: inline-block;}
.padt10 {padding-top: 10px;}
.padb10 {padding-bottom: 10px;}
.report-table.report-select th a {color: #fff; text-decoration: none;}
.report-table.report-select th a:hover {text-decoration: underline;}
/*End Added 16-Jan-2017*/
/*added 3March17*/
.bgorange a{ color:#fff; text-decoration:none;}
.bgorange a:hover{ text-decoration:underline;}
.uncompleted-profile{ font-size:18px; font-weight:500; color:#ff0000; text-shadow:none;}
/*added 3March17*/
/*added 10march17*/
#Locations_cost{ word-break:break-word;}
/*end 10march17*/
input[type="text"]:disabled {background-color: #dddddd !important;}
select[disabled] {background-color: #dddddd !important;}
input:read-only {background-color: #dddddd !important;}
input:-moz-read-only { /* For Firefox */background-color: #dddddd !important;}
.alert-danger{word-wrap: break-word;}
.view-lifemetrics{ font-size:18px; margin-bottom: 10px; display:inline-block;}
#modalUploadUsers ol, ul{padding-left:0px;}
#modalUploadUsers li{ display:list-item; list-style-type:decimal;}
/*Blink button start*/
@-webkit-keyframes glowing {0% { background-color: #ff6122; -webkit-box-shadow: 0 0 3px #ff6122; } 50% { background-color: #f3f694; -webkit-box-shadow: 0 0 10px #f3f694; } 100% { background-color: #ff6122; -webkit-box-shadow: 0 0 3px #ff6122; } }
@-moz-keyframes glowing {0% { background-color: #ff6122; -moz-box-shadow: 0 0 3px #ff6122; } 50% { background-color: #f3f694; -moz-box-shadow: 0 0 10px #f3f694; } 100% { background-color: #ff6122; -moz-box-shadow: 0 0 3px #ff6122; } }
@-o-keyframes glowing {0% { background-color: #ff6122; box-shadow: 0 0 3px #ff6122; } 50% { background-color: #f3f694; box-shadow: 0 0 10px #f3f694; } 100% { background-color: #ff6122; box-shadow: 0 0 3px #ff6122; } }
@keyframes glowing {0% { background-color: #ff6122; box-shadow: 0 0 3px #ff6122; } 50% { background-color: #f3f694; box-shadow: 0 0 10px #f3f694; } 100% { background-color: #ff6122; box-shadow: 0 0 3px #ff6122; } }
.blink {-webkit-animation: glowing 1500ms infinite; -moz-animation: glowing 1500ms infinite; -o-animation: glowing 1500ms infinite; animation: glowing 1500ms infinite; background-image: none; color:#2a2a28; }
.blink:hover, .blink:active{ color:#2a2a28;} 
.blink_me {-webkit-animation: blinker 1.5s linear infinite;}
@-webkit-keyframes blinker { 50% { opacity: 0; }}
/*Blink button end*/
.no_occupation {font-size: 24px; font-weight: 500;}
span#achievement-name{ width:inherit !important; margin:0px 5px 0px 0px !important; padding:0px; display:inline-block;}    
#more-information{font-size:14pt !important;}
#theme_music_stopjplayer a{ padding:0px;}
#theme_music_stopjplayer img{padding:28px 10px 28px 20px;}
.page-404{margin-bottom:20px; min-height:500px;}
.page-404 .number {color: #00539b; display: inline-block; font-size: 113px; font-weight: 500; letter-spacing: -10px; line-height: 113px; margin-bottom: 10px; margin-top: 0; position: relative; text-align: right; top: 13px; }
.page-404 .details {display: inline-block; margin-left: 40px; padding-top: 0; text-align: left; } 
.font16p{font-size:16pt;}
.img_loader{ display: block; margin: auto;}
/*26MAy17 start*/
.inner-tabs li{ margin-bottom:10px;}
.full-career-info .table.data-with-img td table.scale-anchors{ width:auto !important;} 
/*26May17 end*/
/* For remove tooltip goog 29-9-2017 */
.goog-tooltip {display: none !important;}
.goog-tooltip:hover {display: none !important;}
.goog-text-highlight {background-color: transparent !important; border: none !important; box-shadow: none !important;}
/*end*/ 
/*Added 19-Feb-2018*/
.social-icons {text-align: right;}
.social-icons a {margin-left: 5px;}
.social-icons-cms {display: inline-block; padding: 15px 0;}
.social-icons-cms a {padding-left: 5px;}
.common-pages #google_translate_element {display: inline-block;}
/*End Added 19-Feb-2018*/
.inner-tbl.educational-record td, .inner-tbl.educational-record.table>tbody>tr>td.educational {border: 0;}
.inner-tbl.work_context-record td, .inner-tbl.work_context-record.table>tbody>tr>td {border: 0;}
.no-record-box{vertical-align: middle !important; }
.inner-tbl td{border-bottom:0;}
.orgwebpageurl{color:#000;}
.disabledMenu{opacity: 0.5; cursor:default;}
.googlesrc{display:none;}
.box .table-head .table>thead>tr>th, table tr th{font-weight: 500;}
.btn-green-new{font-size: 15px;}
#achievements-block .col-lg-6 .achievement{display: table; width: 100%; vertical-align: middle; margin:0 auto;}
#achievements-block .col-lg-6 .achievement .achievement_icon{display: table-cell; float: unset; vertical-align: middle; margin:0 auto;}
#achievements-block .col-lg-6 .achievement>span{display: table-cell; float: unset; vertical-align: middle; width: calc(100% - 55px); margin:0 auto;}
#achievements-block .col-lg-6 .achievement .achievement_txt{margin:0 auto!important; display: table-cell; width: 50px; float: unset;}
.achievement.Index .achievement_txt span{text-align:center; float:unset;}
#achievements-block .col-lg-6 .achievement .achievement_txt~span{padding-left:5px;}
#theme_music_jquery_jplayer{display:none!important;}
.nav-tabs > li > a{font-size: 16px;}
ul.nav.nav-tabs.inner-tabs.ecri-occ-tabs { margin-bottom: 0px; }
ul.nav.nav-tabs.inner-tabs.ecri-occ-tabs li a  { color: #000000; text-decoration: none !important; cursor: pointer; }
ul.nav.nav-tabs.inner-tabs.ecri-occ-tabs li.active a { color: #fff; }
ul.nav.nav-tabs.inner-tabs.ecri-occ-tabs li a:hover { color: #fff; }
ul.nav.nav-tabs.inner-tabs.ecri-occ-tabs li a:hover {text-decoration: none !important;}
.post-secondary-pagination .select-style{margin:0 10px 0 0; padding: 0; color:#676767;}
.post-secondary-pagination .select-style select{margin:0; padding:10px 15px; width: 100%; color:#676767;}
.post-secondary-pagination .pages-per-page, .post-secondary-pagination .total-records{color:#fff;}
.underrepresented-box.box,.underrepresented-box-detail.box {float: left; width: 100%; padding:20px 15px; margin-bottom: 30px; }
form#career-information .underrepresented-box.box, .underrepresented-box-detail.box { margin-bottom: 0px; }
form#career-information .full-career-info {padding-top: 30px;}
.underrepresented-box.box .user-group,.underrepresented-box-detail.box .user-group{padding:0 0 0 50px; margin:0; background: url(../../assets/images/user-group-black-icon.png) no-repeat left center; }
.underrepresented-box .underrepresented-box-inner, .underrepresented-box-detail .underrepresented-box-inner {background: rgba(0,0,0,0.2); padding:30px 15px; float: left; width: 100%; border-radius: 4px; }
.underrepresented-box .underrepresented-box-inner .left-box, .underrepresented-box-detail .underrepresented-box-inner .left-box{float: left; margin:0; padding:0; color:#000; font-family: MuseoSansRounded500, Arial, sans-serif;}
.underrepresented-box .underrepresented-box-inner .right-box,.underrepresented-box-detail .underrepresented-box-inner .right-box{float: right; margin:0; padding:0; color:#000; font-family: MuseoSansRounded500, Arial, sans-serif;}
.underrepresented-box.box h3{color:#313131;}
#education-statements>.percentage, #education-statements>lable{width: 48%; float: left; }
.totalcount.custom-table-count{display: table;}
.custom-table-count .custom-col{display: inline-block; width: auto; padding: 0 10px; display: table-cell; vertical-align: middle;}
.custom-table-count .custom-col:first-child {white-space: nowrap; }
.career-info #postsecondary select{color:#000;width:100%;padding: 5px 10px;margin:0px;}
.underrepresented-by-box{margin-top:15px;padding: 20px 0; margin-bottom: 2px; color: #fff; background:rgba(0,0,0,0.1); box-shadow: none;}
.underrepresented-by-box .user-group{font-size: 20px; color: #fff; padding: 0 0 0 35px; margin: 0 0 15px 0; background: url(../../assets/images/user-group-white-icon.png) no-repeat left center; background-size: 25px;}
.underrepresented-by-box .main-box-inner{background: rgba(0,0,0,0.1); padding: 15px 15px; float: left; width: 100%; border-radius: 4px;}
.underrepresented-by-box .main-box-inner .left-box, .underrepresented-by-box .main-box-inner .right-box{font-family: MuseoSansRounded500, Arial, sans-serif; font-size: 16px; margin: 0; padding: 0; text-align: left; float: left;}
.underrepresented-by-box .main-box-inner .right-box{text-align: right; float: right;}
.underrepresented-by-box .pad-left-5{padding-left: 5px;}
.underrepresented-by-box .pad-right-5{padding-right: 5px;}
#achievements-block .col-lg-6{min-height:52px;}
#achievements-block .col-lg-6 .achievement > span{text-align: left;}
.bright-outlook-block{padding: 15px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.1); margin-top: 10px;}
.bright-outlook-block h5{margin-top: 0; font-size: 16px; line-height: 22px;}                                                
.bright-outlook-block h5 img{margin-right: 5px;}
.bright-outlook-block p{font-size: 14px; line-height: 18px; margin-bottom: 8px;}
.bright-outlook-block p:last-child{margin-bottom: 0;}
.underrepresented-box .note, .underrepresented-box-detail .note{font-size: 16px; line-height: 18px; margin-top: 15px; margin-bottom: 0; text-align: center;}
.box .special-note{font-size: 15px; line-height: 20px;}
.underrepresented-by-box .small-note{font-size: 14px !important; text-align: center; clear: both; padding-top: 12px; margin: 0 !important;}
.ie9 .ll-custom-radio-btns .icheckbox_line-orange, .ll-custom-radio-btns .iradio_line-orange{padding: 20px; background: #fff; border:1px solid #ec5559;}
.ll-custom-radio-btns.radio-group{margin-left: -10px; margin-right: -10px;}
.ll-custom-radio-btns.radio-group > span .iradio_line-orange{margin: 0 10px 10px 10px; background-image: none; background-color: #fff; color:#2b2b2b; border:1px solid #d9d9d9; border-radius: 5px;}
.ll-custom-radio-btns.radio-group > span .iradio_line-orange.checked{background-image: none; background-color: #fff; color:#2b2b2b; border:1px solid #ec5559;}
.ll-custom-radio-btns.radio-group > span:first-child .iradio_line-orange, .ll-custom-radio-btns.radio-group > span:last-child .iradio_line-orange{border-radius: 5px;}
.ll-custom-radio-btns.radio-group > span .iradio_line-orange .icheck_line-icon{display: inline-block; width: 14px; height: 14px; border: 1px solid #2b2b2b; border-radius: 50%; margin-right: 10px; float: left; margin-top: 2px; position: relative;}
.ll-custom-radio-btns.radio-group > span .iradio_line-orange.checked .icheck_line-icon{background-color: #3b99fc; border-color: #3b99fc;}
.ll-custom-radio-btns.radio-group > span .iradio_line-orange.checked .icheck_line-icon:after{content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #fff; position:absolute; left: 50%; top:50%; transform: translate(-50%, -50%);}
.ll-custom-radio-btns.ll-custom-radio-btns-without-box.radio-group > span .iradio_line-orange, .ll-custom-radio-btns.ll-custom-radio-btns-without-box.radio-group > span .iradio_line-orange.checked{border: 0; border: 0; padding: 0; background-color: transparent;}
.register-form .chkAgree a{font-weight: 500; font-size: 16px; color: #2B2B2B; text-decoration: none;}
.register-form .chkAgree a:hover{color: #2B2B2B; text-decoration: underline;}
body.spanish .nav-tabs > li > a{padding: 9px 15px;}
#ecri-report span{font-style: normal; font-family: 'MuseoSansRounded500'!important;}
.graduation-account-info.guru .my-guru .quote{left: 250px;}

.hightlighted-box{margin-bottom: 15px; width: 100%; clear: both;}
.hightlighted-box strong, .hightlighted-box b {font-weight: 500;}
.hightlighted-box p:last-child {margin-bottom: 0;}

.hightlighted-box2{margin-top: 15px; margin-bottom: 15px; display: block; width: 100%; clear: both; font-size: 18px; color:#d06259; background-color: #eee; padding: 15px; border-radius: 4px; overflow: hidden;}
.hightlighted-box2 p:last-child {margin-bottom: 0;}

.adult-survey-bar { clear: both; }


.switch{position:relative;display:inline-block;width:46px;height:24px; margin: 10px 0;}
.switch input{opacity:0;width:0;height:0;}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff;-webkit-transition:.4s;transition:.4s;} 
.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
input:checked+.slider{background-color:#d06259;}
input:focus+.slider{box-shadow:0 0 1px #2196f3}
input:checked+.slider:before{-webkit-transform:translateX(22px);-moz-transform:translateX(22px);-ms-transform:translateX(22px);-o-transform:translateX(22px);transform:translateX(22px); background-color: #fff;}
.slider.round{border-radius:34px}
.slider.round:before{border-radius:50%}

.adult-index-override-box {width:100%; clear:both; color:#fff; background: #dda831; padding: 20px; border: 2px solid #e1e1e1; border-radius: 5px; margin-top: 15px; }
.adult-index-override-box h2 {font-size: 24px; line-height: 28px; margin: 0 0 10px 0; padding: 0; text-align: left;}
.adult-index-override-box p{margin-bottom: 0;}
.adult-index-override-box .input-group{margin-top: 5px;}
.adult-index-override-box .input-group-addon, .adult-index-override-box input.form-control{height: 46px;}
.adult-index-override-box .sbt-btn{background-color: #cb584f; color: #fff; width: 100%; display: block; clear: both; padding: 14px 15px; font-size: 18px; border-radius: 5px;}

.career .career-selected-detail a.more-info-link {text-transform: capitalize;}
#high-school-class-block .report-subtable.multiple-row td:nth-child(odd) , #middle-school-class-block .report-subtable.multiple-row td:nth-child(odd){
    border-left: unset;
}
#high-school-class-block select, #middle-school-class-block select{font-size:15px;width: 95%;padding: 8px 5px;}

.calendars-month-header select, .calendars-month-header input{width: unset; padding: unset; font-weight: normal; font-size: inherit;}
.calendars{border:1px solid #aaaaaa!important; width: 288px!important;}
.calendars-month{border: 0!important; border-top: 1px solid #aaa!important; width: 100%!important}
.calendars-nav, .calendars-ctrl{font-size:100%!important; color: #222222!important; background:#cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; border: 1px solid #fff!important;}
.calendars-ctrl{display: none;}
.calendars a{color: #222!important;}
.calendars-month table{margin: 0 -1px; width: calc(100% + 2px)!important;}
.calendars-ctrl, .calendars-month-header, .calendars-month-header select, .calendars-month-header input {background-color: transparent!important; background: url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222!important;}
.calendars-month a, .calendars-month td span{min-width: 40px; height: 26px; line-height: 26px;}
a.calendars-cmd {height: 40px!important; line-height: 40px;}
.calendars-month td span{opacity: .35; filter: Alpha(Opacity=35); background-image: none;}
.calendars-month-header{height: 40px!important; line-height: 40px; border: 1px solid #fff;}
.calendars-cmd:hover {background-color: #a7a7a7!important; color: #fff!important;}
.calendars-month td .calendars-highlight{background-color: #a7a7a7!important; color: #fff!important;}
.is-calendarsPicker{background-image: url(../images/icons.png) !important; background-position: right 8px !important; background-repeat: no-repeat !important;}
.calendars-ctrl .calendars-cmd:hover {background-color: #a7a7a7!important;}
.calendars-month-header select, .calendars-month-header input{background-color: #fff!important; background-image: none; padding: 5px 15px 5px 5px; height: auto!important; font-weight: 400!important;}
.vertical-alignment-helper {display:table; height: 100%; width: 100%;}
.vertical-align-center {display: table-cell; vertical-align: middle;}
.modal-content {width:inherit; height:inherit; margin: 0 auto;}
body.survey-graduation .life-metric-btn{text-align: center; margin: 40px 0; position: relative; top: 0;}
.adult-index-override-box.grayedout{background: #a3a2a2 !important;}
.grayedout .slider{cursor: default !important;}

.survey-pgs .box.career-selected .morinfo-tab{display:flex; justify-content:space-between; margin-left:-5px; margin-right:-5px;}
.survey-pgs .box.career-selected .morinfo-tab li{padding-left:5px; padding-right:5px; width:50%; text-align:center;}
.survey-pgs .box.career-selected .morinfo-tab li a{margin:0;}


/*START MEDIA CSS*/
@media (min-width: 768px) {
  .col-sm-15 { width: 20%; float: left;  }
  .col-sm-4-5 { width: 37.5%; float: left;  }
  .col-sm-1-7 { width: 14.28%; float: left;  }
  #modalSignIn .modal-dialog{ width:370px;}
  #modalForgotPassword .modal-dialog{ width:520px;}
  .gecko .pager1 .select-style{ width:100%; float:right;}
  #modalAccSettings .modal-dialog{ width:700px;}
  /*.radio-group.x-large.home-opts{ width::58%;}*/
}

@media (min-width:769px) and (max-width:991px){
  .graduation-account-info .prof-footer-acc-info{ margin-top:-110px;}
}

@media (min-width: 992px) {
  .col-md-15 { width: 20%;  float: left; }
  .col-md-4-5 { width: 37.5%;  float: left; }
  .col-md-1-7 { width: 14.28%; float: left;  }  

}

@media (min-width: 1200px) {
  .col-lg-15 { width: 20%; float: left; }
  .col-lg-4-5 { width: 37.5%; float: left; }
  .col-lg-1-7 { width: 14.28%; float: left; }
  .ie #achievements-block .col-lg-6{ width:49%}
  .paypal-img {margin-top: -70px;}
  form#contact-us{min-height: 825px;}
}

@media(max-width: 1879px){
  #modalAchievementUnlock.panel{position: relative!important; top:0!important; left: 0!important; right: 0; bottom: 0; margin: 15px auto 0 auto; width:270px; height: 167px;}
}

@media (max-width:1200px){
  .survey-steps li{ margin-left:9px;}
  .survey-content .game-content .col-lg-8, .survey-content .game-content .col-lg-8 + .col-lg-4 { margin-bottom: 100px;}
  .gamepalette {margin-bottom: 170px !important;}
  .left-arrow {left:15%;}
  .right-arrow {right:15%;}
}

/*@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .prof-footer-acc-info.box{bottom:110px!important;}
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  .prof-footer-acc-info.box{bottom:110px!important;}
}*/

@media (max-width:1199px){
  .prof-footer-acc-info{ width:372px;}
  .my-guru .quote{ width:220px;}
  .radio-group.green > span .icheckbox_flat-blue{ font-size:14px;}
  .my-guru .guru-avatar{ height:110px;}
  .prof-footer-acc-info.box{bottom:0 !important; min-height:150px!important;}
  .radio-group.green > span .iradio_line-orange{ font-size:14px;}
  .radio-group.large.trans-type > span.personal-trans .iradio_line-orange::before{background-position: 34px -80px; background-size: 370px auto; width: 190px; height:85px;}
  .radio-group.large.trans-type > span.personal-trans .iradio_line-orange.checked::before{background-position: -209px -80px;}
  .radio-group.large.trans-type > span.public-trans .iradio_line-orange::before{background-position: 10px 14px; background-size: 370px auto; width: 190px; height:85px;}
  .radio-group.large.trans-type > span.public-trans .iradio_line-orange.checked::before{background-position: 105% 14px;}
  .radio-group.large.vehicle-class > span.luxury .iradio_line-orange::before{ background-position:0 5px; background-size:300% auto; width: 60px; height:30px;}
  .radio-group.large.vehicle-class > span.luxury .iradio_line-orange.checked::before { background-position: 102% 5px;}
  .radio-group.large.vehicle-class > span.car .iradio_line-orange::before{background-position:0 -56px; background-size:300% auto; width: 60px; height:30px;}
  .radio-group.large.vehicle-class > span.car .iradio_line-orange.checked::before{background-position:102% -56px;}
  .radio-group.large.vehicle-class > span.truck .iradio_line-orange::before{background-position:0 -112px; background-size:300% auto; width: 60px; height:30px;}
  .radio-group.large.vehicle-class > span.truck .iradio_line-orange.checked::before{background-position:99% -112px;}  
  .radio-group.large.vehicle-class > span.suv .iradio_line-orange::before{background-position:2px -174px; background-size:300% auto; width: 60px; height:30px;}
  .radio-group.large.vehicle-class > span.suv .iradio_line-orange.checked::before{background-position:99% -174px;}  
  .radio-group.large.vehicle-class > span.motorcycle .iradio_line-orange::before{background-position:10px -231px; background-size:300% auto; width: 60px; height:30px;}
  .radio-group.large.vehicle-class > span.motorcycle .iradio_line-orange.checked::before{background-position:108% -231px;}  
  .survey-pgs .box.career-selected h2 + p a{ font-size:11px; float: none; display: block; padding-top: 5px; }
  .survey-pgs .box.career-selected h2 + p {font-weight: 600;}
  .survey-pgs .box.career-selected .tab-content table { font-size: 13px;}
  .survey-pgs .box.career-selected .tab-content table td{ word-break:break-all;}
  .reports-top .btn-small{ margin:5px 0 15px 10px;}
  .wrapper1{ width:90%;}
  .box.survey-selection .box, .survey-summary .box .box{ min-height:63px;}
  /*.profile-links div{ float:none; text-align:center}*/
  .profile-links .edit-profile {display: inline-block; width: 95px; line-height: 22px; margin-top: 0px;}
  .profile-links .edit-profile i, .profile-links .edit-profile .fa {margin-top: 0px;}
  .life-metrics-total.text-center, .life-metrics-total.text-right{ text-align:left;}
  .career-profile .row, .full-career-info .row{ margin-top:0px;}
  .reports-bg .career-profile .box:first-child, .full-career-info .row .box:first-child{ margin-top: 25px;}
  .profile-links.pull-right{ float:none !important;}
  .box.survey-selection .col-lg-4{ padding-right:10px; padding-left:10px;}
  .box.survey-selection .box + div{ min-height:56px; word-break:break-all;}
  .survey-pgs .box.career-selected .nav-tabs li{ width:auto;}
  .my-guru .quote{ max-height:110px;}
  .col-md-4#demand{ width:31.33333%;}
  .col-lg-4#demand{ width:31.33333%;}
  /*Added 27-Oct-2017*/
  .profile-links .btn-default, .profile-links .btn-green-new {font-size: 16px; padding: 8px 15px;}
  /*End Added 27-Oct-2017*/
  .underrepresented-box.box .user-group, .underrepresented-box-detail.box .user-group {margin-bottom: 15px;}
  .underrepresented-box .underrepresented-box-inner, .underrepresented-box-detail .underrepresented-box-inner {padding: 15px;}
  #my-profile .profile-info {margin-top: 30px;}
  .survey-pgs h1.extra-space {margin: 80px 0 60px;}
  .survey-pgs .box.bottom-space {margin-bottom: 80px;}
  .rpi-content .box { margin: 60px auto 120px;}
  .lifestyle-index, .career {padding: 25px 0 25px;}
  .row.survey-content.survey-summary p.text-center.font16p {line-height: 26px;}
  .grid-item.showSelectedOcc {width: 227px;}

  body.profile-pages  iframe#launcher.zEWidget-launcher.help-button { bottom: 155px !important;} 
  body.survey-pages iframe#launcher.zEWidget-launcher.help-button { left: 0px; bottom: 0px !important;} 

  body.survey-pages.game-grade7 iframe#launcher.zEWidget-launcher.help-button { right: 0px !important; left: auto; bottom: 155px !important;} 
  body.survey-pages.game-grade8 iframe#launcher.zEWidget-launcher.help-button { right: 0px !important; left: auto; bottom: 155px !important;}  
  body.survey-pages.game-grade9 iframe#launcher.zEWidget-launcher.help-button { right: 0px !important; left: auto; bottom: 155px !important;} 
  body.survey-pages.game-grade10 iframe#launcher.zEWidget-launcher.help-button { right: 0px !important; left: auto; bottom: 155px !important;} 
  body.survey-pages.game-grade11 iframe#launcher.zEWidget-launcher.help-button { right: 0px !important; left: auto; bottom: 155px !important;} 
  body.survey-pages.game-grade12 iframe#launcher.zEWidget-launcher.help-button { right: 0px !important; left: auto; bottom: 155px !important;} 
  body.survey-pages.survey-graduation iframe#launcher.zEWidget-launcher.help-button { right: 0px !important; left: auto; bottom: 0px !important;}

  }

@media (max-width:1024px){
  .navbar-inner .navbar-nav {background: none;}	
  .box.survey-selection .col-lg-4{ padding-right:10px; padding-left:10px;}
  .radio-group.x-large.home-opts{width: 100%; margin:0 auto; text-align:center;}/*width: 79%;*/
  .radio-group.x-large.home-opts > span{ float:none; margin-left:-5px;}
  .overview .box{ min-height:170px;}
  .completed-games .row div[class*=col-]{ padding-left:10px; padding-right:10px;}
  .completed-games div[class*=star-]{ margin-top:0; width:30px; height:30px; background-size:100%;}
  .star-yellow{ background-position:0 -34px;}
  .star-orange{ background-position:0 -68px;}
  .container.grades-activities{ margin-bottom:80px;}
  .graduation-account-info .my-guru .quote{ width:109px;}
  body.survey-graduation .graduation-account-info .my-guru .quote {width: 220px;}
  .graduation-account-info .my-guru .guru-avatar{ height:195px;}
  .getPrice .btn-default{ font-size:18px; padding:9px 12px;}
  .paypal-img {float: left; margin-top: 10px; margin-left: 15px;}
  .content-wrapper { padding-bottom: 0px !important; }
  .tab-content.top-space #billing {padding-top: 20px;}
  body{position: relative;}
  .prof-footer-acc-info.box{height: 150px; bottom: 0; }
  
  body.survey-graduation .prof-footer-acc-info.box{height: auto; }
} 

@media only screen and (max-width: 1199px) and (min-width: 800px)  {

    body.profile-pages.modal-open .ui-datepicker { top: 19% !important; } 
    .survey-pages .lifestyle-survey-housing .content-wrapper .survey-pgs {margin-bottom: -20px;}
	.survey-pages .lifestyle-survey-transportation .content-wrapper .survey-pgs {margin-bottom: -20px;}	
	.graduation-account-info .my-guru .quote {width: 60%;}

    form#my-profile a.my_career_path.font16p.pull-right {font-size: 11pt;}
	
}

@media (max-width:992px){
	.logo, .partner-logo, .careerchi-logo, .dev-logo{width: 280px;height: 110px;}
    .navbar-inner .logo, .navbar-inner .partner-logo, .navbar-inner .careerchi-logo,.navbar-inner .dev-logo { width: 160px;}
    .navbar-inner .navbar-nav > li > a { font-size: 14px; padding: 33px 10px 33px 10px;}
    #theme_music_stopjplayer img {padding: 28px 10px 28px 10px;}
    #modalAchievementUnlock.panel { margin-bottom: 10px; }    
    #postsecondary .report-table.responcivetbl td {padding-left: 2% !important;}
    .survey-pgs .behaviour-classes .box p{ min-height: 80px; word-break: break-word;  }
    ul.nav.navbar-nav.navbar-right .tooltip.fade.bottom.in {top: 36px !important; display: none !important;}
    form#edit-avatar .col-md-12 h3 { margin-top: 85px; margin-bottom: 10px;}
    .radio-group.green > span .icheckbox_flat-blue{background-size: 100%;}
    .btn-default.btn-save, .pre-footer-btn .btn.btn-default.btn-save, .pre-btn .btn.btn-default.btn-save {width: auto;}
    .survey-pgs .box.bottom-space { margin-bottom: 10px !important; }
    ul.nav.nav-tabs.additional_question li a {margin: 2px;}
    .survey-pgs h1.extra-space {margin: 30px 0 30px !important; font-size: 30px;}


}
@media (max-width:991px){
  .radio-group.green > span .icheckbox_flat-blue{ font-size: 14px; height: 135px; vertical-align: middle; width: 100%; background-size: 100%;}
  /*.survey-summary .row div[class^="col-"] .box:first-child { margin-top: 20px;}*/
  .org-detail{margin-bottom: -81px;}
  .container + div.dark-bg { padding-top: 81px;}
  .profile-pages .container+div.dark-bg { padding-top: 70px!important;}   
  .org-detail .row div:first-child{ margin-bottom:5px;}
  .org-detail .row div{ text-align:left !important}
  .org-nav li a{    padding: 27px 20px;}
  .reports-top .btn-small{ margin:5px 0 15px 10px;}
  #report5 .bg-white{ padding:10px 0;}
  .box.survey-selection .box, .survey-summary .box .box{ min-height:85px;}
  .life-metrics-size{ padding-top:0}
  .life-metrics-size span{ display:block;}
  .pre-footer-btn .ad { max-height:inherit;}
  .multiple-row .report-table, .multiple-row .report-table:first-child { margin-top: 10px;}
  .multiple-row:first-child .report-table:first-child { margin-top: 0;}
  .multiple-row-col1 .row:first-child .report-table{ margin-top:20px;}
  .multiple-row-col1 .row:first-child  div[class^="col-"]:first-child .report-table{ margin-top:0;}
  /* Force table to not be like tables anymore */
  .responcivetbl table, .responcivetbl thead, .responcivetbl tbody, .responcivetbl tfoot, .responcivetbl th, .responcivetbl td, .responcivetbl tr { display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  .responcivetbl thead tr { position: absolute; top: -9999px; left: -9999px;} 
  .responcivetbl tr { border-top: 1px solid #ccc; } 
  .responcivetbl td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50% !important; text-align:left; display:inline-block; width:100%; }/* Behave  like a "row" */
  .responcivetbl td:before {/* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 10px;left: 10px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight:500; text-align:left;}
  .responcivetbl td:before {content: attr(data-attr);} /*Label the data*/ 
  .responcivetbl.two-tables table{ float:none; width:100%;}
  .responcivetbl tr.empty-row, .responcivetbl td.empty-cell{ display:none;}
  .responcivetbl.report-table tfoot td{ height:auto !important}
  /*Top 25*/
  .user-report-info strong:after{ content:":"}
  .user-report-info, .user-report-info .row{ border:none;}
  .word-cloud img{ width:100%; height:auto;}
  .search-filters label{ font-size:11.4px;}
  .gecko .pager1 .select-style{ width:100%; float:right;}
  .completed-games .row div:first-child{ padding-top:13px;}
  .contact-us .box.form .col-md-5{ padding-left:15px; padding-top:23px;}
  .career .career-selected-detail .row div[class^="col-"]{ border-left:0; border-top:1px solid; padding-top:30px; padding-bottom:20px; min-height:inherit;}
  .career .career-selected-detail .row div[class^="col-"]:first-child{ border-top:0;} 
  .survey-steps{ margin-right:12%;}
  .survey-steps li { margin-left: 19px;}
  .survey-content .row .col-md-6:first-child{ margin-bottom:20px;}
  .img-block { float: right; margin-bottom: 10px;}
  .img-block img { margin-top:0;}
  /*.graduation-account-info .prof-footer-acc-info.box{ margin: -110px 10% 150px;}*/
  .survey-pgs .box.career-selected .tab-content table {font-size: 13px;}
  .col-md-4#demand{ width:100%;}
  .col-lg-4#demand{ width:100%;}
  .responcivetbl#user-selection-block td, .responcivetbl#correct-selection-block td, .responcivetbl#ocupation-selection-block td{ display:inline-block; min-height:35px; width:100% !important;}
  .responcivetbl#user-selection-block tr, .responcivetbl#correct-selection-block tr, .responcivetbl#ocupation-selection-block tr{ display:inline-block; width:100%;}
  .profile-pic{ max-width:200px}
  /*.survey-pgs .survey-content .prof-footer-acc-info.box{ width:100%;}
  .survey-pgs .survey-content .container.game-content .prof-footer-acc-info.box{ width:96%;}*/
  .my-guru .quote{ width: 60%;}/*width: 75%;*/
  .survey-content .game-content .col-lg-8{ margin-bottom:0}
  .survey-content .game-content .col-lg-8 + .col-lg-4 { margin-bottom: 170px;}
  .graduation-account-info.guru .my-guru .quote {width: 60%;}
  /*Added 12-Sep-2017*/
  .navbar-inner #OrgNav .navbar-nav.navbar-right {width: 32%;}
  #OrgNav .navbar-nav > li {/*width: 100%;*/ width: auto;}
  #OrgNav .navbar-nav > li > a {padding: 15px; text-align: right;}
  #OrgNav .navbar-nav > li > a.dropdown-toggle.clearfix {max-width: 140px;float: right;}
  /*End Added 12-Sep-2017*/
  .left-arrow {left:0%;}
  .right-arrow {right:0%;}
  /*Added 21-Sep-2017*/
  .total-events-desk {position: inherit; top: inherit; right: inherit; padding: 10px; background-color: #fdc8ad; width: 97.1%; margin-top: 5px; font-size: 15px;}
  .total-events-desk span {font-weight: 500; margin-right: 17%; display: inline-block;}
  .responcivetbl td.events-mobi {display: none;}
  /*End Added 21-Sep-2017*/
  /*Added 28-Sep-2017*/
  .container + div.dark-bg {padding-top: 0px !important;}
/* .profile-pages .container + div.dark-bg {padding-top: 40px !important;}*/
 .profile-pages .container + div.dark-bg {padding-top: 70px !important;}
 .profile-pages .container + div.dark-bg.bottom-space.cls-student-profile {padding-top: 85px !important;}
  /*End Added 28-Sep-2017*/
  /*Added 12-Oct-2017*/
  .profile-pic.profile-pic-org {margin-top: 60px;}
  /*End Added 12-Oct-2017*/
  /*Added 27-Oct-2017*/
  .profile-links.pull-right {width: 225px; margin: 0 auto 20px;}
  /*End Added 27-Oct-2017*/
  .underrepresented-box .underrepresented-box-inner, .underrepresented-box-detail .underrepresented-box-inner{margin: 10px 0;}
  body.survey-graduation .graduation-account-info .my-guru .quote {width: 450px; max-height: unset;}
  body.survey-graduation .rpi-content .box {margin: 50px 0 0 0;}
  .survey-pages.survey-graduation .prof-footer-acc-info.box {min-height: 150px;} 
  .survey-pages.survey-graduation .graduation-account-info.guru .rpi-content .box {margin: 10px auto 30px !important;}
  .survey-pages.survey-graduation .graduation-account-info .my-guru .quote {width: 60%;}
  body.survey-pages.survey-additional iframe#launcher {right: 15px !important;}
}

@media (max-width:800px){
  .pattern1 .container > .row, .segment .container > .row {margin:0}
  .quote{ right:10px; width:190px;}/*  right:25px;*/
  .left-arrow{ left:0;}/* left:16%;*/
  .my-guru .guru-avatar .quote{ right:0px;}
  /*.radio-group.x-large.home-opts{ width:53%;}*/
  .graduation-account-info.guru .my-guru .quote {right: 10px;}
  /*Added 31-Oct-2017*/
  .navbar-inner .navbar-nav.navbar-right {margin: 0px;}
  /*End Added 31-Oct-2017*/
  .survey-pages.survey-housing .survey-pgs {margin-bottom: -20px;}
  body.survey-pages.survey-luxury.modal-open .modal .vertical-align-center {top: 25%; vertical-align: top !important;}
  body.survey-pages.survey-career-information ul.nav.nav-tabs.inner-tabs.bottom-tab {padding-left: 20px;}

}

@media (max-width:768px){
  .logo, .partner-logo, .careerchi-logo, .dev-logo{height: 98px;} 	
  .pattern1 .row div[class^="col-"], .segment .row div[class^="col-"]{ margin-bottom:25px;}
  .form-content .row div[class^="col-"]{ margin-bottom:0;}
  .pattern1 .container > .row, .segment .container > .row {  padding: 30px 0px;}
  .profile-info .box div[class*=col-]{ padding-left:10px; padding-right:10px; text-align:center;}
  .btn-default{padding: 12px 15px; font-size:17px;}
  .wrapper1{ width:83%;}
  .survey-steps li{ margin-left:15px;}
  .box.survey-selection{ margin-top:30px;}
  .rpi-content .box .avatar_body{right: -2%; top: -36%;}
  .rpi-content .box .rpi {  margin: -98px auto 25px;}
  /*.rpi-content .box p { margin-right: 29%;}*/
  .lifestyle-index, .career, .reports, .enlightenment .reports-bg, .pre-footer-bg{ padding:0 15px;}
  .reports-top .btn-small{ margin:5px 0 15px 10px;}
  /*.radio-group.x-large.home-opts { width: 52%;}*/
  .overview .box{ min-height:120px;}
  .rpi-content .box{ margin:50px auto 30px 0%;}/* margin:100px auto 30px 2%;*/
  .graduation-account-info .prof-footer-acc-info{ margin-top:0;}
  .life-metric-btn{ margin-top:120px;}
  .profile-info.row > div[class*=col-]:first-child {float: none; margin: 0 auto; width:50%;}
  .profile-links div { float: left;}
  /*.profile-links div:first-child { margin-left: 15%;}*/
  .spanish .profile-links div:first-child { margin-left: 9%;}
  .graduation-account-info .prof-footer-acc-info.box{ margin:0px;}
  /*Added 25-Oct-2017*/
  .navbar-nav .open .dropdown-menu {position: absolute; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15); border-radius: 4px; background-color: #fff; left: auto; right: 0px; float: left; border-top-left-radius: 0; border-top-right-radius: 0;}
  /*End Added 25-Oct-2017*/
  /*Added 1-Nov-2017*/
  .navbar-inner .navbar-nav > li.dropdown.open .tooltip {display: none !important;} 
  /*End Added 1-Nov-2017*/
  .myprofile-choose-guru .modal { top:20%; }
  body.survey-pages.survey-index .survey-pgs .pre-footer-btn {padding-left: 30px;}


}

@media (max-width:767px){
  .survey-pgs .survey-content .box.selected-behaviour-classes .box{ min-height:60px; overflow:hidden;}
  .pre-footer-btn .btn{padding: 12px 20px;}
  .btn-default.btn-save, .pre-footer-btn .btn.btn-default.btn-save { /*width: 94px;*/ width: auto;}
  .navbar-inner #OrgNav .navbar-nav.navbar-right{ width:37%; margin-top:0; margin-bottom:0;}
  #OrgNav .navbar-nav > li > a{    padding: 19px 10px;}
  #OrgNav .navbar-nav > li > a i, #OrgNav .navbar-nav > li > a .fa{float: right; margin-left: 5px;}
  .survey-steps { margin-right: 3%;}
  .survey-pgs .box.career-selected h2 + p a{ font-size:11px; float: right; display: inline-block;}
  .acc-setting.tab-content .box.form .form-group .col-sm-6{ padding-left:15px; padding-top:20px;}
  /*.achievement span{  width: 64px;}*/
  .achievement.Index span, .achievement.Score span { width: 35px;}
  #modalChooseGuru .modal-dialog { width: 600px; margin: 20px auto;}
  /*Added 12-Sep-2017*/
  #google_translate_element {text-align: right; margin-right: 10px;}
  /*End Added 12-Sep-2017*/
  /*Added 18-Sep-2017*/
  #modalChooseGuru .guru-avatar {width: 600px; height: 300px;}
  #modalChooseGuru .guru-avatar > img {width: 270px;}
  #modalChooseGuru .guru-avatar .quote {right: 110px; font-size: 16px; line-height: 22px;}
  #modalChooseGuru .guru-avatar-fix {min-height: 260px}
  #modalChooseGuru .left-arrow, #modalChooseGuru .right-arrow {top: 50%;}
  .guru-avatar {height: 300px;}
  .guru-avatar > img {width: 270px;}
  .guru-avatar .quote {right: 110px; font-size: 16px; line-height: 22px;}
  .guru-avatar-fix {min-height: 260px}
  .left-arrow, .right-arrow {top: 50%;}
  /*End Added 18-Sep-2017*/
  /*Added 28-Sep-2017*/
  .prof-footer-acc-info.box {height: 145px!important;}
  .ipad .prof-footer-acc-info.box {height: 150px!important; min-height: 150px!important; margin-top: -50px!important;}
  .prof-footer-acc-info.box .guru-avatar > img {width: auto;}
  iframe#launcher.zEWidget-launcher.help-button {bottom: 150px !important;}
  .profile-links {margin-bottom: 20px;}
  .spanish .profile-links .edit-profile {width: auto; line-height: 22px; margin-top: 0px;}
  /*End Added 28-Sep-2017*/
  /*Added 19-Dec-2018*/
  .navbar-header.pull-left {margin: 0px;}
  .logo, .partner-logo, .careerchi-logo, .dev-logo {width: 180px; background-size: contain;}
  .new-form .radio-group.x-large.home-opts {margin-top: 10px;}
  /*End Added 19-Dec-2018*/
}

@media (max-width:667px){
  /*.radio-group.x-large.home-opts{ width:58%; }*/
  .getPrice .btn-default{ font-size:18px; padding:9px 6px;}
  /*Added 21-Aug-2017*/
  .navbar-inner .logo, .navbar-inner .partner-logo, .navbar-inner .careerchi-logo,.navbar-inner .dev-logo {width: 150px; background-size: auto 75%; margin: 20px 10px 0px 10px;}
  .adult-survey-bar .survey-steps {margin: 10px 0px;}
  .navbar-inner .navbar-nav > li > a {padding-left: 10px;}
  #theme_music_stopjplayer img {padding-left: 10px !important;}
  /*End Added 21-Aug-2017*/
  /*Added 12-Sep-2017*/
  .navbar-inner #OrgNav .navbar-nav.navbar-right {width: auto; margin-top: 10px;}
  #OrgNav .navbar-nav > li > a {padding:10px;}
  #OrgNav .navbar-nav > li {width: auto;}
  /*End Added 12-Sep-2017*/
  /*Added 19-Dec-2018*/
  #navbar #google_translate_element {display: block; margin-right: 0px; margin-bottom: 10px;}
  .top-links {margin-bottom: 10px; margin-top: 10px;}
  /*End Added 19-Dec-2018*/
}

@media (max-width:605px){
  .container>.navbar-header{ margin-left:0;}
  .profile-info .box{ height:480px;}
  .profile-info .box div[class*=col-]{ padding-left:8px; padding-right:8px; text-align:inherit !important; width:100%;}
  .completed-games .row div[class*=col-]{ text-align:right;}
  .completed-games div[class*="star-"] { margin-top: -5px;}
  .profile-pic{ text-align:right;}
  .profile-pic img { height: 260px;}
  .btn-default{ font-size:15px;padding: 10px 5px;}
  .col-left p:last-child a{ display:block;}
  .navbar-nav > li {float: left;}
  .navbar-right { float: right !important; margin:5px;}
  .survey-pgs .survey-content .box.career-selection, .survey-pgs .survey-content .box.career-selected{ margin-top:30px;}
  .selected-career{ margin:0 auto;}
  .guru-avatar-fix{ width:500px;min-height: 350px;}
  .org-nav li a{ padding:10px 15px;}
  /*.radio-group.x-large.home-opts { width: 65%;}*/
  /*.graduation-account-info .prof-footer-acc-info{ width:70%;}*/
  /*Added 18-Sep-2017*/
  #modalChooseGuru .modal-dialog {width: 460px;}
  #modalChooseGuru .guru-avatar {height: 200px;}
  #modalChooseGuru .guru-avatar > img {width: 200px;}
  #modalChooseGuru .guru-avatar .quote {right: 242px; font-size: 14px; line-height: 18px; width: 150px;}
  #modalChooseGuru .guru-avatar-fix {min-height: 200px}
  .spanish #modalChooseGuru .guru-avatar-fix {min-height: 220px}
  /*End Added 18-Sep-2017*/
}

@media (max-width:599px){
  .profile-info.row div[class*=col-]:first-child { width:100%;}
  .radio-group.x-large.home-opts > span .iradio_line-orange{ padding:15px;}  
  /*Added 20-July-2017*/
  .home-video .modal-body iframe {height: 298px;}
  /*End Added 20-July-2017*/
  .survey-steps li{ margin-left:10px;}
}

@media (max-width:480px){
   .navbar-inner .navbar-nav > li > a {padding: 5px;}
   ul.nav.navbar-nav.navbar-right li#theme_music_stopjplayer { padding-top: 0px; }
   #theme_music_stopjplayer img { padding: 1px; }
   .nav #google_translate_element {margin-top: 0px;}
  /*Added 20-July-2017*/
  .org-nav {float: left;}
  .home-video .modal-body iframe {height: 230px;}
  #navbar {margin-top: 0px;}
  .prof-footer-acc-info {width: 290px;}
  .my-guru .quote {width: 40%;}
  /*End Added 20-July-2017*/
  .survey-steps li{ margin-left:5px;}
  /*Added 19-Dec-2018*/
  .new-form {padding: 20px;}
  .navbar-header.pull-left {display: block; width: 100%;}
  #navbar #google_translate_element {display: inline-block; margin-right: 0px; margin-bottom: 10px;}
  .logo, .partner-logo, .careerchi-logo, .dev-logo {height: 60px; margin: 10px auto;}
  .top-links {margin-bottom: 10px; margin-top: 10px; width: 100%; text-align: center;}
  #navbar {width: 100%;}
  .social-icons {text-align: center !important;}
  .new-form {margin-top: -360px;}
  .register-form .form-content .col-xs-6, .register-form .form-content .col-md-12 {width: 100%; margin-top: 23px;}
  .register-form .row {padding-top: 0px !important;}
  #google_translate_element a {font-size: 14px;}
  .register-form .radio-group.x-large.home-opts > span .iradio_line-orange {padding: 12px; font-size: 15px;}
  .provided-by img, .software-copyright img {margin-bottom: 20px !important;}
  /*End Added 19-Dec-2018*/
  form#form1 div#sponsorship-block .btn.btn-default { margin: 5px; }
  h2 { font-size: 24px; }
  .survey-content {padding: 15px 0 0 0;}
}

@media (max-width:375px){
  .col-sm-6.gender-info{width:100%;}
  .col-sm-6.birth-info{width:100%; padding-left:15px !important;}
  .responcivetbl#user-selection-block td:before, .responcivetbl#correct-selection-block td:before{ width:36%; white-space:inherit;}
  .responcivetbl#user-selection-block td,.responcivetbl#correct-selection-block td{ min-height:60px;} 
  .report-info select{ width:100%;}
  /*Added 18-Added -2017*/
  .radio-group.green > span .icheckbox_flat-blue {height: 145px;}
  /*End Added 18-Added -2017*/  
  /*Added 20-July-2017
  .li-video {width: 280px; height: 165px; margin-top: 260px;}
  End Added 20-July-2017*/
  .survey-steps li.main span {width: 15px; height: 15px;}
  .survey-steps li span {width: 8px; height: 8px;}
  .navbar-inner .profile-logo {width: 140px;}
  .navbar-inner .logo, .navbar-inner .partner-logo, .navbar-inner .careerchi-logo,.navbar-inner .dev-logo {margin: 10px 10px 0px 10px;}
}

#sponsorship-block .col-md-4.col-sm-12{position: unset; width: 100%;}
#sponsorship-block .ad {max-width: 250px; max-height: 250px; overflow: hidden; border: 1px solid #015ba9;}
#sponsorship-block .ad img {max-width: 100%; max-height: 100%; justify-content: center; align-items: center; display: flex;}

#dashboard_message {padding-top: 15px!important;}
.border-blue-img { border:2px solid #114379; }
.mar_b_30 { margin-bottom: 30px; }
.mar_b_30_imp { margin-bottom: 30px !important; }
.mar_t_30_imp { margin-top: 30px !important; }
.mar-l-15{ margin-left: 15px; }
.mar-t-0 { margin-top: 0px !important; }
.mar-b-5 { margin-bottom: 5px; }
.mar-t-10-imp { margin-top: 10px !important; }
.mar-r-10 { margin-right: 10px; }
.padd-t-10-imp { padding-top: 10px !important; }

/*07-12-22*/
.sign-in-title-btn-box{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.sign-in-title-btn-box h3{font-size:26px;}
.btn-default-outline{background-color:#fff; border:1px solid #0680ff; color:#0680ff; font-size:15px; padding:8px 22px; font-weight:500!important;}
.btn-default-outline:hover{background-color:#0680ff; border:1px solid #0680ff; color:#fff; font-size:18px; padding:8px 22px; font-weight:500!important;}

/*07-10-22*/
.btn-blue2{background-color:#3574A6; color:#fff;}
.save-quit-btn span{display:block;}
.text-white{color:#fff!important;}
.font-16{font-size:16px!important;}
.font-20{font-size:20px!important;}
.text-white{color:#fff!important;}
.text-red{color:#B30000!important;}
.my-career-path-content-wrap .top-btn-group{margin-left:-5px; margin-right:-5px; text-align:center;}
.my-career-path-content-wrap .top-btn-group a{font-size:16px; display:inline-block; text-align:center; margin:5px; padding:8px 25px; white-space:normal;}
.my-career-path-content-wrap .top-btn-group a i, .my-career-path-content-wrap .top-btn-group a .fa{margin-right:5px;}
.my-career-path-content-wrap .top-btn-group .btn-blue2:hover{color:#fff; background-image:linear-gradient(to bottom,#f05e23 0,#ef5010 100%); background-color:#f05e23; box-shadow:0px 2px 3px -2px #000;} 
.my-career-path-content-wrap h1, .my-career-path-content-wrap h2{margin:0 0 23px 0; padding:0;}
.my-career-path-content-wrap .survey-pgs{padding-top:17px; padding-bottom:15px;}
.my-career-path-content{background-color:#025598; padding-top:30px;}
.my-career-path-content .footer-new{margin-top:30px;}

/*10-10-22*/
.white-box{background-color:#fff; border-radius:4px; overflow:hidden; width:100%; height:auto; padding:20px; margin-bottom:25px;}
.my-career-path-content .career-path-title{margin:0 0 5px 0;}
.my-career-path-content .gradient-bg-form-control, .my-career-path-content .select2-container--default .select2-selection--single{background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );}
.my-career-path-content .form-control, .my-career-path-content .select2-container--default .select2-selection--single{font-size:16px; height:47px; border-radius:4px; box-shadow:none;}
.my-career-path-content .select2-container--default .select2-selection--single .select2-selection__rendered{padding-top:8px;}
.my-career-path-content .select2-container--default .select2-selection--single .select2-selection__arrow{top:10px;}
.my-career-path-content textarea.form-control{height:auto;}
.my-career-path-content .panel-default .panel-heading{border:0; margin:-1px -1px 0 -1px; width:auto; background: #f2f2f2; position:relative; background: -moz-linear-gradient(top,  #f2f2f2 0%, #c6c6c6 100%); background: -webkit-linear-gradient(top,  #f2f2f2 0%,#c6c6c6 100%); background: linear-gradient(to bottom,  #f2f2f2 0%,#c6c6c6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#c6c6c6',GradientType=0 );}
.my-career-path-content .panel-default .panel-heading h4, .my-career-path-content .panel-default .panel-heading h3{font-size:18px; font-weight:700;}
.my-career-path-content .panel-default .panel-heading h4 a, .my-career-path-content .panel-default .panel-heading h3 a{position:relative; display:block;}
.my-career-path-content .panel-default .panel-heading h4 a span, .my-career-path-content .panel-default .panel-heading h3 a span{padding-right:30px; display:inline-block;}
.my-career-path-content .panel-default .panel-heading h4 a:hover, .my-career-path-content .panel-default .panel-heading h3 a:hover{text-decoration:none}
.my-career-path-content .panel-default .panel-heading h4 a:after, .my-career-path-content .panel-default .panel-heading h3 a:after{content:'\f107'; font-family:'FontAwesome'; position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:20px; font-weight:bold;}
.my-career-path-content .panel-default .panel-heading h4 a[aria-expanded="true"]:after, .my-career-path-content .panel-default .panel-heading h3 a[aria-expanded="true"]:after{transform:translateY(-50%) rotate(180deg);}
.my-career-path-content .show-per{height:auto; overflow:hidden; border-width:1px;}
.my-career-path-content .show-per .w0per, .my-career-path-content .show-per .w25per, .my-career-path-content .show-per .w100per{float:left;}
.my-career-path-content .show-per .w0per:before, .my-career-path-content .show-per .w25per:before, .my-career-path-content .show-per .w100per:before{border-width:1px;}
.my-career-path-content .table.data-with-img td table.scale-anchors td .per-container{background-color:#e6e6e6;}
.my-career-path-content .per-container div{background-color:#7e7e7e;}
.my-career-path-content .anchor .per-container div{border-width:1px;}
.title-and-table-box{margin-top:30px;}
.title-and-table-box table{margin-bottom:0;}
.title-and-table-box .table-head .table > thead > tr > th{border-bottom:0; background-color:#F9F9F9; padding-top:14px; padding-bottom:14px;}
.title-and-table-box table td{vertical-align:middle!important;}
.title-and-table-box .table-head{padding:0;}
.my-career-path-content .table-scrollable td, .my-career-path-content .table-scrollable .table>tbody>tr>td{border-bottom:0;}
.my-career-path-content .table-bordered-box{border:1px solid #E6E6E6; border-radius:6px; overflow:hidden;}
.my-career-path-content .checkbox input{position:absolute; left:21px; width:69px; height:25px; top:-6px; z-index:3; opacity:0;}
.my-career-path-content .checkbox .custom-check{width:20px; height:20px; border:2px solid #114576; border-radius:4px; display:inline-block; position:relative;}
.my-career-path-content .checkbox label{min-height:unset; padding-left:5px; position:relative; top:-5px;} 
.my-career-path-content .checkbox input~.custom-check:before{content:''; font-family:'FontAwesome'; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:auto; display:block; color:#114576;}
.my-career-path-content .checkbox input:checked~.custom-check:before{content:'\f00c';}
.table-footer{background-color:#fbfbfb; padding:20px; z-index:0; position:relative; height: auto; overflow: hidden; width: 100%; clear: both; float: left;}
.table-footer .btn-default:not(.note-btn){font-size:18px; padding:5px 15px;}
.my-career-path-content .table-scrollable{overflow-y:auto;}
.my-career-path-content .panel-group .panel + .panel{margin-top:20px;}
.my-career-path-content .panel{box-shadow:none; height:auto; overflow:hidden; border: 0; background-color: transparent;}
.my-career-path-repeater-box-wrap{height:auto; width:100%; clear:both; display:block; position:relative;}
.my-career-path-repeater-box-wrap .left-box{/*width:calc(100% - 57px);*/ width:calc(100% - 128px); float:left; background-color: #fff; border-radius: 4px; overflow: hidden; border: 1px solid #ddd;}
.my-career-path-repeater-box-wrap .right-box{/*width:57px;*/ width:128px; padding-left:10px; float:left;}
.my-career-path-content .delete-btn{font-size:22px; /*background-color:#004378;*/ background-color: #CC3A00; border-radius:4px; display:block!important; clear:both; padding:7px 15px; text-align:center; /*color:rgba(255,255,255,0.5);*/ color: #fff; margin-bottom:21px;}
.my-career-path-content .delete-btn:hover, .my-career-path-content .delete-btn:focus{color:rgba(255,255,255,1); text-decoration: none; background-color:#c13701}
.my-career-path-content .add-new-btn{font-size:22px; background-color:#437836; border-radius:4px; display:none; clear:both; padding:7px 15px; text-align:center; color:#fff;}
.my-career-path-content .add-new-btn:hover, .my-career-path-content .add-new-btn:focus{background-color:#3F7133; text-decoration: none;}
.my-career-path-repeater-box-wrap .my-career-path-repeater-box-wrap{padding:20px; padding-bottom:0;}
/*.my-career-path-repeater-box-wrap .panel-group .panel:first-child .right-box .delete-btn{display:none;}
.my-career-path-repeater-box-wrap .panel-group .panel:first-child .right-box .add-new-btn{display:block;}*/
.occupation_panel_main_div>.panel-group:last-child:not(:nth-child(3))>.panel>.right-box>.add-new-btn{display:block;} 
/*.occupation_panel_main_div>.panel-group:last-child>.panel>.right-box>.delete-btn{display:none!important;}*/
.panel-skill-setting_main_div>.panel-group:last-child>.panel>.right-box>.add-new-btn{display:block!important;} 
.panel-skill-setting_main_div>.panel-group:last-child>.panel>.right-box>.delete-btn{display:none!important;}
.panel-ability-setting_main_div>.panel-group:last-child>.panel>.right-box>.add-new-btn{display:block!important;} 
.panel-ability-setting_main_div>.panel-group:last-child>.panel>.right-box>.delete-btn{display:none!important;}
.panel-knowledge-setting_main_div>.panel-group:last-child>.panel>.right-box>.add-new-btn{display:block!important;} 
.panel-knowledge-setting_main_div>.panel-group:last-child>.panel>.right-box>.delete-btn{display:none!important;}

.grades-activities h3 a{float:right;}
.my-carrer-path-box{border:2px solid #025397; border-radius:4px; padding:20px 0 20px 20px; background-color:#fff;}
.my-carrer-path-box .my-carrer-path-item{padding-bottom:20px; border-bottom:1px dashed #e5e5e5; margin-top:20px; height:auto; overflow:hidden;}
.my-carrer-path-box .my-carrer-path-item:first-child{margin-top:0;}
.my-carrer-path-box .my-carrer-path-item:last-child{padding-bottom:0; border-bottom:0;}
.my-carrer-path-box .my-carrer-path-item .left-box, .my-carrer-path-box .my-carrer-path-item .right-box{float:left;}
.my-carrer-path-box .my-carrer-path-item .left-box{width:calc(100% - 190px);}
.my-carrer-path-box .my-carrer-path-item .right-box{width:190px; padding-left:10px; padding-right:10px;}
.my-carrer-path-box .my-carrer-path-item .right-box .edit-print-link-box{float:right;}
.my-carrer-path-box .my-carrer-path-item .right-box .edit-print-link-box .print-link{margin-right:10px;}
.my-carrer-path-box .my-carrer-path-item .progress-bar-wrap{width:100%; clear:both; display:block; margin-top:30px;}
.my-carrer-path-box .my-carrer-path-item .progress-bar-wrap .pie, .my-carrer-path-box .my-carrer-path-item .progress-bar-wrap svg{width:105px!important; height:105px!important; position:relative;}
.my-carrer-path-box .my-carrer-path-item .completed-text{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:10px auto auto auto; font-size: 12px;}
.my-carrer-path-box .my-carrer-path-item .title{font-size:18px; margin:0;}
.my-carrer-path-box .my-carrer-path-item ul{margin:15px 0 0 0;}
.my-carrer-path-box .my-carrer-path-item ul li{font-size:400; position:relative; padding:5px 0 5px 13px; opacity:0.8;}
.my-carrer-path-box .my-carrer-path-item ul li:before{content:''; width:8px; height:8px; display:inline-block; background-color:#114576; border-radius:50%; position:absolute; left:0; top:11px;}
.my-carrer-path-box .my-carrer-path-item ul li:nth-child(2):before{background-color:#62ac43;}
.my-carrer-path-box .my-carrer-path-item ul li:nth-child(3):before{background-color:#ee5425;}
.my-carrer-path-box .my-carrer-path-item ul li.active{opacity:1;}
.my-career-path-content-wrap .error-block{margin:5px 0 0 0;}
.my-career-path-content-wrap .table-head.scrollable-head{margin-right:0;}
.my-career-path-content{min-height:calc(100vh - 338px);}
.my-career-path-content2{min-height:calc(100vh - 318px);}
.help-block-white-bg{background-color:#fff; padding:10px; border-radius:3px; clear:both;}
.required .help-block-white-bg{display:none;}
.has-error .help-block-white-bg{display:inline-block;}

.my-career-path-repeater-box-wrap .my-career-path-repeater-box-wrap2{height:auto; overflow:hidden; margin-bottom:15px;}
.my-career-path-repeater-box-wrap2 .left-box{padding:15px;}

.my-career-path-repeater-box-wrap2-wrap>.my-career-path-repeater-box-wrap2:last-child>.right-box>.delete-btn{display:none!important;}
.my-career-path-repeater-box-wrap2-wrap>.my-career-path-repeater-box-wrap2:last-child>.right-box>.add-new-btn{display:block!important;}

.survey-pgs .box.career-selected .morinfo-tab{display:flex; justify-content:space-between; margin-left:-5px; margin-right:-5px;}
.survey-pgs .box.career-selected .morinfo-tab li{padding-left:5px; padding-right:5px; width:50%; text-align:center;}
.survey-pgs .box.career-selected .morinfo-tab li a{margin:0;}
#sponsorship-block .advertisement-banner{position: fixed; left: 0px;bottom: 0px;}
#sponsorship-block .advertisement-banner .fa-times{display: flex; align-items: center;justify-content: center;   font-size: 20px;
    position: absolute; right: 2px;  top: 2px; color: #000; background-color: white; border-radius: 50%; width: 20px;
    height: 20px;}
.adcloseBtn{cursor: pointer;}


/*14-03-23*/
.sign-in-title-btn-box{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.sign-in-title-btn-box h3{font-size:26px;}
.btn-default-outline{background-color:#fff; border:1px solid #0680ff; color:#0680ff; font-size:15px; padding:8px 22px; font-weight:500!important;}
.btn-default-outline:hover{background-color:#0680ff; border:1px solid #0680ff; color:#fff; font-size:18px; padding:8px 22px; font-weight:500!important;}
.position-relative{position: relative;}
.position-absolute { position: absolute;}
.select-style-new {position: absolute;top: 21px;z-index: 1000;width: 0px;height: 0px;right: 4px;border: none;border-color: #888 transparent transparent transparent;border-style: solid;border-width: 5px 5px 0 5px;}
.loader_position { top: 5px; right: 20px;}
@media (min-width:992px) and (max-width:1199px){
.my-carrer-path-box .my-carrer-path-item .left-box {width: calc(100% - 135px);}
.my-carrer-path-box .my-carrer-path-item .right-box {width: 135px; padding-right: 5px;}
.my-carrer-path-box .my-carrer-path-item .right-box .edit-print-link-box .print-link {margin-right: 5px; display: block;}
.my-carrer-path-box .my-carrer-path-item .right-box .edit-print-link-box .mar-r-10 {margin-right: 5px;}
.my-carrer-path-box .my-carrer-path-item .right-box .edit-print-link-box {float: left;}
}

/*ADA*/
.font-24{ font-size: 24px;}
.font-28{ font-size: 28px;}
.font-32{ font-size: 32px;}
.fw-normal{ font-weight:normal;}
.fw-medium{ font-weight:500;}
.fw-bold{ font-weight:bold;}
.mb-0{ margin-bottom:0px;}
.mt-10{ margin-top:10px;}
.mt-15{ margin-top:15px;}
.mt-20{ margin-top:20px;}
.mt-25{ margin-top:25px;}
.mb-10{ margin-bottom:10px;}
.mb-10{ margin-bottom:10px;}
.mb-15{ margin-bottom:15px;}
.mb-20{ margin-bottom:20px;}
.mb-25{ margin-bottom:25px;}
.sign-in-title-btn-box h1{font-size:26px; margin-bottom: 25px;}
h1.login-password{font-size:26px; margin-bottom: 25px;}

/* #3A98D8 to #00539b or #0F598A */
.new-form a {color: #00539b;}
.new-form .btn-default {background-color: #00539b;}
.btn-default-outline{border: 1px solid #00539b; color: #00539b;}
.btn-default-outline:hover, .btn-default-outline:focus{background-color: #00539b; border: 1px solid #00539b; color:#fff;font-size: 15px; padding: 8px 22px;}
.btn-default:not(.note-btn){ background-color: #CC3A00; background-image:none;}
.btn-default:not(.note-btn):hover, .btn-default:not(.note-btn):focus{ background-color: #c13701;}
.btn-white { border: 1px solid #CC3A00; color: #CC3A00;}
.btn-white:hover, .btn-white:focus{ color:#fff; background: #CC3A00;}
.btn-blue2:hover, .btn-blue2:focus, .my-career-path-content-wrap .top-btn-group .btn-blue2:hover{ background-color: #29659b; color:#fff; background-image: none;}
.new-form .btn-white {border-color: #00539b;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline: 2px solid #000 !important;outline-offset: unset;}
footer a:hover, footer a:focus, footer li a:focus{ color:#fff; text-decoration: underline;}
.provided-by a:focus{ outline: 2px solid #fcc03b !important;}

.radio-group > span .iradio_line-orange.focus{ outline:2px solid #000;}
.iradio_flat-blue.focus{ outline:2px solid #CC3A00; border-radius:20px;}
.close{ opacity:1; color: #555;}
.close:focus, .close:hover{ opacity:1; color: #000;}

.checkbox input[type=checkbox]:focus + .custom-check{ outline: 2px solid #000;}
.icheckbox_flat-blue.focus input[type=checkbox] + div + .iCheck-helper { border: 2px solid #000 !important; opacity: 1 !important; background: none !important;}
.note-editor.note-frame .note-statusbar { position: absolute; width: 100%; left: 0; bottom: 0;}
.note-editor .btn-fullscreen{ display:none;}
.help-list-item { display: flex; margin-bottom: 10px;}
.help-list-item dt{ width:150px; }
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover{background: #c13701 !important;}
ul.note-color-row li { float: left;}
ul.note-color-row li button { width: calc(20px - 2px); height: calc(20px - 2px); border-color: transparent; margin: 1px;}

/*Avatar*/
#svga-bodyzones > .svga-bodyzones, #svga-blocks > .svga-blocks{ font-weight:500; color:#555;}
#svga-bodyzones > .svga-bodyzones:focus, #svga-blocks > .svga-blocks:focus{}
#svga-bodyzones > .svga-bodyzones.svga-active, #svga-blocks > .svga-blocks.svga-active{ color:#104378;}
.svga-glob-controls:focus, #svga-colors > div > div:focus, #svga-bodyzones > .svga-bodyzones,:focus #svga-blocks > .svga-blocks:focus, #svga-elements > .svga-elements-wrap > .svga-elements:focus, .svga-controls:focus{ outline-offset: -2px;}
/*#svga-elements-faceshape > div:focus >svg { outline: 2px solid #000; width: calc(100% - 4px); height: calc(100% - 4px); margin: 2px;}*/
.svga-light .svga-control-icon-path, .svga-light .svga-menu-icon-path, .svga-light .svga-icon-boy, .svga-light .svga-icon-girl{ fill:#555 !important;}
#svga-footermenu ul li { color: #555 !important; font-weight: 500;}
p.svga-credit{color:#555 !important; font-size: 12px !important; font-weight: 500;}
p.svga-credit a{color:#555 !important; text-decoration: underline;}
p.svga-credit a:hover, p.svga-credit a:focus{ text-decoration: none;}
#svga-container h1, #svga-container h2, #svga-container h3, #svga-container h4, #svga-container h5, #svga-container h6, #svga-container p, #svga-container.svga-light, #svga-container.svga-light .svga-nosvg, .svga-light .svga-input { color: #000 !important; font-weight: normal;}
#svga-footermenu ul li#svga-downloadavatar:hover ul, #svga-footermenu ul li#svga-downloadavatar:focus-within ul { display: block; opacity: 1; visibility: visible;}
.svga-no-touch.svga-boys #svga-dialog-cancel:hover, .svga-no-touch.svga-boys #svga-dialog-ok:hover, .svga-no-touch.svga-boys #svga-gravatar-cancel:hover, .svga-no-touch.svga-boys #svga-gravatar-ok:hover, .svga-no-touch.svga-boys .svga-close:hover, .svga-no-touch.svga-boys #svga-tryagain:hover, .svga-boys .scroll-simple_outer > .scroll-element .scroll-bar{ background-color: #00539b !important;}