body{background-color:#eee;padding-bottom:75px}body.body-bg-login{background-position:50%;background-color:#009296}@media (min-width: 768px){.login-container-float{position:absolute;top:78px;right:0;padding-left:0}}@media (min-width: 1200px){.login-container-float{position:absolute;top:78px;right:8.3333%}}.login-container-float:after{display:block;background-color:#f00;width:25%;position:absolute;bottom:0;content:''}.login-container-float .user{font-size:1.2em;border-bottom-left-radius:0;border-bottom-right-radius:0}.login-container-float .user:focus{z-index:2;position:relative}.login-container-float .password>.form-control{font-size:1.2em;border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.login-container-float .btn-login{font-size:1.2em}.banner-bg{background-image:url(../img/login-bg.jpg);background-repeat:no-repeat;background-size:cover;display:block}@media (min-width: 768px){.banner-bg{margin-top:-28px}}.banner-bg>div[class^='col-'],.banner-bg>div[class*='col-']{overflow:hidden}#bannerCarousel{margin-top:30px}#bannerCarousel .item>img{text-align:center;margin:auto auto}@media (max-width: 1839px){#bannerCarousel .item>img{border-top-left-radius:3px;border-top-right-radius:3px}}#bannerCarousel .owl-wrapper-outer{-webkit-box-shadow:0 10px 15px;box-shadow:0 10px 15px;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}@media (min-width: 1840px){#bannerCarousel .owl-wrapper-outer{text-align:center;margin:auto auto;border-top-left-radius:3px;border-top-right-radius:3px;background-color:#00484a}}.login{padding-top:15px;padding-bottom:15px;border:none}.login-input{padding-left:30px;padding-right:30px}.login-input .ropes-logo{width:36%;display:block;margin:15px auto}.login-social-media{list-style:none;position:relative;background-color:#F7F7F7;margin:30px 0;margin-left:0;margin-top:25px;padding:15px 30px}.login-social-media:before{font-family:'Georgia', 'Times New Roman', serif;font-style:italic;font-weight:bold;font-size:0.8em;display:block;border-radius:50%;padding:10px;margin-left:-20px;content:'OR';left:50%;top:-13px;text-align:center;position:absolute;background-color:#F7F7F7}.login-social-media li{position:relative}.login-social-media li:last-child>button>.text{border-bottom:none}.login-social-media li button{border:none;background-color:transparent;outline:none;display:inline-block;width:100%;text-align:left}.login-social-media li button .icon{font-size:1.7em;display:inline-block;position:absolute;top:2px;left:10px}.login-social-media li button .text{display:block;padding:5px 0;font-size:1em;margin-left:45px}.login-not-registered{padding:30px;padding-top:0}.login-not-registered .text{font-size:1em;display:block;clear:both}.login-not-registered .link{font-size:1em;display:block;clear:both}.list-group-link .list-group-item-description>.list-group-item-heading{color:#f28900;font-size:1.6em}.list-group-link .list-group-item-description>.list-group-item-text{color:#555}.thumbnail-video{margin-left:0;margin-right:0;width:87.3333%;margin-bottom:15px;background-color:white;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:3px}.thumbnail-video:before,.thumbnail-video:after{content:" ";display:table}.thumbnail-video:after{clear:both}.owl-controls{position:absolute;right:0;bottom:0}.owl-prev,.owl-next{background-color:transparent;color:#009296;display:inline-block;padding:5px 10px 3px 10px;border-radius:3px;margin:1px}#newsCarousel{margin-bottom:5px;margin-top:-15px}#newsCarousel .owl-wrapper-outer{background-color:white;padding-bottom:15px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}#newsCarousel .list-group-link{padding-top:15px;padding-bottom:15px;text-align:center}#newsCarousel .list-group-link img{width:60px}@media (min-width: 768px){.my-profile{margin-left:0;margin-right:0}.my-profile:before,.my-profile:after{content:" ";display:table}.my-profile:after{clear:both}}.my-profile .profile-header{margin-bottom:15px}@media (max-width: 767px){.my-profile .profile-header{text-align:center}}.my-profile .profile-header .profile-header-btns{position:absolute;top:30px;right:30px}.my-profile .profile-photo{text-align:center;margin-bottom:15px;position:relative;float:left;width:100%;min-height:1px;padding-left:0;padding-right:0;position:relative;min-height:1px;padding-left:15px;padding-right:15px}@media (min-width: 992px){.my-profile .profile-photo{float:left;width:25%}}.my-profile .profile-photo .btn{margin-top:15px}.my-profile .profile-data{position:relative;float:left;width:100%;min-height:1px;padding-left:0;padding-right:0;position:relative;min-height:1px;padding-left:0;padding-right:0}@media (min-width: 992px){.my-profile .profile-data{float:left;width:75%}}.profile-section{position:relative;background-color:white;padding:20px;margin-bottom:15px;border-radius:3px}.profile-section .form-group{margin-left:0;margin-right:0}.profile-section .form-group:before,.profile-section .form-group:after{content:" ";display:table}.profile-section .form-group:after{clear:both}.profile-section .form-group .control-label,.profile-section .form-group .control-span,.profile-section .form-group .control-input{display:inline-block;position:relative;min-height:1px;float:left}@media (max-width: 991px){.profile-section .form-group .control-label{width:100%}}@media (min-width: 992px){.profile-section .form-group .control-label{width:16.66667%}}@media (max-width: 991px){.profile-section .form-group .control-span,.profile-section .form-group .control-input{width:100%}}@media (min-width: 992px){.profile-section .form-group .control-span,.profile-section .form-group .control-input{width:83.33333%;padding-left:15px}}@media (min-width: 992px){.profile-section .form-group .control-input-xs{width:41.66667%;padding-left:15px}}.profile-section .form-group .control-input-xs+.control-input-xs{padding-top:5px}@media (min-width: 992px){.profile-section .form-group .control-input-xs+.control-input-xs{padding-top:0 !important}}@media (min-width: 992px){.profile-section .form-group .control-input-offset{margin-left:16.66667%}}.upload-resume .update-resume{padding:0;margin-right:15px}.upload-resume>.upload-icon{display:table-cell;vertical-align:middle;position:absolute;margin-top:-15px}.upload-resume .upload-text{display:table-cell;padding-left:90px}.upload-resume .upload-text .btn{position:relative}.my-application{height:auto;padding:15px 30px;background-color:#fafafa}@media (max-width: 767px){.my-application{width:100%;border-radius:3px}}@media (min-width: 768px) and (max-width: 991px){.my-application{position:fixed;top:100px;bottom:0;left:auto;right:0;width:41.66667%}}@media (min-width: 992px){.my-application{position:fixed;top:100px;bottom:0;left:auto;right:0;width:33.33333%}}.sub-navbar-right-col .btn-apply{border-radius:0;position:fixed;text-align:center;right:0}@media (min-width: 768px){.sub-navbar-right-col .btn-apply{background-color:#00797d !important}.sub-navbar-right-col .btn-apply:hover{background-color:#f28900 !important}}@media (max-width: 767px){.sub-navbar-right-col .btn-apply{width:16.66667%;padding:2px 0px 3px}.sub-navbar-right-col .btn-apply .btn-icon{font-size:1.2em;margin-top:-2px}.sub-navbar-right-col .btn-apply .btn-text{display:block;clear:both;font-size:0.7em}}@media (min-width: 768px){.sub-navbar-right-col .btn-apply{float:right;padding:9px 10px 10px 10px}}.navbar-footer .navbar-social-media-list>li>a{padding:10px 12px}.navbar-footer .navbar-text-small{color:#777;font-size:0.7em;margin-bottom:13px;margin-top:13px}.navbar-footer .nav-footer-small{font-size:0.7em;text-transform:uppercase;padding:13px 0;margin:0}.navbar-footer .nav-footer-small li{display:inline-block}.navbar-footer .nav-footer-small li:after{content:'|';margin:0 5px}.navbar-footer .nav-footer-small li:last-child:after{content:''}.navbar-footer .nav-footer-small li a{color:#777;-webkit-transition:color 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);-o-transition:color 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);transition:color 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89)}.navbar-footer .nav-footer-small li a:hover{color:#5e5e5e}.hover-facebook:hover i{color:#3B579D;-webkit-transition:color 0.3s cubic-bezier(0.26, 0.51, 0.34, 0.98);-o-transition:color 0.3s cubic-bezier(0.26, 0.51, 0.34, 0.98);transition:color 0.3s cubic-bezier(0.26, 0.51, 0.34, 0.98)}.hover-twitter:hover i{color:#5EA9DD;-webkit-transition:color 0.3s cubic-bezier(0.26, 0.51, 0.34, 0.98);-o-transition:color 0.3s cubic-bezier(0.26, 0.51, 0.34, 0.98);transition:color 0.3s cubic-bezier(0.26, 0.51, 0.34, 0.98)}.hover-linkedin:hover i{color:#1B86BD;-webkit-transition:color 0.3s cubic-bezier(0.26, 0.51, 0.34, 0.98);-o-transition:color 0.3s cubic-bezier(0.26, 0.51, 0.34, 0.98);transition:color 0.3s cubic-bezier(0.26, 0.51, 0.34, 0.98)}.hover-youtube:hover i{color:#cc181e;-webkit-transition:color 0.3s cubic-bezier(0.26, 0.51, 0.34, 0.98);-o-transition:color 0.3s cubic-bezier(0.26, 0.51, 0.34, 0.98);transition:color 0.3s cubic-bezier(0.26, 0.51, 0.34, 0.98)}.carousel .carousel-section{opacity:0;visibility:hidden;display:none;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:opacity 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);-o-transition:opacity 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);transition:opacity 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89)}@media (max-width: 767px){.carousel .carousel-section .h3{font-size:20px}}.carousel .carousel-section.active{opacity:1;display:block;visibility:visible;position:relative;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:opacity 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);-o-transition:opacity 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);transition:opacity 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89)}.carousel .carousel-section .section-input{float:left;width:auto;display:table-cell}@media (min-width: 768px){.carousel .carousel-section .section-input{padding-right:15px}}.carousel .carousel-section .section-input>.field-validation-valid,.carousel .carousel-section .section-input .field-validation-error{display:block;clear:both}@media (max-width: 767px){.carousel .carousel-section .section-input{display:block;margin-bottom:15px}.carousel .carousel-section h4.h4{font-size:1em}}.section-fullname{display:table}.section-fullname>span{display:table-cell;float:left;position:relative}@media (max-width: 767px){.section-fullname>span{width:100%;margin-bottom:15px}}@media (min-width: 768px){.section-fullname>span{padding-right:10px;width:30%}}@media (max-width: 767px){.section-fullname>span:last-child{width:100%}}@media (min-width: 768px){.section-fullname>span:last-child{padding-right:0;width:10%}}.carousel-nav-picker{display:table;table-layout:fixed;list-style-type:none;position:relative;clear:both;padding-left:0;margin-top:15px;margin-bottom:30px;background-image:url(../img/carousel-line.gif);background-size:1px;background-repeat:repeat-x;background-position:0 50%}.carousel-nav-picker li{display:table-cell;text-align:center;width:1%;padding:0}.carousel-nav-picker li span{display:inline-block;border-radius:50%;color:white}@media (max-width: 767px){.carousel-nav-picker li span{font-size:1.2em}}@media (min-width: 768px){.carousel-nav-picker li span{font-size:2em}}.carousel-nav-picker li span.done{background-color:#009296;width:50px;padding-top:6px;padding-bottom:4px;-webkit-transition:all 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);-o-transition:all 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);transition:all 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1)}@media (max-width: 767px){.carousel-nav-picker li span.done{width:30px;padding-top:4px;padding-bottom:2px}}.carousel-nav-picker li span.done:hover{cursor:pointer;background-color:#00797d}.carousel-nav-picker li span.active{background-color:#f28900;width:50px;padding-top:6px;padding-bottom:4px;-webkit-transition:all 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);-o-transition:all 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);transition:all 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);transform:scale(1.5, 1.5);-webkit-transform:scale(1.5, 1.5);-moz-transform:scale(1.5, 1.5);-o-transform:scale(1.5, 1.5);-ms-transform:scale(1.5, 1.5)}@media (max-width: 767px){.carousel-nav-picker li span.active{width:30px;padding-top:4px;padding-bottom:2px}}.carousel-nav-picker li span.active:hover{cursor:pointer}.carousel-nav-picker li span.inactive{background-color:#848484;width:50px;padding-top:6px;padding-bottom:4px;-webkit-transition:all 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);-o-transition:all 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);transition:all 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1)}@media (max-width: 767px){.carousel-nav-picker li span.inactive{width:30px;padding-top:4px;padding-bottom:2px}}.carousel-nav-picker li span.inactive:hover{cursor:not-allowed !important}.carousel-nav{text-align:right;z-index:1}@media (min-width: 768px){.carousel-nav{margin-top:-7px}}@media (max-width: 767px){.carousel-nav{position:fixed;bottom:44px;left:0;right:0;width:100%;display:table;background-color:#f8f8f8;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,0.15);box-shadow:0 -1px 3px rgba(0,0,0,0.15)}}@media (max-width: 767px){.carousel-nav .btn{display:table-cell;position:relative;float:left;width:50%;padding-top:4px;padding-bottom:4px}}.carousel-count{display:block;clear:both}.employer-roster{position:relative;border-bottom:1px solid #bbb;background-color:#eee;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.06);box-shadow:0 1px 1px rgba(0,0,0,0.06);margin-left:-15px;margin-right:-15px;margin-bottom:15px;padding-right:15px}@media (max-width: 767px){.employer-roster{padding-right:65px}.employer-roster .h_btn-add-employer{position:absolute;top:7px;right:7px;z-index:6}.employer-roster .h_btn-add-employer i{font-size:2em}}@media (min-width: 768px){.employer-roster{padding-right:168px}.employer-roster .h_btn-add-employer{position:absolute;top:13px;right:15px;z-index:6}}.employer-section{display:none}.employer-section.active{display:block}.employment-timeline-scroll{overflow-x:auto;min-height:0.01%;position:relative}.employment-timeline-scroll:before,.employment-timeline-scroll:after{content:" ";display:table}.employment-timeline-scroll:after{clear:both}.employment-timeline{display:table;width:100%;table-layout:fixed;list-style-type:none;margin-bottom:0;position:relative;padding:10px 0}.employment-timeline:after{position:absolute;height:2px;background-color:#009296;top:50%;margin-top:-2px;display:block;content:'';left:0;right:0}.employment-timeline .employment-timeline-item{list-style:none;display:table-cell;vertical-align:middle;text-align:center;z-index:2;width:220px;position:relative;padding:0 10px}.employment-timeline .employment-timeline-item.active{font-family:"Nimbus Sans Bold","Helvetica Neue",Helvetica,Arial,sans-serif !important}.employment-timeline .employment-timeline-item.active:before{background-color:#f28900}.employment-timeline .employment-timeline-item:before{content:'';display:block;width:12px;height:12px;background-color:#009296;border-radius:10px;position:absolute;top:50%;left:50%;margin-top:-7px;margin-left:-5px}.employment-timeline .employment-timeline-item:hover{cursor:pointer}.employment-timeline .employment-timeline-item:hover:before{background-color:#f28900}.employment-timeline .employment-timeline-item .employer-name{max-width:200px;display:inline-block;margin:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;margin-top:-8px}.employment-timeline .employment-timeline-item .employee-years{margin-top:8px;clear:both;display:block;font-family:inherit}.module-assess{display:block;padding:30px;clear:both}.error-message{text-align:center}.error-message>.error-heading{font-size:3.5em}@media (min-width: 768px){.sub-navbar-left-col{text-align:left}}@media (max-width: 767px){.sub-navbar-left-col{text-align:center}}.sub-navbar-left-col .ropes-logo{width:auto;height:30px;margin:auto auto;margin-top:5px;cursor:pointer}@media (max-width: 486px){.sub-navbar-left-col .ropes-logo{height:25px;margin:auto auto;margin-top:7px;display:inline-block}}.unit-peso:before{content:'Php'}.required:after{font-size:1.8em;display:inline-block;position:absolute;content:'*';color:#ff0f3b;margin-right:-9px;margin-top:-9px;top:0}.h_review .form-group-row{padding:6px 0}@media (max-width: 767px){.h_review .form-group-row .control-label{padding-left:0}}.h_border-img{border:3px solid white}.h_border-img:hover{border-color:#f28900}.m_alert-for-password{padding:5px 5px;font-size:12px;display:inline-block;margin:5px 0}.m_alert-for-password .alert-icon{font-size:1.2em;padding-right:5px}.h_pos-rel{position:relative}.h_bg-gray-well{background-color:#d3d3d3}.h_bg-gray-well>span{display:block;clear:both}@media (max-width: 767px){.h_bg-gray-well>span{font-size:16px}}@media (min-width: 768px){.h_bg-gray-well>span{font-size:21px}}.h_no-btn-padding{padding-left:0;padding-right:0;font-size:inherit !important}.h_slide-modify{font-size:1.6em;margin-top:30px}.h_slide-modify+.list-group-item-text{font-size:1.2em}.text{display:table-cell}.float-left{float:left;margin-right:10px}.section-stretch{width:100% !important;float:left}.dotted-hr{border-top:1px dotted #A3A3A3}.mask-input{width:100%;background-color:transparent;outline:none;border:0}.mask-input:focus{outline:none}.mask-input+.btn-mask-password{top:-5px !important}#prevSectionBtn:hover,#prevSectionBtn:active,#prevSectionBtn:focus,#nextSectionBtn:hover,#nextSectionBtn:active,#nextSectionBtn:focus{background-color:transparent}#prevSectionBtn:hover span,#prevSectionBtn:active span,#prevSectionBtn:focus span,#nextSectionBtn:hover span,#nextSectionBtn:active span,#nextSectionBtn:focus span{color:#f28900}.birthday-greet{display:none;font-size:1em !important;color:#f28900 !important}.text-turqoise{color:#009296}.twitter-color{color:#5EA9DD}.twitter-color:hover{color:#3493d4}.facebook-color{color:#3B579D}.facebook-color:hover{color:#2d4278}.linkedin-color{color:#1B86BD}.linkedin-color:hover{color:#156690}.googleplus-color,.googleplus-color:hover{color:#DC4A38}.googleplus-color:hover,.googleplus-color:hover:hover{color:#bf3322}@media (min-width: 768px){.h_rem-left-pad{padding-left:0}}.h_rem-margin-top{margin-top:0}@media (min-width: 1200px){.h_col-offset-no-act{margin-left:20.33335%}}.space-up{margin-top:15px}.space-down{margin-bottom:15px}.btn-video{background-color:#777;color:white;display:block;text-align:center}address.panel{overflow:hidden;min-height:170px}address.panel .btn-view-map{border-top-left-radius:0;border-top-right-radius:0}.office-map{width:100%;height:100%;margin-top:-15px;border:0;position:fixed;z-index:1}.office-locations{background:white;padding:10px;border-radius:3px;text-align:center;z-index:4;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.5);box-shadow:0 2px 10px rgba(0,0,0,0.5)}@media (min-width: 768px){.office-locations{width:280px;position:absolute;left:75px;top:130px}}@media (max-width: 767px){.office-locations{position:fixed;left:15px;right:15px}}@media (min-width: 992px){.view-directions{display:none}}@media (max-width: 991px){.view-directions{display:block;position:fixed;left:0;right:0;text-align:center;bottom:15px;z-index:4}}.map-actions{position:fixed;top:130px;left:15px;z-index:3;background:transparent}.map-actions span{display:block;clear:both}.map-actions span .btn{padding:8px 10px;margin-bottom:5px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.map-actions span .btn:hover{-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.5);box-shadow:0 2px 10px rgba(0,0,0,0.5)}.site-marker{width:38px;height:38px;z-index:4}.site-marker>img{width:38px;height:38px}.m_practice-assessment-group .panel>.panel-body{height:150px}@media (min-width: 992px){.js_profile-section .js_edit-control{-webkit-transition:all 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);-o-transition:all 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);transition:all 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);right:10px;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.js_profile-section:hover .js_edit-control{-webkit-transition:all 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);-o-transition:all 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);transition:all 0.3s cubic-bezier(0.58, 0.07, 0.51, 0.89);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);right:15px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"}}.js_profile-section .js_save-control,.js_profile-section .control-input,.js_profile-section .js_section-saving{display:none !important}.js_profile-section.active{border:1px solid #f28900}.js_profile-section.active .control-span,.js_profile-section.active .js_edit-control{display:none !important}.js_profile-section.active .control-input,.js_profile-section.active .js_save-control{display:inline-block !important}.js_profile-section.active .js_section-saving{display:block !important}.js_profile-section.saving .js_section-saving-mask{display:block}.js_profile-section.saving .js_section-saving-text{display:none}.section-saving{padding:5px 0 20px 0}.section-saving .section-saving-mask{display:none;position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(255,255,255,0.9);z-index:11;padding:30px}
/*# sourceMappingURL=main.css.map */
.logo{
	width:100px;
	margin-top:14px;
}
.optiondisabled
{color:#999;opacity:1}
.control-label{
	margin-top:2px;
}
.jobdescription{
	max-width:100%;
	min-width:100%;
	resize:vertical;
	margin-bottom:3px;
}
.description{
	width:100%;
	min-height:80px;
	background:#ffffff;
	padding:10px;
	margin-bottom:10px;
	
}
.jobdescription textarea{
	width:100%;
	resize:vertical;
}
.top-buffer { margin-top:10px; }
.feedbacksection{
	margin-top:10px;
}
.feedbackqstn{
	/* height:49px; */
	float:left;
	width:78%;
	margin-right:2%;
	margin-bottom:2%;
	background:#d7d7d7;
	padding: 1em 1em 1em 1em;
}
.feedbackInductqstn{
	float:left;
	width:71%;
	margin-right:2%;
	margin-bottom:2%;
	background:#d7d7d7;
	padding: 1em 1em 1em 1em;
}

.feedbackqstnOpts{
	float:left;
	width:100%;
	margin-bottom:2%;
	background:#d7d7d7;
	padding: 1em 1em 1em 1em;
}
.feedbackOpts{
	float:left;
	width:71%;
	margin-right:2%;
	margin-bottom:2%;
	background: rgba(172,172,172,0.6);	
	padding: 1em 1em 1em 1em;
}
.feedbackans{
	margin:0px auto;
	text-align:center;
	height:49px;
	float:left;
	width:20%;
	background:#ffffff;
}
.feedbackInductans{
	margin:0px auto;
	text-align:center;
	height:49px;
	float:left;
	width:27%;
	background:#ffffff;
}
.feedbackOptnAns{
	margin:0px auto;
	text-align:center;
	height:49px;
	float:left;
	width:27%;
	background:#ffffff;
	margin-bottom: 17px;
}
.radio_item{
display: none !important;
}

.label_item {

color:orange;
 border: 2px solid #ffffff;
border-radius:50% !important;
background:yellow;
margin-top:9px;
margin-right:6px;
}

.radio_item:checked + label {

color:green !important;
}
.radio_item:checked + label div {
color:green !important;
}
.fa-meh-o, .fa-frown-o, .fa-smile-o{
	
	font-size:28px;
	cursor:pointer;
	transform:scale(1.2,1.5); /* W3C */
-webkit-transform:scale(1.2,1.5); /* Safari and Chrome */
-moz-transform:scale(1.2,1.5); /* Firefox */
-ms-transform:scale(1.2,1.5); /* IE 9 */
-o-transform:scale(1.2,1.5); /* Opera */
/* Rest Of CSS Code Here*/
}


.smiley5{
	width:30px;
	height:30px;
	display:block;
	background:url(../../assets-common/img/smiley_05.png) no-repeat;
}
.smiley4{
	width:30px;
	height:30px;
	display:block;
	background:url(../../assets-common/img/smiley_04.png) no-repeat;
}
.smiley3{
	width:30px;
	height:30px;
	display:block;
	background:url(../../assets-common/img/smiley_03.png) no-repeat;
}
.smiley2{
	width:30px;
	height:30px;
	display:block;
	background:url(../../assets-common/img/smiley_02.png) no-repeat;
}
.smiley1{
	width:30px;
	height:30px;
	display:block;
	background:url(../../assets-common/img/smiley_01.png) no-repeat;
}

.radio_item:checked + label span.smiley5 {

background:url(../../assets-common/img/smiley_05_sltd.png);
}
.radio_item:checked + label span.smiley4 {

background:url(../../assets-common/img/smiley_04_sltd.png);
}
.radio_item:checked + label span.smiley3 {

background:url(../../assets-common/img/smiley_03_sltd.png);
}
.radio_item:checked + label span.smiley2 {

background:url(../../assets-common/img/smiley_02_sltd.png);
}
.radio_item:checked + label span.smiley1 {

background:url(../../assets-common/img/smiley_01_sltd.png);
}

.feedbackhappy{
	margin-top:13px;
}
.feedbacknext{
	float:right;
	margin-top:10px;
}
/*.roommanage{
	margin-top:48px !important;
}*/
.bs-example{
	padding:15px;
	border:1px solid #AEAEAE;
	background-color:#fcfcfc;
	border-radius:3px;
	position:relative;
	margin-top:20px;

}
.tablehead{
	background-color:#555;
	color:#ffffff;
}

ul.tablehead li{
	float:left;
	height:33px;
	padding-top:7px;
}
#roomrow{
	/*background:red;*/
}
.roomrow td, #roomrow th{
	padding-top:12px;
}
.roomrow td button{
	padding:0px !important;
	margin-right:10px;
}

