@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'LatoRegular';
    src: url('../fonts/Lato/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'LatoBold';
    src: url('../fonts/Lato/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

html, body {
  height:100%;
  min-height:100%;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  font-size: 14px;
  font-family: 'LatoRegular';
}

* {
	margin:0px;
	padding:0px;
	outline:none;
}

input::-ms-clear {
    display: none;
}

input::-ms-reveal {
    display: none;
}

a, img {
	outline: none;
	text-decoration: none !important;
}

.text_center {
	text-align:center;
}

#loginPanel,#sbi-activation-panel {
	/*background-color: #FAFAFA !important;*/
	/* background-image: url("https://savogroup.com/wp-content/uploads/2016/10/homepage9.jpg") !important; */
	background-image: url(../images/backgrounds/defaultSettings/bg-image-2.jpg) !important;
	width: 100%;
	height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

footer{
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 0px;
    color: #CCC;
    font-size: 12px;
}

.versionText {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}

.copy {
    display: inline-block;
    color: #11304d;
}

.loginBG {
    width: 276px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 25px 42px;/* padding: 40px 42px; */
    /* background-color: #fff; */
     background-color: #10314d !important;
     border-radius:15px !important
}
.logo {
    width: 215px;
    height: 60px;
    background-repeat: no-repeat;
    background-image: url(../images/defaultSettings/splashbi-logo-img-1.png);
/*    background-size: cover;*/
    margin: 0 auto;
    margin-top: 20px;
    background-size: contain;
    background-position: center;
}
/* .logo-new{
	position:absloute;
	left:0;
	top:0;
	width: 160px;
    height: 45px;
    background-repeat: no-repeat;
    background-image: url(../images/splashbi-logo-savo-img-1.png);
    background-size: cover;
    border:1px solid red;
} */

.savologo{
	 width: 163px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url(../images/splashbi-logo-savo-img-1.png);
    background-size: cover;
    margin: 0 auto;
    margin-top: 20px; 
    display:none;
   /*  position:absolute;
	left:0;
	top:0;
	width: 160px;
    height: 45px;
    background-repeat: no-repeat;
    background-image: url(../images/splashbi-logo-savo-img-1.png);
    background-size: cover; */
}

#form_1 {
    margin-top: 48px;
}

select,
textarea,
input[type="text"],
input[type="password"],
.uneditable-input {
  	border: 1px solid #E2E2E2;
    border-radius: 5px;
    height: 50px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #212121 !important;
    padding: 0px 20px;
    width: 100%;
    font-family: 'LatoRegular';
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
.uneditable-input:focus {
  outline: none;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  	font-size: 12px;
	color: #595959;
	font-family: 'LatoRegular';
    text-transform: uppercase;
    letter-spacing: 2px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	font-size: 12px;
	color: #595959;
	font-family: 'LatoRegular';
    text-transform: uppercase;
    letter-spacing: 2px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	font-size: 12px;
	color: #595959;
	font-family: 'LatoRegular';
    text-transform: uppercase;
    letter-spacing: 2px;
}

select {
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    margin: 0;
}

select::-ms-expand {
    display: none;
}

/*select:after {
    content: 'e94e';
    display: inline-block;
}*/

#submitButton, #forgotPWDButton, #savepwdBtnId {
    width: 100%;
    margin-top: 10px;
    height: 50px;
    background: #00ABDB;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-family: 'LatoBold';
}
 #sbi-login-js-otpSubmitButton {
    width: 45%;
    margin-top: 10px;
    margin-left:15px;
    height: 50px;
    background: #00ABDB;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-family: 'LatoBold';
}
#sbi-login-js-otpCancelButton {
    width: 45%;
    margin-top: 15px;
    height: 50px;
    background: #00ABDB;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-family: 'LatoBold';
}

#submitButton:hover {
	 
}

#forgotPwd {
    float: right;
}

.loginPageLinks {
    font-size: 12px;
    color: #498FDE;
    overflow-wrap: break-word;
    display: inline-block;
    cursor: pointer;
    line-height: 19px;
    font-family: lato;
}

#rememberPswd {
	display: inline-block;
	float: left;
    cursor: pointer;
}

.rememberPswdText {
    font-size: 16px;
    line-height: 16px;
    color: #212121;
    display: inline-block;
    vertical-align: text-bottom;
    padding-left: 8px;
    display: inline-block;
    vertical-align: middle;
}

.actions-container {
	padding-top: 22px;
}

.clearFloat {
	clear: both;
}

div#forgotPwdPopup, #profile_second {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	z-index: 1;
}

