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

.Login_bg_clr {margin:0px; padding:0px; background:#e5e5e4; background-image:url(../images/BG.png); background-repeat:no-repeat; background-position:center right; min-height: calc(100vh - 52.8px); display: flex; justify-content: center; align-items: center;}
.login_holder { margin:0 auto; padding:0px; padding-top:0px; width:320px; overflow:hidden; margin-bottom:80px;}
.login_holder h1 { font-family:Arial, sans-serif; margin:0; padding:0px; font-size:52px; line-height:normal; color:#286e78; text-align:center; text-transform:uppercase;}
.login_logo { text-align:center;/*margin:20px auto; padding:0px; width:360px;*/}
.login_logo img { padding:16px 10px; margin:8px;
	background: #35909f; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#35909f, #1e636f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#35909f, #1e636f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#35909f, #1e636f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#35909f, #1e636f); /* Standard syntax (must be last) */
	-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
.login_formholder { margin:0px; padding:10px; overflow:hidden;}
.login_formholder form { margin:0px; padding:0px; overflow:hidden;}
.login_formholder form > .form_grouplg { margin:0px; padding:0px; overflow:hidden; margin-bottom:15px; position: relative;}
.form_grouplg > .form_txt {display: block;	width: 100%;padding: 12px 10px 12px 56px;font-size: 18px;line-height: normal;color: #555;
	background: #d0d0d0;border: 1px solid #c8c8c8;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;	
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
}

/*==========================
    Form Css for Login
============================*/
.form_txt:hover, .form_txt:focus {border: 1px solid #959595;outline:0px;}
.form_grouplg > span {position: absolute;top: 0;left: 0;z-index: 2;display: block;width: 48px;line-height: 54px;text-align: center;pointer-events: none;border-right:1px solid #EEE;}
.form_grouplg > span i {font-size:22px;	color:#9b9b9b;}
.lgbtn {background:#206874;	border-color:206874;color:#FFF;	text-transform:uppercase;font-size: 24px;font-weight: 600;padding:2px 0px;}
.lgbtn:hover {color:#F9F9F9;}
.frgttxt {text-align:right;font-size:16px;line-height:38px;	color:#999;}
.frgttxt a {display:block;color:#999;text-decoration:none;}
.frgttxt-container { display:flex;justify-content: space-between;font-size: 14px;line-height: 40px;color: #999;width: 100%;}
.right-text {color: #999;}


/*==========================
    Footer Css for Login
==========================*/
#footer_bttm {width:100%;border-top:1px solid #b9bebf;position: fixed;bottom: 0; margin:0px; padding:10px 0px; background:#f2f2f2;}
.footer_menu {margin:0px;padding:0px;overflow:hidden;}
.footer_menu ul {margin:0px;padding:0px;overflow:hidden; list-style-type:none; text-align:center;}
.footer_menu ul li {margin:0px 10px;padding:0px;list-style-type:none;font-size:15px;color:#999;	display: inline-block;line-height:32px;}
.footer_menu ul li a {display:block;color:#666;	text-decoration:none;}
.footer_text {margin:0px 10px;padding:0px;font-size:15px;color:#999;line-height:32px;  text-align:center;}



/*==========================
    Site Css for Login
==========================*/
.main-footer {padding: 0px 15px;/*height: 48px*/;line-height: 48px !important;}
.footer_nav {margin:0px !important;padding:0px !important;overflow:hidden;}
.footer_nav ul {margin:0px;	padding:0px;list-style-type:none;}
.footer_nav ul li {margin:0px 3px;padding:0px;list-style-type:none;	font-size:14px;	color:#999;	display: inline-block;line-height:40px !important;}
.footer_nav ul li a {display:block;	color:#666;	text-decoration:none;}
.footer_nav ul li a:hover {display:block;color:#F60;text-decoration:none;}
.footer_nav_text {margin:0px 10px;padding:0px;font-size:14px;color:#999;text-align:right;}

/*.bottom_bg {background: #404040; border-top:1px solid #515151; line-height:50px;position: fixed;
    bottom: 0px; width:230px;}*/
	
.bg_holder { margin:0px; padding:0px; overflow:hidden; background:#fff;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);box-shadow: 0 1px 1px rgba(0,0,0,0.1);}

.thgrdnt > thead > tr  {    
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

.tablescroll {width: 100%;overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
.tableintxt {display: -moz-box;}
.tablepgap> thead > tr > th {padding-right:30px !important;}
.table_caption { padding:0px; margin:20px 0px; display:block; text-align:center; font-size:2em; color: #bfbfbf;text-transform: uppercase;}
.table_caption_merchant { padding:0px; margin:20px 0px; display:block; text-align:center; font-size:1.5em; color: #bfbfbf;text-transform: uppercase;}

.mdicon_holder {float: right;margin: 0px 2px;padding: 0px;display: block;overflow: hidden;}
.mdicon_holder a { width: 52px;margin: 0px;padding: 0px;text-align: center;font-size: 1em;color: #fff;line-height: 50px;display: inline-block;}
.mdicon_holder a:hover { background:#1b616d;}
.text-success { color: #17b251; }
.text-warning { color: #ffba2b; }
.text-danger  { color: #da4453; }

.fa-inverse {
    color: white !important;
}

.modal.modal-dialog-centered {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.modal.modal-dialog-centered .modal-dialog {
  margin: 0;
}

.modal.modal-dialog-centered .modal-content {
  font-size: medium;
}

/* 📱 Mobile (portrait phones) */
@media (max-width: 576px) {
  .modal.modal-dialog-centered .modal-dialog {
    max-width: 95%;
    margin: 15px;
  }

  .modal.modal-dialog-centered .modal-content {
    font-size: medium;
  }
}

/* 📱 Tablets (landscape phones & iPad portrait) */
@media (min-width: 577px) and (max-width: 768px) {
  .modal.modal-dialog-centered .modal-dialog {
    max-width: 85%;
  }

  .modal.modal-dialog-centered .modal-content {
    font-size: medium;
  }
}

/*==========================
    iframe css for signup
==========================*/
.signup-frame-container {
  width: 100%;
  height: 100vh;
  overflow: hidden;  /* stops double scrollbar */
}

.signup-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

.prettyFile > input { display: none !important; }
input,.input-append {vertica-align: middle; }
.input-large_brwse {border: 1px solid #DDD;font-size: 14px;height: 34px;color: #555; padding: 4px 6px; margin-right: -4px;	position: relative;	width: 100%;}
.btn_brwse {margin: 3px 0px;padding: 4px 14px; width: 80px; height: 34px;font-family: Tahoma, sans-serif; font-size: 14px; line-height: 24px; text-align: center;color: #333;
    text-decoration: none !important; text-shadow: rgba(255, 255, 255, 0.74902) 0px 1px 1px;
    vertical-align: top;position: absolute;	right: 13px;display: inline-block;
	background: #FBFBFB;background-image: -webkit-linear-gradient(top, white, #E6E6E6);background-repeat: repeat-x;border: 1px solid rgba(0, 0, 0, 0.14902);box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px;
}
.uploadbtn { margin-top:3px;}
.table-condensed > thead > tr > th {padding: 5px 10px !important;}
.datepicker th.next, .datepicker th.prev {font-size: 17px;}
/*Reset css
=================*/
.main-header {box-shadow: 0px 2px 2px RGBA(63, 63, 63, 0.64);}
.navbar-nav > .user-menu > .dropdown-menunw {width: auto !important;}
.dropdown-menu > li > a { padding: 6px 20px;}
.main-header .logo { text-align:left;}
.main-header .logo b { font-weight:normal;}
.logo-mini { text-align:center; }
.sidebar-menu > li {border-top: 1px solid #5e5e5e;border-bottom: 1px solid #515151;}
.sidebar-menu > li > a {padding: 9px 9px 9px 15px; font-size: 17px;}
.sidebar-menu .treeview-menu > li > a {padding: 6px 6px 6px 30px;}
.sidebar-menu > li > a > .fa {font-size: 16px;}
.content-wrapper {background-color: #fcfcfc;}
.main-header .sidebar-toggle::before {content: "\f100";font-size: 26px;}
.main-header .sidebar-toggle {padding: 6px 18px; position: fixed; bottom: 0px; margin-left:-51px;}


.drpdown_new {padding: 0px;margin: 0px;color: #333;width: 88px;overflow: hidden;float: left;background: #1a6572 url(../images/Arw_icon.png) right no-repeat;position: relative;}
.drpdown_new .selectpicker {height:50px !important;}
.drpdown_new > select{background: rgba(255,255,255, 0.1);	color: #FFF;width: 106px;line-height: 46px;font-size: 16px;border: none;text-indent:12px;}
.drpdown_new option {background: #FFF !important;padding: 6px 6px !important;color: #333;border: none;font-size: 14px;line-height:32px;	}

.fausericon i {line-height: 50px;background: #1b616d;padding: 0px 20px;color: #fff;font-size: 22px;/*margin-right: 10px;*/}
.nav > li {margin: 0px 16px /*28px*/ 0px 6px;}
.nav > li > a { padding:0px;}
.btndrpdwnnw { background-color: #29A2B7;color: #FFF;border:none;border-radius:0px;float:left !important;line-height: 38px; min-width:86px;text-align: left;font-size: 16px;margin-bottom: -5px;}
.btndrpdwnnw:hover, .btndrpdwnnw:active, .btndrpdwnnw.hover {background-color: #2193A7; color:#FFF;}
.btndrpdwnnw:active, .open > .dropdown-toggle.btndrpdwnnw {color: #FFF;  background-color: #2193A7 !important; border-color: #F60 !important;}
.btn-group, .btn-group-vertical {float: left !important;}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {text-align: left;}
.btndrpdwnnw:active:focus, .btndrpdwnnw:active:hover, .open > .dropdown-toggle.btndrpdwnnw.focus, .open > .dropdown-toggle.btndrpdwnnw:focus, .open > .dropdown-toggle.btndrpdwnnw:hover {
    color: #ECECEC;
}

.caret { text-align:right;}
table { white-space:pre;}

.drpdwn_range_holder {/* position:absolute;*/ display:inline-block;}
/*Range Show And Hide
========================*/
.range_holder { margin:0px 0px 0px 15px; padding:0px; overflow:hidden; float:left;}
.range_holder h1, .range_holder h2, .range_holder h3, .range_holder h4 { float:left; margin:0px; padding:0px; font-size:18px; line-height:50px; color:#FFF; margin-right:15px;}

.form-groupnw {margin: 0px;line-height: 34px; padding-top: 9px; overflow:hidden;}
.form-groupnw  label {margin: 0px; padding:0px; color:#fff; font-size: 16px; font-weight: normal; float: left; margin-right: 15px;}
.form-control_new { margin:1px 0px; height: 30px; padding: 6px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px;border-radius:3px; border:0px;}
.form-groupnw h2{ width:116px;}
.btnctrl {padding: 5px 10px;}
.btn_tpgap { margin-top:0px;}


/*Apply for credit card proces*/
.form_afccp_holder {background:#FFF; margin:0px; padding:5px; overflow:hidden;}
.form_afccp_holder form {margin:0px; padding:15px; overflow:hidden;}
.form_afccp_holder fieldset {background:#fefefe; margin: 0px; padding:0px; overflow:hidden; /*border:2px solid #369;*/}
.form_afccp_holder legend {text-transform: uppercase;font-size: 17px;color: #2d7f8d;font-weight: 600;background:#FFF; margin:15px 0px; padding:6px 10px; overflow:hidden;/* border: 2px solid #F6F6F6;*/ }
.form_afccp_holder ul { margin:10px !important; padding:0px; overflow:hidden; display:block; list-style-type:none;}
.form_afccp_holder ul li { display:block; padding:5px; margin-bottom:8px; list-style-type:none;}
.form_afccp_holder label { color:#727272; font-size:15px; display: inline-block; font-weight: 600; margin:0px; padding:6px 10px; text-align:right;}
/*.form_afccp_holder input { margin:0px; padding:0px; width:30%; font-size:16px; display: inline-block; font-weight: 600; }*/

.form_afccp_holder .form-group { overflow: hidden; margin-bottom:15px !important;}

.ppup_afcp, .ppup_afcp2 { position:absolute; z-index:999; display:inline-block; cursor:pointer;}
.ppup_afcp .fa-question-circle, .ppup_afcp2 .fa-question-circle { font-size:1.8em; padding-top:5px; color:#f00;}
.popover-content {padding: 8px;}
.popover{box-shadow: 0 1px 2px rgba(0,0,0,.2); max-width:none !important;}
.form_afccp_holder .subbtn{ text-transform: uppercase; font-size: 15px; padding: 8px 0px; margin-top:20px; width:55%;}

.form_afccp_status { padding:20px;}
.form_afccp_holder span{ font-size:24px; line-height:34px; color:#666; text-align:center; display:block; margin:20px 0px; }
.form_afccp_holder .frmsplit{ width:50%; display:block; height:1px; margin:10px auto; background:#DDD;}
.form_afccp_holder p{ font-size:18px; line-height:34px; color:#999; text-align:center;}
.form_afccp_holder p strong{font-weight: 600;}
.form_afccp_holder span > .green{color:#63B048; padding:0px 10px;}

.dspbxnew {
    margin: 5px 0px;
    padding: 0px;
    clear: both;
    overflow: hidden;
    display: none;
}

/*===================================================
           R E S P O N S I V E  C O D E 
====================================================*/

@media screen and (min-width: 769px) {
.fausericon { display:none;}
.skin-blue .main-header .navbar .nav > li > a {line-height: 49px; padding-left:10px; padding-right:6px; }
.main-footer {height: 48px;}
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
.range_holder {background: #317580; position: absolute; margin: 0px; margin-top: 49px; padding: 2px 6px; z-index: 9; width: 100%;}
#footer_bttm {position: fixed; bottom:0px; }
}

@media screen and (min-width: 300px) and (max-width: 768px) {
#footer_bttm { position:relative;}

.main-header .sidebar-toggle {padding: 6px 18px; position: relative !important; background: rgba(0,0,0, 0.1); color:#FFF !important; margin-left:0px !important; }
.main-header .logo {text-align: center;font-size: 22px;}

.hidden-xs_new { display:none;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {right: 2%;}
.nav > li {margin: 0px 2px;}

.drpdwn_range_holder {position: relative; display: block;}
.range_holder {background: #317580; position: absolute; margin: 0px; margin-top: 49px; padding: 2px 6px; z-index: 9; width: 100%;}
.form-groupnw { padding:3px 0px;}
.form-groupnw label {font-size: 15px; margin-right: 12px;}
.range_holder h2 {margin-right: 15px;}

.main-footer {height: auto; line-height: normal !important; overflow: hidden; padding:0px;}
.footer_nav ul {text-align: center;}
.footer_nav ul li {margin: 4px 1px; font-size:12px;line-height: 32px !important;}
.footer_nav_text {text-align: center; line-height: 32px; margin-bottom: 20px !important;}
.hidden-xs { display:block !important;}
.bottom_bg {display:none !important;}
.user-menu a i.fa-caret-down { display:none;}
}


@media screen and (min-width: 320px) and (max-width: 480px) {
.form-groupnw h2 {width: 94px;}
.col-xs-6 { width:100%;}
}

@media screen and (min-width: 300px) and (max-width: 320px) {
.login_holder { width:100%;} 

.mdicon_holder a {width: 42px;}
.fausericon i { margin-right:0px; padding: 0px 15px;}
.range_holder h2 {margin-right: 6px;}
.form-groupnw h2 {width: 80px;}
.col-xs-6 { width:100%;}
}



@media screen and (min-width: 768px) {
.login_holder { padding-top:0px;}
#footer_bttm {position: fixed;}
}