.modal-footer p{
	color:red;
	margin:0px;
	padding:0px;
	margin-top:5px;
	display:none;
}

.modalinput{
	width:49%;
	float:left;
	margin-top:15px;
	}
.modalmargin{
	margin-left:2%;
}
.modalinputtime{
	width:23.5%;
	float:left;
	margin-top:15px;
}
.smalltable{
	float:left;
	width:44%;
	display:none;
}
.table{
	margin:0px !important;
}

#table-wrapper {
  position:relative;
}
.scroller {
  height:150px;
  overflow:auto;  
  margin-top:30px;
}
#table-wrapper table {
  width:100%;
    
}
#table2wraper{
	position:relative;
}
#table-wrapper table * {
  color:black;
}
#table2wraper table {
  width:100%;
    
}
.test{
	height:33px;
	width:100%;
	display:block;
	background:#555;
	position:absolute;
	top:-19px;
	left:0px;
	z-index:0;
}

.text_title{
	  position:absolute;   
	  top:-12px;
	  z-index:2;
	  height:33px;
	  width:auto;
		color:white !important;
		font-weight:100;
}
/*#table2wrapper table thead th.text{
	 position:absolute;   
	  top:-12px;
	  z-index:2;
	  height:33px;
	  width:auto;
		color:white;
		font-weight:100;
}*/
.btntable{
	width:8%;
	height:293px;
	float:left;
	padding-top:94px !important;
	text-align:center;
	display:none;
}
.arrowbtn{
	width:100%;
	margin-bottom:12px;
}
#swapleft, #swapright{
	display:block;
}
#swaptop, #swapbottom{
	display:none;
}
.tabletitle{
	color:#009296;
	display:block;
	margin-bottom:12px;
}
.searchidinput, .searchidbtn{
	float:left;
}
.searchidinput{
	width:80%;
	height:40px;
}
.searchidbtn{
	width:18%;
	height:40px;
	margin-left:2%;
}
.btnsearchbyID{
	margin-top:14px;
}
.Qualification{
	width:25% !important;
}
.section-input{
	width:30% !important;
}
.field-validation-valid{
	height:15px;
	color: red;
}