.forgotPasswordContainer, .changePasswordConatiner {
    width: 276px;
    margin: 0 auto;
    padding: 40px 42px;
    position: relative;
    top: 80px;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    /* background-color: #fff; */
    background-color: #10314d !important;
     border-radius:15px !important
}

h3.formTitle {
	font-size: 20px;
	/* color: #212121; */
	color: #fff;
	text-align: center;
	padding-bottom: 3px;
	margin-top: 46px;
    font-weight: normal;
    font-family: 'LatoBold';
}

h6.resetText {
	font-size: 14px;
	/* color: #595959; */
	color: #fff;
	text-align: center;
	padding-bottom: 30px;
}

.back-navigation {
	cursor: pointer;
	font-size: 14px;
	padding-top: 22px;
    color: #498FDE;
}

div#pk_exp_popup, div#profile_second, .password-policy-popover {
	display: none;
}

.sbig2-checkbox-label {
    position: relative;
    margin: 0px;
    display: inline-block;
    vertical-align: middle;
}
.sbig2-checkbox-label input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    cursor: pointer;
    width: 16px;
    height: 16px;
    position: relative;
    display: none;
}
.sbig2-checkbox-label input[type="checkbox"] + span {
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}
.sbig2-checkbox-label input[type="checkbox"] + span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #9E9E9E;
}
.sbig2-checkbox-label input[type="checkbox"]:checked + span:before {
    background-color: #cfda33;
}
.sbig2-checkbox-label input[type="checkbox"]:checked + span:after {
    content: "";
    position: absolute;
    border: 2px solid #ffffff;
    height: 8px;
    width: 5px;
    left: 5px;
    top: 3px;
    display: block;
    background-color: transparent;
    transform: rotate(45deg);
    border-top: none;
    border-left: none;
}

.sbi2-select-wrapper {
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}

.sbi2-select-wrapper:after {
    content: '\e939';
    display: inline-block;
    font-family: "splashbi";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #939393;
    font-size: 8px;
}

.sbi2-prm-btn, .sbi2-sec-btn {
    border-radius: 5px;
    padding: 14px 20px;
    font-family: 'latoBold';
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border: 0px;
    outline: 0px !important;
    box-shadow: none !important;
}

.sbi2-prm-btn {
    background:  #00ABDB;
    color: #ffffff;
    min-width: 90px;
}

.sbi2-prm-btn:hover {
    background: #00aada;
}

.sbi2-sec-btn {
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    color: #939393;
    min-width: 90px;
}

.sbi2-sec-btn:hover {
    background: #FFFFFF;
    color: #939393;
}

.sbi2-info-overlay {
    position: relative;
}

.sbi2-info-overlay-icon {
    position: absolute;
    top: 36%;
    transform: translateY(-50%);
    right: -20px;
    font-size: 16px;
    color: #00ABDB;
}

.sbi2-info-overlay-icon:hover, .sbi2-info-overlay-icon:active {
    color: #00aada;
}

.password-policy-popover {
    position: absolute;
    background: #FFF;
    border: 2px solid #E2E2E2;
    border-radius: 6px;
    top: 37%;
    transform: translateY(-50%);
    left: calc(100% + 35px);
}

.password-policy-popover:after, .password-policy-popover:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.password-policy-popover:after {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #E2E2E2;
    border-width: 10px;
    margin-top: -10px;
}

.password-policy-popover:before {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #E2E2E2;
    border-width: 13px;
    margin-top: -13px;
}

.password-policy-popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    color: #4e4e49;
}

.password-policy-popover-content {
    padding: 9px 14px;
    color: #ff0000;
    height: 85px;
    width: 246px;
    overflow-y: auto;
}
.pk-expire-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 1111111;
    /*height: 50%;*/
    width: 50%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    z-index: 1500;
}
.pk-expire-popup  * {
    box-sizing: border-box;
}
.pk-expire-popup textarea {
    height: calc(100% - 40px) !important;
    margin: 0 !important;
    margin-top: 20px !important;
    resize: none;
}
.pk-expire-popup .pk-msg {
    font-size: 16px;
}
.sbi2-custom-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    background: #000;
    opacity: 0.5;
}
.conn_instance{
	/* color:#939393; */
	color:#fff;
}
.conn_instance p{
	padding-left:10px; 
	display:inline-block;
	word-break:break-all;
    font-size: 12px;
    max-width: 50%;
}
.conn_instance p:nth-child(2){
	width:60%;
	float:right;
}

