/*Aleena's CSS begins here*/
@font-face {
    font-family: 'OpenSans-Regular';
    src: url("../font/OpenSans-Regular.ttf") format("truetype");
        speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url("../font/OpenSans-Bold.ttf") format("truetype");
        speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased
}

@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url("../font/OpenSans-SemiBold.ttf") format("truetype");
        speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased
}
.refresh-button{
background:url(../img/reload.PNG);
background-repeat: no-repeat;
		    background-size: cover;
		    width: 20px;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f7f7f7;
}

* {
    box-sizing: border-box;
}

.navbar-custom {
    height: auto;
    background-color: #ae2626;
    background-image: none;
    background-repeat: no-repeat;
}

.navbar {
    /*margin: 10px 0;*/
}

.ignore-hover {
    border: 0px;
    Cursor: pointer !important;
    Text-Decoration: None !important;
}

.navbar-toggle.ignore-hover:hover {
    background-color: transparent;
}

.novisit a:visited {
    text-decoration: none !important;
}

.ignore-link {
    /*pointer-events: none;*/
    color: white;
    text-decoration: none;
}

.ignore-link:hover {
    background-color: transparent;
    color: white;
    text-decoration: none;
}

.navbar-brand {
    padding: 9px 15px;
    height: 56px;
    padding-bottom: 64px;
}
/*css changes by webteam*/
#steps
{
  display:none;
}
/*css changes by webteam*/
#myNavbar {
    width: 100%;
    vertical-align: top;
}

.split-div1 .styling{

	
	    margin-top: 18px;
	    padding-left:15px;
}

.split-div2 {
    width: 84%;
    display:none;
    float: right;
}

.navbar-default .navbar-nav > li > a {
    margin-right: 8px;
    padding: 10px 0;
}

.navbar-default .navbar-nav > li > a:last-child {
    margin-right: 14px;

}

.styling a {
    word-spacing: 1px;
    line-height: 3px;
    padding-right: 0;
    font-family: OpenSans-Regular;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    color: #eeeeee !important;
}
.c-margin-l-m30{
margin-left: -30px;

}
.sib-main-logo {
    margin: 20px 0;
}

.sibernet-logo {
    width: 10%;
    float: right;
    margin-top: -2px
}
.sibernet_logo {
  
    float: right;
   height:60px;
      margin-top: 7px;
          margin-right: 45px;
    margin-bottom: 6px;
}
@media (max-width: 768px) {
    .menu-side-border {
        display: none !important;
    }
      .login-title {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 20px;
    }
.user-registration{

	float:left!important;

}
	/*.entrust-logo
{
	bottom:57px!important;
	}*/
}

/**Card view begins here*/
.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0px 3px 4.9px 0.2px rgba(0, 0, 0, 0.1);
    transition: 0.6s;
    background-color: white;
}
.border-top-f6f6f6
{
    border-top: 1px solid #f6f6f6;
}
/* On mouse-over, add a deeper shadow */
/*.card:hover {*/
/*box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2);*/
/*}*/

/*card view ends here*/
/* Add some padding inside the card container */
.container-login {
    min-height: 450px;
    padding: 20px 15px;
}

/*login form style begins here*/
.login-title {
    margin-top: 20px;
    margin-bottom: 20px;
}

.heading-span {
    font-size: 10px;
    text-align: center;
    padding-top: 12px;
}

.user-icon-heading {
    max-width: 26px;
    padding-left: 12px;

}

.login-heading {

    font-family: OpenSans-Semibold;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    /* letter-spacing: 0.4px; */
    text-align: center;
    color: #ae2626;
}

.more-icon-heading {
    max-width: 10px;
    font-size: 12px;
    margin-left: -12px;
}

.login-form {
    /*height: 306px;*/
    line-height: 1;
}

.input {
    position: relative;
}

.input-box-shadow {
    box-shadow: 0px 2px 2.9px 0.1px rgba(0, 0, 0, 0.06);
}

.xeo-login-field {
    border: 1px solid #e3dfdf;
    border-radius: 4px;
    padding: 0 35px;
    width: 100%;
    background-color: #fff;
    position: relative;
    height: 35px;
    margin-bottom: -4px;
    font-size: 11px;
    font-weight: bold;
}

