* { box-sizing: border-box; }

img { max-width: 100%; }

body { background: #fff !important; }

.lp_form_main { margin: 0px; padding: 0px; position: relative; }

.login_main { width: 100%; margin: 0px auto; position: relative; }

.div_logo_main { width: 100%; background: #fff; }

.div_cont_main { width: 100%; background: #002d55 url(../../images_v2/portal_login/cmn_bg.png) no-repeat right center; position: relative; }

.main_strides_shasun .div_cont_main { background: #00965E url(../../images_v2/portal_login/strides_shasun_bg.png) no-repeat top right; background: linear-gradient(to right, #006C44 0%, #00965e 100%); }

.main_strides_shasun .div_cont_main:before { width: 435px; height: 395px; background-image: url("../../images_v2/portal_login/strides_shasun_bg.png"); }

.main_arrow .div_cont_main { background: #00AB91 url(../../images_v2/portal_login/arrow_bg.png) no-repeat right center; background: linear-gradient(to right, #007967 0%, #00AB91 100%); }

.main_arrow .div_cont_main:before { width: 100%; height: 100%; background-image: url("../../images_v2/portal_login/arrow_bg.png"); background-position: right center; }

.main_stelis .div_cont_main { background: #09c996 url(../../images_v2/portal_login/stelis_bg.png) no-repeat top right; background: linear-gradient(to right, #068E69 0%, #09c996 100%); }

.main_stelis .div_cont_main:before { width: 510px; height: 425px; background-image: url("../../images_v2/portal_login/stelis_bg.png"); }

.main_strides_shasun .div_cont_main:before, .main_arrow .div_cont_main:before, .main_stelis .div_cont_main:before { content: ' '; position: absolute; right: 0px; top: 0px; background-repeat: no-repeat; }

.div_logo_main { height: 70px; }

.div_cont_main { height: auto; padding: 40px 20px; }

.div_logo_main, .div_cont_main { float: none; display: table; }

.div_logo_main > ul { list-style: none; margin: 0; padding: 0px; float: right; }

.div_logo_main > ul > li { display: inline-block; clear: none; overflow: auto; padding: 0px; margin: 5px; }

.div_logo_main > ul > li a { border: #ccc solid 1px; display: block; padding: 10px 20px; text-align: center; border-radius: 2px; }

.div_logo_main > ul > li:first-child { border-top: #ccc solid 0px; }

.div_logo_main > .links a { border-bottom: #ccc solid 0px; display: inline-block; padding: 10px 20px; text-align: center; border-radius: 2px; margin: 3px 0; cursor: pointer; position: relative; width: 31%; }

.div_logo_main > .links a:hover { opacity: 0.6; }

.div_logo_main > .links:first-child { border-top: #ccc solid 1px; }

.div_logo_main > .links .selected:after { content: "\e81b"; position: absolute; left: -10px; font-size: 20px; top: 50%; margin-top: -10px; }

.div_logo_main > .links { width: 100%; margin: 0; float: right; position: relative; }

.div_logo_main > .links::before { content: "Select Your Company"; font-size: 15px !important; position: absolute; right: 0px; top: -30px; opacity: 0.6; font-weight: bold; text-transform: uppercase; font-family: "CircularStd-Bold"; }

.div_logo_main > .links .not_selected { opacity: .5; -webkit-filter: grayscale(100%); filter: grayscale(100%); }

/*.div_logo_main > .links :hover{background:#f2f2f2}*/
.div_cont_main > div { float: none; position: relative; }

.div_sign_main { height: auto; background: #fff; border-radius: 6px; border: #ddd solid 1px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); width: 100%; margin: 0px; position: relative; text-shadow: 1px 1px 0px #fff; }

.div_sign_main::before { background: #002d55 url(../../images_v2/portal_login/sign_icon.png); width: 60px; height: 60px; border-radius: 60px; content: ""; position: absolute; top: -25px; left: 50%; margin-left: -25px; z-index: 10; }

.disabled:hover:before { background: #002d55 url(../../images_v2/portal_login/sign_icon.png) !important; }

.main_strides_shasun .div_sign_main:hover { border-color: #00965E; }

.main_arrow .div_sign_main:hover { border-color: #00AB91; }

.main_stelis .div_sign_main:hover { border-color: #01D49B; }

.div_sign_main:hover .login_info > div::before { background: #fcfcfc; }

.main_strides_shasun .div_sign_main:hover:before { background: #00965E url(../../images_v2/portal_login/sign_icon.png); }

.main_arrow .div_sign_main:hover:before { background: #00AB91 url(../../images_v2/portal_login/sign_icon.png); }

.main_stelis .div_sign_main:hover:before { background: #01D49B url(../../images_v2/portal_login/sign_icon.png); }

.main_strides_shasun .div_sign_main:before { background: #006640 url(../../images_v2/portal_login/sign_icon.png); }

.main_arrow .div_sign_main:before { background: #006A5A url(../../images_v2/portal_login/sign_icon.png); }

.main_stelis .div_sign_main:before { background: #068E69 url(../../images_v2/portal_login/sign_icon.png); }

.div_cont_main .disabled > div:before { cursor: not-allowed; content: ""; width: 100%; height: 100%; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; background-color: rgba(255, 255, 255, 0.6); z-index: 9; -webkit-backdrop-filter: saturate(180%) blur(20px); -moz-backdrop-filter: saturate(180%) blur(20px); -ms-backdrop-filter: saturate(180%) blur(20px); -o-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.div_cont_main .disabled { cursor: not-allowed; }

.div_sign_main > div { padding: 60px 40px; }

.div_sign_main > div > h4 { font-size: 18px; text-transform: uppercase; margin: 0 0 15px 0; float: left; font-family: "CircularStd-Bold"; }

.main_strides_shasun .div_sign_main > div > h4:after { content: " Strides"; color: #00965E; }

.main_arrow .div_sign_main > div > h4:after { content: " Arrow Pharma"; color: #00AB91; }

.main_stelis .div_sign_main > div > h4:after { content: " Stelis Biopharma"; color: #01D49B; }

.login_info { overflow: auto; clear: both; }

.login_info > div > input[type='text'], .login_info > div > input[type='password'] { border-color: #ccc; padding: 15px 15px 12px 15px; width: 100%; margin: 10px 0; font-size: 16px; font-family: "CircularStd-Book"; position: relative; z-index: 0; border-width: 1px; border-style: solid; }

.main_strides_shasun .login_info > div > input[type="text"]:focus, .main_strides_shasun .login_info > div > input[type="password"]:focus { border-color: #00965E; }

.main_arrow .login_info > div > input[type="text"]:focus, .main_arrow .login_info > div > input[type="password"]:focus { border-color: #00AB91; }

.main_stelis .login_info > div > input[type="text"]:focus, .main_stelis .login_info > div > input[type="password"]:focus { border-color: #01D49B; }

.main_strides_shasun .lblMessage { background-color: #00965E; }

.main_arrow .lblMessage { background-color: #00AB91; }

.main_stelis .lblMessage { background-color: #01D49B; }

.main_strides_shasun .fgt_password, .main_stelis .fgt_password, .main_arrow .fgt_password { color: #555; }

.main_strides_shasun .rejister { color: #00965E; }

.main_arrow .rejister { color: #00AB91; }

.main_stelis .rejister { color: #01D49B; }

.main_strides_shasun .sign_btn { border-color: #006A43; }

.main_arrow .sign_btn { border-color: #008A76; }

.main_stelis .sign_btn { border-color: #01AD7D; }

.main_strides_shasun .portal_checkbox:checked + .portal_checkbox_label { color: #006A43; }

.main_arrow .portal_checkbox:checked + .portal_checkbox_label { color: #008A76; }

.main_stelis .portal_checkbox:checked + .portal_checkbox_label { color: #01AD7D; }

.main_strides_shasun .portal_checkbox:checked + .portal_checkbox_label:before { content: ""; background: url(../../images_v2/portal_login/checkbox_checked_ss.png) no-repeat center; }

.main_arrow .portal_checkbox:checked + .portal_checkbox_label:before { content: ""; background: url(../../images_v2/portal_login/checkbox_checked_arrow.png) no-repeat center; }

.main_stelis .portal_checkbox:checked + .portal_checkbox_label:before { content: ""; background: url(../../images_v2/portal_login/checkbox_checked_stelis.png) no-repeat center; }

.login_info > div::before { background: #fff; padding: 4px; position: absolute; top: 1px; left: 15px; color: #555; height: 15px; z-index: 1; font-size: 12px; border-radius: 3px; font-size: 12px; font-family: "CircularStd-Bold"; }

.login_info > div { position: relative; }

.login_info > .user_name:before { content: "User Name"; }

.login_info > .password:before { content: "Password"; }

.login_info > div > :-ms-input-placeholder { color: #aaa; }

.portal_checkbox, .portal_radio { opacity: 0; position: absolute; }

.portal_checkbox, .portal_checkbox_label, .portal_radio, .portal_radio_label { display: inline-block; vertical-align: middle; cursor: pointer; font-size: 14px; }

.portal_checkbox_label, .portal_radio_label { position: relative; font-family: "CircularStd-Bold"; }

.portal_checkbox + .portal_checkbox_label:before, .portal_radio + .portal_radio_label:before { content: ''; background: url(../../images_v2/portal_login/checkbox.png) no-repeat center; border: 2px solid #fff; display: inline-block; vertical-align: middle; width: 20px; height: 20px; padding: 2px; margin-right: 10px; text-align: center; }

.portal_radio + .portal_radio_label:before { border-radius: 50%; }

.portal_radio:checked + .portal_radio_label:before { content: ""; color: #bbb; }

.fgt_password, .rejister { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; color: #000; text-decoration: none; margin: 0 0 20px 38px; padding: 3px 0; cursor: pointer; clear: both; }

.fgt_password:before, .rejister:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #000; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.fgt_password:after, .rejister:after { content: ""; position: absolute; z-index: -2; left: 0; right: 0; bottom: 0; background: #aaa; height: 1px; }

.fgt_password:hover:before, .fgt_password:focus:before, .fgt_password:active:before, .rejister:hover:before, .rejister:focus:before, .rejister:active:before { left: 0; right: 0; }

.signin_div { padding: 20px 0 0 10px; overflow: auto; clear: both; }

.main_strides_shasun .sign_btn { background: #00965E; }

.main_arrow .sign_btn { background: #00AB91; }

.main_stelis .sign_btn { background: #01D49B; }

.sign_btn { background: #002d55; }

.sign_btn { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; font-size: 17px; padding: 8px 20px; border: solid 1px; text-decoration: none; box-shadow: inset 1px 1px 1px 0px white; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: .3s; cursor: pointer; text-shadow: none; font-family: "CircularStd-Bold"; }

.sign_btn:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #000; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.sign_btn:hover { border: solid #000 1px; }

.sign_btn:hover, .sign_btn:focus, .sign_btn:active { color: white; }

.sign_btn:hover:before, .sign_btn:focus:before, .sign_btn:active:before { -webkit-transform: scale(1); transform: scale(1); }

.clear { height: 1px; clear: both; display: block; }

.sign_up { background: url(../../images_v2/portal_login/click_here.png) no-repeat left center; padding: 20px 0 0 50px; }

.sign_up > span { display: block; font-size: 14px; font-family: "CircularStd-Bold"; }

.sign_up > a { font-size: 18px !important; margin: 0px !important; }

.main_strides_shasun .sign_up > a { color: #00965E; font-family: "CircularStd-Bold"; }

.div_container { width: auto; color: #fff; padding: 30px 0; }

.div_container p { padding: 7px 0; font-size: 14px; margin: 0px; }

.content { overflow: auto; position: relative; padding: 0px; height: auto; text-align: justify; font-size: 14px; font-family: "CircularStd-Book"; }

.wn_fl { border-top: rgba(255, 255, 255, 0.2) solid 1px; padding-top: 15px !important; box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); }

/*.content h1{font-size:28px;margin:0 0 10px 0; font-weight:lighter}*/
.redirect_web { text-align: center; display: block; padding: 0 0 20px 0; }

.redirect_web a { text-decoration: underline; color: #fff; cursor: pointer; }

.redirect_web a:hover { text-decoration: underline; color: #5fc816; }

.mCSB_container { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }

.mCS_img_loaded { max-width: 100%; }

.lblMessage { display: none; width: 388px; color: #fff; text-shadow: 0px 0px 0px; font-size: 14px; border-radius: 0 0 6px 6px; box-shadow: 0px 0px 5px #aaa; padding: 10px !important; margin-top: -61px; text-align: center; }

.Log_wwwOffice p { margin: 0px auto; text-align: center; }

.Log_wwwOffice p img { max-width: 100%; margin: 0px auto; border-radius: 3px; border: solid 1px rgba(255, 255, 255, 0.5); }

@media only screen and (min-width: 800px) { .div_cont_main > div { float: left; }
  .div_container { width: calc(100% - 400px); padding: 0px; }
  .content { padding: 0 0 0 40px; height: 470px; }
  .div_sign_main { width: 390px; }
  .div_cont_main { padding: 40px; } }
@media only screen and (min-width: 1110px) { .div_container { width: 70%; color: #fff; width: calc(100% - 250px); }
  .div_logo_main { width: 35%; }
  .div_cont_main { width: 65%; }
  .div_logo_main > ul { list-style: none; margin: 100px 225px 0 0; padding: 0px; float: right; }
  .div_logo_main > ul > li { display: block; }
  .div_logo_main > ul > li:first-child { border-top: #ccc solid 0px; }
  .div_logo_main, .div_cont_main { height: 530px; padding: 10% 0 0 0; float: left; }
  .div_sign_main { margin: 0 0 0 -195px; }
  .div_logo_main > .links a { border-bottom: #ccc solid 1px; display: block; }
  .div_logo_main > .links { width: 200px; margin: 100px 225px 0 0; float: right; }
  .div_logo_main > .links a { width: 100%; } }
@media only screen and (min-width: 1280px) { .div_container { width: 70%; color: #fff; width: calc(100% - 350px); max-width: 600px; } }

/*# sourceMappingURL=portal-login.css.map */