@media (max-width: 480px){
    /* ..480px devices.............................................. */
	.custom-captcha {
        width:100% !important;
    }
	.table-responsive th, td{
		min-width:10px !important;
	}
	.feedbacknext{
		margin:0px;
		margin-top:10px;
	}
	#video{
		width:100% !important;
		height:auto !important;
	}
	.avatar-menu{
		right:0px !important;
		margin-left:0px !important;
	}
	.navbar-toggle{
		margin-right:10px !important;
	}
	.table-responsive{
		overflow-x: scroll;
		display:block;
		width:100%;
	}
	.table-responsive th, td { min-width: 100px; }
	
	.text_title1{
		right:40px;
	}
	.feedbackqstn{
	float:none;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:2%;
	background:#d7d7d7;
	padding: 1em 1em 1em 1em;
}
.feedbackInductqstn{
	float:none;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:2%;
	background:#d7d7d7;
	padding: 1em 1em 1em 1em;
	clear: both;
}
.feedbackqstnOpts{
	float:none;
	width:100%;
	margin-bottom:2%;
	background:#d7d7d7;
	padding: 1em 1em 1em 1em;
	clear: both;
	padding-bottom: 8px !important;
}
.feedbackOpts{
	float:none;
	width:100%;
	margin-right:2%;
	margin-bottom:2%;
	background: rgba(172,172,172,0.6);	
	padding: 1em 1em 1em 1em;
	margin-left:30px;
	clear: both;
}
.feedbackans{
	height:49px;
	float:none;
	width:100%;
	margin-bottom:4%;
	background:#ffffff;
}
.feedbackInductans{
	height:49px;
	float:none;
	width:100%;
	background:#ffffff;
}
.feedbackInductionans label {
	float: left;
}
.feedbackOptnAns{
	float:none;
	width:100%;
}
.feedbackOpts{
	float:none;
	width:100%;
	margin-right:0px;
	margin-left:0px;
}
label.inductionsmiley div {
    height: 30px;
    line-height: 20px;
    text-align: center;
    width: 30px;
    border: 3px solid orange;
    color: orange;
    padding: 0 0 8px;
    border-radius: 50%;
    font-size: 20px;
    font-family: "comic sans ms";
    font-weight: bold;
    Background: yellow;
	-webkit-transform: rotate(90deg);
}

