@charset "UTF-8";

/*************** common page styles **********************/
body {
	font-family: Arial, Helvetica, sans-serif;
	/*background: url(/Corporate/themes/images/common/appbg-bce450800e44a407218277f2d518a635.png) repeat;*/
	background: #f0eff0;
}
.module-title {
	font-size: 24px;
	letter-spacing: -1px;
}
.jqstooltip {/* fix for sparkline chart tooltip */
	width: auto !important;
	height: auto !important;
}
.semi-bold {
	font-weight: 400;
}
/*Star favaourite */
input[type='checkbox'].icon-star {
	display: none;
}
input[type='checkbox'].icon-star+label {
	font-size: 22px;
}
input[type='checkbox'].icon-star+label .unchecked {
	display: inline;
	color: #ccc;
}
input[type='checkbox'].icon-star+label .checked {
	display: none;
}
input[type='checkbox']:checked.icon-star {
	display: none;
}
input[type='checkbox']:checked.icon-star+label .unchecked {
	display: none;
}
input[type='checkbox']:checked.icon-star+label .checked {
	display: inline;
	color: #FC0;
}
.lead .small {
	font-size: 70%;
}
.panel-heading.tab-holder {
	padding: 0px;
	border-bottom: 0px;
	height : 41px;
}
/* Wrapper */
.content {
	padding: 0 15px 10px 10px;
}
/*************** Account styles **********************/
.total-pos {
	margin-top: 3px;
	margin-bottom: 3px;
}
.total-neg {
	margin-top: 3px;
	margin-bottom: 3px;
}
.summary-box {
	position: relative;
}
.summary-box:hover {
	border: 1px solid #66afe9;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
	-webkit-transition: border linear 0.2s, box-shadow linear .2s;
	-o-transition: border linear 0.2s, box-shadow linear .2s;
	transition: border linear 0.2s, box-shadow linear .2s;
}
.summary-box .nick, .summary-box .tags {
	margin-bottom: 0px;
}
.summary-box .alias {
}
.summary-box .amt-pos {
	background: rgba(255, 255, 255, 0.5);
	position: relative;
	z-index: 1;
	display: inline-block;
	margin-bottom: 2px;
}
.summary-box .amt-neg {
	background: rgba(255, 255, 255, 0.5);
	position: relative;
	z-index: 1;
	display: inline-block;
	margin-bottom: 2px;
}
.summary-box a {
	color: #333;
	text-decoration: none;
	display: block;
	width: 100%;
}
/* Currency and Amount Styles */
.amt .cur {
	color: #333;
	margin-right: 3px;
}
.amt-pos {
	color: #3c763d;
}
.amt-neg {
	color: #a94442;
}
.summary-box .amt .cur {
	color: inherit;
	font-weight: 700;
}
.summation_balance .cur {
	color: inherit;
	display: block;
	font-weight: 700;
	margin: 5px 5px 0;
}
.summary-amt .amt .cur {
	color: inherit;
	font-weight: 700;
}
.summary-amt .lead {
	margin-bottom: 0;
}
.inlinegraph {
	display: block;
	opacity: 0.8;
}
.summary-acc-fav {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1;
}
.summary-box .summary-acc-fav {
	position: absolute;
	right: 8px;
	top: 4px;
	z-index: 1;
}
.accStmt_mobile {
}
.accStmt_mobile ul li {
	padding: 4px;
}
.accStmt_mobile ul li p {
	margin-bottom: 0px;
}
.accStmt_mobile ul li p .cur {
	padding-right: 4px;
	font-size: 80%;
}
.accStmt_mobile .dropdown .dropdown-toggle {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 0 7px;
}
.amt .categories {
	color: #666 !important;
	margin-bottom: 0px;
}

