body{padding:0 !important;margin:0 !important;font-family:clear_sans_lightregular,Arial,Helvetica,sans-serif;color:#777}a{text-decoration:none}.form-group input:focus{outline:0;border-bottom:1px solid #0077c8}.form-group{padding:0 0 10px 0}::placeholder{color:#9e9e9e;opacity:1}.login_pages{position:relative;left:0;right:0;z-index:0;min-height:500px}.title{margin-top:15%;margin-left:18%}#leftContentDiv{width:65%;height:100%;float:left;background:linear-gradient(30deg,#052b7e 30%,#00b3e6 90%)}.container{margin:0 auto;width:65%;padding-top:15.5%}.new_logo{text-align:left;position:relative}#rightContentDiv{width:35%;overflow:auto}#loginHeader{position:relative;color:#fff;font-family:sans-serif;font-style:normal;font-weight:bold;font-size:35px;margin:0}#loginSubHeader{position:relative;height:21px;color:#fff;font-family:sans-serif;font-style:normal;font-weight:inherit;font-size:20px;line-height:26px;margin:0}.loginImage{position:absolute;width:46%;height:50%;left:8%;top:35%;background-image:url('/img/Opsramp_Image_Logo.svg');background-repeat:no-repeat;background-position:center;background-size:90%}.loginCompanyLogo{opacity:1;padding:0;background-color:transparent}#heading{z-index:100}.login_div .panel-title{color:#888;font-size:130%;margin:10px 0 2px 0;font-weight:100}.arrowClass{position:relative;float:right;width:100%}.totpButton{height:13px !important}.arrowClass .fa-angle-right{position:absolute;right:10px;top:5px;font-size:150%;z-index:1;-webkit-transition:right .5s;transition:right .5s}.arrowClass:hover .fa-angle-right{right:-15px}.arrowClass .submitButton{z-index:2;position:relative}.overlay_mask{position:absolute;width:100%;height:100%;z-index:120;display:none}.overlay_bg{background:#fff;opacity:.8;filter:alpha(opacity=50);width:100%;height:100%;display:flex;justify-content:center;padding-top:10px}.loading_gif_anim{height:10px;width:100%;line-height:13px}.loading_gif_anim img{border:2px solid #ccc}.panel{border:0}.login_pages .input-group{margin:10px 0 !important}.submitButton{background-image:linear-gradient(to right,#0077c8,#48aee0);height:40px;font-size:14px !important;width:100%;border-radius:3px;color:white;border:0;float:right;cursor:pointer}.submitButton:hover{background:#00558c !important}.submitButton:focus{background:#00558c !important;outline:0}#forgetPassword:focus,#forgetPassword:hover{color:#00558c;outline:0}#forgetPassword{color:#0077c8;float:right;font-size:11px;font-weight:400;margin:10px 0}.data .alert,.error{color:#dc3545;font-size:11px}.data div{padding-bottom:10px}.form-group input{height:35px;border-radius:0;border:1px solid #e0e0e0;margin-top:5px;padding-left:1em;font-size:13px;border-color:transparent transparent #a1b4c5 transparent;padding:0}.captchStyles{border:2px solid #eee;border-radius:6px;padding:10px;background:#fff;margin-bottom:10px}.captcha_Text{width:100%;padding:0 10px;height:34px}.footerStick{position:fixed;bottom:1px;color:#fff;text-align:left;margin:0 auto;background:transparent;width:100%;padding:7px 10px;font-size:70%}label{font-size:16px}#footerForgetPassword{padding:15px 0 20px 0}.form-static{color:#9e9e9e;font-size:11px}.otpEnable{width:100%;float:right;border-radius:5;text-align:center;padding:10px 0;margin-top:10px}.btns{height:40px;line-height:40px;font-size:14px !important;width:100%;border-radius:3px;color:#0077c8;border:0;float:right;cursor:pointer;border:1px solid #a1b4c5;margin-top:10px;text-align:center}.btns:hover{background:#00558c !important;color:white}.btns:focus{background:#00558c !important;color:white;outline:0}.btns a:visited{color:#0077c8}.btns a:hover{color:white}.authenticator_div{height:500px;overflow-y:scroll}.radio{margin-bottom:15px}.authenticator_div label{font-size:15px}.authenticator_div .sub_label_text{margin-top:5px;font-size:12px}.pull-left{float:left}.pull-left+div{margin:0 0 0 140px}.steps_info_text{font-size:12px;margin-bottom:10px}#otp{width:100%}ol{margin:0 10px 0 20px;padding:0}li{margin:0 0 12px 20px;text-align:left;font-size:15px}#checkTwoFactorFooter{padding:0 10px 0 2px;clear:both}.font-14{line-height:20px;font-size:13px}#U2FImage,#yubicoImage{float:left}#U2FDirs{margin:20px 0 20px 160px}#yubiSub{padding-top:5px}#yubicoDirs{margin:50px 0 20px 140px}#duo_iframe{width:100%;max-width:852px;height:330px}.floatClear{display:none}#totpDirs,#U2FDirs,#yubicoDirs{margin:12px 0 0 40px;line-height:25px}#totpDirs li,#U2FDirs li,#yubicoDirs li{font-size:12px !important;margin-bottom:0}@media only screen and (max-width:768px){#leftContentDiv{display:none;background-color:black}#rightContentDiv{width:100%}.loginImage{display:none}}@media only screen and (max-width:500px){#contentDiv{width:100%}.container{margin:0 auto;width:93%;padding-top:21%}#U2FImage,#yubicoImage,.QRCodeError,#totpImage{display:none}#U2FDirs,#yubicoDirs{margin:20px 0 20px 0}.floatClear{display:block}.copyright{opacity:0}#totpDirs{margin:12px 0 0 40px;line-height:25px}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition:'color 9999s ease-out, background-color 9999s ease-out';-webkit-transition-delay:9999s}input{filter:none}.verify_auth{display:flow-root;background-color:#e9f2f9;padding:20px;border-radius:3px;border:1px solid #a1b4c3}.authenticator_div{height:340px;overflow-y:scroll}.yubico-text{width:100%;font-size:13px;float:left;margin:0 !important}.yubico-img{width:100%}