.error-login-field {
    border: 1px solid #f21414;
    border-radius: 4px;
    padding: 0 35px;
    width: 100%;
    background-color: #fff;
    position: relative;
    height: 35px;
    margin-bottom: -4px;
    font-size: 11px;
    font-weight: bold;
}

.xeo-login-field::-webkit-input-placeholder {
    color: #7c8787;
    font-family: OpenSans-Regular;
    font-size: 11px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.4px;

}

.login-icons {
    position: absolute;
    padding: 10px;
    font-size: 18px;
    top: -2px;

}

.error-login-icons {
    position: absolute;
    padding: 10px;
    font-size: 18px;
    top: -2px;
    color: #f21414;
}

.invalid-user-error {
    font-size: 9px;
    margin-top: -10px;
    margin-bottom: 5px;
    color: #f21414;
}

.user-pass-error {
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 9px;
    color: #f21414;
    color: #f21414;
}

.keyboard-icon {
    position: absolute;
    top: 118px;
    font-size: 20px;
    right: 40px;
    color: lightgrey;
}

.forgot-items-box {
    margin-top: -10px;
    margin-bottom: 45px;
}

.forgot-user {
    float: left;
    font-family: OpenSans-Semibold;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;

    letter-spacing: 0.3px;
    text-align: center;
    color: #004c8f;
}

.forgot-pass {
    font-size: 12px;
    float: right;
    font-family: OpenSans-semibold;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    text-align: center;
    color: #004c8f;
}

/*styling for select option with label begin here*/
.select-wrap {
    border: 1px solid #e3dfdf;
    border-radius: 5px;
    padding: 0 6px;
    /*width: 100%;*/
    background-color: #fff;
    position: relative;
}

.select-wrap label {

    position: absolute;
    top: 3px;
    font-family: OpenSans-regular;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    color: #999999;
}

.pro-login-selectbox {
    /*position: relative;*/
    background-color: #fff!important;
    border: 0px;
    height: 37px;
    font-weight: bold;
    font-size: 13px;
    padding-top: 13px;
    color: #7c8787;
    width: 100%;
    appearence:none;
    -webkit-appearance: none;
    -moz-appearance:none;
    border-style:none;
}
.pro-login-selectbox::-ms-value{
	
    background-color: #fff!important;
    color:black!important;
	
	}
.pro-login-selectbox::-ms-expand{
	
	display:none;
	
	}

/*.pro-login-selectbox:after{*/
/*position: absolute;*/
/*content: "\f078";*/
/*font-family: FontAwesome;*/
/*font-size: 25px;*/
/*font-weight: normal;*/
/*float: right;*/
/*z-index: 0;*/
/*}*/
.select-chevron {
    position: absolute;
    font-size: 12px !important;
    top: 22px;
    right: 12px;
    color: #7e7e7e;
        pointer-events: none;
}

/*styling for select option with label ends here*/

.button-primary-login {
    padding: 10px;
    width: 100%;
    background-color: #ae2626;
    font-family: OpenSans-regular;
    margin-top: 15px;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 5px;
    user-select: none;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    /* line-height: normal; */
    letter-spacing: 0.4px;
    /* text-align: center; */
    color: #ffffff;
}

.button-error-login {
    height: 32px;
    width: 100%;
    background-color: #b01712;
    color: #ffffff;
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    user-select: none;
}

.user-registration-box {
    margin-top: -5px;
}

.user-registration {
    /*padding-top: 6px;*/
    font-size: 12px;
    float: right;
    font-family: OpenSans-semibold;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    color: #004c8f;

}

.entrust-logo {
    position: absolute;
    float: right;
    height: 56px;
    width: 60px;
    right: 24px;
    bottom: 15px;
}

/*login form style ends here*/
.padding-0 {
    padding-right: 0;
    padding-left: 0;
}

.padding-1 {
    padding-left: 0;
}

.container-paymode {
    min-height: 450px;
    padding-top: 48px;
}

.container-forgot-pass, .container-reset-password {
    min-height: 438px;
    padding-top: 10px;
}
.container-debit-main{
    min-height: 450px;
    padding-top: 25px;
}

.payment-heading {
    font-family: OpenSans-Regular;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.3px;
    text-align: center;
    color: #4e4e4e;
}

.paymode-heading {
    font-family: OpenSans-semibold;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    text-align: center;
    color: #000000;
    margin-top: -5px;
}