.feedbackInductionans{
	margin:0px auto;
	text-align:center;
	height:49px;
	float:left;
	margin-bottom: 5px !important;
	width:100% !important;
}

    .modalinput{
	width:100%;
	margin-top:10px;
	
	}
	.modalmargin{
	margin-left:0%;
}
.modalinputtime{
	width:100%;
	margin-top:10px;
}
.smalltable{
	float:none;
	width:100%;
}
.btntable{
	width:100%;
	float:none;
	height:auto;
	padding-top:13px !important;
	text-align:center;
}
.arrowbtn{
	width:10%;
	margin-bottom:0px;
	margin-right:10px;
	
}
#swapleft, #swapright{
	display:none;
}
#swaptop, #swapbottom{
	display:inline-block;
}
.Qualification{
	width:100% !important;
}
.section-input{
	width:100% !important;
}
.text-left{
	float:none;
}
.text-right{
	float:none;
	width:100%;
}
.sub-navbar-heading{
	font-size:12px;
	margin-top:14px;
}
}
.Startpir{
	float:right;
}
.btnpir, .closepir{
	margin-top:14px;
}
input[type=checkbox] {
	visibility: hidden;
}
.squaredThree {
	width: 150px;	
	float:left;
	margin: 20px auto;
	position: relative;
}
.squaredThree span{
	padding-left:10px;
	color:#009296;
}