@media (max-width: 670px) {
.bodywrapper {
	bottom: 0px;
}
.header_cntrl .user_profile {
	margin-right: 0px;
}
}
/************ Dateline design**************/
.dateline {
	margin-top: 10px;
}
.dateline h5 {
	margin-bottom: 2px;
	color: #444;
}
.dateline p {
	margin-bottom: 7px;
}
.dateline p.amt {
	font-size: 16px;
}
/*.dateline p.amt span {
	color: #419b0f;
} */
.dateline .dtln-date {
	position: absolute;
	top: -20px;
	left: 0px;
	margin: 0px;
	padding: 2px 10px 2px 15px;
	display: inline-block;
	font-size: 10px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.dateline .past .dtln-date {
	background: #3e4045;
	color: #fff;
}
.dateline .future .dtln-date {
	background: #c9594d;
	background: #5cb85c;
	color: #fff;
}
.dateline .today .dtln-date {
	background: #db0011;
	color: #fff;
}
.dateline .lead {
	margin: 0px;
}
.dateline .lead .cur {
	font-size: 80%;
	margin-right: 4px;
}
.dateline .lead .amt {
	font-weight: 400;
}
.dateline a.dtln-info {
	cursor: pointer;
	text-decoration: none;
	margin-bottom: 5px;
	color: #444;
}
.dateline a.dtln-info:hover {
	text-decoration: underline;
}
.dateline a .promoimg {
	width: 100%;
	height: 100%;
	max-width: 320px;
}
.dateline .btn-group .btn-default {
	background: #fff;
}
.dateline .btn-group .btn-default.accept {
	color: #419b0f;
	border: 1px #419b0f solid;
}
.dateline .btn-group .btn-default.reject {
	color: #d9534f;
	border: 1px #d9534f solid;
}
.dateline .accept {
	background: #edffed;
}
.dateline .reject {
	background: #ffe1dd;
}
.dateline .correction {
	background: #fcf8e3;
}
/****** Customized grid ****/
.table.dtl_view td {
	border: none;
}
/*Authorization Indicaations */
.auth_info {
	font-size: 0.95em;
	font-style: italic;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pending_auth {
	background: #ccf2ff;
	border-radius: 3px;
	color: #1582a1;
	display: inline-block;
	padding: 1px 4px;
}
.completed_auth {
	background: #d0ecbc;
	border-radius: 3px;
	color: #509521;
	display: inline-block;
	padding: 1px 4px;
}
/*cust_table*/
.cust_table thead, .table thead {
	background: #c0bdbf;
}
.cust_table th {
	color: #30395c;
	padding: 6px 4px;
	white-space: nowrap;
	border: none !important;
}
.cust_table th a {
	color: #30395c;
}
.cust_table h4 {
	margin-bottom: 0px !important;
}
/* Custom Info */
.info b {
	color: #555;
	margin-left: 2px;
}
.info span {
	background-position: -794px -2px;
}
.info .grp {
	display: inline-block;
	padding: 0;
}
.info .grp li {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #fff;
	border: solid 1px #00A9DA;
	float: left;
	display: block;
	padding: 2px 8px;
	margin-right: 12px;
	position: relative;
	font-size: 0.8em;
}
.info .grp li:after {
	content: ">";
	color: #00A9DA;
	position: absolute;
	right: -12px;
	top: 2px;
}
.info .staus {
	padding: 4px;
	background: #fff;
	border: 1px #ccc solid;
	border-radius: 5px;
}
.info .list-group-item {
	padding: 2px;
	border: 1px #ddd solid !important;
	margin: 2px;
	float: left;
	display: inline-block;
	text-overflow: ellipsis;
	width: 200px;
	border-radius: 4px;
	white-space: nowrap;
	color: #555;
}
.info .nav {
	border: none;
}
.info .nav > li > a {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #fff;
	border: solid 1px #00A9DA;
	float: left;
	display: block;
	padding: 2px 8px;
	margin-right: 12px;
	font-size: 0.8em;
}
.info .nav > li > a:after {
	content: ">";
	color: #00A9DA;
	position: absolute;
	right: -12px;
	top: 2px;
}
.info .nav-tabs > li.active > a {
	box-shadow: none;
}
/* Custom Tab */
.cust_tab .tab-content {
	margin-top: -1px;
}
.cust_tab .nav-tabs {
	border-bottom: 0;
}
/*Summation Balance Styles */
.summation_balance {
	background: #f6f6f6;
	border: none;
	float: left;
	width: 100%;
	margin-bottom: 4px;
}
.summation_balance h3 {
	margin: 5px !important;
}
.summation_balance h3.lead {
	margin-bottom: 0px !important;
}
/*Custom Panel Styles */
.cust_panel {
	margin-bottom: 10px;
}
.cust_panel .panel-heading {
	padding: 10px;
	border-bottom: 0px;
}
.cust_panel .panel-title {
	font-size: 1em;
}
.cust_panel label {
	border: none;
	border-bottom: 2px #ccc solid;
	padding: 5px;
	margin: 0px;
}
.cust_panel .panel-body {
	padding: 0px;
}
.cust_panel .list-group label {
	width: 100%;
	display: inline-block;
}
.cust_panel .list-group label.btn-primary {
	background: #ffffea;
	border: none;
}
.cust_panel .list-group p.lbl {
	color: #666;
	font-size: 0.9em;
	display: inline-block;
}
.cust_panel .list-group span.ref {
	background: #ddd;
	border: 1px solid #bbb;
	border-radius: 5px!important;
	color: #222;
	display: inline;
	font-size: 0.79em;
	padding: 2px;
}
.cust_panel .list-group span.nme {
	color: #2d3e50;
	width: 80%;
	text-overflow: ellipsis;
	overflow: hidden;/*display:inline-block;*/
	font-size: 1.1em;
}
.cust_panel .list-group a {
	color: #555;
	text-decoration: none;
}
.cust_panel .list-group .list-group-item .glyphicon {
	top: 15px;
}
.cust_panel .list-group p {
	margin: 0px;
	width: 92%;
	margin-bottom: 5px;
}
.cust_panel .list-group p .status {
	font-weight: bold;
	font-size: 0.9em
}
.cust_panel.no-arr .list-group p {
	margin: 0px;
	width: 98%;
}
.cust_panel .list-group p small {
	color: #666;
}
.cust_panel .list-group p small.cur {
	color: #444;
	font-weight: bold;
	display: block;
	text-align: right;
}
.cust_panel .list-group .list-group-item p span.amt {
	font-size: 1.1em;
	color: #419b0f;
	font-weight: bold;
	position: relative;
	clear: right;
}
.list-group-item p span.amt .amtlbl {
	font-size: 70%;
	position: absolute;
	right: 0px;
	top: -10px;
	color: #666;
	font-weight: bold;
	white-space: nowrap;
}
.cust_panel .list-group .list-group-item {
	padding: 5px;
}
.cust_panel .list-group .overlay {
	color: #fff !important;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 10;
	text-align: center;
}
.cust_panel .list-group .overlay p {
	padding: 0px;
	width: 100%;
	position: absolute;
	top: 35%; /*transform:translateY(-50%);*/
}
.cust_panel .list-group .overlay p a {
	color: #fff;
}
.cust_panel .list-group .overlay .glyphicon {
	top: 0px;
}
.cust_panel .list-group .list-group-item.active p {
	color: #444;
}
.cust_panel .list-group label p.hilit {
	background: #ecf0f1;
	margin-top: 5px;
}
.cust_panel .list-group .list-group-item p span.amt span.cur {
	color: #444;
	font-weight: bold;
	font-size: 0.78em;
	padding-right: 4px;
}
.cust_panel .list-group .list-group-item .bene {
	margin: 0px 5px 5px 0px;
}
.cust_panel.form-control {
	padding: 0px;
	height: auto;
}
.cust_panel label input[type="radio"], .selectHolder label input[type="radio"] {
	display: none;
}
/***history icon**/
.cust_panel .list-group .list-group-item .history {
	color: #ccc;
	display: none;
	text-align: center;
	outline: none;
	font-size: 16px;
	margin-top: 2px;
}
.cust_panel .list-group .list-group-item.active .history {
	display: block;
	color: #333;
	font-size: 85%;
}
/***************Payment History ***************/
.trans {
	transition: all 0.4s ease 0s;
}
.phistory {
	border: 0px;
}
.phistory li {
	display: inline-block;
	width: 100%;
	padding: 2px 30px 2px 5px;
	border: 0px;
	border-bottom: solid 1px #efefef;
}
.phistory li .dte {
	margin-top: 8px;
	margin-bottom: 8px;
	color: #999
}
.summary-acc-fav {
	z-index: 1;
	margin: 0px;
}
.plimit li {
	border: 0px;
	border-bottom: solid 1px #efefef;
	margin-bottom: 0px;
	padding: 2px 5px;
}
.plimit li .amt-pos {
	margin-bottom: 6px;
}
/*Timeline Styles */
.timeline {
	position: relative;
	min-height: 200px;
}
.timeline_bar {
	width: 15px;
	border-radius: 10px;
	position: absolute;
	left: 50%;
	height: 100%;
	background: #eee;
	border: 1px #ccc solid;
	top: 0px;
}
.timeline_date {
	position: absolute;
	left: 50%;
	margin-left: -16px;
	margin-top: 10px;
}
.time_stamp_dtl {
	text-align: left;
}
.time_stamp {
	position: relative;
	left: 50%;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #ccc;
	box-shadow: 1px 1px 1px #666;
	margin-top: 50px;
	margin-left: -5px;
}
.time_stamp.dr span {
	position: absolute;
	left: 0px;
}
.time_stamp.cr span {
	position: absolute;
	right: 45px;
}
.time_stamp span {
	margin-left: 30px;
}
.time_stamp_default {
	background: #f2f2f2;
	border: 1px #ccc dashed;
	padding: 10px;
	margin: 10px;
}
.time_stamp_debit {
	background: #f0fee4;
	border: 1px #d1dfc5 dashed;
	padding: 10px;
	margin: 10px;
}
.time_stamp_credit {
	background: #f2ddda;
	border: 1px #dbaea9 dashed;
	padding: 10px;
	margin: 10px;
}
.time_stamp_correction {
	background: #fcf8e3;
	border: 1px #faebcc dashed;
	padding: 10px;
	margin: 10px;
}

.time_stamp_popup{margin:10px 0;}

.timeline .lead {
	margin-bottom: 0px !important;
}
/* Account Details Tag */
.tag {
	margin: 2px;
	background: #f2f2f2;
}
/*bulk_data_list*/
.bulk_data_list {
	margin-top: 10px;
}
.bulk_data_list h5 {
	margin-bottom: 2px;
	color: #4a6491;
}
.bulk_data_list p {
	margin-bottom: 0px;
}
.bulk_data_list .form-group {
	margin-bottom: 0px;
}
.bulk_data_list p.amt {
	font-size: 16px;
}
/*.bulk_data_list p.amt span {color: #419b0f;}*/
.bulk_data_list .dtln-date {
	background: #999;
	color: #fff;
	position: absolute;
	top: -20px;
	left: 0px;
	margin: 0px;
	padding: 2px 10px 2px 15px;
	display: inline-block;
	font-size: 10px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.bulk_data_list .checkinput_pos {
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 2;
}
.bulk_data_list .prime {
	color: #337ab7;
}
.bulk_data_list .list-group-item {
	background: #f5f5f5;
}
.bulk_data_list .list-group-item.list-group-item-success {
	background-color: #dff0d8;
}
.bulk_data_list .list-group-item.list-group-item-hilit-info {
	background-color: #fff;
	border-top: 1px #ccc solid;
}
.bulk_data_list .list-group-item.list-group-item-hilit-info h4 {
	margin-top: 0px;
	margin-bottom: 0px;
}
/****** Bulk Datalist Styles for GST ***********/
.bulk_data_list.for_gst {
}
.bulk_data_list.for_gst .amt .cur {
	color: inherit;
	font-weight: 700;
}
.bulk_data_list.for_gst .list-group-item {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0 ); /* IE6-9 */
	margin: 10px 0px;
}
.bulk_data_list.for_gst .list-group-item .data_status {
	position: absolute;
	left: 120px;
	top: -22px;
}
.bulk_data_list.for_gst .list-group-item .data_status span.lbl {
	position: absolute;
	top: 10px;
	left: 55px;
	padding: 4px;
	font-size: 12px;
	border-radius: 4px;
	white-space: nowrap;
}
.bulk_data_list.for_gst .list-group-item .data_status .flag {
	border: 3px solid #fbfbfb;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	font-size: 24px;
	font-weight: 400;
	height: 50px;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 6px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	width: 50px;
	background-color: #ccc;
}
.bulk_data_list.for_gst .list-group-item.matched .data_status .flag {
	background-color: #dff0d8;
	color: #3c763d;
}
.bulk_data_list.for_gst .list-group-item.matched .data_status .lbl {
	color: #3c763d;
	background-color: #dff0d8;
}
.bulk_data_list.for_gst .list-group-item.missmatched .data_status .flag {
	background-color: #f2dede;
	color: #a94442;
}
.bulk_data_list.for_gst .list-group-item.missmatched .data_status .lbl {
	background-color: #f2dede;
	color: #a94442;
}
.bulk_data_list.for_gst .list-group-item.norecords .data_status .flag {
	background-color: #fcf8e3;
	color: #8a6d3b;
}
.bulk_data_list.for_gst .list-group-item.norecords .data_status .lbl {
	background-color: #fcf8e3;
	color: #8a6d3b;
}
.bulk_data_list.for_gst .list-group-item-danger {
	background: #fdf6f6;
	color: #a94442;
}
.bulk_data_list.for_gst .list-group-item-warning {
	background: #fffff5;
	color: #8a6d3b;
}
.bulk_data_list.for_gst .label {
	line-height: 3;
}
.for_gst_total .bulk_data_list.for_gst .list-group-item {
	background: none;
	border: none;
	border-bottom: 1px #ccc solid;
}
.for_gst_total h4 {
	background: #f2f2f2;
	padding: 4px;
	border-radius: 4px;
	font-size: 14px;
}
.for_gst_total .amt {
	font-weight: bold;
}
.table .table td {
	border: none;
}

/*Forecast widget*/
.forecast {
	color: #fff;
	padding: 5px;
	box-sizing: padding-box;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 3px;
	border: 1px #ccc solid;
	background: #ffffff;
}
.forecast a {
	text-decoration: none;
}
.forecast p.hd {
	margin: 0px;
}
.forecast p.lead {
	margin-bottom: 10px;
}
.forecast .reload {
	background: #f3f2f1;
	padding: 2px;
	border-radius: 0 0 0px 8px;
	text-align: right;
	position: absolute;
	top: 0px;
	display: block;
	right: 0px;
	z-index: 9999;
}
.forecast .reload span {
	padding-right: 4px;
}
.forecast .cont {
	padding: 20px 20px 4px 4px;
}
.forecast .calander {
	width: 100px;
	text-align: center;
	padding: 4px;
	border: 1px #ccc solid;
	background: #2f353f;
	position: absolute;
	top: 0px;
	height: 160px;
}
.forecast .calander .weekdays {
	background: #545A64;
	padding: 4px;
	color: #CFD5DF;
	font-weight: 400;
	border-radius: 2px;
}
.forecast .calander .date {
	color: #6A707A;
	font-weight: 700;
	font-size: 60px;
}
.forecast .calander .month {
	color: #6A707A;
	border-radius: 3px
}
.forecast .calander .month span {
	font-size: 11px;
	color: #99bbd8;
	display: block;
}
.forecast .net_bal {
	background: #f3f2f1;
	padding: 4px;
	margin: 5px 0x 0px 0px;
	color: #333;
	border-top: 1px #e8e3e3 solid;
}
.forecast .lead {
	margin-bottom: 5px;
}
.forecast .amt {
	font-size: 16px;
}
/* Admin page Css */
.admin_panel p {
	margin: 0 0 0 3px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;
    padding-right:4px;


}
.admin_panel .btn {
	margin-top: 5px;
}
.admin_panel .well {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); /* IE6-9 */
	float: left;
	width: 100%;
}
.admin_panel .well label {
	display: inline;
}
.admin_panel .media .media-heading {
	color: #333;
	margin-bottom: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
.admin_panel .media .media-body {
	width: 100%;
	float: left;
}
.admin_panel .media .media-body {
	width: 100%;
	float: left;
}
.admin_panel .media .media-left {
	width: 20%;
	float: left;
}
.admin_panel .media .media-object {
	height: 62px;
	width: 62px;
}
.admin_panel .media .media-left + .media-body {
	width: 80%;
	float: left;
}
/* Users Panels */
.user_panel {
	color: #fff;
	padding: 5px;
	box-sizing: padding-box;
	position: absolute;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 3px;
	width: 80px;
	height: 80px;
	margin-top: -9px;
	right: 0px;
}
.user_panel .inactive {
	background: #d9534f;
	border: 1px dashed #efefef;
	box-shadow: 4px 3px 3px #bbb;
	color: #fff;
	font-size: 1em;
	height: 25px;
	line-height: 1em;
	padding: 4px;
	position: absolute;
	right: -41px;
	text-align: center;
	top: 12px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	width: 130px;
	z-index: 1;
}
.user_panel .active {
	background: #5cb85c;
	border: 1px dashed #efefef;
	box-shadow: 4px 3px 3px #bbb;
	color: #fff;
	font-size: 1em;
	height: 25px;
	line-height: 1em;
	padding: 4px;
	position: absolute;
	right: -41px;
	text-align: center;
	top: 12px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	width: 130px;
	z-index: 1;
}
.user_panel .disabled {
	background: #b9b9b9;
	border: 1px dashed #efefef;
	box-shadow: 4px 3px 3px #bbb;
	color: #fff;
	font-size: 1em;
	height: 25px;
	line-height: 1em;
	padding: 4px;
	position: absolute;
	right: -41px;
	text-align: center;
	top: 12px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	width: 130px;
	z-index: 1;
}
.user_action {
	position: relative;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); /* IE6-9 */
}
.user_action .media, .user_action .media-body {
	overflow: visible;
}
/*Locked Users */
.user_locked {
	position: relative;
}
.user_locked span {
	position: absolute;
	overflow: hidden;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: rgba(0,0,0,0.3);
	top: 0;
	text-align: center;
	padding-top: 20px;
	color: #ff1100;
	font-size: 15px;
    max-width:100%;
    max-height:100%;
}
.user_locked span small {
	font-size: 11px;
}
/*Custom list group item */
.cust_list .list-group-item {
	color: #444;
}
.cust_list .list-group-item {
	background: #f6f6f4 none repeat scroll 0 0;
	border: 1px solid #e6e6e4;
	margin: 5px;
	color: #777;
}
.cust_list .list-group-item-heading {
	color: #000;
}
/*Custom File Upload Button Styles */
.cust_upload_btn {
	position: relative;
	height: 40px;
}
.cust_file_input {
	position: absolute;
	left: 0;
	right: 0;
	opacity: 0;
	width: 100%;
	top: 0;
	bottom: 0;
}
/* Receivables Dashboard */
.canvasjs-chart-credit {
	display: none;
}
.cols_box {
	background-color: #369ead;
	padding: 10px 15px;
	border-radius: 5px;
	margin-bottom: 20px;
}
.cols_box:hover {
	opacity: 0.8;
}
.cols_box2 {
	background-color: #c24642;
}
.cols_box3 {
	background-color: #0090d9;
}
.cols_box p, .cols_box h5, .cols_box .lead, .cols_box {
	color: #fff;
}
.cust_table th.amt {
	text-align: right;
}
.cust_table tr td a, .link {
	text-decoration: underline;
}
.tot_amt {
	font-weight: bold;
}
/* Forex Styles */
.forex {
	background-color: #fa8564;
	color: #fff;
	padding: 22px 10px 0px 20px;
	min-height: 120px;
	border-radius: 5px;
	margin-bottom: 20px;
}
.forex h3 {
	line-height: 30px;
	margin: 0px;
	margin: 40px 0 0;
}
.forex span {
	display: block;
	font-family: Arial;
	color: #fff;
}
.forex-box1 {
	background: #fa8564 url(/Corporate/themes/images/common/current_amt-8ef748b97cf7a421fa6de65982379cee.png) 90% center no-repeat;
}
.forex-box2 {
	background: #1fb5ac url(/Corporate/themes/images/common/exchange_arrow-c910f2c0d729dd0bbe4ae5e52bce5ccd.png) 95% center no-repeat;
}
.forex-box3 {
	background: #a48ad4 url(/Corporate/themes/images/common/bid_price-caa2169d1d7a39c2190cc7323050d1a3.png) 90% center no-repeat;
}
.forex-box4 {
	background: #96b564 url(/Corporate/themes/images/common/offer_price-ea1840b13c3f3577f6a3c8fbb9393833.png) 90% center no-repeat;
}
.down {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #e62602;
	display: inline-block;
	font-size: 0;
	height: 0;
	margin-right: 4px;
	vertical-align: middle;
	width: 0;
}
/*Select All Button Styles*/
.checkinput.selectall {
	padding-left: 10px;
	width: 115px;
	height: 40px;
	padding-top: 10px;
	text-align: left;
	background: #eee;
	margin-top: 8px;
}
.checkinput.selectall:after {
	left: 80px;
	top: 8px;
	bottom: 5px;
	right: 5px;
}
.selectall:after {
	padding: 4px 6px !important;
}
/*****  Trade Documents styles   ********/

.trade_doc {
	text-transform: capitalize;
}
.trade_doc .checkinput {
	padding: 0 0 3px 40px;
	margin-left: 1%;
}
.trade_doc .form-control_custom {
	display: inline;
	width: 100px;
	border: none;
	border-bottom: 1px #666 solid;
	box-shadow: none;
	border-radius: 0;
	background: #fdfdf6;
}
.trade_doc .form-control_custom_long
{
    width: 100%;
    border: none;
    border-bottom: 1px #666 solid;
    box-shadow: none;
    border-radius: 0;
    background: #fdfdf6;
    display:inline;
}
.trade_doc .panel {
	border: none;
	border-radius: 0px;
	border-bottom: 1px #ccc solid;
	margin-bottom: 0px;
}
.trade_doc .form-group {
	margin-bottom: 0px;
}
.trade_doc .list-group-item .btn {
	margin: 0px 5px;
}
.trade_doc .btn-group {
	margin-left: 3%;
}
.trade_doc .doc_value {
	background: #fdfdf6;
	border-bottom: 1px #666 solid;
}
.cust_alert {
	padding: 10px;
	border-radius: 0px;
}
/*Notification*/
.notification .list-group-item {
	background: #f2f2f2;
	border-left: 5px #717d7d solid;
}
.notification .list-group-item:nth-child(1n) {
	border-left: 5px #C60 solid;
}
.notification .list-group-item:nth-child(2n) {
	border-left: 5px #d16587 solid;
}
.notification .list-group-item:nth-child(3n) {
	border-left: 5px #29a5ad solid;
}
.notification .list-group-item:nth-child(4n) {
	border-left: 5px #739e73 solid;
}
.notification .cust_list .list-group-item {
	background: #f6f6f4 none repeat scroll 0 0;
	color: #777;
	margin: 5px;
}
/*  Dashboard Styles for GST *****/
.dashboard {
	background: #fff;
	color: #fff;
	padding: 5px;
	box-sizing: padding-box;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 3px;
	box-shadow: 0px 0px 1px #a2a8a9 inset;
	padding-bottom: 10px;
}
.dashboard a {
	text-decoration: none
}
.dashboard .row {
	margin: 0 -5px;
	position: relative;
	padding-top: 20px;
}
.dashboard .row .info {
	padding: 0px 5px;
}
.dashboard h4 {
	background: #f2f2f2;
	border-radius: 3px;
	color: #444;
	font-weight: 400;
	padding: 5px
}
.dashboard .options {
	color: #444;
	display: inline-block;
	text-align: center;
	width: 23px;
}
.dashboard .options span {
	font-size: 10px;
	color: rgba(255,255,255,0.5);
}
.dashboard p.hd {
	margin: 0px;
	color: #7D838D;
}
.dashboard p.lead {
	margin: 0px;
	color: #2f353f;
}
.dashboard p {
	color: #2f353f;
}
.dashboard .label-default {
	background-color: #f2f2f2;
	color: #888;
	padding: 5px;
}
.dashboard .cust_msg_style .list-group-item {
	background: none;
	border: none;
	padding: 0;
}
.dashboard .list-group-item-heading {
	background: none;
}
.dashboard .summary_val h4 {
	background: none;
}
/*****Dashboard  Style for Limits ******/

.dashboard.for_limits {
	color: #555;
	padding: 15px;
}
.dashboard.for_limits h4 {
	background: none;
}
/*********************bar chart*********************************/
.barwrap {
	height: 130px;
	margin-top: 25px;
}
.barwrap .record {
	background-color: rgba(230, 230, 230, 0.45);
	height: 30px;
	position: relative;
	width: 97%;
}
.barwrap .record::before {
	background-color: rgba(230, 230, 230, 0.65);
	content: " ";
	height: 10px;
	left: 5px;
	position: absolute;
	right: -5px;
	top: -10px;
	transform: skew(-46deg, 0deg);
	z-index: 1;
}
.barwrap .record::after {
	background-color: rgba(230, 230, 230, 0.75);
	content: " ";
	height: 29px;
	position: absolute;
	right: -11px;
	top: -5px;
	transform: skew(0deg, -45deg);
	width: 11px;
}
.barwrap .bar {
	color: #fff;
	height: 30px;
	position: relative;
	text-align: center;
	line-height: 30px;
}
.barwrap .inner1 {
	background-color: #b91c20;
	transition: all 0.4s ease 0s;
}
.barwrap .inner1::before {
	background-color: #b91c20;
	content: " ";
	height: 10px;
	left: 5px;
	position: absolute;
	right: -5px;
	top: -10px;
	transform: skew(-46deg, 0deg);
}
.barwrap .inner1::after {
	background-color: #941014;
	content: " ";
	height: 29px;
	position: absolute;
	right: -11px;
	top: -5px;
	transform: skew(0deg, -45deg);
	width: 11px;
}
.barwrap .inner2 {
	background-color: #3c763d;
	transition: all 0.4s ease 0s;
}
.barwrap .inner2::before {
	background-color: #3c763d;
	content: " ";
	height: 10px;
	left: 5px;
	position: absolute;
	right: -5px;
	top: -10px;
	transform: skew(-46deg, 0deg);
}
.barwrap .inner2::after {
	background-color: #185019;
	content: " ";
	height: 29px;
	position: absolute;
	right: -11px;
	top: -5px;
	transform: skew(0deg, -45deg);
	width: 11px;
}
.barwrap .data {
	width: 90%;
}
.barwrap span {
	font-size: 90%;
}
/**************tab-btn*************/
.tab-btn .panel {
	border: 1px solid #ccc;
	border-radius: 0 4px 4px 4px;
	margin-top: -1px;
}
.tab-btn .btn.active {
	background: #fff;
	box-shadow: none;
	border: none;
	color: #333;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
	padding-bottom: 12px;
	vertical-align: top;
}

@media (max-width: 670px) {
.newWiz .steps {
	width: 38%;
}
}
@media (max-width: 400px) {.user_locked span {padding-top:25%;}}
@media (min-width:992px) and (max-width:1300px){.user_locked span {padding-top:15px;}}


/*****  Flag Checkbox Styles **********/
.flaginput {position: relative;}
.flaginput input{display:none;}
.flaginput input[type=checkbox] + label:after {color: #ccc;content: "\f024";font-size:24px;font-weight: bold;left: 20px;position: absolute;top: 5px;padding:5px;font-family: FontAwesome;}
.flaginput input[type=checkbox]:checked + label:after{color: green;content: "\f024";font-size:24px;font-weight: bold;padding:5px;font-family: FontAwesome;}
.flaginput input[type=checkbox]:disabled + label:after{color: #ccc;content: "\f05e";font-size:24px;font-weight: bold;padding:5px;font-family: FontAwesome;}

/***** Dateline Expired *****/
.dateline .expired {
	background: #ececec;
}

/********** IOS Iframe content non visibile area controls clickable issue fix ***********/
.mod_touchevents .content{position: absolute;height:100%;width:100%;-webkit-overflow-scrolling: touch; overflow-y: scroll;z-index:auto; }
.mod_touchevents .modal-backdrop{display:none;}
.mod_touchevents .modal{background-color:rgba(0, 0, 0, 0.4);}

/******Dateline transaction status *****/
.trans_fail{position: absolute;left: 40.5%;top: 0px;background: #db1b0f;color: #fff;padding: 2px 10px;border-radius: 4px;border-top-left-radius: 0;border-top-right-radius: 0;box-shadow: 1px 1px 3px 0px #ccc;}
.trans_success{position: absolute;left: 40%;top: 0px;background: #5cb85c;color: #fff;padding: 2px 10px;border-radius: 4px;border-top-left-radius: 0;border-top-right-radius: 0;box-shadow: 1px 1px 3px 0px #ccc;}

/*****  Ban Checkbox Styles **********/
.baninput {position: relative;}
.baninput input{display:none;}
.baninput input[type=checkbox] + label:after {color: #ccc;content: "\f05e";font-size:24px;font-weight: bold;left: 30px;position: absolute;top: 5px;padding:5px;font-family: FontAwesome;}
.baninput input[type=checkbox]:checked + label:after{color: green;content: "\f05e";font-size:24px;font-weight: bold;padding:5px;font-family: FontAwesome;}
.baninput input[type=checkbox]:disabled + label:after{color: #ccc;content: "\f05e";font-size:24px;font-weight: bold;padding:5px;font-family: FontAwesome;}

/***** added for limit meter *******/
.bulk_action .panel-title{font-size:14px;}
.relatedinfo{background: #f1f1f1;padding:15px;margin-right:-15px;border-radius: 10px 0 0 10px;}
.relatedinfo h3{font-size:18px; margin:0 0 7px 0;letter-spacing: 0;}
.relatedinfo h4{font-size:14px; margin:0 0 5px 0;letter-spacing: 0;}
.relatedinfo .list-group-item{padding:10px;}
.relatedinfo .avilLimit h4{margin:0 0 5px 0;display: block;font-size:14px;letter-spacing: 0;}
.relatedinfo .avilLimit p{padding: 5px 0 0 0;margin:0px;font-size:12px;}
.relatedinfo .avilLimit .amt{padding: 0;margin:0px;font-weight: normal;font-size:16px;}
.relatedinfo .avilLimit .amt .cur{font-weight: normal;font-size:11px;margin-right:3px;color: rgb(119, 119, 119);}
.relatedinfo .avilLimit .amt.utilized{color:#e01f25;}
.relatedinfo .avilLimit .amt.avail{color:#313030;}

/* Panel Box Styling */
.panel_box  .media{height: 75px;}
.panel_box.extended .media{height: 116px;}
.panel_box  .media .media-left {position: absolute;text-align: center;width:80px;}
.panel_box .media .media-body {width: 100%;float: left;padding-left:80px;}
.panel_box .media .media-heading {margin-bottom: 8px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
h4.head {background: #f2f2f2;padding: 4px;border-radius: 4px;font-size: 14px;}
.panel-heading .panel-title .steps {background: #db0011;color: #fff;padding: 9px 15px;margin: -10px 5px -10px -15px;border-top-right-radius: 8px; border-bottom-right-radius: 8px;   font-weight: 600;}
/* Custom Tab */
.create_user_tab .tab-content {margin-top: -1px;padding: 15px;border: 1px solid #ddd;}
.create_user_tab span.block{display:block;}
.panel_head_dtl{background: #e4e7e7;font-size: 14px;letter-spacing: 0px;padding: 5px;border-radius: 4px;margin-left:15px;color:#31708f;}
.panel_head_dtl .cont{padding-right:10px;}
.assign_check{padding-top:10px;}
.panel_head_edit{border-radius: 4px;border: 1px solid #ccc;background:#fff;font-size: 14px;padding: 2px 6px;text-decoration:none;color:#333;}
.panel_head_edit:hover{text-decoration:none;color:#444;}
.panel_head_dtl .badge{background: #d9534f !important;color: #fff !important;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(244, 87, 91);
}
/* Manage Users Css */
.panel_total_count { width: 100%; border-right: 1px solid rgb(239, 239, 239); padding: 10px; float: left; }
.panel_total_count .ico { width: 20%; float: left; }
.panel_total_count .ico span { width: 50px; height: 50px; border-radius: 50%; background-color: rgb(242, 242, 242); display: block; }
.panel_total_count .ico span.users { background-color: #ffbb33; color: rgb(255, 255, 255); font-size: 20px; text-align: center; padding-top: 10px; }
.panel_total_count .ico span.templates { background-color: rgb(45, 165, 226); color: rgb(255, 255, 255); font-size: 20px; text-align: center; padding-top: 10px; }
.panel_total_count .ico span.roles { background-color: rgb(243, 110, 118); color: rgb(255, 255, 255); font-size: 20px; text-align: center; padding-top: 10px; }
.panel_total_count .ico span.unassigned_users { background-color: #a8000b; color: rgb(255, 255, 255); font-size: 20px; text-align: center; padding-top: 10px; }
.panel_total_count .ico span.locked_users { background-color: #333333; color: rgb(255, 255, 255); font-size: 20px; text-align: center; padding-top: 10px; }
.panel_total_count .ico span.departments { background-color: rgb(5, 102, 141); color: rgb(255, 255, 255); font-size: 20px; text-align: center; padding-top: 10px; }
.panel_total_count .count { width: 80%; float: left; text-align: left; background: none; padding-left: 20px; }
.panel_total_count .count h3 { color: rgb(51, 51, 51); padding-top: 0px; margin: 0px; }
.panel_total_count .count h3 span { font-size: 14px; color: rgb(173, 168, 168); display: block; margin-bottom: 3px; }
.grid_usersetup .list-group-item { border: 0px; background: rgb(250, 250, 250); margin-bottom: 2px; }
.grid_usersetup .list-group-item a { text-decoration: underline; }
.grid_usersetup .list-group-item a.btn, .grid_usersetup .list-group-item .dropdown-menu a { text-decoration: none; }
.grid_usersetup .list-group-item p { margin-bottom: 0px; margin-left: 0;}
.grid_usersetup .list-group-item h5 { margin: 0px 0px 4px; }
.grid_usersetup .list-group-item .badge { min-width: 80px; padding: 10px; color: rgb(51, 51, 51); background-color: rgb(241, 241, 241); border-radius: 0px; float: right; margin: 2px; }
.grid_usersetup .list-group-item .checkinput_pos { position: absolute; right: 10px; top: 5px; z-index: 2; }
.grid_usersetup .list-group-item .dropdown { position: absolute; right: 5px; top: 5px; z-index: 2; }
.grid_usersetup .list-group-item .dropdown-menu-right { right: 30px; }
.grid_usersetup .list-group-item .dropdown .btn-default { background-color: transparent; border: none; }
.grid_usersetup .list-group-item .dropdown .btn-default:hover { background-color: rgb(255, 255, 255); border: none; }
.grid_usersetup .list-group-item.status_active { border-left: 5px solid rgb(92, 184, 92); }
.grid_usersetup .list-group-item.locked { border-left: 5px solid rgb(119, 119, 119); }
.grid_usersetup .list-group-item.deactivate { border-left: 5px solid rgb(217, 83, 79); }
.grid_usersetup .list-group-item.incomplete { border-left: 5px solid rgb(255, 187, 51); }
.grid_usersetup .list-group-item .rolenames { background-color: rgb(242, 242, 242); color: rgb(136, 136, 136); display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; }
.grid_usersetup .list-group-item img{border-radius: 50%;}
h4.head { background: rgb(242, 242, 242); padding: 4px; border-radius: 4px; font-size: 14px; }
.panel_head_dtl { background: rgb(228, 231, 231); font-size: 14px; letter-spacing: 0px; padding: 5px; border-radius: 4px; margin-left: 15px; color: rgb(49, 112, 143); }
.create_user_tab span.block { display: block; }
.mt-0 { margin-top: 0px !important; }
.mt-10 { margin-top: 10px !important; }
.modal_head { font-size: 16px; }.mb-0 { margin-bottom: 0px !important; }
.alert_triangle { font-size: 65px; }
@media (max-width: 480px) {
  .alert_triangle { font-size: 34px; }
}
.billType .input-group-addon{ font-size:20px; }

.bulk_data_list .list-group-item.list-group-item-warning{
	background: #fcf8e3;
}
.bulk_data_list.esal_pay .checkinput_pos { top: 26px; }

.cardType{margin: 0px;margin-top:3px;position: absolute;right: 15px;}
.cardType i{font-size: 20px;}

.form-control.user-error{border:solid 1px #a94442 !important;}


/* Trade Dashboard Design */

.trade_widget {
	background: #fff;
	color: #fff;
	box-sizing: border-box;
	min-height: 200px;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 0px 20px #ccc;
}

.trade_widget a {
	text-decoration: none
}
.trade_widget .row .info {
	padding: 0px 5px;
}
.trade_widget h3{
	margin:0 0 10px 0;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.trade_widget h4 {
	border-bottom: 2px solid #db0011;
	background: #fff;
	margin: 0;
	font-weight: 400;
	padding: 12px 10px;
	color: #1d262c;
	cursor: move;
}
.trade_widget .options {
	color: #1d262c;
	display: inline-block;
	margin-top: -37px;
	padding: 4px;
	text-align: center;
	width: 23px;
	margin-right: 15px;
	font-size: 18px;
}
.trade_widget .options span {
	font-size: 10px;
	color: rgba(255,255,255,0.5);
}
.trade_widget p.hd {
	margin: 0px;
	color: #7D838D;
}
.trade_widget p.lead {
	margin: 0px;
	color: #3e4045;
}
.trade_widget p {
	color: #3e4045;
}
.trade_widget h5 {
	color: #3e4045;
	font-weight: bold;
}
.trade_widget_inner{padding:10px;}

.expires_today{background:#fee4e1;}
.expires_tomorrow{background:#b4fafa;}
.widgetOptions li a{padding: 3px 10px;}
.widgetOptions li a i{ padding-right: 5px }
.past_due{background: #f2f2f2;padding-top:7px;}

.p-l-5{padding-left:5px;}
.p-r-5{padding-right:5px;}
.p-lr-5{padding-left:5px;padding-right:5px;}

.view_auth_btn{position: absolute;right:10px;bottom:15px;}

/* .data_list_accorditon li{cursor: pointer;}
.data_list_accorditon li:hover{background:#fff;} */
.info_div{position: absolute;right:15px;top:10px;}
.info_div i{font-size:20px;}
.mb-5 { margin-bottom: 5px !important; }
.mt-5 { margin-top: 5px !important; }

.email_icon{font-size:40px;padding:15px;border:1px solid #333;border-radius: 50%;}

.alert-list{
	margin-bottom: -10px;margin-top:5px;padding:5px 10px;
}
.download_link{text-decoration: none !important;}

.bulk_data_inner { margin-bottom: 0px; }
.bulk_data_inner .list-group-item { background: #fff; }





/* Rate Your experience */

.survey-ques{
	margin:20px 20px 20px;
}
.ques{
	margin-bottom:10px;
}
.ques .ques-cout{
	width: 50px;
	height: 50px;
	color: #ffffff;
	font-size: 25px;
	font-weight: bold;
	display: inline-block;
	background-color: #db0011;
	border-radius: 50%;
	text-align: center;
	line-height: 45px;
	margin-right: 10px;
}
.ques .rat-cnt{
	display: inline-block;
	width: calc(100% - 65px);
	vertical-align: middle;
}
/* Rating */
.rate-area {
  position: relative;
  display:inline-block;
  margin-left:65px;
  margin-top: 0;
}
.rate-area:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
	display:none;
}

.rate-area:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:lightgrey;
}

.rate-area:not(:checked) > label:before {
    content: '★ ';
}

.rate-area > input:checked ~ label {
    color: gold;
}

.rate-area:not(:checked) > label:hover,
.rate-area:not(:checked) > label:hover ~ label {
    color: gold;    
}

.rate-area > input:checked + label:hover,
.rate-area > input:checked + label:hover ~ label,
.rate-area > input:checked ~ label:hover,
.rate-area > input:checked ~ label:hover ~ label,
.rate-area > label:hover ~ input:checked ~ label {
    color: gold;
    
}
.rate-area .ws-errorbox{
    position: absolute;
    bottom: -24px;
    left: 0;
    width: 320px;
}




.grid_usersetup .list-group-item{border:0; background: #fafafa; margin-bottom: 2px;}
.grid_usersetup .list-group-item a{text-decoration:underline;}
.grid_usersetup .list-group-item a.btn,.grid_usersetup .list-group-item .dropdown-menu a{text-decoration:none;}


.grid_usersetup .list-group-item p{margin-bottom: 0px;}
.grid_usersetup .list-group-item h5 {margin: 0px 0px 4px 0px;}
.grid_usersetup .list-group-item .badge{min-width:80px;padding:10px;color:#333333;background-color:#f1f1f1;border-radius:0; float:right;margin:2px;}

.grid_usersetup .list-group-item .checkinput_pos {position: absolute;right: 10px;top: 5px;z-index: 2;}
.grid_usersetup .list-group-item .dropdown{position: absolute;right: 5px;top: 5px;z-index:2;}
.grid_usersetup .list-group-item .dropdown-menu-right{right: 30px;}
.grid_usersetup .list-group-item .dropdown .btn-default{background-color: transparent;border:none;} 
.grid_usersetup .list-group-item .dropdown .btn-default:hover{background-color: #fff;border:none;} 


.grid_usersetup .list-group-item.status_active{border-left:5px #00847f solid;}
.grid_usersetup .list-group-item.locked{border-left:5px #333333 solid;}
.grid_usersetup .list-group-item.deactivate{border-left:5px #a8000b solid;}
.grid_usersetup .list-group-item .rolenames {background-color: #f2f2f2;color: #888;display: inline;padding: .2em .6em .3em;font-size: 75%;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;
vertical-align: baseline;border-radius: .25em;}


.checkinput.selectall_rights {
	padding-right: 10px;
	width: auto;
	height: 40px;
	padding-top: 10px;
	text-align: left;
	background: #eee;
	margin-top: 8px;
	margin-left: 0px;
	padding-left: 40px;
}
.checkinput.selectall_rights:after {
	left: 10px;
	top: 8px;
	bottom: 5px;
	right: 5px;
}
.selectall_rights:after {
	padding: 4px 6px !important;
}
.grid_usersetup .list-group-item .checkinput_rights {position: absolute;left: 10px;top: 5px;z-index: 2;}
.corp_rights_div{ margin-left:40px; }

.label-warning{ background-color: #ffbb33;color: #333333;}
.label-danger { background-color: #a8000b;}
.label-default { background-color: #333333;}
.label-success { background-color: #00847f;}
.label-due { background-color: #767676;}
.label-draft{
	color: #00847f;
    background-color: #e4edf0;
}


/* Datefield  readonly cursor change from "not allowed" to "pointer" */ 
.ws-inputreplace[readonly][aria-readonly=false] {
	cursor: pointer !important;
}

.eng_ltr{direction: ltr;}
.eng_ltr h5{font-weight: bold;}
.arabic_rtl{direction: rtl;}
.arabic_rtl h5{font-weight: bold;}
.email_otp{
	background: #f4f4f4;border-radius: 5px;border: 1px solid #ccc; padding: 10px; margin-top: 10px;
}








/* Attach input style */
.sign_text{
	font-size: 85%;
	margin-top: 4px;
	text-align: right;
}
.sign_info{
	font-size: 85%;
	padding: 8px;
}
.draw_canvas{
	width: auto;
	height: 120px;
	border:1px solid #ccc;
	border-radius: 4px;
	padding:15px;
}
.clearBtn{margin-top: 5px;float: right;}
.signature-file {
	margin: 0 auto;
}
.signature-file__drop-area {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 5px;
	background-color: #ffffff;
	border-radius: 4px;
	border: 1px solid #ccc;
	transition: 0.3s;
}
.signature-file__drop-area.is-active {
	background-color: #ddd;
}
.signature-file__choose-file {
	flex-shrink: 0;
	background-color: #888;
	border-radius: 100%;
	margin-right: 10px;
	color: #ffffff;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.signature-file__choose-file.signature-file_btn-text {
	border-radius: 4px;
	width: auto;
	height: auto;
	padding: 10px 20px;
	font-size: 14px;
}
.signature-file__choose-file svg {
	width: 24px;
	height: 24px;
	display: block;
}
.signature-file__msg {
	color: #333;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.signature-file__input {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
	opacity: 0;
}
.signature-file__input:focus {
	outline: none;
}
.signature-file__delete {
	display: none;
	position: absolute;
	right: 10px;
	width: 18px;
	height: 18px;
	cursor: pointer;
}
.signature-file__delete:before {
	content: "";
	position: absolute;
	left: 0;
	transition: 0.3s;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%231d3557' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.5 438.5'%3e%3cpath d='M417.7 75.7A8.9 8.9 0 00411 73H323l-20-47.7c-2.8-7-8-13-15.4-18S272.5 0 264.9 0h-91.3C166 0 158.5 2.5 151 7.4c-7.4 5-12.5 11-15.4 18l-20 47.7H27.4a9 9 0 00-6.6 2.6 9 9 0 00-2.5 6.5v18.3c0 2.7.8 4.8 2.5 6.6a8.9 8.9 0 006.6 2.5h27.4v271.8c0 15.8 4.5 29.3 13.4 40.4a40.2 40.2 0 0032.3 16.7H338c12.6 0 23.4-5.7 32.3-17.2a64.8 64.8 0 0013.4-41V109.6h27.4c2.7 0 4.9-.8 6.6-2.5a8.9 8.9 0 002.6-6.6V82.2a9 9 0 00-2.6-6.5zm-248.4-36a8 8 0 014.9-3.2h90.5a8 8 0 014.8 3.2L283.2 73H155.3l14-33.4zm177.9 340.6a32.4 32.4 0 01-6.2 19.3c-1.4 1.6-2.4 2.4-3 2.4H100.5c-.6 0-1.6-.8-3-2.4a32.5 32.5 0 01-6.1-19.3V109.6h255.8v270.7z'/%3e%3cpath d='M137 347.2h18.3c2.7 0 4.9-.9 6.6-2.6a9 9 0 002.5-6.6V173.6a9 9 0 00-2.5-6.6 8.9 8.9 0 00-6.6-2.6H137c-2.6 0-4.8.9-6.5 2.6a8.9 8.9 0 00-2.6 6.6V338c0 2.7.9 4.9 2.6 6.6a8.9 8.9 0 006.5 2.6zM210.1 347.2h18.3a8.9 8.9 0 009.1-9.1V173.5c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a8.9 8.9 0 00-9.1 9.1V338a8.9 8.9 0 009.1 9.1zM283.2 347.2h18.3c2.7 0 4.8-.9 6.6-2.6a8.9 8.9 0 002.5-6.6V173.6c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a9 9 0 00-6.6 2.6 8.9 8.9 0 00-2.5 6.6V338a9 9 0 002.5 6.6 9 9 0 006.6 2.6z'/%3e%3c/svg%3e");
}
.signature-file__delete:after {
	content: "";
	position: absolute;
	opacity: 0;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%) scale(0);
	background-color: #db0011;
	border-radius: 50%;
	transition: 0.3s;
}
.signature-file__delete:hover:after {
	transform: translate(-50%, -50%) scale(2.2);
	opacity: 0.1;
}
/* Attach input style */
.m-0{margin:0px !important;}
.help_center h3{margin:0px;font-size: 18px;}
.help_center .list-group-item p{margin:0px;font-size: 16px;}
.help_center .list-group-item .fa{font-size: 26px;margin-top: 8px;}
.help_center .list-group-item span{font-size: 12px;}


.nafath_code {
    background-color: #35444f;
    color: #fff;
    font-size: 28px;
    padding: 8px 15px;
    border-radius: 5px;
    margin: 20px 0;
    display: inline-block;
}
.reactivate_link{
	padding-left: 10px;
	display: inline-block;
	vertical-align: middle;
}
.acc_info{
	font-size: 85%;
    padding: 8px;
}
.acc_info i{
	font-size: 1.5em;
}
.fin_number{
	padding-top: 10px;
	margin-bottom: 0px;
}
.mb-25{margin-bottom: 25px;}


/* Manage Users Css */
.bulklist_total_count { width: 100%; border-right: 1px solid rgb(239, 239, 239); padding: 10px; float: left; }
.bulklist_total_count .ico { width: 30%; float: left; }
.bulklist_total_count .ico span { width: 40px; height: 40px; border-radius: 50%; background-color: rgb(242, 242, 242); display: block; }
.bulklist_total_count .ico span.count_ico { background-color: #db0011; color: rgb(255, 255, 255); font-size: 20px; text-align: center; padding: 6px; }
.bulklist_total_count .count { width: 70%; float: left; text-align: left; background: none; padding-left: 10px; }
.bulklist_total_count .count h3 { color: rgb(51, 51, 51); padding-top: 0px; margin: 0px; }
.bulklist_total_count .count h3 span { font-size: 14px; color: rgb(173, 168, 168); display: block; margin-bottom: 3px; }
.bulk_list .checkinput_pos{margin-bottom:10px;margin-top: 5px;}
.bulk_list .mb-0{margin-bottom:0px !important;}
.bulk_list p, .bulk_list h5{margin-bottom:4px !important;}
.bulk_left{float: left;width: 90%;}
.bulk_right{float: left;width: 10%;}
.checkinput.bulk_selectall {
    padding-left: 10px;
    width: 40px;
    height: 40px;
    padding-top: 10px;
    text-align: left;
    background: #eee;
	margin-top: 8px;
	margin-right: 16px;
}
.checkinput.bulk_selectall:after {
    left: 7px;
    top: 8px;
    bottom: 5px;
    right: 5px;
}
.bulk_remove{
	padding: 3px 3px 1px 6px;
	color: #fff;
	border-radius: 50%;
}
.bulk_remove:hover, .bulk_remove:active, .bulk_remove:focus, .bulk_remove:active:focus{
	color: #fff;
}
@media (min-width: 481px) and (max-width:1024px){ 
	.bulk_left{float: left;width: 80%;}
	.bulk_right{float: left;width: 20%;}
}
@media (max-width: 480px) {
	.bulk_left{float: left;width: 100%;}
	.bulk_right{float: left;width: 100%;}
}
.m-0{margin:0px !important;}
.cheque_info{
	font-size: 85%;
    padding: 8px;
	float: left;
	width: 100%;
}
.cheque_info i{
	font-size: 1.5em;




/* Attach input style */
.sign_text{
	font-size: 85%;
	margin-top: 4px;
	text-align: right;
}
.sign_info{
	font-size: 85%;
	padding: 8px;
}
.draw_canvas{
	width: auto;
	height: 120px;
	border:1px solid #ccc;
	border-radius: 4px;
	padding:15px;
}
.clearBtn{margin-top: 5px;float: right;}
.signature-file {
	margin: 0 auto;
}
.signature-file__drop-area {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 5px;
	background-color: #ffffff;
	border-radius: 4px;
	border: 1px solid #ccc;
	transition: 0.3s;
}
.signature-file__drop-area.is-active {
	background-color: #ddd;
}
.signature-file__choose-file {
	flex-shrink: 0;
	background-color: #888;
	border-radius: 100%;
	margin-right: 10px;
	color: #ffffff;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.signature-file__choose-file.signature-file_btn-text {
	border-radius: 4px;
	width: auto;
	height: auto;
	padding: 10px 20px;
	font-size: 14px;
}
.signature-file__choose-file svg {
	width: 24px;
	height: 24px;
	display: block;
}
.signature-file__msg {
	color: #333;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.signature-file__input {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
	opacity: 0;
}
.signature-file__input:focus {
	outline: none;
}
.signature-file__delete {
	display: none;
	position: absolute;
	right: 10px;
	width: 18px;
	height: 18px;
	cursor: pointer;
}
.signature-file__delete:before {
	content: "";
	position: absolute;
	left: 0;
	transition: 0.3s;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%231d3557' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.5 438.5'%3e%3cpath d='M417.7 75.7A8.9 8.9 0 00411 73H323l-20-47.7c-2.8-7-8-13-15.4-18S272.5 0 264.9 0h-91.3C166 0 158.5 2.5 151 7.4c-7.4 5-12.5 11-15.4 18l-20 47.7H27.4a9 9 0 00-6.6 2.6 9 9 0 00-2.5 6.5v18.3c0 2.7.8 4.8 2.5 6.6a8.9 8.9 0 006.6 2.5h27.4v271.8c0 15.8 4.5 29.3 13.4 40.4a40.2 40.2 0 0032.3 16.7H338c12.6 0 23.4-5.7 32.3-17.2a64.8 64.8 0 0013.4-41V109.6h27.4c2.7 0 4.9-.8 6.6-2.5a8.9 8.9 0 002.6-6.6V82.2a9 9 0 00-2.6-6.5zm-248.4-36a8 8 0 014.9-3.2h90.5a8 8 0 014.8 3.2L283.2 73H155.3l14-33.4zm177.9 340.6a32.4 32.4 0 01-6.2 19.3c-1.4 1.6-2.4 2.4-3 2.4H100.5c-.6 0-1.6-.8-3-2.4a32.5 32.5 0 01-6.1-19.3V109.6h255.8v270.7z'/%3e%3cpath d='M137 347.2h18.3c2.7 0 4.9-.9 6.6-2.6a9 9 0 002.5-6.6V173.6a9 9 0 00-2.5-6.6 8.9 8.9 0 00-6.6-2.6H137c-2.6 0-4.8.9-6.5 2.6a8.9 8.9 0 00-2.6 6.6V338c0 2.7.9 4.9 2.6 6.6a8.9 8.9 0 006.5 2.6zM210.1 347.2h18.3a8.9 8.9 0 009.1-9.1V173.5c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a8.9 8.9 0 00-9.1 9.1V338a8.9 8.9 0 009.1 9.1zM283.2 347.2h18.3c2.7 0 4.8-.9 6.6-2.6a8.9 8.9 0 002.5-6.6V173.6c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a9 9 0 00-6.6 2.6 8.9 8.9 0 00-2.5 6.6V338a9 9 0 002.5 6.6 9 9 0 006.6 2.6z'/%3e%3c/svg%3e");
}
.signature-file__delete:after {
	content: "";
	position: absolute;
	opacity: 0;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%) scale(0);
	background-color: #db0011;
	border-radius: 50%;
	transition: 0.3s;
}
.signature-file__delete:hover:after {
	transform: translate(-50%, -50%) scale(2.2);
	opacity: 0.1;
}

#sig-canvas {
  border: 2px dotted #CCCCCC;
  border-radius: 15px;
  cursor: crosshair;
}
}

/* Debit card Css */
.debit_card_img{padding: 15px;}
.debit_card_requst_div{
	margin-top: 15px;
	display: flex;
	flex-flow: row wrap;
}
.debit_card_icon{
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 10px;
	display: inline-block;
}
.debit_card_icon img{width: 32px;}
.request_div{text-align: center; padding: 10px; min-width: 100px; max-width: 115px;}
.request_div a{color: #333;display: inline-block;font-size: 14px;}
.card_header{ margin:5px 3px 3px 5px; }
.debit_show{text-decoration: none !important;}

.debt_card_img{max-width: 500px;}
.debt_card_img img{ display: inline-block;width: 100%;}



/* Range Slider */
.debit_card_limit .input-group .input-group-addon{background-color: transparent;border: none;border-radius: 0;box-shadow: none;padding: 0px 10px 0 0;height: 26px;color: #888;}
.debit_card_limit input[type=range]:focus + .rangeslider .rangeslider__handle {-moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);-webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
width: 30px;height: 30px; top: -15px !important;transition: 1s linear; transform: scale(1);
}
.debit_card_limit input[type=range] {-webkit-appearance: none;width: 100%;background: transparent;}
.debit_card_limit input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;}
.debit_card_limit input[type=range]:focus {outline: none;}
.debit_card_limit .range-slider-wrap{padding-top: 20px;}
.debit_card_limit .rangeslider, .debit_card_limit .rangeslider__fill {display: block;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.debit_card_limit .rangeslider {background:rgba(0,0,0,.26); position: relative;}
.debit_card_limit .rangeslider--horizontal {height: 5px;width: 98%;}
.debit_card_limit .rangeslider__fill {background:#db0011;position: absolute;}
.debit_card_limit .rangeslider--horizontal .rangeslider__fill {top: 0;height: 100%; }
.debit_card_limit .rangeslider__handle {background:#db0011;display: inline-block;width: 20px;height: 20px;position: absolute;-moz-border-radius: 50%;
-webkit-border-radius: 50%;border-radius: 50%;transform: rotate(45deg) scale(1); cursor:grab;}
.debit_card_limit .rangeslider__handle:active,.debit_card_limit .rangeslider--active .rangeslider__handle,.debit_card_limit .rangeslider__handle:focus {top: -34px !important;touch-action: pan-y;border-radius: 50% 50% 0 50%;transform: rotate(45deg) scale(1.5);}
.debit_card_limit .rangeslider--horizontal .rangeslider__handle {top: -8px;touch-action: pan-y;-ms-touch-action: pan-y;}
.debit_card_limit .ws-range.ws-focus .ws-range-thumb,.debit_card_limit .ws-range .ws-range-thumb,.debit_card_limit  .ws-range .ws-range-progress{ display:none;}
.debit_card_limit span.ws-input{ background-color:transparent; display:none !important;}
.vals{ border:none; border-bottom: 1px solid #ccc; box-shadow:none;border-radius: 0;color: #333;font-size: 21px; outline:none;}
.widthAuto{width: auto !important;}

.debit_card_img_inner{position: relative;max-width: 90%;margin: 0 auto;}
.debit_card_ribbon{
	color: #fff;
    padding: 5px;
    box-sizing: padding-box;
    position: absolute;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 3px;
    width: 100px;
    height: 100px;
    margin-top: 2px;
    right: 2px;
}
.debit_card_ribbon .virtual{
	background: #ffbb33;
    border: 1px dashed #efefef;
    box-shadow: 4px 3px 3px #777;
    color: #333333;
    font-size: 1em;
    height: 25px;
    line-height: 1em;
    padding: 4px;
    position: absolute;
    right: -41px;
    text-align: center;
    top: 12px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 130px;
    z-index: 1;
}
.debit_card_ribbon .virtual .label{
	color: #333333;
}
#debit_card_carousel .carousel-control{ width: 0% !important;}
#debit_card_carousel .carousel-control.right, #debit_card_carousel .carousel-control.left{ background: none;color: #333; }
.debit_card_limit_group .input-group-addon{
	padding: 6px 12px !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    color: #555 !important;
    text-align: center !important;
    background-color: #eee !important;
    border: 1px solid #ccc !important;
	border-right: 0 !important;
    border-radius: 4px !important;
	border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    padding-right: 0px !important;
}
.debit_card_limit_group .form-control{
	border: 1px solid #ccc !important;
	border-left: 0 !important;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}