﻿.onboarding-header{color:#f36f21;font-size:18pt;font-weight:600;padding-top:20px}.onboarding-desc{color:#727272;font-size:12pt;width:86%;margin:0 auto;padding-top:20px}.top-20{padding-top:20px}.top-40{padding-top:40px}.onboarding-form{box-shadow:0 7px 27px rgba(0,0,0,0.17);position:relative;overflow:hidden;max-width:752px;min-height:655px;background:linear-gradient(0,rgba(56,23,87,1) 0,rgba(113,57,148,1) 100%);margin:0 auto}.onboarding-form-login{box-shadow:0 7px 27px rgba(0,0,0,0.17);position:relative;overflow:hidden;max-width:752px;min-height:600px;background:linear-gradient(0,rgba(219,79,0,1) 0,rgba(254,166,34,1) 100%);margin:0 auto}.onboarding-row{width:90%;margin:0 auto;margin-bottom:15px}.develop-box{width:90%;margin:0 auto;margin-bottom:20px;border:2px solid;border-radius:14px;border-color:#727272;height:50px;margin-top:20px}.onboarding-skill-row{float:left;width:100%;padding-top:10px}.onboarding-form-element{margin-left:auto;margin-right:auto;position:relative}.onboarding-form-element input{-webkit-appearance:none;-moz-appearance:none;height:45px;line-height:32px;padding:0 40px 0 20px;border-radius:14px;border:1px solid #d9d9d9;background:#fafafa;font-size:12pt;margin-bottom:0}.dropdownlist-onboarding-form-element{-webkit-appearance:none;-moz-appearance:none;height:45px;line-height:32px;padding:0 40px 0 20px;border-radius:14px;border:1px solid #d9d9d9;background:#fafafa;margin-bottom:0;color:#9a9a9a}.onboarding-form-icon{position:absolute;color:#cecece;top:34px;right:15px;font-size:22px}.bottom-area{position:relative;top:10px}.check-info-text{padding-top:0;text-align:left;width:100%;font-size:11px;color:#727272;padding-left:40px}.check-info-text a{color:#2d88c0;text-decoration:underline}.check-info-error-text{color:#ed1c24;text-align:left;font-size:12px;margin-bottom:10px;width:100%}.onboarding-form-element-title{line-height:12pt;font-size:12pt;margin-bottom:10px;text-align:left;color:#727272}.onboarding-skill-element-title{line-height:6pt;font-size:12pt;text-align:left;color:#cecece}.onboarding-btn{margin-top:20px;padding:0;border-radius:22px;height:45px;line-height:40px;font-size:14pt;letter-spacing:inherit;font-weight:600;text-transform:none;background-color:#2888c3;padding-left:50px;padding-right:50px}.onboarding-btn:hover{background:#3b9bd6}.onboarding-btn-1{margin-top:20px;padding:0;border-radius:22px;height:45px;line-height:40px;font-size:14pt;letter-spacing:inherit;font-weight:600;text-transform:none;background-color:#2888c3;padding-left:50px;padding-right:50px}.onboarding-btn-1:hover{background:#3b9bd6}.onboarding-btn-2{margin-top:20px;padding:0;border-radius:22px;height:45px;line-height:40px;font-size:14pt;letter-spacing:inherit;font-weight:600;text-transform:none;background-color:#2888c3;padding-left:50px;padding-right:50px}.onboarding-btn-2:hover{background:#3b9bd6}.onboarding-btn-3{margin-top:20px;padding:0;border-radius:22px;height:45px;line-height:40px;font-size:14pt;letter-spacing:inherit;font-weight:600;text-transform:none;background-color:#2888c3;padding-left:50px;padding-right:50px}.onboarding-btn-3:hover{background:#3b9bd6}.onboarding-already-login{color:#727272;font-size:12pt;font-weight:500;width:100%;margin:0 auto;position:absolute;bottom:15px}.onboarding-info{color:#cecece;font-size:10pt;font-weight:500;width:100%;margin:0 auto;position:absolute;bottom:5px}.left-side{left:0;width:50%;z-index:1;position:absolute;top:0;height:100%}.overlay-right{right:0;transform:translateX(0)}.overlay-panel{position:absolute;align-items:center;justify-content:center;flex-direction:column;text-align:center;top:0;height:100%;width:50%;transform:translateX(0);transition:transform .6s ease-in-out;background-color:#fff !important}@media(max-width:800px){.overlay-panel{width:100%}.left-side{width:0;background-color:#fff}.onboarding-form{max-width:350px}}.onboarding-img{padding-top:0;width:100%;padding-bottom:15px}@media(max-width:800px){.onboarding-img{display:none}}@media(max-width:800px){.onboarding-img-content{display:none}}.onboarding-img-content ul,ol{padding:0;margin:0 0 12px 50px;font-size:12pt;font-weight:500}.onboarding-img-content-header{font-size:18pt;color:#fff;font-weight:600;padding-bottom:10px;text-align:left;padding-left:32px}.onboarding-img-content-final{font-size:22px;color:#fff;font-weight:600}.grade-text{display:block;float:left;font-size:12pt;font-weight:500;color:#727272 !important;vertical-align:top;line-height:40px}.skill-text{display:inline-block;float:left;font-size:12pt;font-weight:500;color:#727272;vertical-align:top;line-height:20px}.develop-text{display:inline-block;float:left;color:#727272;font-size:12pt;font-weight:500;vertical-align:top;margin-left:10px;line-height:42px;padding-left:15px;padding-top:2px}.dropdownlist-grade{width:60%;max-width:250px;float:right;-webkit-appearance:none;-moz-appearance:none;height:45px;line-height:32px;padding:0 40px 0 20px;border-radius:14px;border:1px solid #d9d9d9;background:#fafafa;display:block;margin-bottom:0;color:#f36f21;font-weight:600;cursor:pointer}.grade-form-icon{position:absolute;color:#cecece;top:9px;right:49px;font-size:22px}.grade-form-icon-skill{position:absolute;color:#cecece;right:36px;font-size:24px;line-height:35px}.switch{position:relative;display:inline-block;width:40px;height:26px;float:right;top:-5px}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider.round{border-radius:34px}input:checked+.slider{background-color:#4cb964}.switch input{display:none}.slider:before{position:absolute;content:"";height:22px;width:22px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.slider.round:before{border-radius:50%}input:checked+.slider:before{-webkit-transform:translateX(14px);-ms-transform:translateX(14px);transform:translateX(14px)}.hr-row-01-onb{width:100%;float:left;margin-top:20px;display:block}.hr-row-02-onb{width:100%;display:block;float:left;margin-top:20px}.padding-top-59{padding-top:59px}.padding-top-10{padding-top:10px}.new-check{width:19px !important;height:21px !important;left:0 !important;margin-top:-1px;cursor:pointer}.new-label{width:23px;height:23px;position:absolute;left:24px;border-radius:4px;margin-top:3px;z-index:99999}.margin-bottom-20{margin-bottom:20px}.btn-back-style{float:left;cursor:pointer;padding-left:8px;color:#ccc;padding-top:20px;font-size:x-large}[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;left:-9999px}[type="checkbox"]:not(:checked)+label,[type="checkbox"]:checked+label{position:relative;padding-left:1.95em;cursor:pointer}[type="checkbox"]:not(:checked)+label:before,[type="checkbox"]:checked+label:before{content:'';position:absolute;width:30px;height:30px;background:#c4c4c4;border-radius:4px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);display:inline-block;right:19px;border-radius:50%}[type="checkbox"]:not(:checked)+label:after,[type="checkbox"]:checked+label:after{content:'';position:absolute;width:30px;height:30px;background:#4cd964;border-radius:4px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);display:inline-block;border-radius:50%}[type="checkbox"]:not(:checked)+label:after,[type="checkbox"]:checked+label:after{content:'\2713\0020';position:absolute;font-size:31px;line-height:.8;color:#fff;transition:all .2s;right:19px}[type="checkbox"]:not(:checked)+label:after{opacity:0;transform:scale(0)}[type="checkbox"]:checked+label:after{opacity:1;transform:scale(1)}.login-box-icon{position:absolute;color:#cecece;top:38px;right:15px;font-size:22px}.password-box-icon{position:absolute;color:#cecece;top:13px;right:15px;font-size:22px}.onboarding-btn-login{margin:0 !important;padding:0;border-radius:14px;width:100%;height:45px;line-height:39px;font-size:14pt;letter-spacing:1px;font-weight:600;text-transform:none}.center-separator{display:flex;line-height:1em;color:gray}.center-separator::before,.center-separator::after{content:'';display:inline-block;flex-grow:1;margin-top:.5em;background:gray;height:1px;margin-right:10px;margin-left:10px}.fb-button{display:block;box-sizing:border-box;background:#3b5998;color:#fff;width:48%;font-size:10pt;border-radius:12px;height:45px;padding:0;font-weight:600;float:right}.google-button{display:inline-block;box-sizing:border-box;background:linear-gradient(45deg,rgba(255,255,255,1) 0,rgba(245,245,245,1) 100%);color:#404040;width:48%;font-size:10pt;border-radius:12px;border:1px solid #e6e6e6;box-shadow:0 2px rgba(0,0,0,0.2);height:45px;padding:0;font-weight:600;float:left}.google-icon{background:url(../img/google-icon.png) 0 47% no-repeat;display:inline-block;vertical-align:middle;width:24px;height:48px}.fb-icon{background:url(../img/fb-icon.png) 0 47% no-repeat;display:inline-block;vertical-align:middle;width:22px;height:48px}.onboarding-validation-error{color:#ed1c24;text-align:right;float:left;line-height:12pt;font-size:12pt;margin-top:7px;margin-bottom:15px;display:block;width:100%}.height-50{height:50px}.opacity-50{opacity:.5}.fa-bg{background-color:#fafafa}.footer-menu-item-new{color:#f36f21 !important;font-size:13pt;padding:0 10px}.abcRioButton{display:inline-block;box-sizing:border-box;background:linear-gradient(45deg,rgba(255,255,255,1) 0,rgba(245,245,245,1) 100%);color:#404040;width:48% !important;height:45px !important;border-radius:12px !important;border:1px solid #e6e6e6 !important;box-shadow:0 2px rgba(0,0,0,0.2) !important;padding:0;float:left}.abcRioButtonContents{font-family:Roboto,arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.21px;margin-right:40px !important;vertical-align:top;font-size:10pt !important;font-weight:600 !important;line-height:43px !important}.abcRioButtonIcon{padding:12px !important}.footer-onb{width:100%;background-color:#fafafa}.forgot-password-form{box-shadow:0 7px 27px rgba(0,0,0,0.17);position:relative;overflow:hidden;max-width:450px;min-height:320px;margin:0 auto}.forgot-password-panel{position:absolute;align-items:center;justify-content:center;flex-direction:column;text-align:center;top:0;height:100%;width:100%;transform:translateX(0);transition:transform .6s ease-in-out;background-color:#fff !important}.forgot-password-row{width:70%;margin:0 auto;margin-bottom:20px}@media screen and (max-width:450px){.forgot-password-row{width:90%}.forgot-password-form{box-shadow:none}}