.division {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 156px 100px;
     display: -ms-grid;
    -ms-grid-columns:1fr 1fr 1fr!important;
    -ms-grid-rows:156px 100px!important; 
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 40px;

}

.icon-paymode {
    /*width: 40px;*/
}

/*.paymode-heading h6{*/
/*font-size: 12px;*/
/*}*/
.line-border {
    position: relative;
}

.line-border::after {
    content: "";
    position: absolute;
    height: 90px;
    border-right: solid 1px #a9a9a9;
    top: 0;
    right: 0;
    opacity: 0.2;
}

.link-know-more {
    font-family: OpenSans-Regular;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.3px;
    text-align: center;
    color: #ae2626;
}
.xeo-login-g1{
	-ms-grid-row:1;
	-ms-grid-column:1;
	
	
	}
.xeo-login-g2{
	-ms-grid-row:1;
	-ms-grid-column:2;
	
	}
.xeo-login-g3{
	-ms-grid-row:1;
	-ms-grid-column:3;
	
	}
.xeo-login-g4{
	-ms-grid-row:2;
	-ms-grid-column:1;
	
	}
.xeo-login-g5{
	-ms-grid-row:2;
	-ms-grid-column:2;
	
	}
.xeo-login-g6{
	-ms-grid-row:2;
	-ms-grid-column:3;
	
	}
.container-slider {
    min-height: 400px;
    padding: 0 !important;
}

.carousel-icon-panel {
    margin-bottom: 0px !important;
}

.carousel-icon-structure {
    margin: 0 !important;
    width: 5px !important;
    height: 5px !important;
}

.carousel-indicators .active {
    margin: 0px !important;
    width: 5px !important;
    height: 5px !important;
    background-color: #ffffff;
}

.carousel-image {
    width: 100%;
    min-height: 400px !important;
    position: relative;
}

/*hero text style begins here*/
.hero-text-heading {
    text-transform: uppercase;
    font-family: OpenSans-Bold;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: 0.2px;
    color: #ae2626;
}

.mob-hero-head {
    display: none;
}

.hero-text-para {
    font-size: 12px;
    color: white;
    font-family: OpenSans-Bold;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.1px;
    color: #ffffff;
    margin-top: -8px;
}

.hero-text-link {
    font-family: OpenSans-semibold;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.1px;
    color: #ffffff;
}

.hero-text {
    position: absolute;
    top: 15px;
    right: 55px;
    left: 25px;
}

.hero-text button {
    margin-top: 8px;
    border: none;
    outline: 0;
    display: inline-block;
    color: black;
    text-align: center;
    cursor: pointer;
    padding: 2px 20px;
    background-color: #ae2626;
    border-radius: 5px;
    box-shadow: 0px 3px 4.9px 0.2px rgba(0, 0, 0, 0.1);

}

.hero-text button:hover {
    background-color: #555;
    color: white;
}
.hero-text-link:hover{
	color:white;
	text-decoration:none
	
	}

/*hero text style ends here*/
.carousel-indicators li {
    padding: 2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1.5px solid #999;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
}

.icon-bottom-carousel {
    position: absolute;
    left: 85%;
    top: 385px;
    height: 35px;
}

/*login-tab begins here*/
.xeo-login-main-tab-wrap > .tab-tabs {
    height: auto;
    background-color: white;
    background-image: none;
    background-repeat: no-repeat;
    color: black;
    margin-top: 12px;
    padding: inherit;
}

a.bot-border {
    color: #3c3c3c;
}

.table-bordered {
    border: none;

}

.xeo-login-navtab > .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 27px;
}

.xeo-login-navtab > .tab-content {
  
    text-align: justify;
}

.login-tab-pane{

padding: 10px 100px;
margin-right: 25px;
}

.login-tab-names {
    font-family: OpenSans-Regular;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.3px;
    color: #1a1a1a;
}

/*style for bottom border and font color red when tab is active condition begins here*/
.xeo-login-navtab > .nav-tabs > li.active > a,
.xeo-login-navtab > .nav-tabs > li.active > a:focus,
.xeo-login-navtab > .nav-tabs > li.active > a:hover {
    color: #ae2626 !important;
    border-bottom: 2px solid #ae2626 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background-color: white;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 2px;
    padding: 10px 27px;
}