.squaredThree label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	left:0px;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredThree label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 6px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredThree label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredThree input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.addedselect{
	height:25px;
	width:45%;
}
.addedNewselect{
	height:25px;
	width:45%;
	float:left;
}

.ïnput-reason{
	margin-left:2%;
}
.tablesearchbyid{
	margin-top:10px;
	border:1px solid #AEAEAE;
}
.md-check, .md-account-add, .md-camera{
	padding-right:10px;
}
.regconfirmbody{
	margin-top:30px !important;
}
.pleasenote{
	color:#ff0f3b;
}
.nextbtn{
	float:right;
}
.hrdetails{
	width:150px;
	padding:0px;
	margin:0px;
	margin-top:10px;
	text-align:center;
	border:1px solid #AEAEAE;
}
.hrdetails p{
	background:#333333;
	color:#ffffff;
	margin:0px;
	padding:0px;
}
.margininput{
	margin-top:10px;
}
#navbar{
	
}
ul.dropdown-menu{
	width:201px;
}
#docs {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
}
.highlight
{
    border: 1px dotted red !important;
}
.text-left{
	text-align:left;
	margin-top:10px;
	float:left;
}
.text-left img{
	max-width:300px;
	height:auto;
}
.text-right{
	float:right;
	margin-top:38px;
}
.section-stretch input{
	visibility:visible !important;
}
#video{
	width:100%;
	height:auto;
	background:#ccc;
        border:5px solid #fff;
        box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
        -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
}
#canvas{
	width:100%;
	height:auto;
	display:none;
	background:#ccc;
        border:5px solid #fff;
        box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
        -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
}
#snap, #retake{
	margin-top:10px;
	margin-bottom:3px;
	width:100px;
	height:auto;
}
#retake{
	margin-top:10px;
	margin-bottom:3px;
	max-width:100px;
	height:auto;
}