/****Login and Forgot passowrd  focus issue  starts here ****/
input#submitButton:focus,#forgotPWDButton:focus {
    border: 1px solid #55a0b5 !important;
}
div#samlLogin:focus,#adpLogin:focus,#sbi2-js-backToLogin:focus, .loginPageLinks:focus {
    color: rgba(73, 143, 222, 0.68);
}
#samlLogin,#adpLogin,#forgotPwd,#sbi2-js-backToLogin{
    background:transparent;
    border:none;
}
.adpLoginLink{
	padding-left: 40px;
}
/****styles ends here ****/  

/* Activation page css start here */
#sbi-activation-panel #sbi-activation_profile {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	z-index: 1;
}
#sbi-activation-panel .sbi-activation-logo{
	  width: 215px;
height: 60px;
background-repeat: no-repeat;
background-image: url(../images/default-images/splashbi-logo-img-1.png);
/*    background-size: cover;*/
margin: 0 auto;
margin-top: 20px;
background-size: contain;
background-position: center;
}

#sbi-activation-panel .sbi-welcome-message{
	font-size: 14px;
color: #fff;
text-align: center;
padding-bottom: 3px;
margin-top: 46px;
margin-bottom:5px;
font-weight: normal;
font-family: 'LatoBold';
}
.sbi-login-css-txt-color {
	color : #fff;
	/* margin-top : 10px; */
}
.sbi-login-css-otp-section {
	margin-top : 20px;
}
.sbi-login-js-OTP-wapper {
	margin-top: 20px;
}
#sbi-login-js-otp {
	margin-bottom : 5px;
}
.sbi2-success-msg-overlay-container.success {
	left:0px;
}
#sbi-login-js-resend-otp {
	background: transparent;
    border: none;
    float: right;
}
.sbi-login-js-captcha-wapper,.sbi-login-js-forgot-psw-captcha-wapper,
.sbi-login-js-change-psw-captcha-wapper,.sbi-login-js-reset-psw-captcha-wapper {
	width: 100%;
    display: inline-block;
    background-color: #FFFFFF;
    height: 50px;
    border-radius:5px;
    margin-bottom: 10px;
}
.sbi-login-js-captcha,.sbi-login-js-forgot-psw-captcha,
.sbi-login-js-change-psw-captcha,.sbi-login-js-reset-psw-captcha {
    height: 40px;
    display: inline-block;
}
.sbi-login-js-captcha-refresh,.sbi-login-js-forgot-psw-captcha-refresh,.sbi-login-js-change-psw-captcha-refresh,.sbi-login-js-reset-psw-captcha-refresh,
.sbi-login-js-captcha-info,.sbi-login-js-forgot-psw-captcha-info,.sbi-login-js-change-psw-captcha-info,.sbi-login-js-reset-psw-captcha-info {
	font-size: 15px !important;
    display: inline-block;
    line-height: 27px;
    vertical-align: top;
    margin: 0px -3px 0px -1px;
}
#sbi-login-js-captchaTxt,#sbi-login-js-forgot-psw-captchaTxt,
#sbi-login-js-change-psw-captchaTxt,#sbi-login-js-reset-psw-captchaTxt {
	width: 35%;
    display: inline-block;
    float: right;
    height : 25px;
    margin: 6px 6px 0px 0px;
}
.sbi-login-js-captcha img,.sbi-login-js-forgot-psw-captcha img,
.sbi-login-js-change-psw-captcha img,.sbi-login-js-reset-psw-captcha img {
	width: 135px;
	height: 40px;
}
.sbi2-action-icon:hover {
  color: #9E9E9E !important;
}
.sbi-login-css-forgot-psw-captcha-inner-wapper,.sbi-login-css-change-psw-captcha-inner-wapper,
.sbi-login-css-captcha-inner-wapper,.sbi-login-css-reset-psw-captcha-inner-wapper {
	border: 1px solid #e7e7e7;
	height: 40px;
	margin: 4px 0px 4px 4px;
	width: 90%;
	border-radius: 5px;
	display:inline-block;
}
.sbi-login-js-captcha-info,.sbi-login-js-forgot-psw-captcha-info,
.sbi-login-js-change-psw-captcha-info,.sbi-login-js-reset-psw-captcha-info {
	margin: 22px 0 0 -14px;
    display: inline-block;
    font-size: 13px !important;
    cursor: auto !important;
}
.hide {
	display : none;
}
.sbi2-action-icon {
  color: #efeeee;
  background-clip: padding-box;
  cursor: pointer;
  font-size: 20px;
}
#sbi-activation-panel .sbi-success-message-container {
position: absolute;
top: 42%;
color: #fff;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
padding: 40px 42px;
text-align: center;
}