/*style for bottom border and font color red when tab is active condition ends here*/
.nav-placer {
    margin-left: 50px;
    /*margin-right: 35px;*/
}

.xeo-login-navtab > .nav-tabs > li > a:hover {
    color: #a90500;
    background-color: white;
    border: none !important;
    margin-right: 0 !important;
}

.xeo-login-navtab > .nav-tabs > li > a {
    border: none !important;
    margin-right: 0 !important;
}

.xeo-login-navtab > .nav-tabs > li {
    font-size: 13px;
    padding: 5px 30px;
}

.xeo-login-navtab > .nav-tabs > li.active > a {
    border-top: none;
    border-right: none;
    border-left: none;
}

/*tab content style begins here*/

.heading-align {
    display: inline-block;
    font-family: OpenSans-Regular;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.4px;
    color: #1a1a1a;

}

.scroll-down {
    font-size: 25px;
    font-weight: bold;
    color: darkred;
    float: right;
    padding-top: 9px;
    padding-right: 120px;
}

.scroll-color {
    color: lightgrey;
}

.tablist-contents {
    padding-left: 50px;
}

.para-align {
    padding: 0px 5px;
    font-size: 13px;
    padding-right: 38px !important;
    font-family: OpenSans-Regular;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.3px;
    color: #1a1a1a;
}

.para2-align {
    list-style-type: none;
    padding-left: 35px;
}

.para2-design {
    padding: 0px 0px;
    /*color: rgba(19, 19, 19, 0.78);*/
    font-size: 13px;
    padding-right: 38px !important;
    font-family: OpenSans-Regular;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.3px;
    color: #1a1a1a;
}

.para3-design {
    padding-left: 35px;
    padding-right: 38px !important;
    font-family: OpenSans-Regular;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.3px;
    text-align: left;
    color: #1a1a1a;
}

.border-main {
    position: relative;
}

/*.border-bottom{*/
/*position: absolute;*/
/*border-bottom: 2px solid black;*/
/*top: 42px;*/
/*right: 6px;*/
/*width: 87px;*/
/*}*/

.angle-icon {
    position: absolute;
    display: inline;
    margin-top: -8px;
}

/*tab content style ends here*/

/*accordion starts*/

/*css*/

@font-face {
    font-family: 'FontAwesome';
    src: url('https://use.fontawesome.com/releases/v5.0.6/css/all.css');
}

.accordion {
    background-color: white;
    color: #444;
    cursor: pointer;
    /*padding: 18px;*/
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

{
    border: none !important
;
    box-shadow: none !important
;
}
#home > .panel-group .panel,
#menu1 > .panel-group .panel,
#menu2 > .panel-group .panel,
#menu3 > .panel-group .panel,
#menu4 > .panel-group .panel,
#menu5 > .panel-group .panel {
    border: none !important;
    box-shadow: none !important;
}

#home > .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none;
}

#menu1 > .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none;
}

#menu2 > .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none;
}

#menu3 > .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none;
}

#menu4 > .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none;
}

#menu5 > .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none;
}

.accordion:active, .accordion:hover {
    background-color: beige;
}

.login-tab-accordion .panel-heading {
    padding: 0;
}

.login-tab-accordion .panel-title > a {
    display: block;
    padding: 0.4em 0.6em;
    outline: none;
    font-weight: bold;
    text-decoration: none;
}

.login-tab-accordion .panel-title > a.accordion-toggle::after, .login-tab-accordion a[data-toggle="collapse"]::after {
    content: "\f106";
    font-family: FontAwesome;
    font-size: 25px;
    font-weight: normal;
    color: darkred;
    margin-right: 10px;
    margin-top: 0px;
    float: right;
}

.login-tab-accordion .panel-title > a.accordion-toggle.collapsed::after, .login-tab-accordion a.collapsed[data-toggle="collapse"]::after {
    content: "\f107";
    margin-top: 3px;
    color: #888888;
}

/*login-tab ends here*/
/*mobile login-tab begins here*/
.scrollmenu {
    display: none;
}
ul.scrollmenu::-webkit-scrollbar { 
height:5px!important;
width:1px!important;
}

ul.scrollmenu {
    background-color: #ae2626;
    overflow: auto;
    white-space: nowrap;
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: -15px;
       }