#file-input{
	background:#00aff0;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
	width:100px;
	height:auto;
	display:none;
}
input.upload {
	width:150px;
	height:42px;
    position: absolute;
    top: 190;
    right: 105;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
#retake{
	display:none;
}
.mainframe{
	float:none !important;
}
.mainframe input{
	display:none;
	 
}
div.file-preview {
        background:#ccc;
        border:5px solid #fff;
        box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
        -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
        display:block;
        
        max-width:280px;
        height:180px;
		margin:0px auto;
        text-align:center;
		display:none;
    }
	#prevSectionBtn{
		float:left;
		}
	
	#prevSectionBtn{
		visibility:hidden;
	}
	.navbar-fixed-bottom{
		width:100%;
		position:fixed;
		bottom:0;
		left:0;
		right:0;
		
	}
	.nav-footer-small{
		padding-left:10px;
	}
	.marginmanage{
		margin-top:-42px;
	}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
	color:#666666 !important;
}
.ui-widget-header{
	background:#EF8822 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	color:#009296 !important;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
	background:#ffffff;
	cursor:pointer; 
}
.springboard-logo {
	width: 60%;
	display: block;
	margin-right:auto;margin-left:auto; margin-bottom:15px;
	margin: $grid-gutter-width/2 auto;
}
.logo-spring{
	width:175px;
	height:auto;
	float:right !important;
}
.img_right {
	float:right;
}

