*{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/cmn_bg.png) no-repeat  right center; position:relative}
.main_strides_shasun .div_cont_main{background:#00965E url(./images_v2/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/strides_shasun_bg.png')}
.main_arrow .div_cont_main{background:#00AB91 url(./images_v2/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/arrow_bg.png'); background-position: right center}
.main_stelis .div_cont_main{background:#09c996 url(./images_v2/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/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:.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,.5);width:100%;margin:0px;position:relative;text-shadow:1px 1px 0px #fff}
.div_sign_main::before {background: #002d55 url(./Images/login_portal/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/login_portal/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/login_portal/sign_icon.png)}
.main_arrow  .div_sign_main:hover:before {background: #00AB91 url(./Images/login_portal/sign_icon.png)}
.main_stelis .div_sign_main:hover:before {background: #01D49B url(./Images/login_portal/sign_icon.png)}
.main_strides_shasun .div_sign_main:before {background: #006640 url(./Images/login_portal/sign_icon.png)}
.main_arrow  .div_sign_main:before {background: #006A5A url(./Images/login_portal/sign_icon.png)}
.main_stelis .div_sign_main:before {background: #068E69 url(./Images/login_portal/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,.6); z-index:9}
.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/checkbox_checked_ss.png) no-repeat center}
.main_arrow .portal_checkbox:checked + .portal_checkbox_label:before {content: "";background:url(./images_v2/checkbox_checked_arrow.png) no-repeat center}
.main_stelis .portal_checkbox:checked + .portal_checkbox_label:before {content: "";background:url(./images_v2/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/login_portal/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;}
.portal_checkbox:focus + .portal_checkbox_label, .portal_radio:focus + .portal_radio_label {}
.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 rgba(255,255,255,1);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/login_portal/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,.2) solid 1px;padding-top: 15px !important;box-shadow: 0px -1px 0px rgba(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,.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,.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}
}