ul.scrollmenu:active {
    border-bottom: 1px solid #ffffff;
}

ul.scrollmenu li.selected {

    left: 5px !important;
}

ul.scrollmenu li {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 0px;
    margin-right: 15px;
    text-decoration: none;

}

ul.scrollmenu li a {

    color: #ffffff;
    text-align: center;
}

ul.scrollmenu li :hover {
    background-color: #777;
}

ul.scrollmenu::-webkit-scrollbar, .acc-sum-table-area::-webkit-scrollbar, .db-welcome-bg::-webkit-scrollbar {
    width: 0px; /* remove scrollbar space */
    background: transparent; /* optional: just make scrollbar invisible */
}

.bottom-border-white {

    border-bottom: 2px solid #FFFFFF;

}

ul.scrollmenu li.active {
    border-bottom: 4px solid #FFFFFF;
    padding-bottom: 4px;
}

/*.xeo-login-tab li{*/
/*width: 145px;*/
/**/
/*}*/
.login-tab-names {
    font-family: OpenSans-Regular;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.3px;
    /* text-align: left; */
    color: #1a1a1a;
}

.c-no-border {
    border: 0 !important;
}

.xeo-login-navtab > .nav-tabs > li {
    font-size: 13px;
    padding: 5px 13px;
}

/*mobile tab view style begins here*/

.xeo-login-tab-responsive {
    margin: 35px 0px;
    display: none;
}

.xeo-login-tab-responsive > .xeo-login-mob-accordion-heading > .panel-title .glyphicon {
    font-size: 14px;
}

.xeo-f-right {
    float: right;
}

.xeo-text-decor {
    text-decoration: none !important;
}

.xeo-login-mob-accordion-heading {
    padding: 10px 15px !important;
    /*border-bottom: 1px solid dimgray;*/
    background-color: white !important;
}

.xeo-login-mob-accordion-body {
    border-top: 1px solid #dddddd;
}

/*mobile tab view style ends here*/

/*forgot password web view styles begins here*/

.xeo-frgt-pass-top-box {
    padding-right: 0;
    
    padding-left: 0;
}

.xeo-frgt-pass-heading {
    font-family: OpenSans-Semibold;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
   /* line-height: 0.88;*/
    letter-spacing: 0.2px;
    color: #000000;
    text-transform: uppercase;

}

.xeo-pass-recovery-panel {
    padding-left: 30px;
}

.xeo-frgt-pass-left-content {
    border-left: 1px solid #eae7e7;
    padding: 15px;
    padding-left: 30px;
}

.xeo-frgt-step-list {
    font-family: OpenSans-Regular;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #aaaaaa;
    padding-left: 0px;
    margin-top: -12px;
    margin-bottom: 15px;
}

.xeo-frgt-steps {
    font-family: OpenSans-Regular;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.1px;
    color: #505050;
}

.xeo-frgt-pass-left-content li {
    list-style: none;
}

.xeo-frgt-pass-left-content li::before {
    content: "\2022";
    color: #ae2626;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.xeo-forgot-mob-view {
    display: none;
}

.xeo-login-field::-webkit-input-placeholder {
    color: #7c8787;
    font-family: OpenSans-Regular;
    font-size: 11px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.4px;

}

.xeo-frgt-go-digital-mob {
    display: none;
}

.xeo-frgt-options-method-title {
    font-family: OpenSans-Semibold;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.2px;
    color: #303030;
}

.xeo-text-type-login {
    position: relative;
}

.xeo-text-type-login:after {
    position: absolute;
    font-family: icomoon;
    content: "\e988";
    top: 5px;
    left: 25%;
    color: #6ac259;
    font-size: 20px;
}

.xeo-mobile-resend-text {
    font-family: OpenSans-Semibold;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    color: #004c8f;
}

.mob-options-back-icon {
    position: relative;
    font-family: OpenSans-Semibold;
    font-size: 10px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    color: #777777;
}

.mob-options-back-icon:before {
    position: absolute;
    font-family: icomoon;
    content: "\e953";
    left: -10px;
    font-size: 10px;
}

.xeo-reset-subcontent {
    font-family: OpenSans-Regular;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #303030;
}

.xeo-resend-list-contents {
    font-family: OpenSans-Light;
    font-size: 10px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.6px;
    color: #777777;
}