.ucon{
	margin-top: 140px !important;
}
.menu_scroll {
	max-height: 500px;
	width: auto !important;
	overflow-x: hidden;
	overflow-y: auto;
}
.custom-captcha {
	width:20%;
	height:49px;
	border:1px solid #CCC;
	background:#6e6e6e;
	border-radius:3px;
}
.bg-widgets {
    background-color: #D7D7D7;
}
.bs-example:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: attr(data-content) ;
    display: block;
    width: 100%;
    color: white;
    background-color: #555;
    padding: 10px 15px;
    font-size: 0.8em;
    text-transform: uppercase;
}
.bs-example {
    padding: 15px;
    padding-top: 55px;
    border: 1px solid #AEAEAE;
    background-color: #fcfcfc;
    border-radius: 3px;
    position: relative;
    margin-bottom: 20px;
    
}
label.inductionsmiley {
    position: relative;
    float:left;
    width:auto;
    display: inline-block;
    margin: 0 5px 10px;
    cursor: pointer;
}
    
label.inductionsmiley:hover div {
  border-color: #5ba753;
  color: #5ba753;
  animation: jump 0.5s infinite alternate;
  -o-animation: jump 0.5s infinite alternate;
  -ms-animation: jump 0.5s infinite alternate;
  -moz-animation: jump 0.5s infinite alternate;
  -webkit-animation: jump 0.5s infinite alternate;
}