.xeo-list-content-example {
    font-weight: normal;
    color: #000000;
    font-family: OpenSans-Regular;

}

.xeo-resend-list-main {
    list-style-type: none;
    padding-left: 0;
}

/*reset password web view css begins here*/
.xeo-ft-nav-tab {
    background-color: #fff;
    color: #000;
    border: none;
    border: none !important;
}

.xeo-ft-nav-tab li {
    float: left;
    border: 1px solid #e9e9e9;
    text-align: center;
    width: 26%;

}

.xeo-ft-nav-tab > li.active a, .xeo-ft-nav-tab > li.active a:hover, .xeo-ft-nav-tab > li.active a:focus {
    background-color: #fff;
    border: none;
    border-bottom: 2px solid #aa0000;
    text-decoration-line: none;
}

.xeo-ft-nav-tab li a {
    background-color: #f1eded;
    text-decoration-line: none;
    margin-right: 0 !important;
    border-radius: 0px !important;
    font-family: OpenSans-Bold;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    text-align: center;
    color: #ae2626;

}

.xeo-ft-nav-tab li.active a:before {
    border-color: #ae2626 transparent transparent transparent;
    border-style: solid;
    border-width: 8px 5px 0px 5px;
    content: "";
    display: block;
    left: calc(50% - 5px);
    position: absolute;
    width: 0px;
    top: 38px;
    z-index: 0;
}

.xeo-ft-nav-tab > li.active a h5 {
    color: #ae2626;
}

.xeo-ft-nav-tab > li.active a, .xeo-ft-nav-tab > li.active a:hover, .xeo-ft-nav-tab > li.active a:focus {
    background-color: #fff;
    border-bottom: 2px solid #aa0000 !important;
    text-decoration-line: none;
}

.xeo-ft-nav-tab li.active a:before {
    border-color: #ae2626 transparent transparent transparent;
    border-style: solid;
    border-width: 8px 5px 0px 5px;
    content: "";
    display: block;
    left: calc(50% - 5px);
    position: absolute;
    width: 0px;
    top: 36px;
    z-index: 0;
}

.xeo-password-limitation {
    font-family: OpenSans-Light;
    font-size: 11px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    color: #000000;
}

/*reset password web view css ends here*/
/*forgot password web view styles ends here*/

/* width */
.xeo-force-change-panel::-webkit-scrollbar {
    width: 10%;
    height: 10px;
}

/* Track */
.xeo-force-change-panel::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.xeo-force-change-panel::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.xeo-force-change-panel::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/*force change password style ends here*/
@media (max-width: 480px) 
{
    /*css changes by webteam*/
#steps
{
  display:block;
}
#txtcountrycode
{
    padding: 4px 5px;
    font-size:10px !important;
}
/*css changes by webteam*/
    .xeo-tab-scrollmenu {
        background-color: #ae2626;
        overflow: auto;
        white-space: nowrap;
        padding-left: 5%;
        padding-right: 5%;
        margin-bottom: -15px;
    }

    .xeo-tab-scrollmenu li.selected {
        left: 5px !important;
        border-bottom: 4px solid #FFFFFF;
        padding-bottom: 4px;
    }

    .xeo-tab-scrollmenu li {
        display: inline-block;
        color: white;
        text-align: center;
        padding: 0px;
        margin-right: 15px;
        text-decoration: none;
    }

    .xeo-tab-scrollmenu li a {
        color: #ffffff;
        text-align: center;
    }

    .scrollmenu {
        display: block !important;
    }

    .xeo-tab-scrollmenu {
        display: none;
    }

    .tab-content-mobile {
        display: none;
    }

    .padding-0 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .padding-1 {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 24px;
    }

    .div-content-splitter {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .xeo-login-main-tab-wrap > .tab-tabs {
        padding: 0;
    /*    margin-left: 0;
        margin-right: 0;*/
        margin-top: 0px;
    }

    .login-title {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .login-heading {
        font-family: OpenSans-Semibold;
        font-size: 16px;
        font-weight: 600;
        font-style: normal;
        letter-spacing: 0.4px;
        text-align: center;
        color: #ae2626;
        padding-right: 15px;
    }

    .user-icon-heading {
        padding-left: 12px;
        max-width: 28px;
    }

    .container-responsive {
        margin-top: 75px !important;
    }

    .pass-responsive {
        margin-top: 18px !important;
    }

    .forgot-items-box {
        margin-top: 0px;
    }

    .user-registration {
        float: left;
        margin-top: 20px;
    }

    .button-primary-login {
        padding: 15px;
        font-size: 15px;
    }

    .paymode-heading {
        font-family: OpenSans-Light;
        font-size: 13px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.1px;
        color: #000000;
        margin-top: -30px;
    }

    .container-login {
        margin-top: -20px;
    }

    .container-paymode {
        min-height: 200px;
        margin-top: -20px;
    }

    .container-forgot-pass, .container-reset-password {
        min-height: 630px;
        padding-top: 10px;
        margin-bottom: 15px;
    }

    .division {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 120px 100px;
        padding-bottom: 25px;
        margin-top: 0;
    }

    .carousel-image {
        height: 300px !important;
        min-height: 0px !important;
    }

    .container-slider {
        min-height: 300px;
    }

    .hero-text-button {
        position: relative;
    }

    .hero-text button {
        position: absolute;
        bottom: -205px;
        right: -35px;
        margin-top: 0;
    }

    .hero-text-link {
        font-size: 13px;
    }

    .hero-text-para {
        font-size: 13px;
    }

    .hero-text {
        top: 2px;
        left: 12px;
    }

    .mob-hero-head {
        display: block;
    }

    .web-hero-head {
        display: none;
    }

    .c-font-38 {
        font-size: 30px !important;
    }

    .tablist-contents {
        padding-left: 10px;
    }

    .para2-align {
        list-style-type: none;
        padding-left: 0px;
    }

    .xeo-mob-para3-design {
        font-family: OpenSans-semibold;
        font-size: 12px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #1a1a1a;
    }

    .xeo-mob-para2-design {
        font-family: OpenSans-Light;
        font-size: 13px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: -0.2px;
        color: #1a1a1a;

    }

    .xeo-mob-para-align {
        padding: 0px 5px;
        font-size: 13px;
        /* padding-right: 38px !important; */
        font-family: OpenSans-Regular;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: -0.3px;
        color: #1a1a1a;
    }

    .xeo-accord-signs {
        top: 12px;
    }

    .tab-content {
        padding: 0;
    }

    .container-responsive {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .xeo-login-tab-responsive {
        margin: 35px 0px;
        display: block !important;
    }

    /*style for forgot password begins here*/
    .xeo-frgt-pass-top-box {
        padding-right: 15px !important;
        padding-left: 15px;
    }

    .xeo-forgot-web-view {
        /*display: none;*/
    }

    .xeo-forgot-mob-view {
        display: block;
    }

    .xeo-pass-recovery-panel {
        padding: 15px;
    }

    .xeo-frgt-pass-left-content {
        width: 100%;
        border-left: none;
        border-bottom: 1px solid #eae7e7;

    }

    .xeo-frgt-steps {
        padding: 5px 0px;
    }

    .xeo-frgt-pass-left-content {
        padding: 15px;
    }

    .xeo-frgt-pass-heading {
        text-align: center;
        font-family: OpenSans-Regular;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.23;
        letter-spacing: 0.1px;
        color: #000000;
    }

    .padding-1 {
        margin-bottom: 20px;
    }

    .xeo-frgt-go-digital-mob {
        display: block;
    }

    .xeo-steps-subtext-mob {

    }

    .container-reset-password {
        min-height: 460px;
        padding-top: 10px;
        margin-bottom: 15px;
    }

    .container-forgot-options {
        min-height: 450px;
        padding-top: 10px;
        margin-bottom: 15px;
    }

    .container-forgot-mobile-option {
        min-height: 330px;
        padding-top: 10px;
        margin-bottom: 15px;
    }

    .xeo-text-type-login:after {
        left: 40%;
    }

    .xeo-frgt-options-method-title {
        text-align: center;
    }

    .xeo-frgt-options-method-title {
        font-size: 16px !important;
    }

    .xeo-login-text-type6-text {
        font-size: 16px !important;
    }

    .xeo-login-text-type-label {
        font-size: 13px !important;
    }

    /*reset password tab mob css begins here*/
    .xeo-ft-nav-tab {
        height: auto !important;
    }

    .mob-options-back-icon:before {
        top: -18px;
        font-size: 12px;
    }

    .xeo-ft-nav-tab li {
        width: 50%;
    }

    .xeo-reset-pass-tab-wrap {
        margin-left: -15px;
        margin-right: -15px;
    }

    .xeo-password-limitation {
        margin-top: -8px;
    }

    .xeo-reset-pass-tab-wrap > .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 0px !important;
    }

    /*reset password tab mob css ends here*/
    /*style for forgot password ends here*/

}
.ft-account-balance span {
    font-family: OpenSans-SemiBold;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.7px;
    color: #000000;
}
/*mobile login-tab ends here*/

/*Aleena's CSS ends here*/

/* Button STYLES Starts HERE*/

/*Type 1*/

.xeo-button-1 {

    background-color: #ae2626;
    color: #FFFFFF;
    border-radius: 5px;
    font-family: OpenSans-SemiBold;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    text-align: center;
    padding: 10px 19px 10px 19px;
    width: 100%;
    height: 40px;
}

.xeo-button-1:hover, .xeo-button-1:focus {

    color: #FFFFFF;

}

/*Type 2*/

.xeo-button-2 {

    background-color: #FFFFFF;
    color: #ae2626;
    border-radius: 5px;
    font-family: OpenSans-SemiBold;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    text-align: center;
    border: 1px solid #ae2626;
    width: 100%;
    height: 40px;
}

.xeo-button-2:hover, .xeo-button-2:focus {

    color: #ae2626;

}

.xeo-transfer-button {

    padding: 7px 17px 7px 17px;
}

.xeo-pay-now-button {

    width: 85px;
    height: 20px;
    padding: 0;
}
.login-header-dropdown {
	position: relative;
}

.login-header-dropdown a {
	padding: 10px 0;
	margin-right: 14px;
	line-height: 20px;
	display: block;
}

.login-header-dropdown-content {
	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 300px;
    
    margin-left: -85px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.login-header-dropdown-content a {
	color: #ae2626!important;
	padding: 12px 16px;
	display: block;
    font-family:Opensans-Regular;
    text-decoration: none;
}

.login-header-dropdown:hover .login-header-dropdown-content {
	display: block;
}
/*BUTTON ENDS HERE*/
@media (max-width: 1024px) {
.login-heading {
	
	font-size: 11px;
	}
	}
.xeo-ft-nav-tab-new{

    background-color: #fff;
    color: #000;
    border: none;
    border: none !important;
}
.xeo-ft-nav-tab-new > li.active , .xeo-ft-nav-tab-new > li.active :hover, .xeo-ft-nav-tab-new > li.active :focus {
    background-color: #fff;
    border-bottom: 2px solid #aa0000 !important;
    text-decoration-line: none;
    color: #ae2626;
}
.xeo-ft-nav-tab-new > li.active a, .xeo-ft-nav-tab-new > li.active a:hover, .xeo-ft-nav-tab-new > li.active a:focus {

    text-decoration: none;
    color: #ae2626;
    border:none;
    border-bottom: none!important;
}

.xeo-ft-nav-tab-new li {
    float: left;
    border: 1px solid #e9e9e9;
    text-align: center;
    /*width: 26%;*/

    background-color: #f1eded;
}

.xeo-ft-nav-tab-new li a {
    text-decoration-line: none;
    margin-right: 0 !important;
    border-radius: 0px !important;
    font-family: OpenSans-Bold;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    color: #000;
}

.xeo-form-radio-type-8:hover,.xeo-form-radio-type-8:active,.xeo-form-radio-type-8:focus {

    border: none !important;
    border-bottom: none !important;

}


.xeo-ft-nav-tab-new li.active:before {
    border-color: #ae2626 transparent transparent transparent;
    border-style: solid;
    border-width: 8px 5px 0px 5px;
    content: "";
    display: block;
    left: calc(50% - 5px);
    position: absolute;
    width: 0px;
    top: 37px;
    z-index: 0;
}

.xeo-form-radio-type-8:not(:checked){


    background-color: #ddd!important;

}
input::-ms-reveal {
    display: none;
input[type="text"]::-ms-clear, {
    display: none;
}
.xeo-form-radio-type-8:not(:checked):hover,.xeo-form-radio-type-8:not(:checked):focus,.xeo-form-radio-type-8:not(:checked):active{

    /*background-color: #29be26!important;*/

}