label.inductionsmiley div {
  
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  border: 3px solid orange;
  color: orange;
  padding: 0 0 32px;
  border-radius: 50%;
  font-size: 16px;
  font-family: "comic sans ms";
  font-weight: bold;
	Background:yellow;
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.sad label.inductionsmiley div {
  animation: shake 1s ease-in-out infinite alternate;
  -o-animation: shake 1s ease-in-out infinite alternate;
  -ms-animation: shake 1s ease-in-out infinite alternate;
  -moz-animation: shake 1s ease-in-out infinite alternate;
  -webkit-animation: shake 1s ease-in-out infinite alternate;}
}

.fixit {
  background:red !important;
  border-color:red !important;
}

.feedbackInductionans{
	margin:0px auto;
	text-align:center;
	height:49px;
	float:left;
	width:27%;
}

.feedbackInductionans label {
	margin-top:10px;
}
.smileyLegend{
width:18%;
margin-right:10px;
float:left;
}
.smileyLegend span{
width:100%;
}
	@media (max-width: 480px){
		.smileyLegend{
		width:100%;
		margin-right:0px;
		float:none;
		background-repeat: no-repeat;
		}
		.smileyLegend span{
		width:100%;
		margin-bottom:10px;
		}
	}

.dropDownFix {
	min-width: 50%;
	height: 49px;
	line-height: 49px;
	font-size: 18px
}
