/*From CBQ.qa*/

@font-face {
	font-family: 'TanseekModernProArabic';
	src: url('../fonts/TanseekModernProArabic.eot?#iefix');
	src: url('../fonts/TanseekModernProArabic.eot?#iefix') format('embedded-opentype'), url('../fonts/tanseekmodernproarabic.woff') format('woff'), url('../fonts/tanseekmodernproarabic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TanseekModernProArabicBold';
	src: url('../fonts/TanseekModernProArabicBold.eot?#iefix');
	src: url('../fonts/TanseekModernProArabicBold.eot?#iefix') format('embedded-opentype'), url('../fonts/tanseekmodernproarabic-bold.woff') format('woff'), url('../fonts/tanseekmodernproarabic-bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TanseekModernProArabicExBd';
	src: url('../fonts/TanseekModernProArabicExBd.eot?#iefix');
	src: url('../fonts/TanseekModernProArabicExBd.eot?#iefix') format('embedded-opentype'), url('../fonts/TanseekModernProArabicExBd.woff') format('woff'), url('../fonts/TanseekModernProArabicExBd.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TanseekModernProArabicLt';
	src: url('../fonts/TanseekModernProArabicLt.eot?#iefix');
	src: url('../fonts/TanseekModernProArabicLt.eot?#iefix') format('embedded-opentype'), url('../fonts/TanseekModernProArabicLt.woff') format('woff'), url('../fonts/TanseekModernProArabicLt.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

input {
}

h1, h2, h3 {
	font-family: 'TanseekModernProArabicBold', calibri;
}

h3 {
	font-size: 23px;
}

html input[disabled] {
	background: #e1e1e1;
	color: #000;
}

body {
	font-family: Arial, sans-serif,'Helvetica Neue', Helvetica;
	font-size: 13px;
	line-height: 1.42857143;
	background: url(../images/bg-body.jpg) repeat-x center top;
	color: #4c4c4c;
	background-size: cover;
}



.container {
	/*width:1000px;*/
}

input[type='text'], .input-txt {
	text-indent: 2px;
}

	input[type=text]::-ms-clear, .input-txt::-ms-clear {
		display: none;
	}

.font-r {
	font-family: 'TanseekModernProArabic';
}

.font-b {
	font-family: 'TanseekModernProArabicBold', calibri;
}

.f-left {
	float: left;
}

a.btn {
	display: inline-block;
	background: #FFF;
	color: #005e8c;
	/*text-transform: uppercase;*/
	font-weight: bold;
	padding: 2px 19px;
	-webkit-box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.20);
	-moz-box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.20);
	box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.20);
	font-size: 12px;
}

	a.btn.mail-disabled {
		text-decoration: none;
		background: #DBDBDB;
		color: #f5f5f5 !important;
		pointer-events: none;
		font-weight: bold;
		outline: none;
	}

.btn-next:focus, .btn-confirm:focus, .btn-authorize:focus, .btn-account-confirm:focus, .btn-submit:focus, .btn-login:focus, .btn-reset:focus, .btn-req-username:focus, a.btn-blue:focus, .btn-pop-confirm:focus, .btn-transfer:focus, .btn-pay:focus, .btn-save:focus, .btn-account-confirm:focus, a.btn-account-confirm:focus, .btn-close:focus, a.btn-tab-close:focus, .btn-change-avatar:focus, #help-guide .btn:focus, a.btn-authorize-later:focus, a.btn-ok:focus, a.btn-right:focus, .btn-blue:focus, .btn-cancel:focus, .btn-next:visited, .btn-confirm:visited, .btn-authorize:visited, .btn-account-confirm:visited, .btn-submit:visited, .btn-login:visited, .btn-reset:visited, .btn-req-username:visited, a.btn-blue:visited, .btn-pop-confirm:visited, .btn-transfer:visited, .btn-pay:visited, .btn-save:visited, .btn-account-confirm:visited, a.btn-account-confirm:visited, .btn-close:visited, a.btn-tab-close:visited, .btn-change-avatar:visited, #help-guide .btn:visited, a.btn-authorize-later:visited, a.btn-ok:visited, a.btn-right:visited, .btn-blue:visited, .btn-cancel:visited {
	color: #f5f5f5;
}
/* select option.splOption{
	background: #555!important;
	color: #fff!important;
} */
.navbar-toggle {
	cursor: pointer;
}

.link-btn {
	/*text-transform: uppercase;*/
	font-weight: bold;
	text-decoration: none !important;
}

.space-r10 {
	padding-right: 10px;
}

.alert {
	font-size: 13px;
}

.help {
	/*background: url(en/images/sprite.png) no-repeat 1px -1417px; */
	display: inline-block;
	width: 37px;
	height: 13px;
	margin: 0 0 0 5px;
	position: relative;
	content: '\f000';
	padding-left: 3px;
	/* font-size: medium; */
	background-color: #F4F3F3;
	/* content: '\2a'; */
	font-weight: bold;
}

.alert h5 {
	font-weight: bold;
	font-size: 14px;
	color: #455159;
	margin-top: 0;
}

.alert li {
	color: #666;
	margin-bottom: 5px;
	list-style: none;
	background: url(en/images/bullet.png) no-repeat 0 5px;
	padding-left: 15px;
}

	.alert li a {
		text-decoration: underline;
	}

.alert ul {
	padding: 0;
}

.alert-dismissible .close {
	opacity: 1;
	/* background: url(en/images/sprite.png) no-repeat 0 -222px;*/
	text-indent: -999em;
	overflow: hidden;
	width: 25px;
	height: 25px;
}

.alert-warning span.warning {
	display: inline-block;
	width: 30px;
	height: 28px;
	background: url(en/images/sprite.png) no-repeat 0 -187px;
	float: left;
	margin-right: 10px;
	margin-top: -3px;
	margin-left: -2px;
}

.alert-warning p {
	margin-top: 2px;
	padding-left: 36px;
}

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

.no-margin {
	margin: 0 !important;
}

.no-padd {
	padding: 0 !important;
}

.link-generic {
	color: #005E8C;
	font-weight: bold;
	background: url(en/images/sprite.png) no-repeat 0 -342px;
	padding-left: 15px; /*text-transform: uppercase;*/
}

.logo {
	float: right;
	margin-top: 19px;
	/*margin-right: 20px;*/ /*For CIB*/
}

.navbar-brand {
	/*text-transform: uppercase;*/
	font-family: 'TanseekModernProArabicBold', calibri;
	font-size: 36px;
	margin-top: 18px;
	color: #FFF !important;
	padding-left: 0px;
}

.navbar {
	margin: 0;
	border: 0;
}

.nav-top {
	margin-top: 41px;
	border-left: 1px solid #475ea0;
	float: left;
	margin-left: 14px;
}

	.nav-top .navbar-nav > li > a {
		padding: 11px 16px 0px 1px;
		color: #FFF;
	}

	.nav-top .navbar-nav > li.faq a {
		background: url(en/images/sprite.png) no-repeat 0px -152px;
	}

	.nav-top .navbar-nav > li.home a {
		background: url(en/images/sprite.png) no-repeat 0px -851px;
	}

	.nav-top .navbar-nav > li.sitemap a {
		background: url(en/images/sprite.png) no-repeat -2px -886px;
	}

button.navbar-toggle {
	z-index: 1;
}

.nav-top .navbar-nav > li.lang a {
	background: none;
	padding-left: 0;
}

.nav-top .navbar-nav > li {
	/*background: url(en/images/bg-sep-top.png) no-repeat 0 50%;*/
	padding-left: 0px; /*14px*/
}

	.nav-top .navbar-nav > li.first {
		background: none;
	}

.navbar-toggle {
	float: left;
}

	.navbar-toggle .icon-bar {
		background: #FFF;
	}

.sidebar-right {
	left: 0;
	position: static;
}

.page-tabs {
	float: left;
	width: 100%;
	padding: 0;
	margin-top: 18px;
	position: relative;
	z-index: 100;
}

	.page-tabs > ul, .page-tabs > ul > li {
		margin: 0;
		float: left;
		list-style: none;
		width: 100%;
		padding: 0;
	}

	.page-tabs > ul {
		border-top: 1px solid #6a9cc9;
		border-radius: 5px 5px 0 0;
	}

		.page-tabs > ul > li {
			float: left;
			width: 25%;
			padding: 10px 15px 10px 15px;
			border-left: 0;
			border-bottom: 0;
			font-family: 'TanseekModernProArabic';
			font-size: 24px;
			/*text-transform: uppercase;*/
			border: 1px solid #6a9cc9;
			border-width: 0 1px 0 0;
			text-align: center;
		}

			.page-tabs > ul > li.no-border {
				border-color: transparent;
			}

			.page-tabs > ul > li a {
				display: block;
				background: url(en/images/sprite.png) no-repeat 0 0;
				padding-left: 45px;
				color: #FFF;
				padding-bottom: 5px;
				display: inline-block;
				text-align: center;
			}

			.page-tabs > ul > li.empty span {
				padding-left: 45px;
				padding-bottom: 5px;
				display: inline-block;
				text-align: center;
			}

			.page-tabs > ul > li:first-child {
				/*margin-left: -1px;*/
				border-left: 1px solid #6a9cc9;
				border-radius: 5px 0 0 0;
			}

			.page-tabs > ul > li:last-child {
				border-radius: 0 5px 0 0;
			}

			.page-tabs > ul > li.active {
				background: #FFF;
				border-radius: 5px 5px 0 0;
				border: none;
			}

	.page-tabs ul li.active a {
		color: #005E8C;
	}

	.page-tabs ul li a.accounts {
		background-position: 0px -1120px;
		;
	}

	.page-tabs ul li.active a.accounts {
		background-position: 0px 8px;
	}

	.page-tabs ul li.active a.tools {
		background-position: 0px -1605px;
	}

	.page-tabs ul li a.transfers {
		background-position: 0 -35px;
	}

	.page-tabs ul li.active a.transfers {
		background-position: 0 -1061px;
	}

	.page-tabs ul li a.payments {
		background-position: -1px -80px;
		padding-left: 51px;
	}

	.page-tabs ul li.active a.payments {
		background-position: 0 -1287px;
	}

	.page-tabs ul li a.tools {
		background-position: 8px -118px;
	}

	.page-tabs ul li a.new {
		background-position: 0px -612px;
	}

	.page-tabs > ul > li .dropdown-menu {
		border: 0;
		margin: 0;
		padding: 0px 0px 0px 20px;
		border-radius: 0;
		width: 270px;
	}

		.page-tabs > ul > li .dropdown-menu li {
			width: 230px;
			margin: 0;
			padding: 0;
			font-size: 12px;
			font-family: Arial;
			position: relative;
		}

			.page-tabs > ul > li .dropdown-menu li:hover {
				width: 250px;
			}

			.page-tabs > ul > li .dropdown-menu li.first a {
				border-top: 0;
			}

			.page-tabs > ul > li .dropdown-menu li a {
				background: url(en/images/sprite-right.png) no-repeat 130px -50px;
				padding: 12px 0 12px 12px;
				display: block;
				text-align: left;
				border-top: 1px solid #ebf1f3;
				font-weight: bold;
				color: #005E8C;
			}

.ie .page-tabs > ul > li .dropdown-menu li a {
	margin-bottom: 1px;
}

.page-tabs > ul > li .dropdown-menu li a:hover {
	background-color: #f3f7f8;
	padding: 12px 12px 12px 12px;
	margin-right: 0px;
	background-position: 130px -100px;
	color: #4C4C4C;
}

.page-tabs > ul > li .dropdown-menu li:hover {
	background-color: #f3f7f8;
	border-bottom: 1px solid #ebf1f3;
	margin-bottom: -1px;
}

.page-tabs > ul > li .dropdown-menu li ul {
	position: absolute;
	left: 250px;
	top: 0;
	width: 235px;
	background-color: #f3f7f8;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: 4px 3px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 4px 3px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
	display: none;
}

.page-tabs > ul > li .dropdown-menu li:hover ul {
	display: block;
}

.page-tabs > ul > li .dropdown-menu li ul li {
	margin: 0;
	padding: 0 15px 0 15px;
	list-style: none;
}

	.page-tabs > ul > li .dropdown-menu li ul li:hover {
		width: 235px !important;
	}

	.page-tabs > ul > li .dropdown-menu li ul li a {
		border-top: 1px solid #e0e5e8;
		background-image: none;
	}

		.page-tabs > ul > li .dropdown-menu li ul li a:hover {
			margin-right: 0px;
			text-decoration: none;
			background-position: 100px -83px;
			color: #4c4c4c;
		}

		.page-tabs > ul > li .dropdown-menu li ul li a span {
			display: block;
			font-weight: normal;
			color: #4c4c4c;
		}

.content {
	background: #FFF;
	padding: 20px;
	clear: both;
}
/* Start - login page */
.login-content {
	margin-left: 25%;
}
/*End - login page*/

.page-tab-content h3 {
	/*text-transform: uppercase;*/
	color: #566166;
	margin-bottom: 10px;
}

.content h2.title {
	font-size: 36px;
	font-family: 'TanseekModernProArabicBold', calibri;
	color: #394951;
	margin-top: -5px;
	margin-bottom: 14px;
}

.table-curved {
	border-collapse: separate;
	background: transparent;
	font-size: 12px;
	border: none;
	/*border-radius: 5px;*/
	margin-bottom: 20px;
	table-layout: fixed;
	width: 100%;
	/*min-width:668px;*/
}

.table-curved-icon {
	/*margin-left:10px;*/
	font-size: 15px;
	text-decoration: underline;
}

.table-curved a {
	/*text-decoration: underline;*/
}

	.table-curved a.btn {
		text-decoration: none;
	}

.table-curved td, .table-curved th {
	border-right: 1px solid #d4e8f0;
	border-top: 1px solid #d4e8f0;
	border-bottom: 0;
}

.table-curved th {
	border-top: none;
	font-size: 12px;
	color: #FFF;
	vertical-align: middle !important;
	line-height: 13px !important;
	padding: 9px !important;
	height: 40px;
}

.table-curved thead th {
	background: #2c3d68;
}

.table > thead > tr > th {
	border-bottom: none;
	font-family: 'TanseekModernProArabicBold', calibri;
	font-size: 20px;
}

.table-curved td:first-child {
	border-left: 1px solid #d4e8f0;
}

.table-curved th:first-child {
	border-radius: 5px 0 0 0;
	border-bottom: 0;
	border-left: 1px solid #d4e8f0;
}

.table-curved th:last-child {
	border-radius: 0 5px 0 0;
}

.table-curved tr.last-row td, .table-curved tr.last-row th {
	border-bottom: 1px solid #d4e8f0;
}

	.table-curved tr.last-row td:first-child {
		border-radius: 0 0 0 5px;
	}

	.table-curved tr.last-row td:last-child {
		border-radius: 0 0 5px 0;
	}

.table-curved th:only-child {
	border-radius: 5px 5px 0 0;
}

.table-curved tr.tfooter th:only-child {
	border-radius: 0;
}

.table-curved tr:last-child td:first-child {
	background: url(en/images/btm-corner-lt.png) no-repeat 0% 100% #FFF;
}

.table-curved tr:last-child td {
	padding-bottom: 10px;
}

	.table-curved tr:last-child td:last-child {
		background: url(en/images/btm-corner-rt.png) no-repeat 100% 100% #FFF;
	}

.table-curved th.arrow-down:after {
	content: '';
	width: 15px;
	height: 12px;
	display: inline-block;
	margin-left: 7px;
	vertical-align: bottom;
	background: url(en/images/arrow-down-small.png) no-repeat 0 80%;
}

.table-curved td {
	background: #FFF;
	color: #6A7075;
	vertical-align: middle !important;
}

.table-curved .tfooter {
	background: #F4F7F8;
}

.table-pager {
	margin: 0 auto;
	text-align: center;
	margin-top: -50px;
}

	.table-pager .pagination {
		margin: 0;
		position: relative;
		min-width: 200px;
		height: 20px;
		padding-right: 50px;
		padding-left: 90px;
		display: inline-table;
	}

		.table-pager .pagination a {
			/*text-transform: uppercase;*/
			font-weight: bold;
		}

			.table-pager .pagination a.disabled {
				color: #666;
			}

		.table-pager .pagination .next.disabled {
			background-position: 100% -111px;
		}

		.table-pager .pagination .prev.disabled {
			background-position: 0 -711px;
		}

		.table-pager .pagination > li > a, .table-pager .pagination > li > span {
			border: none;
			border-radius: 20px;
			padding: 3px 8px;
			background: none;
			margin-right: 5px;
			color: #025F8B;
		}

			.table-pager .pagination > li > a.current {
				background: #FFF;
				border: 1px solid #333;
				color: #333;
			}

	.table-pager .prev {
		background: url(en/images/sprite.png) no-repeat 0 -754px;
		padding-left: 10px;
		position: absolute;
		left: 0;
	}

	.table-pager .next {
		background: url(en/images/sprite-right.png) no-repeat 100% -61px;
		padding-right: 10px;
		position: absolute;
		right: 0;
	}

	.table-pager .carousel-indicators {
		height: 20px;
		top: 0;
		/*left:140px;*/
		width: auto;
		display: inline-block;
		margin-left: 0px;
		position: static;
	}

		.table-pager .carousel-indicators li {
			text-indent: 0;
			height: auto;
			margin: 0;
			width: 20px;
			height: 20px;
			border: 0;
		}

			.table-pager .carousel-indicators li.active {
				background: #FFF;
				border: 1px solid #333;
			}

.wid-user-profile {
	padding: 15px 0 15px 15px;
}

.wrap-profile-icon {
	float: left;
	width: 93px;
}

.wrap-profile-rt {
	float: left;
	width: 95px;
	padding-top: 27px;
}

.wid-user-profile .user-name {
	color: #4d5357;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 19px;
	padding-right: 25px;
	width: 189px;
	float: left;
	padding-bottom: 0px;
	position: relative;
}

	.wid-user-profile .user-name:after {
		content: '';
		position: absolute;
		width: 20px;
		height: 20px;
		right: 0;
		top: 0px;
		background: url(en/images/arrow-down.png) no-repeat 100% 0px;
	}

.wid-user-profile .dropdown-menu-right {
	right: 0px;
	top: 28px;
	border-radius: 0;
	border: 0;
	padding: 20px;
}

.wid-user-profile .dropdown-menu:after {
	bottom: 100%;
	left: 87%;
	border: solid transparent;
	content: ' ';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}

.wid-user-profile .dropdown {
	float: left;
	width: 100%;
	position: relative;
}

	.wid-user-profile .dropdown a {
		display: block;
		position: relative;
		z-index: 0;
	}

		.wid-user-profile .dropdown a:focus {
			outline: 0;
		}

.wid-user-profile .dropdown-menu li {
	padding-bottom: 5px;
	margin-bottom: 5px;
}

	.wid-user-profile .dropdown-menu li a {
		background: url(en/images/sprite.png) no-repeat 0 -457px;
		/*padding-left:32px;*/
		color: #005E8C;
		font-weight: bold;
		/*text-transform: uppercase;*/
		font-size: 12px;
		position: relative;
		padding: 5px 20px 1px 32px;
	}

		.wid-user-profile .dropdown-menu li a span.mail-count {
			left: 8px;
		}

	.wid-user-profile .dropdown-menu li.profile a {
		background-position: 0 -457px;
	}

	.wid-user-profile .dropdown-menu li.settings a {
		background-position: 0 -498px;
	}

	.wid-user-profile .dropdown-menu li.messages a {
		background-position: 0 -537px;
	}

	.wid-user-profile .dropdown-menu li.links a {
		background-position: 0 -572px;
	}

	.wid-user-profile .dropdown-menu li a:hover {
		background-color: transparent;
	}

.wid-user-profile img {
	display: block;
	float: left;
	margin-right: 20px;
}

.wid-user-profile h4 {
	margin: 0 0 20px 0;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
	color: #4D5357;
}

.profile-icon {
	float: left;
	position: relative;
}

.mail-count {
	background: #f80000;
	padding: 0 5px;
	display: block;
	position: absolute;
	left: 68px;
	top: -7px;
	min-width: 20px;
	height: 20px;
	color: #FFF;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: bold;
}

.wid-default {
	background: #F4F7F8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e3ebf0;
	margin-bottom: 21px;
}

	.wid-default .wid-head {
		background: #1270b5;
		color: #FFF;
		/*text-transform: uppercase;*/
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		padding: 5px 15px 10px 15px;
	}

		.wid-default .wid-head .edit {
			color: #FFF;
			font-size: 12px;
			margin-top: 9px;
			z-index: 1;
			position: relative;
		}

		.wid-default .wid-head h3 {
			margin: 0;
			font-size: 21px;
			color: #FFF;
			padding-left: 30px;
			font-family: 'TanseekModernProArabic';
			padding-bottom: 5px;
			position: relative;
		}

			.wid-default .wid-head h3:before {
				content: '';
				width: 20px;
				height: 25px;
				position: absolute;
				left: 0;
				top: 0;
				background: url(en/images/sprite.png) no-repeat 0 -100px;
			}

.wid-head h3.link:before {
	background-position: 0 -280px;
}

.wid-head h3.upgrade:before {
	background-position: 0 -312px;
}

.wid-head h3.tip:before {
	background-position: 0 -367px;
}

.wid-head h3.beneficiary:before {
	background-position: 0 -1176px;
}

.wid-head h3.payees:before {
	background-position: left -1460px;
	width: 27px;
	height: 25px;
	left: -2px;
	top: 4px;
}

.wid-default .wid-content {
	padding: 3px 15px;
}

.wid-default .wid-main-content {
	padding: 0px 0px;
	height: 259px;
}

	.wid-default .wid-main-content img {
		display: block;
		padding: 0px 0px;
		margin-top: 0px;
		/*margin-bottom: 12px;*/
		width: 100%;
		height: 200px;
		border: 1px solid #e0e8eb;
	}

.wid-default.no-bg {
	background: none;
}

.wid-default .carousel-inner {
	border-bottom: 1px solid #c3d6dd;
	margin-bottom: 30px;
}

#carousel-promo .carousel-inner {
	padding-bottom: 20px;
}

.wid-default .carousel-indicators {
	bottom: -40px;
}

	.wid-default .carousel-indicators .active {
		background: #1270b5;
		width: 8px;
		height: 8px;
	}

	.wid-default .carousel-indicators li {
		background: #b1c8d2;
		border: 0;
		width: 8px;
		height: 8px;
		margin: 0;
	}

.wid-support h3 {
	margin: 0;
	color: #455786;
	line-height: 18px;
	/*background: url(en/images/sprite.png) no-repeat 0 -393px;*/
	padding: 5px 30px 15px 35px;
	border-bottom: 1px solid #ececec;
	margin-bottom: 10px;
	font-size: 22px;
	position: relative;
	min-height: 56px;
}

	.wid-support h3:before {
		content: '';
		position: absolute;
		left: 0;
		top: 8px;
		background: url(en/images/sprite.png) no-repeat 0 -401px;
		width: 23px;
		height: 38px;
	}

.wid-support strong {
	display: block;
}

.widget-left {
	background: #D9EFFA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 15px 20px;
	color: #4D5357;
	font-size: 13px;
}

	.widget-left ul, .widget-left ul li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.widget-left ul li {
			font-size: 15px;
			border-top: 1px solid #c3d5de;
			padding-top: 15px;
			padding-bottom: 15px;
		}

			.widget-left ul li p {
				margin: 0 0 16px 0;
				line-height: 15px;
				font-size: 15px;
			}

.nav-bullets, .nav-bullets li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav-bullets {
	border-bottom: 1px solid #c3d6dd;
	padding-bottom: 14px;
	margin-bottom: 10px;
}

	.nav-bullets li {
		background: url(en/images/sprite.png) no-repeat -187px -340px;
		padding: 0 0 3px 13px;
	}

		.nav-bullets li a {
			color: #4c4c4c;
			word-wrap: break-word;
		}

			.nav-bullets li a:hover {
				color: #005e8c;
			}

			.nav-bullets li a.delete, .nav-bullets li a.locked, .nav-bullets li a.refresh {
				display: block;
				width: 20px;
				height: 20px;
				background: url(en/images/sprite.png) no-repeat 0 -800px;
			}

			.nav-bullets li a.delete {
				background-position: 5px -963px;
			}

			.nav-bullets li a.locked {
				background-position: 0 -1025px;
			}

			.nav-bullets li a.refresh {
				background-position: 0 -1383px;
			}

			.nav-bullets li a.delete:hover {
				background-position: 5px -931px;
			}

			.nav-bullets li a.locked:hover {
				background-position: 0 -995px;
			}

			.nav-bullets li a.refresh:hover {
				background-position: -1px -1346px;
			}

.benificiary-list li {
	margin-bottom: 5px;
}

.chart-wrapper {
	background: #E5F4FB;
	padding: 30px 20px 10px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

	.chart-wrapper canvas {
		display: block;
		margin: 0 auto 15px auto;
		background: url(en/images/bg-graph-shadow.png) no-repeat 50% 100%;
		padding-bottom: 10px;
	}

	.chart-wrapper ul, .chart-wrapper ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		clear: both;
	}

		.chart-wrapper ul li {
			margin-bottom: 10px;
		}

			.chart-wrapper ul li span {
				-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 15px;
				width: 15px;
				height: 15px;
				display: inline-block;
				float: left;
				margin-top: 2px;
				margin-right: 8px;
			}

				.chart-wrapper ul li span.account2 {
					background: #0096DB;
				}

				.chart-wrapper ul li span.account1 {
					background: #4B116F;
				}

				.chart-wrapper ul li span.account3 {
					background: #5DC8F9;
				}

.footer {
	background: #E9E9E9;
	/*z-index:2000000;*/
}

	.footer .content {
		background: none;
	}

	.footer p {
		display: inline-block;
		color: #6F6F6F;
	}

.nav-footer, .nav-footer li {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

	.nav-footer li {
		background: url(en/images/bg-sep-bottom.png) no-repeat 0 4px;
		padding-left: 9px;
		margin-left: 9px;
	}

		.nav-footer li.first {
			background: none;
			margin-left: 0;
			padding-left: 0;
		}

		.nav-footer li a {
			color: #333;
		}
/* popup style */





.popup-container {
	/*	background: #FFF;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;*/
	margin: 0 auto;
}

#new-account-popup, #terms-conditions, #confirm-account, #request-code {
	max-width: 800px;
}

#terms-conditions {
	/*display: none;*/
}

.wrap-new-transfer-content {
	padding-left: 0;
	list-style: none;
	margin-top: 45px;
}

	.wrap-new-transfer-content li {
		width: 100%;
		min-height: 1px;
		float: left;
		margin-top: 10px;
	}

	.wrap-new-transfer-content .input-append.date .txt {
		width: 180px;
	}

.wrap-from .wrap-select {
	width: 220px;
}

.wrap-from .wrap-select, .wrap-to .wrap-select {
	top: 0;
}

.wrap-from label.custom-input, .wrap-to label.custom-input {
	margin-top: 7px;
}

.wrap-to .custom-li label.custom-input {
	margin-top: 0;
}

.wrap-from .input-txt {
	width: 210px;
	color: #666;
}
/*
.wrap-new-transfer-content select, .wrap-view-for select, .my-account-popup select, .wrap-select select {
	padding: 5px;
	color: #666;
	font-family: Arial;
	font-size: 13px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 220px;
	border: none;
	opacity: 0;

}*/
.content-summary {
	margin: 0 0 20px;
}
/*.wrap-select select{

	padding-right: 50px !important;

}*/

.wrap-from .wrap-new-transfer-content select {
	width: 245px;
	background-position: 85.2% 10px;
}

.wrap-to .wrap-new-transfer-content select {
	width: 245px;
	background-position: 86% 10px;
}

.wrapper-bill-payments .wrap-to .wrap-new-transfer-content select {
	width: 253px;
}

.wrap-to .wrap-new-transfer-content .wrap-select.custom-select #select-currency {
	width: 190px;
	background-position: 80% 10px;
}

.wrap-to .wrap-new-transfer-content .wrap-select {
	width: 230px;
	margin-bottom: 10px;
}

.wrap-new-transfer-content label {
	float: left;
	font-weight: normal;
}

.wrap-new-transfer-content input[type='radio'] {
	margin-right: 5px;
	vertical-align: middle;
	position: relative;
	margin-top: -2px;
}
/*input[type=text]:disabled {

	/*background: #aeaeae;

}

*/



.wrap-new-transfer-content li.error input {
	border: 1px solid #ffa2a2;
	/*-webkit-border-radius: 5px;

border-radius: 5px;*/
	background: #FFE6E6;
}

.wrap-new-transfer-content li.error p {
	color: #fa0000;
	font-size: 11px;
}

.banking-type {
	margin-bottom: -10px;
}

	.banking-type label {
		width: 132px;
		margin-top: 8px;
	}

.custom-select {
	width: 50% !important;
}

	.custom-select select {
		width: 173px;
		background-position: 85%;
	}

.custom-or {
	margin-right: 10px;
	margin-left: 10px;
}

.when label:first-child {
	width: 15%;
}

.wrap-from {
	width: 45%; /*padding-left: 10px;*/
}

.new-transfer .wrap-from {
	width: 50%;
}

.new-transfer .wrap-to {
	width: 50%;
}

.new-transfer .from {
	width: 100%;
	left: 0;
}

.new-transfer .to {
	width: 100%;
	padding-left: 20px;
	left: 0;
}

.wrap-from, .wrap-to {
	float: left;
	min-height: 1px;
}

	.wrap-from > div {
		padding-left: 20px;
	}

.wrap-to {
	width: 47%;
}

	.wrap-to .custom-li > label {
		/*width: 32% !important;*/
		margin-right: 0;
		padding-right: 5px;
	}

	.wrap-to .custom-li {
		margin-bottom: 5px;
		margin-top: 10px;
	}

.wrap-new-transfer-content input[type='radio'] {
	margin-right: 0;
}

.wrap-inputs.input-validation-error input[type='radio'] {
	box-shadow: inset 0 0 10px #ffa2a2;
}

.wrap-from label.custom-input {
	margin-right: 10px;
	width: 24%;
	margin-top: 8px;
}

.wrap-to label.custom-input {
	width: 14%;
}

.wrap-to .input-txt {
	width: 230px;
	color: #666;
}

.ie .input-txt {
	padding: 5px 7px 5px;
	height: 32px;
}

.input-txt::-webkit-input-placeholder {
	color: #666;
	text-transform: none;
	font-style: normal;
	vertical-align: top;
}

.input-txt:-moz-placeholder { /* Firefox 18- */
	color: #666;
	text-transform: none;
	font-style: normal;
	vertical-align: top;
}

.input-txt::-moz-placeholder { /* Firefox 19+ */
	color: #666;
	text-transform: none;
	font-style: normal;
	vertical-align: top;
}

.input-txt:-ms-input-placeholder {
	color: #666;
	text-transform: none;
	font-style: normal;
	line-height: normal !important;
	vertical-align: top;
}

.wrap-new-transfer-content li.purpose-other {
	text-align: right;
	padding-right: 22px;
	margin-top: -5px;
}

.wrap-new-transfer-content li.when label {
	width: 58px;
	margin-top: 8px;
}

	.wrap-new-transfer-content li.when label:first-child {
		width: 78px;
	}

	.wrap-new-transfer-content li.when label:last-child {
		width: auto;
	}

.purpose-other input {
	font-size: 12px;
	font-style: italic;
	text-transform: none;
}

.wrap-name > label {
	float: left;
	width: 20%;
}

.wrap-name-inputs {
	min-height: 1px;
	float: left;
	width: 230px; /*width: 67%;

		float: right;*/
}

.wrap-new-transfer-content .wrap-name-inputs {
	width: 220px;
}

.wrap-inputs {
	float: right;
	min-height: 1px;
	width: 66%;
}

	.wrap-inputs > p input {
		margin-left: -17px;
	}

	.wrap-inputs > p {
		padding-left: 17px;
		display: block;
	}

		.wrap-inputs > p label {
			width: auto;
		}

.wrap-name-inputs p {
	display: block;
	width: 100%;
	float: left;
	font-size: 11px;
	font-style: italic;
	color: #999;
}

.wrap-name-inputs .custom-or {
	margin-left: 0px;
}

.input-append.date .txt {
	padding: 5px; /*border-radius: 5px;*/
}

.when .input-append.date .txt {
	width: 83px;
}

.wrap-btn-transfer {
	width: 96%;
	float: left;
	min-height: 1px;
	border-top: 1px solid #c3d6dd;
	text-align: center;
	padding-bottom: -5px;
	padding-top: 15px;
	margin-top: 25px;
	padding-bottom: 15px;
	margin-left: 2%;
	margin-right: 2%;
}

	.wrap-btn-transfer .btn-transfer {
		margin-right: auto;
		margin-left: auto;
		float: right;
		padding-right: 50px;
		padding-left: 50px;
		line-height: 12px;
	}

.btn-transfer {
	background: #1270b5;
	padding: 7px 70px;
	color: #FFF;
	/*text-transform: uppercase;*/
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
}

a.btn-transfer {
	text-decoration: none;
}

	a.btn-transfer:hover {
		color: #FFF;
	}

.wrap-transfer-history-content {
	padding: 15px;
}

.wrap-transfer-history-content, .wrap-transfer-history-content-table {
	float: left;
	min-height: 1px;
	border: 1px solid #c3d6dd;
	width: 100%;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 13px;
}

.wrap-transfer-history-content-table {
	background: #F4F7F8;
	padding: 10px 15px;
}

	.wrap-transfer-history-content-table .table-curved {
		margin: 15px 0 5px 0;
		/*min-width: 668px;*/
	}

	.wrap-transfer-history-content-table .input-append.date .txt {
		width: 90px;
	}

.select-account p, .frm-acc-amount p, .frm-dailiy-limit, .frm-transfer-fee, .own-cbq, .local, .international, .wrap-transfer-history-content-table, .select-currency p, .purpose-other, .select-acc-name p, .beneficiary-select p {
	display: none;
	margin-bottom: 0;
}

.wrapper-new-transfer {
	width: 100%;
	min-height: 1px;
	float: left;
	border: 1px solid #D4E8F0;
	border-top: none;
	border-radius: 5px;
	/* -webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px; */
	margin-bottom: 15px;
}

.wrapper-bill-payments .wrap-btn-transfer .btn-transfer, .wrap-btn-transfer .btn-transfer {
	float: right;
	padding: 10px 30px; /*margin-right: 10px;*/
}

.wrap-new-transfer-content li.frm-acc-amount p.convert-currency {
	color: #999;
}
/*.from {
	width: 384px;
	float: left;
	min-height: 1px;
	padding: 15px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	background: #2C3D68;
	color:#fff;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	left: -1px;
}
.wrapper-bill-payments .from {
	width: 372px;
}
.wrapper-bill-payments .custom-or {
	display: inline-block;
	margin-top: 4px;
}
.to {
	width: 330px;
	float: left;
	min-height: 1px;
	padding: 15px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	background: #2C3D68;
	color:#fff;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding-left: 0;
	position: relative;
	right: -1px;
}*/
.btn-transfer-history {
	background: url('en/images/arrow-right.png') no-repeat 0px 2px;
	padding-left: 15px;
}

	.btn-transfer-history:hover {
		text-decoration: none;
	}

.wrap-transfer-history-content-table label {
	float: left;
}

.wrap-transfer-history-content-table .btn {
	margin-left: 20px;
}

.date-to {
	padding-left: 10px;
}

.date-to, .date-from {
	float: left;
	min-height: 1px;
}

.alert-critical-red {
	color: #FE0000;
	margin-bottom: 5px;
	margin-top: 5px;
}

.alert-hide, .tab-content-current, .tab-content-savings, .tab-content-credit, .manchester-acct, .currency-oly, .reg-sav-form {
	display: none;
}

.wrap-details {
	display: block;
}

.pad-left {
	padding-left: 18px;
}

.wrapper-login {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #FFF;
	margin-top: 20px;
	margin-bottom: 10px;
}

	.wrapper-login > .row {
		/*padding-right: 10px;*/
	}

.wrapper-outer {
	/*padding-right: 0;*/
	/*width: 77%;*/
	/*padding-left: 20px;*/
	float: left;
}

.wrapper-login-box {
	border: 1px solid #d6dde2;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	width: 435px;
	margin-right: 10px;
	padding-top: 30px;
	float: left;
	padding-bottom: 8px;
	height: 259px;
	background: #fff;
}

#userLoginLeft {
	margin-left: 0px;
}

#userLogin {
	height: 171px !important;
}

.wrapper-authorize {
	border: 1px solid #d6dde2;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	/*margin-right: 10px;*/
	padding-top: 30px; /*width: 97.7%;*/
}

.wrapper-login-box p {
	padding-left: 20px;
	margin-bottom: 10px;
}

	.wrapper-login-box p label {
		width: 75px;
	}

	.wrapper-login-box p input {
		width: 215px;
		text-indent: 1px;
		height: 33px;
	}

	.wrapper-login-box p small {
		width: 100%;
		display: block;
		margin-left: 88px;
		margin-top: 5px;
	}

		.wrapper-login-box p small a {
			font-style: italic;
			font-size: 11px;
			font-family: Arial;
			color: #005E8C;
		}

.wrapper-login-box .btn-login {
	float: left;
	margin-left: 89px;
	margin-top: 5px;
	margin-bottom: 25px;
	padding: 10px 20px;
	line-height: 12px;
}

.wrapper-login-box p .btn-login:hover {
	color: #FFF;
	text-decoration: none;
}

.btn-login, .btn-register {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.wrapper-registration {
	border: 1px solid #d6dde2;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	padding: 12px;
	/*padding-left: 0;
	padding-right: 0;*/
	background: url('en/images/bg-reg-box.png')repeat-x #1b9cd6;
	color: #FFF;
	float: left;
	/*width: 357px;*/
	height: 259px;
}
/*Start - carousel*/
.wrapper-carousel-panel {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	height: 271px;
	margin-left: 10px;
}

.wrapper-registration .wrap-btn-reg {
	float: left;
	text-align: center;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 30px;
}

.wrapper-mobile-access {
	border: 1px solid #d6dde2;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*padding-top: 5px;*/
	padding-bottom: 31px;
	/*width: 23%;*/
	float: left;
	width: 220px;
	padding-right: 10px;
	padding-left: 10px;
	height: 412px;
}

	.wrapper-mobile-access h3 {
		font-family: 'TanseekModernProArabicBold', calibri;
		/*text-transform: uppercase;*/
		font-size: 22px;
		line-height: 18px;
		color: #005E8C;
		padding-left: 44px;
		padding-bottom: 25px;
		border-bottom: 1px solid #ebebeb;
		background: url('en/images/icon-mobile-access.png') no-repeat 10px 5px;
	}

	.wrapper-mobile-access h5 {
		padding-top: 10px;
		text-align: center;
		padding-bottom: 5px;
		color: #455159;
		font-size: 14px;
		font-family: Arial;
		font-weight: bold;
	}

.wrapper-widget {
	padding-left: 0;
	padding-right: 0px;
	margin-top: 20px;
	float: left;
}

.help-line {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
	border-top: 1px solid #EAEEF0;
	float: left;
	width: 100%;
	margin-top: 10px;
}

.wid-login-page {
	/*width: 261px;*/
	/*margin-right: 20px;*/
	float: left;
	margin-bottom: 1px;
	height: 100px;
	margin-top: 10px;
}

.wrapper-login h2 {
	font-size: 36px;
	font-family: 'TanseekModernProArabicBold', calibri;
	padding-left: 10px;
	line-height: 36px;
	padding-bottom: 5px;
	margin-top: 0;
}

.custom-wid {
	margin-right: 0; /*width: 32.7%;*/
}

.not-registered {
	font-family: 'TanseekModernProArabic';
	font-size: 26px;
	margin-bottom: 15px;
}

	.not-registered span {
		font-size: 33px;
		display: block;
		line-height: 4px;
		padding-bottom: 15px;
	}

.btn-register {
	background: #FFF;
	color: #005E8C;
	text-decoration: none;
	padding: 10px 20px;
	text-decoration: none;
	font-weight: bold;
	/*text-transform: uppercase;*/
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 12px;
	outline: none;
}

	.btn-register:hover {
		text-decoration: none;
	}

.video-tour {
	/* background: url('en/images/icon-video-tour.png') no-repeat scroll 60px 20px rgba(0, 0, 0, 0); */
	border-top: 1px solid #61b8e2;
	/* float: left; */
	font-family: Arial;
	font-size: 12px;
	/* font-weight: bold; */
	/* padding-bottom: 24px; */
	/* padding-right: 55px; */
	padding-top: 16px;
	text-align: left;
	/* text-transform: uppercase; */
	/* width: 100%; */
	/* padding-left: 110px; */
}

	.video-tour a {
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		cursor: default;
		text-decoration: none;
	}

.wrapper-mobile-app {
	min-height: 1px;
	float: left;
	padding-bottom: 26px;
	text-align: center;
	width: 100%;
}

	.wrapper-mobile-app span {
		/*margin-right: auto;margin-left: auto;*/
		/*float: left;*/
		width: 137px;
		height: 49px;
		/*margin-left: 30px;*/
		/*margin-top: 5px;margin-bottom: 0px;*/
		display: inline-block;
	}

.apple-store {
	background: url('en/images/bg-app-store.png') no-repeat;
}

.play-store {
	background: url('en/images/bg-play-store.png') no-repeat;
}

.windows-store {
	background: url('en/images/bg-win-store.png') no-repeat;
}

.bb-store {
	background: url('en/images/bg-bb-store.png') no-repeat;
}

.wid-safe .wid-head h3:before {
	background: url('en/images/icon-safe.png') no-repeat 0 1px !important;
}

.wid-anywhere .wid-head h3:before {
	background: url('en/images/icon-anywhere.png') no-repeat 0 3px;
}

.wid-no-queue .wid-head h3:before {
	background: url('en/images/icon-laptop.png') no-repeat 0 5px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	/* IE10+ CSS styles go here */

	.forgot-password-page .form-control-forgot select {
		width: 271px;
	}

	.user-registration .form-control-forgot select {
		width: 271px;
	}

	.wrap-to .wrap-new-transfer-content select {
		width: 255px;
	}
}

.ie .wrap-to .wrap-new-transfer-content select {
	width: 255px;
}

.ie .video-tour {
	padding-top: 18px;
}

.ie .user-registration .form-control-forgot select {
	width: 271px;
}

.ie .forgot-password-page .form-control-forgot select {
	width: 271px;
}

.ie .profile-edit-page .wrap-select select {
	/*background: url('en/images/select-arrow-down.png') no-repeat scroll 82% 10px;*/
	width: 202px;
}

.ie .wrap-view-for select {
	width: 207px; /*background: url('en/images/select-arrow-down.png') no-repeat 82% 10px;*/
}

.ie .my-account-popup .wrap-select select {
	width: 223px; /*background: url('en/images/select-arrow-down.png') no-repeat 82% 10px;*/
}

.ie #activate-step1 .select-expiry select {
	background-position: 73% 10px;
	width: 119px;
}

.wrapper-authorize {
	float: left;
}

	.wrapper-authorize p {
		float: left;
		margin-bottom: 25px;
		font-size: 12px;
		padding-left: 20px;
		padding-right: 20px;
	}

		.wrapper-authorize p.code-exp {
			margin-bottom: 10px;
		}

	.wrapper-authorize .btn-submit {
		float: left;
		padding: 10px 20px;
		line-height: 10px;
		margin-left: 10px;
	}

		.wrapper-authorize .btn-submit:hover {
			color: #FFF;
			text-decoration: none;
		}

	.wrapper-authorize .input-txt {
		float: left;
		width: 217px;
	}

.customer-name {
	/*text-transform: uppercase;*/
}

.warning-important {
	color: red;
	padding-left: 10px;
	padding-top: 5px;
}

.country-code {
	width: 48px !important;
}

.login-box ul {
	padding-left: 13px;
}

.login-box .wrap-request-code-content li {
	padding-top: 3px;
}

.login-box li:last-child {
	padding-top: 10px;
}

.login-box .wrap-request-code-content {
	padding-bottom: 47px;
}

.login-box .btn-submit {
	padding-right: 15px;
	padding-left: 15px;
}

.forgot-password .mandatory {
	margin-bottom: 0;
}

.forgot-password.popup-content {
	background: #FFF;
}

.forgot-password .resp-tabs-container {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}

.wrapper-select-mode {
	float: left;
	width: 100%;
	min-height: 1px;
	padding-top: 25px;
	padding-bottom: 30px;
}

	.wrapper-select-mode .wrap-mode {
		float: left;
		width: 45%;
	}

		.wrapper-select-mode .wrap-mode.first-wrap-mode {
			width: 45%;
		}

.first-wrap-mode input[type='radio'] {
	margin-left: 2px;
}

.select-mode .wrap-form-control .input-txt, .reset-password .wrap-form-control .input-txt {
	width: 248px;
}

.tab-authorization.wrapper-select-mode p {
	margin-bottom: 25px;
}

.wrapper-select-mode .wrap-mode label {
	margin-bottom: 10px;
}

.wrapper-select-mode .wrap-mode > label {
	display: table-cell;
}

.wrapper-select-mode .wrap-mode input[type='radio'] {
	float: left;
	margin-right: 5px;
	margin-top: 2px;
}

.wrapper-select-mode .forgot-or {
	float: left;
	width: 10%;
	padding-left: 10px; /*margin-right: 60px;*/
}

.wrapper-select-mode .wrap-mode .wrap-form-control {
	float: left;
	min-height: 1px;
	padding-left: 20px;
	margin-bottom: 15px;
	/*margin-top: 10px;*/
}

.forgot-password .tab-navigation {
	float: left;
	border-top: 1px solid #ccc;
}

.forgot-password .resp-tabs-container {
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}

.wrap-form-control .form-control-forgot {
	margin-bottom: 10px;
	float: left;
	/*width: 100%;*/
}

	.wrap-form-control .form-control-forgot span {
		width: 130px;
		float: left;
		margin-top: 5px;
	}

.forgot-username-page .wrap-form-control .form-control-forgot span {
	width: 140px;
	margin-right: 30px;
}

.forgot-username-page .wrapper-select-mode .first-wrap-mode.wrap-mode {
	width: 75%;
}

.wrap-form-control .secret-question {
	margin-left: 130px;
	margin-top: 10px; /*float: left;*/
}

.wrap-authorize-code .input-txt {
	margin-top: 10px;
}

.wrap-authorize-code .country-code.input-txt {
	margin-right: 10px;
}

.wrap-authorize-code .input-txt {
	margin-left: 1px;
}

p.wrap-time-out {
	margin-bottom: 15px;
}

.user-registration p.qcb-regulation, .user-reg-authorization p {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.user-registration p.wrap-time-out {
	width: 65%;
}

.user-reg-authorization .wrap-form-control .form-control-forgot span {
	width: 175px;
}
/*.user-reg-authorization .resp-tabs-list li.resp-tab-active.tab-enter-details{

	width: 241px;

}*/

.reset-password.wrapper-select-mode .wrap-mode {
	width: 70%;
}

.reset-password .form-control-forgot label {
	width: 140px;
}

.reset-password .acct-balance {
	padding-left: 154px;
}

.reset-password .wrap-mode .wrap-form-control {
	padding-left: 0;
}

.forgot-pass-success {
	text-align: center;
}

.success-msg {
	margin-bottom: 5px;
}

.wrapper-select-mode h2 {
	margin-top: 20px;
	margin-bottom: 25px;
	/*text-transform: uppercase;*/
	font-size: 24px;
	padding-bottom: 0;
	padding-left: 0;
	line-height: 18px;
}

.forgot-password-page .wrapper-login > h2, .user-registration .wrapper-login > h2 {
	padding-bottom: 0;
	margin-bottom: 0;
}

.forgot-password-page .wrapper-login .forgot-pass-success h2 {
	padding-bottom: 0;
	margin-bottom: 15px;
}

.forgot-username-page .wrapper-login > h2 {
	padding-bottom: 0;
	margin-bottom: 0;
}

.forgot-username-page .wrapper-login .forgot-pass-success h2 {
	padding-bottom: 0;
	margin-bottom: 15px;
}

.form-control-forgot .wrap-select {
	width: 248px; /*border: none;*/
}
/* .form-control-forgot .wrap-mobileNumber{
	display: table-cell;
}
.form-control-forgot .wrap-mobileNumber .wrap-select{
	width: 52px;
	float: left;
	margin-right: 5px;
	height: 30px;
}
.wrap-form-control .form-control-forgot .wrap-mobileNumber span.custom-selected{
	width: 35px;
}
.form-control-forgot .wrap-mobileNumber .txt-mobile{
	width: 192px;
} */
.form-control-forgot select {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: transparent;
	border: medium none;
	outline: medium none;
	color: #3d3d3d;
	font-family: Arial;
	font-size: 13px;
	padding: 5px;
	background: url('en/images/select-arrow-down.png') no-repeat scroll 87% 10px;
	width: 268px;
}

	.form-control-forgot select option {
		background: transparent;
		border: medium none;
		outline: medium none;
	}

.btn-reset {
	background: none;
}

.forgot-pass-success, .wrap-secret-question-content {
	display: none;
}

.forgot-username-page .forgot-pass-success {
	display: block;
}
/*.wrap-confirm-password .progress

{

	display: none;

}*/

.custom-progress {
	width: 60px;
	height: 8px;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin: 10px 10px 0;
	float: right;
	border: 1px solid #CCC;
}

	.custom-progress div {
		width: 33.3333%;
		float: left;
		height: 6px; /*border-right: 1px solid;*/
	}

	.custom-progress .red {
		background-color: red;
	}

	.custom-progress .yellow {
		background-color: #FDD552;
	}

	.custom-progress .green {
		background-color: #31BE00;
	}

.password-verdict {
	margin-top: 6px;
	float: right;
}

	.password-verdict.good {
		color: #217b01;
	}

	.password-verdict.normal {
		color: #eaaf00;
	}

	.password-verdict.week {
		color: #bd2925;
	}



/* Progress Bar*/

@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0;
	}

	to {
		background-position: 0 0;
	}
}

@-moz-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0;
	}

	to {
		background-position: 0 0;
	}
}

@-ms-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0;
	}

	to {
		background-position: 0 0;
	}
}

@-o-keyframes progress-bar-stripes {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 40px 0;
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: 40px 0;
	}

	to {
		background-position: 0 0;
	}
}

.progress-bar {
	background-color: #8B2346;
}

.progress {
	overflow: hidden;
	height: 6px;
	/*margin-bottom: 20px;*/
	background-color: #8B2346;
	background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
	background-repeat: repeat-x;
	/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);*/
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

	.progress .bar {
		width: 0%;
		height: 100%;
		color: #ffffff;
		float: left;
		font-size: 12px;
		text-align: center;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #0e90d2;
		background-image: -moz-linear-gradient(top, #149bdf, #0480be);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
		background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
		background-image: -o-linear-gradient(top, #149bdf, #0480be);
		background-image: linear-gradient(to bottom, #149bdf, #0480be);
		background-repeat: repeat-x;
		/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);*/
		-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
		-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: width 0s ease;
		-moz-transition: width 0s ease;
		-o-transition: width 0s ease;
		transition: width 0s ease;
	}

		.progress .bar + .bar {
			-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
			-moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
			box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
		}

.progress-striped .bar {
	background-color: #149bdf;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	-o-background-size: 40px 40px;
	background-size: 40px 40px;
}

.progress.active .bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-moz-animation: progress-bar-stripes 2s linear infinite;
	-ms-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar, .progress .bar-danger {
	background-color: #dd514c;
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
	background-repeat: repeat-x;
	/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);*/
}

.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
	background-color: #ee5f5b;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success .bar, .progress .bar-success {
	background-color: #5eb95e;
	background-image: -moz-linear-gradient(top, #62c462, #57a957);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
	background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	background-image: -o-linear-gradient(top, #62c462, #57a957);
	background-image: linear-gradient(to bottom, #62c462, #57a957);
	background-repeat: repeat-x;
	/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);*/
}

.progress-success.progress-striped .bar, .progress-striped .bar-success {
	background-color: #62c462;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar, .progress .bar-info {
	background-color: #4bb1cf;
	background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
	background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
	background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
	background-repeat: repeat-x;
	/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);*/
}

.progress-info.progress-striped .bar, .progress-striped .bar-info {
	background-color: #5bc0de;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning .bar, .progress .bar-warning {
	background-color: #faa732;
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	/*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);*/
}

.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
	background-color: #fbb450;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.user-registration .resp-tabs-list li {
	width: 236px;
}

.user-reg-setup.user-registration .resp-tabs-list li.resp-tab-active.set-authorize {
	width: 241px;
}

.user-reg-setup.user-registration .resp-tabs-list li.resp-tab-active.set-enter {
	width: 241px;
}

.user-registration .resp-tabs-container {
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
}

.user-registration .resp-tabs-list li:last-child {
	width: 237px;
}

.user-registration .wrapper-select-mode .wrap-mode .wrap-form-control {
	padding-left: 0;
	margin-bottom: 30px;
}

.user-registration .input-txt {
	width: 248px;
}

.user-registration .wrapper-select-mode .wrap-mode {
	width: 76%;
}

.user-registration .acct-balance {
	padding-left: 0px;
	margin-left: 130px;
}

.user-registration .set-up-account .acct-balance {
	margin-left: 160px;
	margin-top: 5px;
}

.user-registration .set-up-account span {
	width: 160px;
}

.user-registration .set-up-account small {
	width: 300px;
}

.user-registration .forgot-pass-success {
	display: block;
}

.user-registration .wrap-select {
	top: 0;
}

.user-registration .btn-submit {
	display: none;
}

.read-tc a {
	padding-left: 22px;
}

.read-tc input {
	margin-right: 5px;
}

.btn-next, .btn-right, .btn-confirm, .btn-authorize, .btn-account-confirm, .btn-submit, .btn-login, .btn-reset, .btn-req-username {
	background-position: 85% 4px;
}

.popup-new-account .btn-authorize {
	display: none;
}

.input-txt.input-validation-error {
	border: 1px solid #ffa2a2;
	background: #FFE6E6;
}

a.btn-disabled {
	background-color: #dcdcdc;
	pointer-events: none;
	color: #8c8185;
}
/* APP PROMO */

#app-promo {
	max-width: 300px;
}

#help-guide .popup-content {
	max-width: 960px;
}

#logout-confirm-popup {
	max-width: 550px;
}

	#logout-confirm-popup .popup-content {
		padding: 10px;
	}

	#logout-confirm-popup .resp-tabs-container {
		text-align: center;
		padding: 20px 10px;
	}

		#logout-confirm-popup .resp-tabs-container p {
			line-height: 50px;
			margin: 0;
		}

	#logout-confirm-popup .products {
		width: 50%;
	}

	#logout-confirm-popup a.btn-account-confirm {
		margin-right: 10px;
		padding: 8px 30px;
	}

.log-out-state .wrapper-login-box {
	text-align: center;
	min-height: 270px;
}

	.log-out-state .wrapper-login-box p {
		margin-left: 0;
		padding-left: 0;
	}

	.log-out-state .wrapper-login-box .btn-login {
		float: none;
		margin-left: 0;
		margin-top: 9px;
		display: inline-block;
	}

	.log-out-state .wrapper-login-box img {
		margin-top: 12px;
	}

	.log-out-state .wrapper-login-box h3 {
		margin-bottom: 18px;
		margin-top: 10px;
	}

.log-out-state .wrap-products {
	padding-top: 14px;
}

.log-out-state .products.first-product {
	width: 30%;
	padding-right: 20px; /*border: 1px solid red;*/
}

.log-out-state .products {
	margin-top: 7px;
	width: 35%;
	padding-left: 29px;
	padding-right: .5%;
}

	.log-out-state .products:last-child {
		width: 35%;
	}

	.log-out-state .products p {
		width: 100%;
	}

.wrapper-wid-advt {
	border: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	padding-top: 0px;
	color: #FFF;
	padding-left: 0;
	padding-right: 0;
	background: none;
}

.tap-btn, .tap-btn-on {
	display: none;
}

.auto-logout {
	max-width: 550px;
}

	.auto-logout .popup-content {
		padding: 10px;
		text-align: center;
	}

.count-down {
	display: block;
	font-size: 25px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.auto-logout .resp-tabs-container {
	padding: 20px;
}

.auto-logout a.btn-account-confirm {
	margin-left: 7px;
}

.auto-logout .btn-wrapper {
	margin-top: 30px;
}

.phone {
	background: url(en/images/sprite.png) no-repeat 0 -1221px;
	padding-left: 27px;
}

.email {
	background: url(en/images/sprite.png) no-repeat 0 -1256px;
	padding-left: 27px;
	word-wrap: break-word;
}

.hr {
	height: 1px;
	background: #ececec;
	width: 100%;
	clear: both;
	margin-bottom: 10px;
}

.profile-sub-name h3 {
	margin: 11px 0 15px 0;
}

.wrap-change-pasword, .wrap-preference-details {
	padding: 25px 20px 6px 20px;
}

.container .wrap-change-pasword li label {
	font-weight: bold;
	margin-right: 28px;
}

.wrap-change-pasword small {
	margin: 5px 0 5px 0;
	padding-left: 20px;
	width: 327px;
}

	.wrap-change-pasword small.error {
		color: #fa0000;
		float: none;
	}

.wrap-pass-strength {
	float: left;
}

.wrap-change-pasword .input-txt {
	float: left;
}

.wrap-change-pasword .tab-navigation, .wrap-preference-details .tab-navigation {
	border-top: 1px solid #ccc;
}

.wrap-change-pasword .password-verdict {
	margin-left: 10px;
	float: left;
}

.wrap-change-pasword .custom-progress {
	margin-left: 10px;
	margin-right: 0;
	width: 62px;
	float: left;
}

	.wrap-change-pasword .custom-progress div {
		width: 20px;
	}

.wrap-profile-details.wrap-change-pasword, .wrap-profile-details.wrap-preference-details {
	padding: 20px 20px 0 20px;
}

.wrap-change-password small {
	padding-left: 0;
}

.jquery-radiobutton-wrapper {
	position: absolute;
	right: 0;
	top: 0;
}

a.jquery-radiobutton {
	width: 80px;
	display: block;
	height: 20px;
	outline: none;
	position: relative;
}

	a.jquery-radiobutton:before {
		background: url(en/images/on-off.png) no-repeat left top;
		width: 80px;
		height: 20px;
		content: '';
		position: absolute;
		left: 0;
		top: 0;
	}

.radiobutton-two a.jquery-radiobutton:before, .radiobutton-three a.jquery-radiobutton:before {
	background-position: left -40px;
}

.radiobutton-two a.jquery-radiobutton-on:before, .radiobutton-three a.jquery-radiobutton-on:before {
	background-position: left -60px;
}

.radiobutton-four a.jquery-radiobutton:before, .radiobutton-five a.jquery-radiobutton:before {
	width: 40px;
}

.radiobutton-four a.jquery-radiobutton:before {
	background-position: left -40px;
}

.radiobutton-five a.jquery-radiobutton:before {
	background-position: right -60px;
	left: auto;
	right: 0;
}

.radiobutton-four a.jquery-radiobutton-on:before {
	background-position: left -60px;
}

.radiobutton-five a.jquery-radiobutton-on:before {
	background-position: right -40px;
}

.radiobutton.radiobutton-four {
	margin-bottom: 10px;
}

.radiobutton-four input {
	visibility: hidden;
}

.radiobutton-one .jquery-radiobutton-wrapper a.jquery-radiobutton-on:before {
	background-position: left -20px;
}

.radiobutton {
	position: relative;
	height: 20px;
	margin-bottom: 19px;
}

.radiobutton-four label, .radiobutton-five label {
	font-weight: normal;
}

.profile-sub-name {
	clear: both;
}

	.profile-sub-name h3 {
		margin-top: 0;
	}

.profile-sub-two {
	padding-top: 15px;
}

.no-radiobuttion {
	margin-bottom: 0px;
}

.input-txt.error {
	border: 1px solid #FFE6E6;
	background: #FFE6E6;
}

.col-alert-box {
	background-image: url(en/images/success-img.png);
	background-repeat: no-repeat;
	padding: 12px 50px 13px 50px;
	background-position: 13px 15px;
	padding-right: 10px;
}

	.col-alert-box p {
		color: #299108;
		line-height: 14px;
	}
/*My Account Credit Card*/



.wrap-message {
	padding: 15px;
}

	.wrap-message p {
		margin-bottom: 5px;
	}

h2.head-transaction {
	/*text-transform: uppercase;*/
	float: left;
}

.wid-transaction {
	padding: 15px;
	width: 100%;
	float: left;
}

	.wid-transaction .table-curved {
		margin-bottom: 0;
	}

		.wid-transaction .table-curved th {
			padding-left: 20px !important;
		}

		.wid-transaction .table-curved td {
			padding-left: 20px;
		}

		.wid-transaction .table-curved tr th:last-child {
			padding-left: 10px !important;
			padding-right: 20px !important;
			text-align: right;
		}

		.wid-transaction .table-curved tr td:last-child {
			text-align: right;
			padding-right: 20px;
			padding-left: 10px;
		}

.wrap-transaction-form {
	float: left;
	min-height: 1px;
	width: 100%;
}

	.wrap-transaction-form ul {
		padding-left: 0;
		float: left;
	}

		.wrap-transaction-form ul li {
			list-style: none;
			float: left;
			width: 100%;
			margin-bottom: 10px;
		}

.wrap-transaction-date {
	float: left;
	min-height: 1px;
}

	.wrap-transaction-date .input-append.date .txt {
		width: 88px;
	}

.wrap-transaction-form label {
	float: left;
	font-weight: normal;
	margin-top: 5px;
}

.wrap-view-for {
	float: left;
	min-height: 1px;
}

	.wrap-view-for .wrap-select {
		width: 184px;
		top: 0;
	}

	.wrap-view-for select {
		width: 210px;
		background-color: #FFF;
		background: url('en/images/select-arrow-down.png') no-repeat 82% 10px #FFF;
	}

	.wrap-view-for label.custom-input {
		width: auto;
		margin-right: 15px;
	}

.myaccount-credit-page .table-responsive {
	float: left;
}

.myaccount-credit-page .table-curved th.arrow-down:after {
	background: none;
}
/*mobile table replacement*/



#tableCarouselMobile {
	border: 1px solid #D4E8F0;
}

.itemList {
	padding: 0;
	margin: 0;
	list-style: none;
}

.itemList-block {
	border-top: 1px solid #D4E8F0;
	padding: 18px 10px;
	margin-top: 18px;
}

	.itemList-block:first-child {
		border-top: none;
		margin-top: 0;
	}

	.itemList-block h4 {
		font-size: 14px;
		color: #005E8C;
		font-weight: bold;
		margin: 0 0 8px;
	}

	.itemList-block ul {
		list-style: none;
		margin: 0;
	}

		.itemList-block ul li {
			display: inline-block;
			vertical-align: top;
		}

.accType {
	padding: 0;
}

	.accType li {
		padding-left: 8px;
		margin-left: 8px;
		border-left: 1px solid #92969A;
		color: #6A7075;
		font-size: 13px;
		vertical-align: top;
		display: inline-block;
	}

		.accType li:first-child {
			padding-left: 0;
			margin-left: 0;
			border-left: none;
		}

.accDetails {
	padding: 18px 0 0;
}

	.accDetails span {
		font-size: 12px;
		color: #666;
		display: block;
		margin-bottom: 2px;
	}

	.accDetails strong {
		display: block;
		font-size: 15px;
		color: #6A7075;
	}

	.accDetails li {
		padding-left: 15px;
	}

		.accDetails li:first-child {
			padding-left: 0;
		}

#tableCarouselMobile .table-pager {
	margin: 0;
	background: #F4F7F8;
	padding: 12px 20px;
}

.table-responsive-alt .itemList-block {
	border: 1px solid #D4E8F0;
	padding: 18px 10px;
}

.itemList-block a.more {
	font-size: 13px;
	display: block;
	font-weight: bold;
	/*text-transform: uppercase;*/
}

.wrapper-amount label {
	margin-right: 12px;
}

.wrap-amount-range {
	float: left;
	min-height: 1px;
	padding-top: 10px;
}

	.wrap-amount-range span {
		float: left;
		min-height: 1px;
		margin-top: -10px;
		padding: 5px;
		margin-left: 3px;
		margin-right: 3px;
		min-width: 67px;
	}

.wrap-range {
	float: left;
}

#confirm-bill-payment {
	max-width: 750px;
}

	#confirm-bill-payment .popup-content {
		padding: 10px;
	}

.transfer-details.resp-tabs-container {
	padding: 15px;
}

.new-payee .resp-tabs-container .btn {
	float: left;
}

.popup-container .transfer-details h4 {
	border-bottom: 1px solid #d5dce2;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.transfer-details ul, .transfer-details ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.transfer-details ul {
	margin-bottom: 25px;
}

	.transfer-details ul li {
		margin-bottom: 20px;
		font-weight: bold;
	}

		.transfer-details ul li label {
			font-weight: normal;
			width: 110px;
		}

.new-transfer .transfer-details ul li label {
	width: 35%;
}

.col-forgot-block {
	min-height: 155px;
	width: 100%;
	margin-right: 10px;
	padding: 10px 50px 0 10px;
	margin-bottom: 0;
	color: #6A7075;
}

#add-new-payee-step1 {
	max-width: 800px;
}

	#add-new-payee-step1.my-account-popup.popup-container .resp-tabs-container label {
		margin-top: 5px;
	}

#monthly-bill {
	max-width: 720px;
}

	#monthly-bill .popup-content {
		padding: 10px;
	}

		#monthly-bill .popup-content .table-curved {
			margin-bottom: 0;
		}

.col-forgot-block label {
	font-weight: normal;
}

td.center-button {
	background: #2C3D68;
	border-left: 1px solid #566486;
	border-right: 1px solid #566486;
}

.wrapper-bill-payments .wrap-name-inputs {
	width: 150px;
}

.wrapper-bill-payments .wrap-from .wrap-select {
	width: 210px; /*width: 152px;*/
}

.wrapper-bill-payments .wrap-from .wrap-new-transfer-content select {
	width: 172px;
	background-position: 80% 10px;
}

.wrap-unbill-block label {
	float: none;
}

.wrap-recent-payement-block {
	display: block;
}

.wrapper-prepaid-orders {
	border-top: 1px solid #d4e8f0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 5px 15px 25px 15px;
}

	.wrapper-prepaid-orders .wrap-new-transfer-content {
		margin-top: 0;
	}

	.wrapper-prepaid-orders .wrap-checkboxes label {
		width: auto;
	}

	.wrapper-prepaid-orders .wrap-btn-transfer {
		margin-top: 5px;
	}

	.wrapper-prepaid-orders .wrap-btn-transfer {
		padding-top: 0;
		padding-bottom: 0;
	}

.wrap-prepaid label.custom-hidden {
	float: none;
}

.radio-phone .wrap-from .wrap-new-transfer-content select, .radio-phone .wrap-to .wrap-new-transfer-content select {
	width: 200px;
}

.radio-phone .wrap-from .wrap-select, .radio-phone .wrap-to .wrap-new-transfer-content .wrap-select {
	width: 178px;
}

.radio-phone .wrap-name-inputs {
	width: 178px;
}

.radio-phone .wrap-from .input-txt {
	width: 180px;
}

.radio-phone .wrap-from > div {
	padding-left: 0;
}

.radio-phone .wrap-from label.custom-input {
	width: 33%;
}

.radio-phone .wrap-to label.custom-input {
	width: 30%;
}

.recurring .wrap-new-transfer-content label, .wrapper-bill-payments ul.radio-group-select label {
	margin-bottom: 10px;
}

.wrapper-bill-payments ul.radio-group-select label {
	margin-top: 6px;
}

label.label-wid {
	width: 122px;
}

a.que_img, a.help_icon {
	display: inline-block;
	/*background: url(en/images/que_img.png) no-repeat;*/
	width: 16px;
	height: 15px;
}

.wrap-new-transfer-content li.toggle-input {
	margin-top: 0;
}

.toggle-input ul, .toggle-input ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 294px;
}

.toggle-input .input-txt {
	width: 170px;
	margin-right: 10px;
}

.transfer .toggle-input .input-txt {
	width: 154px; /*margin-right: 10px;*/
}

.transfer .toggle-input ul {
	margin-top: 10px;
}

.transfer .toggle-input .wrap-name-inputs {
	width: 68%;
}

.toggle-input .wrap-name-inputs {
	width: 75%;
}

.transfer .wrapper-bill-payments .wrap-from .toggle-input label.custom-input {
	width: 43px;
	margin-right: 50px;
}

.wrapper-new-transfer.wrapper-bill-payments .wrap-to label.custom-input {
	width: 43px;
}

.wrapper-new-transfer.wrapper-bill-payments .wrap-to {
	width: 47%; /*margin-left: 13px;*/
}

.wrapper-new-transfer.wrapper-bill-payments .wrap-from {
	width: 53%;
}

.wrapper-bill-payments .to {
	width: 100%;
	padding-left: 20px;
}

.wrapper-to-content {
	/*padding-left: 20px !important;*/
	padding-left: 20px;
}

.wrapper-bill-payments li.remider p input, .wrapper-bill-payments li.remider p label, .wrapper-bill-payments li.remider p a {
	float: left;
	margin-right: 7px;
}

.wrap-prepaid-service input {
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	color: #666;
	padding: 5px;
}

.hint {
	margin-top: -10px;
	color: #666;
	display: inherit;
}

.prepaid-service-one ul.wrap-prepaid-first li label.custom-input, .prepaid-service-one ul.wrap-prepaid li label.custom-input {
	width: 30%;
	margin-top: 5px;
}

.wrap-recent-payement-block .date-from label, .wrap-recent-payement-block .date-to label {
	margin-top: 7px;
}

.wrap-inter-bank-info a {
	color: #4c4c4c;
}

p.sub-pros {
	margin: 5px 0;
}

.wid-transaction .wrap-transaction-form .wrap-view-for .wrap-select {
	width: 130px;
}

.wid-transaction .wrap-transaction-form .wrap-view-for select {
	width: 153px;
	background: url('en/images/select-arrow-down.png') no-repeat scroll 76% 10px #fff;
}

.wid-transaction .wrap-transaction-form ul .wrap-name-inputs {
	width: 155px;
}

.wrap-transaction-form a.btn-go {
	margin-left: 20px;
}

.myaccount-loan .main-content > h2 {
	margin-top: 0;
}

	.myaccount-loan .main-content > h2.head-transaction {
		margin-top: 20px;
	}
/*-----------080_style--------*/

.myaccount-current-page .wrap-account-details {
	width: 100%;
	margin: 0;
	border-top: 1px solid #e3ebf0;
}

	.myaccount-current-page .wrap-account-details ul {
		display: table;
		position: relative;
	}

	.myaccount-current-page .wrap-account-details li {
		display: table-row;
		color: #666;
		list-style: none;
		border-bottom: 1px dotted #b7b9ba;
		position: relative;
	}

		.myaccount-current-page .wrap-account-details li span {
			width: 46%;
			padding: 14px 0;
			display: table-cell;
			float: left;
			margin-right: 2%;
		}
	/*.myaccount-current-page .wrap-account-details li:after {
	position: absolute;
	width: 10px;
	height: 5px;
	content: '';
	background-color: #F4F7F8;
	border: 1px solid red;
	bottom: -3px;
	left: 44%;
}*/
	.myaccount-current-page .wrap-account-details ul:after {
		position: absolute;
		width: 10px;
		top: 0;
		bottom: 0;
		content: '';
		background-color: #F4F7F8;
		left: 44%;
	}

	.myaccount-current-page .wrap-account-details li.last {
		border: none;
	}

	.myaccount-current-page .wrap-account-details .wrap-group-buttons {
		/*margin-top: 15px;*/
	}

		.myaccount-current-page .wrap-account-details .wrap-group-buttons a.btn {
			/*margin-right: 7px;*/
			margin: 15px 4px 0 4px;
			float: left;
		}

.myaccount-current-page .table-trasaction-one {
	float: left;
}

.table-trasaction-one table td {
	background: #fff;
}

	.table-trasaction-one table td .wrapTooltip {
		position: relative;
		display: block;
	}

.table-trasaction-one table tr:hover > td {
	cursor: pointer;
	background-color: #f4f7f8;
}

.table-curved tr:last-child:hover td:first-child, .table-curved tr:last-child:hover td:last-child {
	background: url('en/images/btm-corner-lt.png') no-repeat 0 100% #fff;
}

.table-trasaction-one .table-curved tr:last-child:hover td:first-child, .table-trasaction-one .table-curved tr:last-child:hover td:last-child {
	background: url('en/images/btm-corner-lt.png') no-repeat 0 100%;
}

.table-curved tr:last-child td:first-child {
}

.table-trasaction-one table thead tr:hover > td {
	background-color: #2c3d68;
}

.tool-tip-two {
	display: block;
	position: absolute;
	right: -105px;
	top: 15px;
	width: 296px;
	height: auto;
	background: url('en/images/toop-tip-bg.png') no-repeat;
	z-index: 10000;
	word-wrap: break-word;
	background: #fff;
	display: none;
	z-index: 50;
	/*-webkit-box-shadow: 0px 3px 5px 1px rgba(204,12,NaN,1);

-moz-box-shadow: 0px 3px 5px 1px rgba(204,12,NaN,1);

box-shadow: 0px 3px 5px 1px rgba(204,12,NaN,1);*/
	-webkit-box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.5);
}

	.tool-tip-two::before {
		border-color: transparent transparent #fff transparent;
		border-width: 0 8px 10px;
		border-style: solid;
		content: '';
		height: 0;
		left: 50%;
		margin-left: -5px;
		position: absolute;
		top: -10px;
		width: 0;
	}

.tool-tip-right {
	display: block;
	position: absolute;
	right: 23px;
	top: 40px;
	width: auto;
	height: auto;
	background: url('en/images/toop-tip-bg.png') no-repeat;
	z-index: 10000;
	word-wrap: break-word;
	background: #fff;
	display: none;
	z-index: 50;
	-webkit-box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.5);
}

	.tool-tip-right::before {
		border-color: transparent transparent #fff transparent;
		border-width: 0 8px 10px;
		border-style: solid;
		content: '';
		height: 0;
		right: 0%;
		margin-left: -5px;
		position: absolute;
		top: -10px;
		width: 0;
	}

	.tool-tip-right p {
		font-size: 16px;
		margin: 8px;
	}

.tool-tip-fileErr {
	display: block;
	position: absolute;
	/*right: 23px;*/
	top: 49px;
	width: auto;
	height: auto;
	background: url('en/images/toop-tip-bg.png') no-repeat;
	z-index: 10000;
	word-wrap: break-word;
	background: #fff;
	display: none;
	z-index: 50;
	-webkit-box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.5);
}

	.tool-tip-fileErr::before {
		border-color: transparent transparent #fff transparent;
		border-width: 0 8px 10px;
		border-style: solid;
		content: '';
		height: 0;
		left: 153px;
		margin-left: -5px;
		position: absolute;
		top: -10px;
		width: 0;
	}

	.tool-tip-fileErr p {
		font-size: 19px;
		margin: 8px;
		color: #686767;
		font-family: 'TanseekModernProArabicBold', calibri;
	}

.inside-tool-tip {
	position: relative;
	z-index: 999;
}

.btn-custom {
	margin-top: 10px;
}

.wrap-bottom-btn {
	float: left;
	min-height: 1px;
	margin-top: 10px;
}

	.wrap-bottom-btn .btn {
		margin-right: 10px;
	}

.tool-tip-two {
	display: none;
}

	.tool-tip-two ul, .popover .popover-content ul {
		padding: 20px;
		float: left;
		padding-top: 30px;
		width: 100%;
	}

		.tool-tip-two ul li, .popover .popover-content li {
			list-style: none;
			width: 100%;
			float: left;
			border-bottom: 1px solid #CCC;
			padding: 10px;
		}

			.tool-tip-two ul li:last-child, .tool-tip-two ul li.last, .popover .popover-content li:last-child, .popover .popover-content li.last {
				border-bottom: none;
			}

			.tool-tip-two ul li div, .popover .popover-content li div {
				float: left;
				min-height: 1px;
				width: 50%;
			}

			.tool-tip-two ul li div {
				white-space: normal;
			}

.myaccount-current-page .table-trasaction-one tbody td.val-plus {
	color: green;
}

.myaccount-current-page .table-trasaction-one tbody td.val-minus {
	color: red;
}
/*...........080_new_style....................*/

.myaccount-current-page .wrap-current-account-details {
	padding-top: 0;
}

.table-transaction-two td:nth-last-child(2) {
	text-align: right;
}

.table-transaction-two .tool-tip-two {
	top: 15px;
}

	.table-transaction-two .tool-tip-two ul {
		padding-top: 22px;
	}

	.table-transaction-two .tool-tip-two li {
		padding: 12px;
	}

.wid-transaction-two .wrap-transaction-form ul .wrap-name-inputs {
	width: 244px;
}

.wid-transaction-two .wrap-transaction-form .wrap-view-for .wrap-select {
	width: 184px;
	background: url('en/images/select-arrow-down.png') no-repeat scroll 95% 10px #fff;
}

.wid-transaction-two .wrap-transaction-form .wrap-view-for select {
	width: 224px;
}

.table-transaction-two .table-curved th.arrow-down:after {
	background: none;
}

.table-transaction-two .tool-tip-two {
	white-space: normal;
}

.collapse.in {
	display: block !important;
}

	.collapse.in.hidden-xs {
		display: none !important;
	}
/*...........090_style....................*/

.myaccount-current-page .table-billed-trasaction {
	float: left;
}

.wid-transaction .table-billed-trasaction .table-curved td.bill-transaction {
	background: #1270b5;
	text-align: left;
	color: #fff;
	font-style: italic;
	border-top: none;
}

.wid-transaction .table-billed-trasaction .table-curved tr:last-child td:first-child, .wid-transaction .table-billed-trasaction .table-curved tr:last-child td:last-child {
	background: #fff;
}

.wrap-card-usage-heading, .wrap-card-usage-content {
	clear: both;
}

.wrap-card-usage-content {
	display: block;
}

.line-chart-wrapper {
	padding: 0 5px;
	background: none;
	clear: both;
}

	.line-chart-wrapper canvas {
		background: none;
		margin: 0;
		padding-bottom: 0;
	}

.wrap-card-usage-content .wrap-transaction-form {
	border-bottom: 1px solid #d3e9f6;
	margin-bottom: 10px;
}

	.wrap-card-usage-content .wrap-transaction-form ul {
		margin-bottom: 5px;
	}

.wrap-card-usage-content .line-chart-wrapper {
	margin-top: 13px;
}

a.pay_balance {
	background: url('en/images/sprite.png') no-repeat scroll 27px -343px;
	padding: 0 0 0 42px;
	font-weight: bold;
	font-size: 12px;
}

.wrap-card-usage-content .wrap-name-inputs {
	width: 190px;
}

.wrap-card-usage-content .wrap-view-for .wrap-select {
	width: 124px;
}

.wrap-card-usage-content .wrap-view-for select {
	width: 146px;
}

.wrap-card-usage-content .wrap-view-for select {
	background-position: 77% 10px;
}
/*My Tools Page*/

.profile-name {
	float: left;
}

.mytools-page .table-responsive {
	float: left;
}

.mytools-page .table-curved {
	/*min-width: 515px;*/
}

	.mytools-page .table-curved tbody tr td {
		vertical-align: text-top !important;
	}

.mytools-page .sidebar-menu li:before {
	content: '';
	cursor: pointer;
	height: 30px;
	left: 10px;
	position: absolute;
	top: 9px;
	width: 29px;
	background: url('en/images/sidebar-menu-bg-iconset.png') no-repeat;
}

.mytools-page .sidebar-menu ul li a {
	cursor: pointer;
}

.sidebar-menu ul li.exchange-rate:before {
	background-position: 0px 0px;
}

.sidebar-menu ul li.exchange-rate.active:before {
	background-position: 0px 0px;
}

.sidebar-menu ul li.savings-calc:before {
	background-position: 0px -53px;
}

.sidebar-menu ul li.savings-calc.active:before {
	background-position: 0px -595px;
}

.sidebar-menu ul li.loan-calc:before {
	background-position: 0px -107px;
}

.sidebar-menu ul li.loan-calc.active:before {
	background-position: 0px -646px;
}

.sidebar-menu ul li.manage-cards:before {
	background-position: 0px -160px;
}

.sidebar-menu ul li.manage-cards.active:before {
	background-position: 0px -497px;
}

.sidebar-menu ul li.easy-pay:before {
	background-position: 0px -213px;
}

.sidebar-menu ul li.estate-subs:before {
	background-position: 0px -256px;
}

.sidebar-menu ul li.cheque-status:before {
	background-position: 0px -312px;
}

.sidebar-menu ul li.cheque-status.active:before {
	background-position: 0px -549px;
}

.sidebar-menu ul li.brok-reg:before {
	background-position: 0px -366px;
}

.sidebar-menu ul li.brok-reg.active:before {
	background-position: 0px -688px;
}

.sidebar-menu ul li.branch-atm:before {
	background-position: 0px -415px;
}

.sidebar-menu ul li.branch-atm.active:before {
	background-position: 0px -741px;
}

.sidebar-menu ul li.write-us:before {
	background-position: 0px -458px;
}
/*Sidebar Active menu Item*/


/*
.sidebar-menu ul li.manage-cards.active:before {
	background-position: 10px -490px;
}*/
/*.sidebar-menu ul li.cheque-status.active:before {
	background-position: 7px -541px;
}*/
/*Cheque form*/

.wrap-profile-details.wrap-cheque-form {
	padding: 0px;
}

.wrap-cheque-form ul {
	margin: 15px;
}

	.wrap-cheque-form ul li {
		width: 100%;
	}

.wrap-status-highlight {
	background: #eef6f9;
	min-height: 1px;
	float: left;
	width: 100%;
}

.wrap-profile-details .wrap-status-highlight ul {
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 20px;
	padding-left: 20px;
}

	.wrap-profile-details .wrap-status-highlight ul li label {
		width: 65%;
		margin-top: 0px;
	}

.wrap-cheque-form .input-append.date .txt {
	width: 110px;
}

.wrap-cheque-form ul li .wrap-date-control label {
	width: 30px;
	margin-top: 5px;
}

.wrap-cheque-form .wrap-select {
	width: 180px;
}

.wrap-select select {
	width: 100% !important;
}

.wrap-cheque-form .wrap-select select {
	width: 202px;
}

.wrap-cheque-form a.btn-blue {
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.wrap-status-highlight ul li:first-child {
	margin-bottom: 20px;
}

.wrap-cheque-form ul li label {
	margin-top: 5px;
}

.wrap-cheque-form > ul {
	margin-bottom: 30px;
}

	.wrap-cheque-form > ul li:last-child {
		margin-top: 15px;
	}

.ie .wrap-cheque-form ul li .wrap-date-control label {
	margin-top: 2px !important; /*border: 1px solid red;*/
}

.link-edit {
	float: right;
	font-size: 12px;
	/*text-transform: uppercase;*/
	font-weight: bold;
	text-decoration: none;
	margin-top: 15px;
	padding-left: 25px;
	background: url('en/images/sprite-profile-menu.png') no-repeat 8px -213px;
}

a.link-edit {
	float: left;
	background: url('en/images/sprite-profile-menu.png') no-repeat 2px -213px;
	margin-bottom: 10px;
	margin-top: 0px;
}

.custom-selected {
	background-color: #fff;
	float: left;
	min-height: 1px;
	padding: 5px;
	position: absolute;
	width: 86%;
	line-height: 22px;
	margin: 0 !important;
	text-align: left !important;
}

.styled {
	opacity: 0;
}

.btn-authorize {
	display: none;
}

.table > thead > tr > th {
	text-align: left;
}

	.table > thead > tr > th.text-center {
		text-align: center;
	}

	.table > thead > tr > th.text-right {
		text-align: right;
	}

a.link-generic:hover, a.upload-link:hover, a.terms-link:hover, .wrapper-login-box a:hover, .wrapper-authorize p a:hover, .wrap-request-code-content a:hover, .secret-question a:hover, .tab-authorization a:hover, .success-tab a:hover, .user-reg-authorization a:hover, .wrap-authorization a:hover, ul.nav-bullets a:hover, .wrap-custom-delivery a:hover, a.pay_balance:hover, .alert-dismissible li a:hover, a.btn-transfer-history:hover, .forgot-pass-success a:hover {
	color: grey !important;
}

.wrapper-authorize .wrap-input a:hover {
	color: #fff !important;
}

.wrap-right-block .row div:nth-child(3), .wrap-right-block .row div:nth-child(3) .btn {
	float: right;
}

	.wrap-right-block .row div:nth-child(3) .btn {
		margin-right: 8px;
	}

.wrap-left-block .row div:nth-child(3), .wrap-left-block .row div:nth-child(3) .btn {
	float: right;
}

	.wrap-left-block .row div:nth-child(3) .btn {
		margin-right: 25px;
	}

#activate-step1 .custom-selected {
	width: 82%;
}

.wrap-left-block input {
	width: 172px;
	float: right;
}

.wrapper-prepaid-orders small.acct-balance {
	padding-left: 0px;
	margin-top: 5px;
	float: left;
}

li.remider p {
	/*margin-left: 94px;*/
}

li.wrap-submit {
	border-top: 1px solid #c3d6dd;
	padding-top: 15px;
}

.wrap-select.rp-biller-type {
	width: 120px;
	margin-right: 10px;
}

.label-rp-biller-type {
	margin-top: 8px;
}

.date-to label, .date-from label {
	margin-top: 7px;
}

.btn-go {
	margin-top: 3px;
}

.when .input-append.date {
	margin-top: 5px;
}

.btn-purchase {
	padding: 10px 30px !important;
	font-size: 12px;
}

.new-transfer ul.wrap-new-transfer-content .wrap-name-inputs .input-txt, .new-transfer ul.local-form .input-txt {
	width: 220px;
}

#carousel, #carousel-mobile {
	width: 100px;
	/*overflow: hidden;*/
	position: relative;
}

#slider ul {
	/*margin-left: -40px;*/
	padding: 0;
}

	#slider ul.flex-direction-nav, #slider-mobile ul.flex-direction-nav {
		display: none;
	}

#carousel ul, #carousel-mobile {
	list-style: none;
}

	#carousel ul.flex-direction-nav li a.flex-prev, #carousel-mobile ul.flex-direction-nav li a.flex-prev {
		background: url('en/images/sprite.png') no-repeat scroll 0 -754px rgba(0, 0, 0, 0);
		left: -105px;
		padding-left: 10px;
		position: absolute;
		top: 0;
	}

	#carousel-mobile ul.flex-direction-nav li a.flex-prev {
		left: -72%;
		top: 10px;
	}

	#carousel ul.flex-direction-nav li a.flex-next, #carousel-mobile ul.flex-direction-nav li a.flex-next {
		background: url('en/images/sprite-right.png') no-repeat scroll 100% -61px rgba(0, 0, 0, 0);
		padding-right: 10px;
		position: absolute;
		right: -88px;
		top: 0;
	}

	#carousel-mobile ul.flex-direction-nav li a.flex-next {
		right: -43%;
		top: 10px;
	}

	#carousel ul.flex-direction-nav li a.flex-prev.flex-disabled, #carousel-mobile ul.flex-direction-nav li a.flex-prev.flex-disabled {
		background-position: 0 -713px;
		color: #666;
		cursor: default;
		text-decoration: none;
		outline: none;
	}

	#carousel ul.flex-direction-nav li a.flex-next.flex-disabled, #carousel-mobile ul.flex-direction-nav li a.flex-disabled {
		background-position: 100% -111px;
		color: #666;
		cursor: default;
		text-decoration: none;
		outline: none;
	}

	#carousel ul.flex-direction-nav li a.flex-prev.flex-disabled, #carousel-mobile ul.flex-direction-nav li a.flex-prev.flex-disabled, #carousel ul.flex-direction-nav li a.flex-next.flex-disabled, #carousel-mobile ul.flex-direction-nav li a.flex-disabled {
		display: none;
	}

	#carousel-mobile ul.flex-direction-nav li a.flex-prev, #carousel-mobile ul.flex-direction-nav li a.flex-next, #carousel ul.flex-direction-nav li a.flex-prev, #carousel ul.flex-direction-nav li a.flex-next {
		font-weight: bold;
		color: #005e8c;
	}

	#carousel-mobile ul.flex-direction-nav li a.flex-next, #carousel ul.flex-direction-nav li a.flex-next {
		/*text-transform: uppercase;*/
	}

	#carousel li.flex-active-slide, #carousel-mobile li.flex-active-slide {
		background: #fff;
		border: 1px solid #333;
	}

.table-pager .carousel-indicators li {
	width: 20px !important;
	height: 20px;
	line-height: 20px;
}

.tableCarouselMobile {
	border: 1px solid #d4e8f0;
	padding-bottom: 65px;
}

#slider-mobile ul.slides {
	margin-left: -41px;
}

#carousel-mobile {
	background: #f4f7f8;
	position: relative;
	min-height: 59px; /*margin: 0 1px;*/
}

	#carousel-mobile .flex-viewport {
		width: 100px;
		margin: -60px auto 0;
		text-align: center;
	}

	#carousel-mobile ul.flex-direction-nav {
		list-style: none;
	}

	#carousel-mobile ul.carousel-indicators {
		margin-top: 10px;
	}
/*.myaccount-current-page .wrap-account-details li {

	width: 48%;

	margin-right: 2%;

}*/



.myaccount-current-page .wrap-account-details li span.col-left-align {
	width: 33%;
	display: inline-block;
	padding: 0;
}

.myaccount-current-page .wrap-account-details li:nth-last-child(2) {
	/*border: none;*/
}

.wrap-cheque-form > ul li:last-child {
	border-top: 1px solid #c3d6dd;
}

	.wrap-cheque-form > ul li:last-child .pull-right {
		margin-top: 10px;
	}

.wrap-cheque-form a.request-status {
	padding: 10px 30px;
}

.table-manage-cards .wid-user-profile .dropdown-menu li a {
	background: none;
	padding-left: 0;
	text-decoration: none;
}

.table-manage-cards .dropdown-menu {
	box-shadow: 0 2px 13px rgba(0, 0, 0, 0.176);
}

.table-manage-cards .wid-user-profile .dropdown-menu-right {
	top: 2px;
}

.table-manage-cards td.tool-tip-sub:hover {
	cursor: pointer;
}

.table-manage-cards a.user-name {
	background: url('en/images/arrow-down.png') no-repeat;
	height: 20px;
	width: 20px;
	display: inline-block;
	float: right; /*margin-top: 2px;*/
}

.sidebar-menu ul li.loan-calc.active {
	background-position: 10px -638px;
}
/*..........151....................*/

.slider-wrap {
	margin: 15px 15px 28px;
	clear: both;
}

	.slider-wrap label {
		padding-bottom: 10px;
		font-weight: normal;
	}

.slider-change {
	width: 40%;
	float: left;
}

.slider-main {
	width: 236px;
	float: left;
	margin-top: 12px;
}

input.input-key {
	height: 28px;
	margin: 3px 10px 0;
	vertical-align: middle;
	width: 80px;
	padding-left: 10px;
}

.btn-lower, .btn-upper {
	width: 26px;
	height: 22px;
	border: none;
	vertical-align: middle;
}

.btn-upper {
	background: url(en/images/slider-img.png) no-repeat;
}

.btn-lower {
	background: url(en/images/slider-img.png) no-repeat 0 -22px;
}

.noUi-handle {
	background: url(en/images/slider-img.png) no-repeat 0 -44px;
	border: none;
	box-shadow: none;
}

	.noUi-handle:after, .noUi-handle:before {
		background: none;
	}

.noUi-horizontal {
	height: 7px;
}

	.noUi-horizontal .noUi-handle {
		top: -8px;
	}

.noUi-base {
	background: #03608d;
}

.noUi-origin {
	background: #fff;
}

.wid-calculator ul:first-child {
	margin-bottom: 20px;
}

.mytools-page .wid-calculator ul:first-child .pull-right {
	margin: 0;
}

.wid-calculator ul:first-child li {
	border-top: none;
	border-bottom: 1px solid #c3d6dd;
	padding-bottom: 14px;
	margin-top: 10px;
}

.wid-calculator .input-append.date .txt {
	width: 152px;
}

.wrap-cheque-form a.request-calculate {
	padding: 8px 52px;
}

.wrap-cheque-form a.request-open {
	padding: 7px 12px;
}

.wid-calculator ul:last-child li:last-child {
	border: none;
	margin: 0;
}

.wid-calculator ul:last-child li:nth-last-child(2) {
	border-top: 1px solid #c3d6dd;
	padding-top: 20px;
}

.sidebar-menu ul li.savings-calc.active {
	background-position: 10px -587px;
}

.mytools-page .wid-loan-calculator .wid-calculator li .pull-right {
	margin: 0 60px 10px 0;
}

	.mytools-page .wid-loan-calculator .wid-calculator li .pull-right:last-child {
		clear: both;
	}

.mytools-page .wid-loan-calculator .wrap-amount-pay li .pull-right:last-child {
	clear: none;
}

.mytools-page .wrap-profile-details .wrap-amount-pay li label {
	width: auto;
	margin-top: 7px;
}

ul.loan-calculate li {
	border: none;
}

.wrap-cheque-form ul.last-plan li {
	border: none;
}

.select-hide, .block-hide {
	display: none;
}

.wid-calculator .vehicle_select a.request-calculate, .wid-calculator .personal_select a.request-calculate {
	padding: 7px 62px;
}

.mytools-page .wid-calculator .wrap-select {
	width: 181px;
}

.mytools-page .wrap-amount-pay ul.loan-calculate li .pull-right {
	margin-right: 28px;
}

.mytools-page .wrap-amount-pay ul.loan-calculate li {
	border: none;
}

	.mytools-page .wrap-amount-pay ul.loan-calculate li input {
		width: 200px;
	}

span.one-mn {
	width: 51px;
}

.wrap-amount-range span.one-mn {
	width: auto;
}

.group-btn-new a.btn, .myaccount-current-page .wrap-account-details .wrap-group-buttons a.btn {
	width: 157px;
	padding: 2px 0;
	font-size: 11px;
}

.myaccount-current-page .wrap-account-details .wrap-group-buttons.count-five a.btn {
	width: 125px;
}

.myaccount-current-page .wrap-account-details .group-btn-new a.btn-custom {
	margin-right: 11px;
}

.myaccount-current-page .wrap-account-details .group-btn-new a.btn-custom-last {
	margin-right: 0;
}
/*---------250----------------*/

#slider-mobile li.itemList-top {
	margin: 0;
	padding: 15px 10px 0;
}

.secure-mail-slider li {
	width: 100%;
}

.wrap-group-action .profile-name h2 {
	margin-top: -12px;
}

.wrap-group-action {
	margin-bottom: 7px;
}

#request_loan {
	max-width: 750px;
}

	#request_loan .resp-tabs-container {
		text-align: center;
	}

	#request_loan p {
		margin-top: 35px;
	}

.wrap-secure-mail .table-curved tr.current td {
	background: #f4f7f8;
}

.wrap-secure-mail .table-curved td {
	word-wrap: break-word;
}

.wrap-secure-mail .table-curved a {
	text-decoration: none;
	color: inherit;
}

	.wrap-secure-mail .table-curved a:hover {
		opacity: .8;
	}

.wrap-profile-menu ul li.secure-mail.active {
	background-position: 15px -381px;
}

.ch-block {
	width: 10%;
	float: left;
}

.ch-block-right {
	width: 80%;
	float: left;
}

.wrap-profile-details .ch-block-right li.time {
	border: none;
	padding: 0;
	margin: 0;
}

	.wrap-profile-details .ch-block-right li.time span {
		/*float: right;*/
	}

.wrap-secure-mail #slider-mobile .flex-viewport {
	width: 100%;
}

.wrap-secure-mail #slider-mobile ul.slides {
	margin: 0;
}

.profile-edit-page .wrap-secure-mail {
	padding: 0;
	border: none;
}

.wrap-secure-mail #slider ul {
	margin: 0;
}

.wrap-secure-mail .table-responsive {
	width: 99%;
}

.wrap-secure-mail .table-curved {
	/*min-width: 491px;*/
}

.secure-right-btn {
	float: right;
}

	.secure-right-btn .btn-blue {
		float: left;
		clear: none;
		padding: 7px 20px 7px 45px;
		margin-left: 10px;
		font-size: 12px;
		background-repeat: no-repeat;
		background-position: 16px 8px;
	}
/* .wrap-group-action .btn_compose {
	background-image: url(en/images/btn_compose.png);
}
.wrap-group-action .btn_sent {
	background-image: url(en/images/btn_sent.png);
	background-position: 16px 10px;
}
.wrap-group-action .btn_delete {
	background-image: url(en/images/btn_delete.png);
} */
.page-tab-content .top-wrap {
	font-size: 12px;
	background: #566486;
	color: #fff;
	border-radius: 5px 5px 0 0;
}

.top-wrap .col-wrap-subject {
	width: 73%;
	float: left;
}

	.top-wrap .col-wrap-subject .col-from label {
		font-weight: normal;
		width: 45px;
		float: left;
	}

.col-receive-on label {
	font-weight: normal;
}

.top-wrap .col-wrap-subject .col-from span, .col-receive-on span {
	font-weight: bold;
}

.top-wrap .col-wrap-subject .col-from span {
	display: table-cell;
}

.top-wrap .col-receive-on {
	width: 27%;
	float: left;
}

	.top-wrap .col-receive-on span {
		display: block;
	}

.col-wrap-subject {
}

.bottom-wrap {
	background: #fff;
	border: 1px solid #ddedf3;
	padding: 22px;
	height: 194px;
	float: left;
	min-height: 1px;
	overflow-y: auto;
	width: 100%;
}

.wrap-customer-support .scrollable.default-skin {
	padding-right: 30px;
}

.wrap-customer-support .bottom-wrap .scroll-bar.vertical {
	background: none;
	width: 13px;
	right: 8px;
}

.wrap-customer-support .bottom-wrap .scroll-bar .thumb {
	background: url('en/images/scroll_img.png') no-repeat;
	opacity: 1;
}

a.btn-sc-reply {
	clear: none;
	float: right;
	margin-right: 10px;
	padding: 10px 26px;
}

.profile-edit-page .wrap-customer-support {
	border-radius: 0 0 5px 5px;
	border-top: none;
	padding-bottom: 0;
}
/*-------------faq------------------------*/

.wrap_account .faq-right {
	float: right;
}

.wrap-search-block input {
	width: 80%;
	height: 29px;
	/*border-radius: 5px;*/
	padding-left: 10px;
}

.wrap-search-block a.btn-blue {
	padding: 6px 15px;
	font-size: 12px;
}

.wrap-faq-block .wrap-profile-menu li {
	padding-left: 20px;
}

	.wrap-faq-block .wrap-profile-menu li:before {
		display: none;
	}

.wrap_accordion {
	float: left;
	width: 100%;
}

	.wrap_accordion h3, .wrap_accordion h3.ui-accordion-header {
		background: none;
		border: none;
		font-size: 20px;
		border-bottom: 1px solid #d6dde2;
		padding: 0.6em 0.5em 0.8em 2.2em;
	}

		.wrap_accordion h3.ui-accordion-header-active {
			border-bottom: none;
		}

.accordion_details {
	border: none;
	border-bottom: 1px solid #d6dde2;
}

.wrap_accordion .ui-icon {
	background: url('en/images/accordin_img.png') no-repeat left top;
	height: 23px;
	width: 23px;
}

.wrap_accordion .ui-state-active .ui-icon {
	background-position: 0 -23px;
}

.wrap_accordion .col-img {
	width: 40%;
	float: left;
}

.wrap_accordion .col-details {
	width: 60%;
	float: left;
}

.col-details, .col-details ul {
	padding-left: 20px;
}

	.col-details ul li {
		color: #666666;
		font-size: 13px;
		line-height: 15px;
		padding-bottom: 7px;
	}

.accordion_details a.link-generic {
	font-size: 12px;
	margin-left: 10px;
}
/*-------------sitemap--------------------*/

.wrap_account {
	width: 100%;
	float: left;
}

	.wrap_account ul {
		padding: 0;
		list-style: none;
	}

.wrap_account_left {
	width: 33.3%;
	float: left;
}

.wrap_account ul ul {
	list-style-type: disc;
	padding-left: 28px;
	padding-top: 10px;
	color: #99bfd1;
}

a.link-faq {
	background: none;
	padding: 0;
}

#compose-mail {
	max-width: 750px;
}

	#compose-mail .resp-tabs-container {
		min-height: 250px;
	}

	#compose-mail textarea {
		resize: none;
		height: 78px;
		border: 1px solid #e3e3e3;
		border-radius: 3px;
		padding: 8px;
	}

	#compose-mail input, #compose-mail textarea {
		width: 326px;
	}

.wrap_account ul.wrap-my-profile {
	width: 45%;
	float: left;
}

a.profile_update {
	float: left;
}

.default-datepicker .datepicker td.day.disabled {
	color: #ccc;
}

.datepicker td.day.disabled:hover {
	background: none;
	cursor: default;
}

.col-left-iban strong {
	font-size: 10px;
}

.wrap-to .input-txt.in-acc-num {
	font-size: 11px;
}

#eStatement .scrollable .viewport .overview {
	overflow: visible;
}

a.svn_su {
	font-size: 11px;
	text-decoration: underline;
	font-style: italic;
}

.wid-calculator .monthly-savings ul:last-child li:nth-last-child(3) {
	border-top: 1px solid #c3d6dd;
	padding-top: 20px;
}

.wid-calculator .monthly-savings ul:last-child li:nth-last-child(2) {
	border-top: none;
	padding-top: 0px;
}
/*---------200---------------*/

.col-no-pad {
	padding-top: 0;
}

.col-investment {
	padding-bottom: 10px;
}

.sidebar-menu ul li.brok-reg.active {
	background-position: 10px -680px;
}

.mytools-page .wrap-brokerage-registration {
	padding: 15px;
}

	.mytools-page .wrap-brokerage-registration .col-top-blck ul {
		margin: 10px 0 0 0;
		width: 100%;
	}

	.mytools-page .wrap-brokerage-registration .col-top-blck li {
		width: 50%;
		float: left;
		margin-top: 10px;
	}

.col-top-blck {
	padding: 12px 0;
	border-bottom: 1px solid #c3d6dd;
}

	.col-top-blck input {
		margin-right: 2px;
		margin-top: -2px;
		vertical-align: middle;
	}

	.col-top-blck .wrap-inputs {
		float: left;
		width: 100%;
	}

.mytools-page .wrap-brokerage-registration .col-center-block ul {
	width: 95%;
}

.mytools-page .wrap-brokerage-registration .col-center-block li, .mytools-page .wrap-brokerage-registration .col-center-block .col-investment label {
	width: 100%;
}

.mytools-page .wrap-brokerage-registration .col-center-block .input-txt, .mytools-page .wrap-brokerage-registration .col-center-block .wrap-select, .mytools-page .wrap-brokerage-registration .col-center-block .col-investment {
	width: 235px;
}

.mytools-page .wrap-brokerage-registration .col-center-block .input-txt-two {
	width: 181px;
}

.col-center-block .wrap-checkboxes label {
	float: none;
}

.wid-sv-calc ul:first-child {
	margin-bottom: 10px;
}

#searchBenifbankInfo .slider {
	float: left;
	width: 100%;
}

	#searchBenifbankInfo .slider li {
	}

.landing-accounts #searchBenifbankInfo .table-pager {
	float: none;
	width: 100px;
}

.page-tab-content {
	margin-bottom: 25px;
}

	.page-tab-content .wrap-branch-locator {
		padding: 0;
	}

.sidebar-menu ul li.branch-atm.active {
	background-position: 10px -733px;
}

.wrap-map {
	clear: both;
	height: 540px;
}

.wrap-top-branch .wrap-select {
	margin-right: 10px;
	margin-bottom: 10px;
}

.Flexible-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 540px;
	overflow: hidden;
}

	.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.new-transfer .when .input-append.date {
	float: right;
	margin-right: 69px;
}

#addNewbenif .tab-navigation .btn-cancel-two {
	margin-right: 10px;
	margin-top: 0px;
}

.wrapper-bill-payments .from {
	/*width: 101%;*/
}

.new-transfer .when .input-append.date {
	margin: 5px 0 0;
}

.wrap-new-transfer-content li.when label.for-calender {
	margin-bottom: 33px;
}

.row .btm-widgets:nth-child(2) {
	margin-bottom: 20px;
}

#monthly-bill .table > thead > tr > th {
	text-align: center;
}

.wrap-form-control .form-control-forgot span.custom-selected {
	width: 214px;
}

label.full-wid {
	width: 100%;
	clear: both;
}

p.pad-top {
	padding-top: 5px;
	margin-bottom: 0;
	clear: both;
}

.hide-block {
	display: none;
}

label.pad-top-two {
	padding-top: 20px;
}

.col-margin {
	margin-top: 10px;
}

.wrap-supply-card {
	padding-top: 15px;
	margin-bottom: 10px;
}

.pad-top-last {
	padding-top: 20px;
	clear: both;
}

#addNewbenif ul#tab li.res-tab-flow {
	overflow: visible;
}

.wrap-to .input-iban {
	font-size: 11px;
}

.my-account-popup .input-iban {
	font-size: 9px;
}

input.input-iban {
	font-size: 9px;
}

.wrap-new-transfer-content li.when label.now-wrap {
	margin-right: 0;
}

.new-transfer .when .input-append.wrap-cal {
	float: left;
}

.wrap-top-branch ul {
	margin-bottom: 0;
}

.tab-navigation-two {
	margin-top: 20px;
}

.wrap-right-btn {
	width: 100%;
}

	.wrap-right-btn .btn {
		float: right;
		margin-left: 10px;
		margin-right: 0;
	}

.wrap-transaction-form ul li.wrapper-go a.btn-go-two {
	float: right;
}
/* Fixes by Praveen Vincent*/

.wrap_account_left > h3 {
	margin-top: 5px;
}

div#logout-confirm-popup .wrap-products > p, .log-out-state .wrap-products > p {
	font-size: 13px;
	font-weight: normal;
}

.wrapper-mobile-access-two {
	height: 426px;
}

.payment_personal {
	float: left;
	min-height: 1px;
}

#add-new-payee-step1 .resp-tabs-container ul {
	width: 100%;
}

input:focus, select:focus, a:focus, textarea:focus {
	/*outline: 1px solid #6a9cc9!important; CIB-Change*/
}

input[disabled] {
	background: #e1e1e1 !important;
}

#searchBenifbankInfo ul.flex-direction-nav {
	margin: 0;
}


.table-dashboard .table > thead > tr > th, .table-dashboard .table > tbody > tr > th, .table-dashboard .table > tfoot > tr > th, .table-dashboard .table > thead > tr > td, .table-dashboard .table > tbody > tr > td, .table-dashboard .table > tfoot > tr > td, .table-dashboard .table-curved {
	border-color: transparent;
}

/* .custom-selected.input-validation-error{
  border: 1px solid #ffa2a2;
  background: #FFE6E6;
} */
.wrap-select.wrap-input-validation-error {
	border: 1px solid #ffa2a2;
	background-color: #FFE6E6;
}

.wrap-input-validation-error .custom-selected {
	background-color: transparent;
}

ul.alert-critical-red, .alert-critical-red ul, dl.alert-critical-red, .alert-critical-red dl {
	list-style: disc inside;
	padding: 0;
}

​ .page-tabs > ul > li .dropdown-menu li a {
	margin-bottom: 1px;
}

.ie8 .wrap-identification li, .ie8 .form-profile-contact li {
	width: 100%;
}

@media all and (-ms-high-contrast:none) {
	.page-tabs > ul > li .dropdown-menu li a {
		margin-bottom: 1px;
	}
}

.logout-screen .mfp-bg {
	opacity: .95;
}

.table-manage-cards .table-curved {
	font-size: 11px;
}

/* Sticky footer styles
-------------------------------------------------- */
.table > thead > tr > th, .wrap-profile-menu .active.profile, td.center-button {
	background: #8B2346 !important;
}

#Sticky-footer {
	bottom: 0;
	position: fixed;
	width: 100%;
}

#btnCancel {
	margin-left: 5px;
}

.padding-margin-10 {
	margin: 10px;
	padding: 10px;
}

.link-lightgray {
	color: #ccc;
	margin-left: 5px;
}

.btnLogin-align {
	margin-left: 110px;
}

.grid-message {
	font-weight: bold;
	text-align: center;
}

.dashboard-height {
	height: 352px;
}

.amountrange-btn {
	float: left;
	margin-top: 23px;
}

@media(max-width:768px) {
	#Sticky-footer {
		bottom: 0;
		position: relative;
		width: 100%;
	}

	.grid-message {
		margin-bottom: 0px;
		margin-top: 0px;
		font-weight: bold;
		text-align: left;
		margin-left: 0px;
	}

	.dashboard-height {
		height: 100%;
	}

	.amountrange-btn {
		float: left;
	}
}

.btn-success {
	color: #fff;
	background-color: #8b2346;
	border-color: #8b2346;
	/*font-size: 18px;
		padding: 2px 10px;
	font-family: 'TanseekModernProArabicBold', calibri;*/
}

	.btn-success .glyphicon {
		font-size: 14px;
		/*margin-bottom: 8px;*/
	}

.btn-danger {
	color: #fff;
	background-color: #8B2346;
	border-color: #8B2346;
	/*font-size: 18px;
		padding: 2px 10px;
	font-family: 'TanseekModernProArabicBold', calibri;*/
}

	.btn-danger .glyphicon {
		font-size: 14px;
		/*margin-bottom: 8px;*/
	}

.cbq-color-items {
	/*	border: 1px solid #d6dde2;*/
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 3px;
	padding: 8px;
	margin-right: 10px;
	float: left;
	padding-bottom: 3px;
	padding-top: 4px;
	/*background: #fff;*/
}

.cursor {
	cursor: pointer;
}

.LightBlue {
	color: #8B2346;
	border: 2px #FFF solid;
	border-radius: 50%;
}

.Dawn {
	color: #a30c43;
	border: 2px #FFF solid;
	border-radius: 50%;
}

.Dusk {
	color: #531779;
	border: 2px #FFF solid;
	border-radius: 50%;
}

.DarkBlue {
	color: #0f447b;
	border: 2px #FFF solid;
	border-radius: 50%;
}

.Sadara {
	color: #414384;
	border: 2px #FFF solid;
	border-radius: 50%;
}

.Private {
	color: #727070;
	border: 2px #FFF solid;
	border-radius: 50%;
}

.WhiteColor {
	color: #ffffff !important;
}

.green {
	color: green;
}

.red {
	color: red;
}

.grid-header-h3 {
	font-size: large;
	margin-top: 29px;
	margin-right: 10px;
}

.grid-header-left {
	font-size: inherit;
	margin-top: 0px;
	margin-left: 8px;
	font-weight: bold;
}

.nav-history {
	margin: 0px;
	margin-right: 10px;
	color: #ccc;
	padding: 7px;
}

.btn-summary {
	margin-top: 2px;
	margin-left: 6px;
	font-size: 20px;
	color: rgb(220, 223, 224);
}

	.btn-summary a {
		padding: 10px;
	}

.header-icon {
	margin-top: 11px;
	margin-left: 6px;
	font-size: 19px;
	color: #8B2346;
}

	.header-icon a {
		color: #fff;
	}

.span-fontsize {
	font-size: 25px;
}

.iconInfo {
	font-size: 13px;
	float: right;
	margin-top: 8px;
}

.collapseIconInfo {
	font-size: 13px;
	margin-top: 20px;
	color: rgb(102, 102, 102);
}

.tabHeaderItems {
	padding: 5px;
	margin-right: 8px;
}

#page-tab-content-grid {
	margin-top: 0;
	border-radius: 1px 5px 0px 5px;
	-webkit-border-radius: 1px 5px 0px 5px;
	-moz-border-radius: 1px 5px 0px 5px;
}

.bs-example {
	margin: 0px;
}

.vertical-center {
	min-height: 100%;
	min-height: 0vh;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.full-width-tabs {
	border: 1px solid #D6DDE2;
	border-radius: 5px;
	margin-right: 10px;
	float: left;
	background: none repeat scroll 0% 0% #FFF;
	width: 100%;
}

	.full-width-tabs > ul.nav.nav-tabs {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-bottom: 1px solid #F2F2F2;
		background-color: rgb(249, 247, 247);
		font-size: 15px;
	}

		.full-width-tabs > ul.nav.nav-tabs > li {
			float: none;
			display: table-cell;
			border-right: 1px rgba(51, 51, 82, 0.31) solid;
		}

			.full-width-tabs > ul.nav.nav-tabs > li > a {
				text-align: left;
				margin-left: -1px;
				margin-right: 0px;
				margin-bottom: -1px;
				/*padding: 15px;*/
				font-family: 'TanseekModernProArabicBold', calibri;
				font-size: 22px;
				padding: 7px;
			}

.take-all-space-you-can {
	width: 100%;
}

.tab-content {
	padding: 15px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #FFF;
	cursor: default;
	border-radius: 0 0 0 0;
	background-color: #8B2346; /*#140653;*/
	border: 1px solid #8B2346; /*#120451;*/
	border-bottom-color: transparent;
}

.text-wrap {
	word-wrap: break-word;
}

#panel-body-bg {
	background-color: rgba(249, 247, 247, 0.74);
}

.margin-top-panel {
	margin-top: 10px;
}

.acc-rights-lbl {
	font-size: 14px;
}

	.acc-rights-lbl label {
		margin-left: 18px;
		padding: 10px;
	}

.corp-header-txt {
	text-align: left;
	color: #fff;
	font-size: 12px;
}

.saveandclose {
	float: right;
	margin-right: 10px;
}

#dashboard-panel {
	background-color: rgba(120, 120, 120, 0.17);
	color: #585454;
}

.email-box {
	width: 400px;
	padding: 4px;
}

	.email-box img {
		width: 39px;
		margin-right: 5px;
	}

.user-widget {
	width: 100%;
	padding: 14px;
}

	.user-widget img {
		width: 39px;
		margin-right: 14px;
	}

.email-box-icon {
	font-size: 21px;
	color: rgba(240, 248, 255, 0.81);
}

.sel-corp-remove {
	font-size: 12px;
}

.badge-count {
	background: red;
	position: relative;
	top: -12px;
	right: 18px !important;
	margin-right: -15px !important;
}

.badge-summary {
	background: #007AFF;
	position: relative;
	/*top: -12px;*/
	left: -13px;
}

@media only screen and (max-width: 800px) {
	/* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
		display: block;
	}

		/* Hide table headers (but not display: none;, for accessibility) */
		#no-more-tables thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

	#no-more-tables tr {
		border: 1px solid #ccc;
	}

	#no-more-tables td {
		/* Behave like a 'row' */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align: left;
	}

		#no-more-tables td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
			text-align: left;
			font-weight: bold;
		}

		/*
		Label the data
		*/
		#no-more-tables td:before {
			content: attr(data-title);
		}
}
/* teb text for mobile
.tabmobiletextview {
	display: block;
}
@media (max-width: 600px) {
	.tabmobiletextview {
		display: none;
	}
}*/


/* -------------------------------- 

Header - not needed in production

-------------------------------- */
.cd-main-header {
	height: 170px;
	line-height: 170px;
	text-align: center;
}

	.cd-main-header h1 {
		color: #ffffff;
		font-weight: 300;
		font-size: 2rem;
	}

@media only screen and (min-width: 1024px) {
	.cd-main-header {
		height: 220px;
		line-height: 220px;
	}

		.cd-main-header h1 {
			font-size: 2.6rem;
		}
}

/* -------------------------------- 

Pricing tables 

-------------------------------- */
.cd-pricing {
	width: 90%;
	max-width: 280px;
	margin: 0 auto;
	text-align: center;
}

	.cd-pricing > li {
		position: relative;
		margin: 0 auto 2.5em;
		background-color: #ffffff;
		border-radius: .3em .3em .25em .25em;
		box-shadow: 0 2px 8px rgba(2, 4, 5, 0.5);
	}

		.cd-pricing > li.empty-box {
			box-shadow: none;
		}

			.cd-pricing > li.empty-box::after {
				/* placeholder visible when .cd-form is open - in this case same color of the background */
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: #0f222b;
			}

@media only screen and (min-width: 768px) {
	.cd-pricing {
		max-width: 1000px;
	}

		.cd-pricing > li {
			width: 32%;
			float: left;
			margin-right: 2%;
			margin-bottom: 0;
		}

			.cd-pricing > li:last-of-type {
				margin-right: 0;
			}
}

@media only screen and (min-width: 1024px) {
	.cd-pricing > li {
		width: 28.0%;
		float: left;
		margin-right: 8%;
	}
}

.cd-pricing-header {
	padding: 1.3em 1em;
	background-color: #95ac5f;
	border-radius: .25em .25em 0 0;
	box-shadow: inset 0 1px 0 #c1cfa2;
	color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

	.cd-pricing-header h2, .cd-pricing-header .cd-price {
		line-height: 1.2;
	}

	.cd-pricing-header h2 {
		font-size: 2rem;
		margin-bottom: 0.15em;
	}

	.cd-pricing-header .cd-price {
		display: inline-block;
		font-weight: bold;
	}

		.cd-pricing-header .cd-price::after {
			clear: both;
			content: '';
			display: table;
		}

	.cd-pricing-header span {
		float: left;
	}

		.cd-pricing-header span:nth-of-type(2) {
			color: #c1cfa2;
		}

			.cd-pricing-header span:nth-of-type(2)::before {
				content: '/';
			}

@media only screen and (min-width: 768px) {
	.cd-pricing-header h2 {
		font-size: 2.6rem;
	}
}

.cd-pricing-features {
	padding: 2.8em 1em 2.5em;
}

	.cd-pricing-features li {
		line-height: 1.5;
		margin-bottom: .4em;
	}

		.cd-pricing-features li:last-of-type {
			margin-bottom: 0;
		}

	.cd-pricing-features em {
		position: relative;
		padding-left: 28px;
	}

		.cd-pricing-features em::before {
			/* this is the icon (check or cross) next to the plan feature */
			position: absolute;
			content: '';
			left: 0;
			top: 50%;
			bottom: auto;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
			height: 24px;
			width: 24px;
			background: url(../img/cd-icons-plan.svg) no-repeat -24px 0;
		}

	.cd-pricing-features .available em::before {
		background-position: 0 0;
	}

.cd-pricing-footer {
	padding-bottom: 1.7em;
}

	.cd-pricing-footer a {
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
	}

.empty-box .cd-pricing-footer a {
	/* scale down to 0 the action button when sign up form is visible */
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

/* -------------------------------- 

Form 

-------------------------------- */
.cd-form {
	position: relative;
	z-index: 2;
	background-color: #ffffff;
	border-radius: .25em;
	visibility: visible;
	-webkit-transition: visibility 0s 0.8s;
	-moz-transition: visibility 0s 0.8s;
	transition: visibility 0s 0.8s;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
}

	.cd-form::before {
		/* never visible - this is used in jQuery to check the current MQ */
		display: none;
		content: 'mobile';
	}

	.cd-form::after {
		/* gradient visible at the bottom of the form - to indicate it's possible to scroll */
		content: '';
		/* position: absolute;*/
		bottom: 0;
		right: 0;
		height: 30px;
		width: 100%;
		border-radius: 0 0 .25em .25em;
		background-color: rgba(255, 255, 255, 0);
		background-image: -webkit-linear-gradient(bottom, white, rgba(255, 255, 255, 0));
		background-image: linear-gradient(to top,white, rgba(255, 255, 255, 0));
		pointer-events: none;
	}

	.cd-form .cd-plan-info {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		text-align: center;
	}

		.cd-form .cd-plan-info > * {
			width: 100%;
		}

	.cd-form .cd-pricing-features {
		position: relative;
		-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
		-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
		transition: opacity 0.3s 0s, visibility 0s 0s;
	}

		.cd-form .cd-pricing-features::before {
			/* this is the layer which covers the .cd-pricing-features when the form is open - visible only on desktop */
			content: '';
			position: absolute;
			/* fix a bug while animating - 1px white space visible */
			top: -5px;
			left: 0;
			height: calc(100% + 5px);
			width: 100%;
			background-color: #95ac5f;
			will-change: transform;
			-webkit-transform: scaleY(0);
			-moz-transform: scaleY(0);
			-ms-transform: scaleY(0);
			-o-transform: scaleY(0);
			transform: scaleY(0);
			-webkit-transform-origin: center top;
			-moz-transform-origin: center top;
			-ms-transform-origin: center top;
			-o-transform-origin: center top;
			transform-origin: center top;
			-webkit-transition: -webkit-transform 0.6s 0.2s;
			-moz-transition: -moz-transform 0.6s 0.2s;
			transition: transform 0.6s 0.2s;
		}

	.cd-form .cd-pricing-footer {
		display: none;
	}

	.cd-form .cd-more-info {
		position: absolute;
		z-index: 1;
		height: 100%;
		width: 210px;
		bottom: 0;
		left: 0;
		padding: 285px 1.8em 2em;
		background-color: #f2f2f2;
		border-radius: .25em 0 0 .25em;
		/* hidden on mobile */
		display: none;
		-webkit-transition: opacity 0.6s;
		-moz-transition: opacity 0.6s;
		transition: opacity 0.6s;
	}

		.cd-form .cd-more-info h3 {
			line-height: 2;
		}

		.cd-form .cd-more-info p {
			font-size: 1.3rem;
			color: #999999;
			line-height: 1.6;
		}

	.cd-form form {
		padding-top: 90px;
		height: 100%;
		overflow: visible;
	}

		.cd-form form.is-scrollable {
			overflow-y: auto;
		}

	.cd-form fieldset {
		opacity: 1;
		margin: 1.5em 2em;
		/* Force Hardware Acceleration in WebKit */
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: visible;
		backface-visibility: visible;
		will-change: transform;
		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-o-transform: translateY(50px);
		transform: translateY(50px);
		-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
		-moz-transition: opacity 0.2s, -moz-transform 0.2s;
		transition: opacity 0.2s, transform 0.2s;
	}

		.cd-form fieldset > div,
		.cd-form fieldset .cd-credit-card > div {
			padding-top: 1.2em;
		}

		.cd-form fieldset > .cd-credit-card {
			padding-top: 0;
		}

		.cd-form fieldset div::after {
			clear: both;
			content: '';
			display: table;
		}

		.cd-form fieldset:last-of-type > div {
			padding-top: 0;
		}

	.cd-form legend {
		width: 100%;
		font-size: 2.3rem;
		line-height: 1.2;
		padding-bottom: 0.3em;
		border-bottom: 1px solid #e5e5e5;
	}

	.cd-form input[type='radio'],
	.cd-form label {
		cursor: pointer;
	}

	.cd-form label {
		font-size: 1rem;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #b2b2b2;
	}

	.cd-form input[type='radio'] + label {
		color: #0f222b;
	}

	.cd-form input[type='text'],
	.cd-form input[type='email'],
	.cd-form input[type='password'],
	.cd-form select {
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none;
		height: 45px;
		border: 2px solid #e5e5e5;
		border-radius: 0;
		background: transparent;
	}

		.cd-form input[type='text']:focus,
		.cd-form input[type='email']:focus,
		.cd-form input[type='password']:focus,
		.cd-form select:focus {
			outline: none;
			border-color: #95ac5f;
		}

	.cd-form input[type='text'],
	.cd-form input[type='email'],
	.cd-form input[type='password'] {
		width: 100%;
		display: block;
		margin-top: 6px;
		padding: 0 16px;
	}

	.cd-form select {
		padding: 0 25px 0 15px;
		font-size: 1.4rem;
	}

		.cd-form select::-ms-expand {
			/* remove default arrows in IE */
			display: none;
		}

	.cd-form .cd-credit-card b {
		display: block;
	}

	.cd-form .cd-credit-card p {
		padding-bottom: 0.5em;
	}

		.cd-form .cd-credit-card p:last-of-type {
			width: 100px;
		}

	.cd-form .cd-select {
		display: inline-block;
		position: relative;
		margin-top: 6px;
	}

		.cd-form .cd-select::after {
			/* arrow icons */
			content: '';
			position: absolute;
			top: 50%;
			bottom: auto;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
			right: 10px;
			height: 6px;
			width: 10px;
			background: url(../img/cd-icon-arrow.svg) no-repeat center center;
			pointer-events: none;
		}

	.cd-form .cd-close {
		/* 'X' close icon */
		position: absolute;
		z-index: 2;
		right: 0;
		top: 0;
		height: 40px;
		width: 40px;
		background: url(../img/cd-icon-close.svg) no-repeat center center;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		-webkit-transition: -webkit-transform 0.2s;
		-moz-transition: -moz-transform 0.2s;
		transition: transform 0.2s;
		/* image replacement */
		overflow: visible;
		text-indent: 100%;
		white-space: nowrap;
		color: transparent;
	}

	.cd-form.is-visible {
		/* form is visible */
		visibility: visible;
		-webkit-transition: visibility 0s 0s;
		-moz-transition: visibility 0s 0s;
		transition: visibility 0s 0s;
	}

		.cd-form.is-visible .cd-pricing-features {
			/* desktop only */
			opacity: 1;
			visibility: visible;
			-webkit-transition: opacity 0.6s 0s, visibility 0s 0.8s;
			-moz-transition: opacity 0.6s 0s, visibility 0s 0.8s;
			transition: opacity 0.6s 0s, visibility 0s 0.8s;
		}

		.cd-form.is-visible form {
			-webkit-overflow-scrolling: touch;
		}

		.cd-form.is-visible fieldset {
			opacity: 1;
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0);
			-webkit-transition: -webkit-transform 0.3s 0.6s, opacity 0.3s 0.6s;
			-moz-transition: -moz-transform 0.3s 0.6s, opacity 0.3s 0.6s;
			transition: transform 0.3s 0.6s, opacity 0.3s 0.6s;
		}

			.cd-form.is-visible fieldset:nth-of-type(2) {
				/* delay second fieldset animation */
				-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
				-moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
				transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
			}

			.cd-form.is-visible fieldset:nth-of-type(3) {
				/* delay second fieldset animation */
				-webkit-transition: -webkit-transform 0.3s 0.8s, opacity 0.3s 0.8s;
				-moz-transition: -moz-transform 0.3s 0.8s, opacity 0.3s 0.8s;
				transition: transform 0.3s 0.8s, opacity 0.3s 0.8s;
			}

		.cd-form.is-visible .cd-close {
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
			-webkit-transition: -webkit-transform 0.3s 0.8s;
			-moz-transition: -moz-transform 0.3s 0.8s;
			transition: transform 0.3s 0.8s;
		}

@media only screen and (min-width: 768px) {
	.cd-form::before {
		/* never visible - this is used in jQuery to check the current MQ */
		content: 'desktop';
	}

	.cd-form .cd-pricing-header {
		border-radius: .25em 0 0 0;
	}

	.cd-form .cd-pricing-features {
		-webkit-transition: padding 0.3s 0.2s;
		-moz-transition: padding 0.3s 0.2s;
		transition: padding 0.3s 0.2s;
	}

	.cd-form .cd-more-info {
		display: block;
		opacity: 1;
	}

	.cd-form form {
		padding: 0 0 0 210px;
	}

	.cd-form .half-width {
		width: 48%;
		float: left;
		margin-right: 4%;
	}

		.cd-form .half-width:nth-of-type(2n) {
			margin-right: 0;
		}

	.cd-form input[type='submit'] {
		float: right;
	}

	.cd-form .cd-close {
		/* move close icon outside the form container */
		top: -40px;
		right: -5px;
	}

	.cd-form.is-visible .cd-pricing-features {
		padding-top: 0;
		opacity: 1;
		visibility: visible;
		-webkit-transition: padding 0.3s;
		-moz-transition: padding 0.3s;
		transition: padding 0.3s;
	}

		.cd-form.is-visible .cd-pricing-features::before {
			-webkit-transform: scaleY(1);
			-moz-transform: scaleY(1);
			-ms-transform: scaleY(1);
			-o-transform: scaleY(1);
			transform: scaleY(1);
			-webkit-transition: -webkit-transform 0.4s 0s;
			-moz-transition: -moz-transform 0.4s 0s;
			transition: transform 0.4s 0s;
		}

	.cd-form.is-visible .cd-more-info {
		opacity: 1;
	}
}

@media only screen and (min-width: 1024px) {
	.cd-form .cd-credit-card p:nth-of-type(2) {
		width: 25%;
		margin-right: 4%;
	}

	.no-csstransitions .cd-form .cd-credit-card p:nth-of-type(2) {
		width: 48%;
		margin-right: 0;
	}

	.cd-form .cd-credit-card p:nth-of-type(3) {
		width: 19%;
		margin-right: 0;
	}
}

/* -------------------------------- 

Buttons 

-------------------------------- */
.cd-pricing-footer a, .cd-form input[type='submit'] {
	display: inline-block;
	padding: 1em 1.8em;
	border-radius: 50em;
	text-transform: uppercase;
	font-size: 1.3rem;
	font-weight: bold;
}

.cd-pricing-footer a {
	border: 1px solid rgba(223, 79, 113, 0.4);
	color: #df4f71;
}

.cd-form input[type='submit'] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-color: #df4f71;
	color: #ffffff;
	border: none;
	cursor: pointer;
}

/* -------------------------------- 

Shadow layer 

-------------------------------- */
.cd-overlay {
	/* shadow layer visible when navigation is open */
	position: fixed;
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(15, 34, 43, 0.8);
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.6s 0.2s, visibility 0s 0.8s;
	-moz-transition: opacity 0.6s 0.2s, visibility 0s 0.8s;
	transition: opacity 0.6s 0.2s, visibility 0s 0.8s;
}

	.cd-overlay.is-visible {
		opacity: 1;
		visibility: visible;
		-webkit-transition: opacity 0.8s 0s, visibility 0s 0s;
		-moz-transition: opacity 0.8s 0s, visibility 0s 0s;
		transition: opacity 0.8s 0s, visibility 0s 0s;
	}

/*Forgot Password and UserID*/
.verification {
	padding-left: 10px;
	padding-right: 10px;
}

.verification-row {
	border: 1px solid #C1C1C1;
}

.verification-col3 {
	padding: 26px 0px 0 20px;
}

.verification-li {
	margin-bottom: 10px;
}

.verification-icon {
	font-size: 15px;
}

.verification-col6 {
	background-color: #f2f2f2;
	padding-left: 23px;
	padding-bottom: 20px;
}

.verification-next {
	padding-left: 39px;
}

.verification-success {
	padding: 35px 0px 0 0;
	height: 242px;
	text-align: center;
}

.success-icon {
	font-size: 50px;
}

.tab-header-txt {
	font-weight: bolder;
	font-size: 24px;
	margin-left: 4px;
}
/*Forgot password toggle button*/
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #084E81;
	border-color: #8B2346;
}

.btn-primary {
	color: #fff;
	background-color: #8B2346;
	border-color: #8B2346;
}

/*body background class*/
.body-backgrond {
	color: #fff;
	background: url(en/images/header-bg.jpg) repeat-x center top;
	background-size: cover;
	height: 150px;
}

.success-icon {
	color: #9BFA9D;
}

.redirect-login {
	color: #56AFEB;
}

	.redirect-login:hover {
		color: rgb(68, 147, 233);
	}


/*Forgot password toggle button*/
.btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #8B2346;
	border-color: #8B2346;
}

.btn-primary:active {
	color: #fff;
	background-color: #3B0F57;
	border-color: #8B2346;
}

.btn-primary:hover {
	color: #222;
	background-color: #DBD9DD;
	border-color: #DBD9DD;
}

.btn-primary {
	/*color: #fff;
	background-color: #531779;
	border-color: #531779;*/
	color: #4B4747;
	background-color: #DBD9DD;
	border-color: #DBD9DD;
}

.pager li > a:hover, .pager li > a:focus {
	text-decoration: none;
	background-color: #2479C9;
}

.pager li > a, .pager li > span {
	display: inline-block;
	padding: 7px 12px;
	background-color: #8B2346;
	border: 1px solid #ddd;
	color: #fff;
	border-radius: 5px;
	/*font-size: 18px;    
	font-family: 'TanseekModernProArabicBold', calibri;*/
}

.pager .fa, .pager .glyphicon {
	font-size: 13px;
}

.pager li > a.bg-danger:hover, .pager li > a.bg-danger:focus {
	text-decoration: none;
	background-color: #a94442;
}

.pager li > a.bg-clear:hover, .pager li > a.bg-clear:focus {
	text-decoration: none;
	background-color: #FF9900;
}

.text-forMobile {
	font-size: 0px;
}

#btn-block {
	font-size: 12px;
	font-family: Arial, sans-serif,'Helvetica Neue', Helvetica;
}

.no-more-tables {
	padding: 14px;
}

.v-center {
	vertical-align: middle;
}

/*.isMobile {
	display: block !important;
}

.isNotMobile {
	display: none !important;
}*/

.lang-toggle {
	padding: 6px 0px;
	margin-top: 8px;
	margin-right: 9px;
	margin-bottom: 8px;
}

#new-navbar {
	margin-left: -9px;
	margin-top: -7px;
}

#new-lihome {
	background: none;
}

#new-navhome {
	font-size: 16px;
	background-color: transparent;
	padding: 6px 14px 5px 0px;
}

#new-navemail {
	margin-top: 4px;
}

#nav-emaildiv {
	margin-top: 1px;
	margin-right: -16px;
}

#nav-emaila {
	font-size: 16px;
	background-color: transparent;
	padding: 6px 14px 5px 0px;
}

#nav-langToggle {
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 21px;
}

#nav-userWidget {
	margin-top: 0px;
	background: none;
}

#div-userWidget {
	margin-top: 0px;
}

#a-userWidget {
	background-color: transparent;
	margin-left: -8px;
}

#ul-userWidget {
	margin-left: 17px;
}

#div-cntWidget {
	/*margin-left: -11px;*/
}

#cnt-userWidget {
	float: left;
	color: #E4E2E2;
}

#checkbox-tabs {
	text-align: right;
	margin-top: -3px;
	margin-right: 5px;
}

#textleft-tabs {
	text-align: left;
}

.chkicon-tabs {
	float: right;
	font-size: 17px;
}

.verify-icon {
	color: #07960A;
	font-size: 50px;
}

.remove-icon {
	color: #a94442;
	font-size: 50px;
}

.warning-icon {
	color: #FF9900;
	font-size: 50px;
}

.confirm-icon {
	color: #076096;
	font-size: 50px;
}

.info-icon {
	color: #076096;
	font-size: 50px;
}

.checkuncheck {
	margin-top: -30px;
}

	.checkuncheck a {
		font-size: 17px;
		cursor: pointer;
	}

.chk-active {
	color: rgb(38, 189, 38);
}

.chk-pending {
	color: red;
}

.a-corporategrp {
	margin: 5px;
}


/*Strat: typeahead - scrollable dropdown menu*/
/*#scrollable-dropdown-menu .tt-dataset {
  max-height: 150px;
  overflow-y: auto;
}

#user-dropdown-menu .tt-dropdown-menu {
  max-height: 150px;
  overflow-y: auto;
}*/

/*Start: create group section */
.add-group {
	margin-top: -10px;
}

.add-corporate {
	font-size: 19px;
	padding: 10px;
}


.center-box {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.landing-box {
	background-color: rgba(0, 0, 0, 0.15);
	padding: 0px 24px 10px 24px;
	height: 260px;
}

	.landing-box h2 {
		color: #FBFAFA;
	}

	.landing-box p {
		color: #ECECEC;
	}

	.landing-box .arrow {
		margin-top: -2px;
	}

.carousel-indicators {
	bottom: -34px;
}

#landing-box1 {
	animation-duration: 2s !important;
	-webkit-animation-duration: 2s !important;
	-moz-animation-duration: 2s !important;
	-o-animation-duration: 2s !important;
}

#landing-box2 {
	animation-duration: 2s !important;
	-webkit-animation-duration: 2s !important;
	-moz-animation-duration: 2s !important;
	-o-animation-duration: 2s !important;
	animation-delay: 1s !important;
	-webkit-animation-delay: 1s !important;
	-moz-animation-delay: 1s !important;
	-o-animation-delay: 1s !important;
}

#landing-box3 {
	animation-duration: 2s !important;
	-webkit-animation-duration: 2s !important;
	-moz-animation-duration: 2s !important;
	-o-animation-duration: 2s !important;
	animation-delay: 2s !important;
	-webkit-animation-delay: 2s !important;
	-moz-animation-delay: 2s !important;
	-o-animation-delay: 2s !important;
}


/*table pagination and dropdown*/
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background-color: #8B2346;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #8B2346;
	border-color: #1872B3;
}

.pagination > li > a, .pagination > li > span {
	color: #8B2346;
}

	.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
		color: #8B2346;
		border-color: #1872B3;
	}
/*select corporate*/
.isSelected {
	color: green;
}

#corporateList a:hover, a:focus {
	color: #C55976;
}

.isNotResize {
	resize: none;
}

#removeTag {
	margin-left: 10px;
}

	#removeTag:hover {
		color: red;
	}

.removeTag {
	margin-left: 4px;
}

	.removeTag:hover {
		color: red;
	}

#tag-margin {
	margin-top: 3px;
}

.tag-margin-bottom {
	margin-bottom: 6px;
}

/*Status Color*/
.New {
	color: cornflowerblue;
}

.Pending {
	color: red;
}

.Approve {
	color: green;
}

.completed {
	color: coral;
}

/*History Comments*/
.marginBottom {
	margin-bottom: 5px;
	margin-right: 5px;
}

/*Loading Style*/

.loading-adds {
	border: 1px solid #d6dde2;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	padding: 12px;
	/*padding-left: 0;
	padding-right: 0;*/
	color: #FFF;
	float: left;
	width: 468px;
	height: 268px;
}

	.loading-adds img {
		width: 468px;
		height: 268px;
	}

.loading-jumping {
	position: relative;
	display: block;
	margin: 0px auto;
	width: 107px;
}

	.loading-jumping, .loading-jumping * {
		box-sizing: border-box;
	}

		.loading-jumping span {
			display: inline-block;
			height: 11px;
			width: 11px;
			background: rgb(255,255,255);
			border-radius: 487px;
			background-clip: padding-box;
			-o-background-clip: padding-box;
			-ms-background-clip: padding-box;
			-webkit-background-clip: padding-box;
			-moz-background-clip: padding-box;
		}

			.loading-jumping span:nth-child(1) {
				animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-o-animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-ms-animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-webkit-animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-moz-animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
			}

			.loading-jumping span:nth-child(2) {
				animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-o-animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-ms-animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-webkit-animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-moz-animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
			}

			.loading-jumping span:nth-child(3) {
				animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-o-animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-ms-animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-webkit-animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-moz-animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
			}

			.loading-jumping span:nth-child(4) {
				animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-o-animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-ms-animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-webkit-animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-moz-animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
			}

			.loading-jumping span:nth-child(5) {
				animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-o-animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-ms-animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-webkit-animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
				-moz-animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
			}



@keyframes scale {
	0% {
		transform: scale(0);
	}

	25% {
		transform: scale(0.9, 0.9);
		background: rgb(240,244,245);
	}

	50% {
		transform: scale(1, 1);
		margin: 0 3px;
		background: rgb(255,255,255);
	}

	100% {
		transform: scale(0);
	}
}

@-o-keyframes scale {
	0% {
		-o-transform: scale(0);
	}

	25% {
		-o-transform: scale(0.9, 0.9);
		background: rgb(240,244,245);
	}

	50% {
		-o-transform: scale(1, 1);
		margin: 0 3px;
		background: rgb(255,255,255);
	}

	100% {
		-o-transform: scale(0);
	}
}

@-ms-keyframes scale {
	0% {
		-ms-transform: scale(0);
	}

	25% {
		-ms-transform: scale(0.9, 0.9);
		background: rgb(240,244,245);
	}

	50% {
		-ms-transform: scale(1, 1);
		margin: 0 3px;
		background: rgb(255,255,255);
	}

	100% {
		-ms-transform: scale(0);
	}
}

@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(0);
	}

	25% {
		-webkit-transform: scale(0.9, 0.9);
		background: rgb(240,244,245);
	}

	50% {
		-webkit-transform: scale(1, 1);
		margin: 0 3px;
		background: rgb(255,255,255);
	}

	100% {
		-webkit-transform: scale(0);
	}
}

@-moz-keyframes scale {
	0% {
		-moz-transform: scale(0);
	}

	25% {
		-moz-transform: scale(0.9, 0.9);
		background: rgb(240,244,245);
	}

	50% {
		-moz-transform: scale(1, 1);
		margin: 0 3px;
		background: rgb(255,255,255);
	}

	100% {
		-moz-transform: scale(0);
	}
}



/*load*/
.wrap {
	height: 30px;
	margin: 19px auto;
	position: relative;
	transform: rotate(45deg);
	width: 30px;
}

.cube {
	background: none repeat scroll 0px 0px #DCDCDC;
	/* border-radius: 5px; */
	box-sizing: border-box;
	height: 30px;
	left: 50%;
	/* margin: -20px; */
	position: absolute;
	top: 50%;
	width: 30px;
}

	.cube:nth-child(1) {
		animation: 6s ease 0s normal none infinite running cube1;
		-webkit-animation: 6s ease 0s normal none infinite running cube1;
	}

	.cube:nth-child(2) {
		animation: 6s ease 0s normal none infinite running cube2;
		-webkit-animation: 6s ease 0s normal none infinite running cube2;
	}

	.cube:nth-child(3) {
		animation: 6s ease 0s normal none infinite running cube3;
		-webkit-animation: 6s ease 0s normal none infinite running cube3;
	}

	.cube:nth-child(4) {
		animation: 6s ease 0s normal none infinite running cube4;
		-webkit-animation: 6s ease 0s normal none infinite running cube4;
	}

@keyframes cube1 {
	0% {
		left: 50%;
		top: 50%;
		background: whitesmoke;
	}

	16.5% {
		left: 0px;
		top: 0px;
		background: rgb(52, 152, 219); /*blue*/
	}

	33% {
		left: 100%;
		top: 0px;
		background: rgb(46, 204, 113); /*green*/
	}

	49.5% {
		left: 100%;
		top: 100%;
		background: rgb(241, 196, 15); /*yellow*/
	}

	66% {
		left: 0px;
		top: 100%;
		background: rgb(230, 126, 34); /*orange*/
	}

	82.5% {
		left: 0px;
		top: 0px;
		background: rgb(231, 76, 60); /*red*/
	}

	100% {
		left: 50%;
		top: 50%;
		background: whitesmoke;
	}
}

@-webkit-keyframes cube1 {
	0% {
		left: 50%;
		top: 50%;
		background: whitesmoke;
	}

	16.5% {
		left: 0px;
		top: 0px;
		background: rgb(52, 152, 219); /*blue*/
	}

	33% {
		left: 100%;
		top: 0px;
		background: rgb(46, 204, 113); /*green*/
	}

	49.5% {
		left: 100%;
		top: 100%;
		background: rgb(241, 196, 15); /*yellow*/
	}

	66% {
		left: 0px;
		top: 100%;
		background: rgb(230, 126, 34); /*orange*/
	}

	82.5% {
		left: 0px;
		top: 0px;
		background: rgb(231, 76, 60); /*red*/
	}

	100% {
		left: 50%;
		top: 50%;
		background: whitesmoke;
	}
}

@keyframes cube2 {
	0% {
		left: 50%;
		top: 50%;
		background: whitesmoke;
	}

	16.5% {
		left: 100%;
		top: 0px;
		background: rgb(46, 204, 113); /*green*/
	}

	33% {
		left: 100%;
		top: 100%;
		background: rgb(241, 196, 15); /*yellow*/
	}

	49.5% {
		left: 0%;
		top: 100%;
		background: rgb(230, 126, 34); /*orange*/
	}

	66% {
		left: 0px;
		top: 0%;
		background: rgb(231, 76, 60); /*red*/
	}

	82.5% {
		left: 100%;
		top: 0px;
		background: rgb(52, 152, 219); /*blue*/
	}

	100% {
		left: 50%;
		top: 50%;
		background: whitesmoke;
	}
}

@-webkit-keyframes cube2 {
	0% {
		left: 50%;
		top: 50%;
		background: whitesmoke;
	}

	16.5% {
		left: 100%;
		top: 0px;
		background: rgb(46, 204, 113); /*green*/
	}

	33% {
		left: 100%;
		top: 100%;
		background: rgb(241, 196, 15); /*yellow*/
	}

	49.5% {
		left: 0%;
		top: 100%;
		background: rgb(230, 126, 34); /*orange*/
	}

	66% {
		left: 0px;
		top: 0%;
		background: rgb(231, 76, 60); /*red*/
	}

	82.5% {
		left: 100%;
		top: 0px;
		background: rgb(52, 152, 219); /*blue*/
	}

	100% {
		left: 50%;
		top: 50%;
		background: whitesmoke;
	}
}

@keyframes cube3 {
	0% {
		left: 50%;
		top: 50%;
		background: whitesmoke;
	}

	16.5% {
		left: 100%;
		top: 100%;
		background: rgb(241, 196, 15); /*yellow*/
	}

	33% {
		left: 0px;
		top: 100%;
		background: rgb(230, 126, 34); /*orange*/
	}

	49.5% {
		left: 0px;
		top: 0px;
		background: rgb(231, 76, 60); /*red*/
	}

	66% {
		left: 100%;
		top: 0%;
		background: rgb(52, 152, 219); /*blue*/
	}

	82.5% {
		left: 100%;
		top: 100%;
		background: rgb(46, 204, 113); /*green*/
	}

	100% {
		left: 50%;
		top: 50%;
		background: whitesmoke;
	}
}

@-webkit-keyframes cube3 {
	0% {
		left: 50%;
		top: 50%;
		background: whitesmoke;
	}

	16.5% {
		left: 100%;
		top: 100%;
		background: rgb(241, 196, 15); /*yellow*/
	}

	33% {
		left: 0px;
		top: 100%;
		background: rgb(230, 126, 34); /*orange*/
	}

	49.5% {
		left: 0px;
		top: 0px;
		background: rgb(231, 76, 60); /*red*/
	}

	66% {
		left: 100%;
		top: 0%;
		background: rgb(52, 152, 219); /*blue*/
	}

	82.5% {
		left: 100%;
		top: 100%;
		background: rgb(46, 204, 113); /*green*/
	}

	100% {
		left: 50%;
		top: 50%;
		background: whitesmoke;
	}
}

@keyframes cube4 {
	0% {
		left: 50%;
		top: 50%;
		background: whitesmoke;
	}

	16.5% {
		left: 0px;
		top: 100%;
		background: rgb(230, 126, 34); /*orange*/
	}

	33% {
		left: 0px;
		top: 0px;
		background: rgb(231, 76, 60); /*red*/
	}

	49.5% {
		left: 100%;
		top: 0px;
		background: rgb(52, 152, 219); /*blue*/
	}

	66% {
		left: 100%;
		top: 100%;
		background: rgb(46, 204, 113); /*green*/
	}

	82.5% {
		left: 0px;
		top: 100%;
		background: rgb(241, 196, 15); /*yellow*/
	}

	100% {
		left: 50%;
		top: 50%;
		background: whitesmoke;
	}
}

@-webkit-keyframes cube4 {
	0% {
		left: 50%;
		top: 50%;
		background: whitesmoke;
	}

	16.5% {
		left: 0px;
		top: 100%;
		background: rgb(230, 126, 34); /*orange*/
	}

	33% {
		left: 0px;
		top: 0px;
		background: rgb(231, 76, 60); /*red*/
	}

	49.5% {
		left: 100%;
		top: 0px;
		background: rgb(52, 152, 219); /*blue*/
	}

	66% {
		left: 100%;
		top: 100%;
		background: rgb(46, 204, 113); /*green*/
	}

	82.5% {
		left: 0px;
		top: 100%;
		background: rgb(241, 196, 15); /*yellow*/
	}

	100% {
		left: 50%;
		top: 50%;
		background: whitesmoke;
	}
}

/*Loading Model PopUp Design*/
.modal {
	top: 20%;
}

.modal-body {
	padding: 20px;
}

.modal-header {
	background-color: #8B2346;
	border-radius: 5px 5px 0px 0px;
	padding: 14px;
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 420px; /*500px*/
		margin: 100px auto;
	}
}

.maskElement {
	position: absolute;
	/*background-color: red;*/
	left: 15px;
	z-index: 10000;
}

.disableIcon {
	color: #AFACAC;
	cursor: none;
	pointer-events: none;
}


input[disabled].btn:hover,
input[disabled].className,
input[disabled].modifiedElement,
form-control .modifiedElement {
	/*box-shadow: inset 0px 2px 3px 3px rgba(135, 197, 134, 0.65);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	background-color: #fff !important;
	border: 1px solid #F5F4F4;*/
	background-color: #8b2346 !important;
	border-color: #bce8f1 !important;
	color: #3a87ad !important;
}

.modifiedElement {
	background-color: #d9edf7 !important;
	border-color: #bce8f1 !important;
	color: #3a87ad !important;
}

.updateElement {
	background-color: #fcf8e3 !important;
	border-color: #fbeed5 !important;
	color: #c09853 !important;
}

.deletedElement {
	color: #a94442 !important;
	background-color: #f2dede !important;
	border-color: #ebccd1 !important;
}

.createdElement {
	background-color: #dff0d8 !important;
	border-color: #d6e9c6 !important;
	color: #468847 !important;
}

/*table {
	border-collapse: collapse;
}

td {
	position: relative;
	padding: 5px 10px;
}

tr.strikeout td:before {
	content: ' ';
	position: absolute;
	top: 50%;
	left: 0;
	border-bottom: 1px solid #111;
	width: 100%;
}*/
.lblfont-normal {
	font-weight: normal;
}

.block-corporate {
	padding: 6px 12px;
	font-family: Arial;
}

.block-container {
	background-color: rgba(255, 255, 255, 0.2) !important;
	border: 1px solid rgba(193, 193, 193, 0.08) !important;
}

.block-banicon {
	color: #DF0909;
	font-size: 140px;
	margin-top: -16px;
}

.block-message {
	color: #fff !important;
	margin-top: -16px !important;
	margin-bottom: 16px !important;
}
/* ERROR & LOGIN & LOCKSCREEN*/
.middle-box {
	max-width: 400px;
	z-index: 100;
	margin: 0 auto;
	/*padding-top: 40px;*/
}

.lockscreen.middle-box {
	width: 270px;
	/*padding-top: 110px;*/
}

.loginscreen.middle-box {
	width: 300px;
}

.loginColumns {
	max-width: 800px;
	margin: 0 auto;
	padding: 100px 20px 20px 20px;
}

.passwordBox {
	max-width: 460px;
	margin: 0 auto;
	padding: 100px 20px 20px 20px;
}

.logo-name {
	color: #e6e6e6;
	font-size: 180px;
	font-weight: 800;
	letter-spacing: -10px;
	margin-bottom: 0px;
}

.middle-box h1 {
	font-size: 170px;
}

.wrapper .middle-box {
	margin-top: 140px;
}

.lock-word {
	z-index: 10;
	position: absolute;
	top: 45px; /*110px;*/
	left: 50%;
	margin-left: -734px; /*-470px;*/
}

	.lock-word span {
		font-size: 100px;
		font-weight: 600;
		color: #e9e9e9;
		display: inline-block;
	}

	.lock-word .first-word {
		margin-right: 160px;
	}

.margin-top-none, .margin-left-none, margin-right-none, margin-bottom-none {
	margin-top: 0px;
}

.corporate-title {
	font-size: 36px;
	font-family: 'TanseekModernProArabicBold', calibri;
	color: #394951;
}

.title-row {
	margin-top: -7px;
}

.block-button {
	margin-right: 12px;
}

.borderLeftStyle {
	border-left: 2px solid rgb(211, 211, 211);
}

/*asterisk icon for text box control*/
.ui.corner.input {
	position: absolute;
	top: 1px;
	right: 16px;
	margin: 0;
	padding: 0;
	font-size: 8px;
	text-align: center;
	color: rgb(255, 76, 76);
	background-color: #f2dede;
	border-color: rgba(235, 204, 209, 0);
	width: 4em;
	height: 3em;
	z-index: 1;
	-webkit-transition: border-color .1s ease;
	transition: border-color .1s ease;
	background-color: transparent !important;
}

.ui.input:last-child {
	margin-right: 0;
}

.ui.input, .input {
	font-size: .85714286rem;
}

.ui.corner.input:after {
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	z-index: -1;
	width: 0;
	height: 0;
	background-color: transparent !important;
	border-top: 0 solid transparent;
	border-right: 3em solid transparent;
	border-bottom: 3em solid transparent;
	border-left: 0 solid transparent;
	border-right-color: inherit;
	-webkit-transition: border-color .1s ease;
	transition: border-color .1s ease;
}

.asterisk-icon {
	right: -9px;
	top: 4px;
}

/*asterisk icon for dropdown control*/
.ui.select > .ui.left.corner.select {
	right: auto;
	left: 1px;
}

.ui.left.corner.select:after {
	border-top: 3em solid transparent;
	border-right: 3em solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 0 solid transparent;
	border-top-color: inherit;
}

.ui.corner.select {
	position: absolute;
	top: 0px;
	font-size: 8px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: rgb(255, 76, 76);
	background-color: #f2dede;
	border-color: rgba(235, 204, 209, 0);
	width: 4em;
	height: 3em;
	z-index: 10;
	-webkit-transition: border-color .1s ease;
	transition: border-color .1s ease;
	background-color: transparent !important;
}

.ui.select:last-child {
	margin-right: 0;
}

.ui.select, .select {
	font-size: .85714286rem;
}

.ui.corner.select:after {
	position: absolute;
	content: '';
	right: 8px;
	top: 0;
	z-index: -1;
	width: 0;
	height: 0;
	background-color: transparent !important;
	border-top: 0 solid transparent;
	border-right: 4em solid transparent;
	border-bottom: 3em solid transparent;
	border-left: 0 solid transparent;
	border-right-color: inherit;
	-webkit-transition: border-color .1s ease;
	transition: border-color .1s ease;
}

.asterisk-icon-select {
	left: -9px;
	top: 4px;
}



/* -------------------------------- 

Start - Basic Style Breadcrumb

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps {
	/*width: 90%;*/
	max-width: 768px;
	padding: 0.5em 1em;
	margin: 1em auto;
	background-color: #edeff0;
	border-radius: .25em;
}

	.cd-breadcrumb:after, .cd-multi-steps:after {
		content: '';
		display: table;
		clear: both;
	}

	.cd-breadcrumb li, .cd-multi-steps li {
		display: inline-block;
		float: left;
		margin: 0.5em 0;
	}

		.cd-breadcrumb li::after, .cd-multi-steps li::after {
			/* this is the separator between items */
			display: inline-block;
			content: '\00bb';
			margin: 0 .6em;
			color: #959fa5;
		}

		.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
			/* hide separator after the last item */
			display: none;
		}

		.cd-breadcrumb li > *, .cd-multi-steps li > * {
			/* single step */
			display: inline-block;
			font-size: 1.4rem;
			color: #2c3f4c;
		}

		.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
			/* selected step */
			color: #96c03d;
		}

.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
	/* steps already visited */
	/*color: #96c03d;*/
	cursor: default;
	text-decoration: none;
}

.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
	/* replace the default arrow separator with a custom icon */
	content: '';
	height: 16px;
	width: 16px;
	background: url(../img/cd-custom-separator.svg) no-repeat center center;
	vertical-align: middle;
}

.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
	/* add a custom icon before each item */
	content: '';
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-right: .4em;
	margin-top: -2px;
	background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
	vertical-align: middle;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
	/* change custom icon using image sprites */
	background-position: -20px 0;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
	background-position: -40px 0;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
	background-position: -60px 0;
}

.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
	/* change custom icon for the current item */
	background-position: 0 -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
	background-position: -20px -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
	background-position: -40px -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
	background-position: -60px -20px;
}

@media only screen and (min-width: 768px) {
	.cd-breadcrumb, .cd-multi-steps {
		padding: 0 1.2em;
	}

		.cd-breadcrumb li, .cd-multi-steps li {
			margin: 1.2em 0;
		}

			.cd-breadcrumb li::after, .cd-multi-steps li::after {
				margin: 0 1em;
			}

			.cd-breadcrumb li > *, .cd-multi-steps li > * {
				/*font-size: 1.6rem;*/
			}
}

/* -------------------------------- 

Triangle breadcrumb

-------------------------------- */
@media only screen and (min-width: 768px) {
	.cd-breadcrumb.triangle {
		/* reset basic style */
		background-color: transparent;
		padding: 0;
	}

		.cd-breadcrumb.triangle li {
			position: relative;
			padding: 0;
			margin: 4px 4px 4px 0;
		}

			.cd-breadcrumb.triangle li:last-of-type {
				margin-right: 0;
			}

			.cd-breadcrumb.triangle li > * {
				position: relative;
				padding: 1em .8em 1em 2.5em;
				color: #2c3f4c;
				background-color: #edeff0;
				/* the border color is used to style its ::after pseudo-element */
				border-color: #edeff0;
			}

			.cd-breadcrumb.triangle li.current > * {
				/* selected step */
				color: #ffffff;
				background-color: #96c03d;
				border-color: #96c03d;
			}

			.cd-breadcrumb.triangle li:first-of-type > * {
				padding-left: 1.6em;
				border-radius: .25em 0 0 .25em;
			}

			.cd-breadcrumb.triangle li:last-of-type > * {
				padding-right: 1.6em;
				border-radius: 0 .25em .25em 0;
			}

	.no-touch .cd-breadcrumb.triangle a:hover {
		/* steps already visited */
		color: #ffffff;
		background-color: #2c3f4c;
		border-color: #2c3f4c;
	}

	.cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
		/* 
		li > *::after is the colored triangle after each item
		li::after is the white separator between two items
	*/
		content: '';
		position: absolute;
		top: 0;
		left: 100%;
		content: '';
		height: 0;
		width: 0;
		/* 48px is the height of the <a> element */
		border: 24px solid transparent;
		border-right-width: 0;
		border-left-width: 20px;
	}

	.cd-breadcrumb.triangle li::after {
		/* this is the white separator between two items */
		z-index: 1;
		-webkit-transform: translateX(4px);
		-moz-transform: translateX(4px);
		-ms-transform: translateX(4px);
		-o-transform: translateX(4px);
		transform: translateX(4px);
		border-left-color: #ffffff;
		/* reset style */
		margin: 0;
	}

	.cd-breadcrumb.triangle li > *::after {
		/* this is the colored triangle after each element */
		z-index: 2;
		border-left-color: inherit;
	}

	.cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
		/* hide the triangle after the last step */
		display: none;
	}

	.cd-breadcrumb.triangle.custom-separator li::after {
		/* reset style */
		background-image: none;
	}

	.cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
		/* 50px is the height of the <a> element */
		border-top-width: 25px;
		border-bottom-width: 25px;
	}

	@-moz-document url-prefix() {
		.cd-breadcrumb.triangle li::after,
		.cd-breadcrumb.triangle li > *::after {
			/* fix a bug on Firefix - tooth edge on css triangle */
			border-left-style: dashed;
		}
	}
}
/* -------------------------------- 

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
	.no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
		/* change custom icon using image sprites - hover effect or current item */
		background-position: 0 -40px;
	}

	.no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
		background-position: -20px -40px;
	}

	.no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
		background-position: -40px -40px;
	}

	.no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
		background-position: -60px -40px;
	}
}
/* -------------------------------- 

Multi steps indicator 

-------------------------------- */
@media only screen and (min-width: 768px) {
	.cd-multi-steps {
		/* reset style */
		background-color: transparent;
		padding: 0;
		text-align: center;
	}

		.cd-multi-steps li {
			position: relative;
			float: none;
			margin: 0.4em 40px 0.4em 0;
		}

			.cd-multi-steps li:last-of-type {
				margin-right: 0;
			}

			.cd-multi-steps li::after {
				/* this is the line connecting 2 adjacent items */
				position: absolute;
				content: '';
				height: 4px;
				background: #edeff0;
				/* reset style */
				margin: 0;
			}

			.cd-multi-steps li.visited::after {
				background-color: #96c03d;
			}

			.cd-multi-steps li > *, .cd-multi-steps li.current > * {
				position: relative;
				color: #2c3f4c;
			}

		.cd-multi-steps.custom-separator li::after {
			/* reset style */
			height: 4px;
			background: #edeff0;
		}

		.cd-multi-steps.text-center li::after {
			width: 100%;
			top: 50%;
			left: 100%;
			-webkit-transform: translateY(-50%) translateX(-1px);
			-moz-transform: translateY(-50%) translateX(-1px);
			-ms-transform: translateY(-50%) translateX(-1px);
			-o-transform: translateY(-50%) translateX(-1px);
			transform: translateY(-50%) translateX(-1px);
		}

		.cd-multi-steps.text-center li > * {
			z-index: 1;
			padding: .6em 1em;
			border-radius: .25em;
			background-color: #edeff0;
		}

	.no-touch .cd-multi-steps.text-center a:hover {
		background-color: #2c3f4c;
	}

	.cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
		color: #ffffff;
		background-color: #96c03d;
	}

	.cd-multi-steps.text-center.custom-icons li.visited a::before {
		/* change the custom icon for the visited item - check icon */
		background-position: 0 -60px;
	}

	.cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
		width: 80px;
		text-align: center;
	}

		.cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
			/* this is the line connecting 2 adjacent items */
			position: absolute;
			left: 50%;
			/* 40px is the <li> right margin value */
			width: calc(100% + 40px);
		}

		.cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
			/* this is the spot indicator */
			content: '';
			position: absolute;
			z-index: 1;
			left: 50%;
			right: auto;
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			transform: translateX(-50%);
			height: 12px;
			width: 12px;
			border-radius: 50%;
			background-color: #edeff0;
		}

		.cd-multi-steps.text-top li.visited > *::before,
		.cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
		.cd-multi-steps.text-bottom li.current > *::before {
			background-color: #96c03d;
		}

	.no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
		color: #96c03d;
	}

		.no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
			box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
		}

	.cd-multi-steps.text-top li::after {
		/* this is the line connecting 2 adjacent items */
		bottom: 4px;
	}

	.cd-multi-steps.text-top li > * {
		padding-bottom: 20px;
	}

		.cd-multi-steps.text-top li > *::before {
			/* this is the spot indicator */
			bottom: 0;
		}

	.cd-multi-steps.text-bottom li::after {
		/* this is the line connecting 2 adjacent items */
		top: 3px;
	}

	.cd-multi-steps.text-bottom li > * {
		padding-top: 20px;
	}

		.cd-multi-steps.text-bottom li > *::before {
			/* this is the spot indicator */
			top: 0;
		}
}
/* -------------------------------- 

Add a counter to the multi-steps indicator 

-------------------------------- */
.cd-multi-steps.count li {
	counter-increment: steps;
}

	.cd-multi-steps.count li > *::before {
		content: counter(steps) ' - ';
	}

@media only screen and (min-width: 768px) {
	.cd-multi-steps.text-top.count li > *::before,
	.cd-multi-steps.text-bottom.count li > *::before {
		/* this is the spot indicator */
		content: counter(steps);
		height: 26px;
		width: 26px;
		line-height: 26px;
		font-size: 1.4rem;
		color: #ffffff;
	}

	.cd-multi-steps.text-top.count li:not(.current) em::before,
	.cd-multi-steps.text-bottom.count li:not(.current) em::before {
		/* steps not visited yet - counter color */
		color: #2c3f4c;
	}

	.cd-multi-steps.text-top.count li::after {
		bottom: 11px;
	}

	.cd-multi-steps.text-top.count li > * {
		padding-bottom: 34px;
	}

	.cd-multi-steps.text-bottom.count li::after {
		top: 11px;
	}

	.cd-multi-steps.text-bottom.count li > * {
		padding-top: 34px;
	}
}
/* -------------------------------- 

End - Basic Style Breadcrumb

-------------------------------- */

.accounts-rights {
	padding-right: 25px;
	padding-top: 10px;
}

.accounts-rights-row {
	background-color: #fff;
	border: #CCC 1px Solid;
}

.accounts-rights-h3 {
	text-align: center;
	text-decoration: underline;
}


/* MAIL CONFIGURATION - INBOX, MAIL COMPOSE & MAIL VIEW  */
.mail-nav {
	margin: 15px -15px 0 -15px;
}

	.mail-nav li a {
		border-radius: 0;
		-webkit-border-radius: 0;
		border-top: 1px solid #f2f3f6;
		padding: 15px;
		border-right: 3px solid rgba(0,0,0,0);
		color: #a2a2a2;
	}

	.mail-nav > li > a:hover, .mail-nav > li > a:focus {
		background: #fafafa;
		color: #8B2346;
		border-right: 3px solid #ccc;
	}

	.mail-nav > li.active > a, .mail-nav > li.active > a:hover, .mail-nav > li.active > a:focus {
		background: #fafafa;
		color: #8B2346;
		border-right: 3px solid #8B2346;
	}

	.mail-nav > li + li {
		margin-left: 0;
		margin-top: 0px;
	}

	.mail-nav i {
		font-size: 16px;
		margin-right: 10px;
	}

.inbox-notification {
	margin-top: -2px;
}

.user-head .inbox-avatar {
	width: 65px;
	float: left;
}

	.user-head .inbox-avatar img {
		border-radius: 4px;
		-webkit-border-radius: 4px;
	}

.user-head .user-name {
	display: inline-block;
	margin: 0 0 0 10px;
}

	.user-head .user-name h5 {
		font-size: 14px;
		margin-top: 15px;
		margin-bottom: 0;
		font-weight: 300;
	}

		.user-head .user-name h5 a {
			color: #fff;
		}

	.user-head .user-name span a {
		font-size: 12px;
		color: #87e2e7;
	}

a.mail-dropdown {
	background: #80d3d9;
	padding: 3px 5px;
	font-size: 10px;
	color: #01a7b3;
	border-radius: 2px;
	margin-top: 20px;
}

.inbox-body {
	padding: 20px;
}

.btn-compose {
	background: #8B2346;
	padding: 12px 0;
	text-align: center;
	width: 80%;
	color: #fff;
}

	.btn-compose:hover, .btn-compose:focus {
		background: #1ca59e;
		color: #fff;
	}

	.btn-compose i {
		padding: 5px;
	}

ul.inbox-nav {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.inbox-divider {
	border-bottom: 1px solid #d5d8df;
}

.inbox-action {
	margin-top: 50px;
}

.src-position {
	margin-top: -7px;
}

.mail-src-position {
	margin-top: -3px;
}

ul.labels-info {
	border-bottom: 1px solid #f1f2f7;
	margin-bottom: 10px;
}

ul.inbox-nav li {
	display: inline-block;
	line-height: 45px;
	width: 100%;
}

	ul.inbox-nav li a {
		color: #6a6a6a;
		line-height: 45px;
		width: 100%;
		display: inline-block;
		padding: 0 20px;
	}

		ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
			color: #6a6a6a;
			background: #d5d7de;
		}

		ul.inbox-nav li a i {
			padding-right: 10px;
			font-size: 16px;
			color: #6a6a6a;
		}

		ul.inbox-nav li a span.label {
			margin-top: 13px;
		}

ul.labels-info li h4 {
	padding-top: 5px;
	color: #5c5c5e;
	font-size: 15px;
	text-transform: uppercase;
}

ul.labels-info li {
	margin: 0;
}

	ul.labels-info li a {
		color: #6a6a6a;
		border-radius: 0;
		padding-left: 0;
		padding-right: 0;
	}

		ul.labels-info li a:hover, ul.labels-info li a:focus {
			color: #6a6a6a;
			background: none;
		}

	ul.labels-info li img {
		margin-right: 10px;
	}

.nav.nav-pills.nav-stacked.labels-info p {
	margin-bottom: 0;
	padding: 0 22px;
	color: #9d9f9e;
	font-size: 11px;
}

.inbox-head {
	padding: 20px;
	background: #41cac0;
	color: #fff;
	border-radius: 0 4px 0 0;
	-webkit-border-radius: 0 4px 0 0;
	min-height: 80px;
}

	.inbox-head h3 {
		margin: 0;
		display: inline-block;
		padding-top: 6px;
		font-weight: 300;
	}

	.inbox-head .sr-input {
		height: 40px;
		border: none;
		box-shadow: none;
		padding: 0 10px;
		float: left;
		border-radius: 4px 0 0 4px;
		color: #8a8a8a;
	}

	.inbox-head .sr-btn {
		height: 40px;
		border: none;
		background: #00a6b2;
		color: #fff;
		padding: 0 20px;
		border-radius: 0 4px 4px 0;
		-webkit-border-radius: 0 4px 4px 0;
	}

.wht-bg {
	/*background:#1A6DB3;*/
	background: url(en/images/header-bg.jpg) repeat-x center top;
	background-size: cover;
}

	.wht-bg h4 {
		font-size: 24px;
		color: #ffffff;
		font-weight: 300;
	}

.mailheader-bg {
	background: #DEDEDE;
	background-size: cover;
}

	.mailheader-bg h4 {
		font-size: 24px;
		color: #222;
		font-weight: 300;
	}

.table-inbox-wrap {
	margin: 0 -15px;
}

.mail-checkbox {
	margin-right: 10px;
}

.table-inbox {
	margin: 0;
}

	.table-inbox tr td {
		/*padding: 12px !important;*/
	}

		.table-inbox tr td:first-child {
			width: 5%;
		}

			.table-inbox tr td:first-child .icheckbox_minimal {
				margin-left: 15px;
			}

		.table-inbox tr td:hover {
			cursor: pointer;
		}

		.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
			color: #f78a09;
		}

		.table-inbox tr td .fa-star {
			color: #d5d5d5;
		}

	.table-inbox tr.unread td {
		font-weight: 600;
		background: #ffffff;
	}

	.table-inbox tr.unread a {
		color: #32323a;
		text-decoration: none;
	}

	.table-inbox tr a {
		color: #767676;
		text-decoration: none;
	}

	.table-inbox tr.selected td {
		background: #ffffff;
	}

.attach-padding {
	padding-left: 5px;
}

.required-star {
	position: relative;
}

.attach-color {
	color: #ffffff;
}

.mail-bg-color {
	background-color: #F3F3F3;
}

.attach-link {
	text-decoration: none;
	cursor: pointer;
}

.msg-body {
	font-weight: 500 !important;
	cursor: default;
}

.success-msg {
	font-size: 100%;
	float: right;
	margin-right: 40%;
}

ul.inbox-pagination {
	float: right;
}

	ul.inbox-pagination li {
		float: left;
	}

.mail-option {
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
}

	.mail-option .chk-all {
		float: left;
	}

	.mail-option .chk-all, .mail-option .btn-group {
		margin-right: 5px;
	}

		.mail-option .chk-all, .mail-option .btn-group a.btn {
			border: 1px solid #e7e7e7;
			padding: 5px 10px;
			display: inline-block;
			background: #fcfcfc;
			color: #707070;
			border-radius: 3px !important;
			-webkit-border-radius: 3px !important;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}

.inbox-pagination a.np-btn {
	border: 1px solid #e7e7e7;
	padding: 5px 15px;
	display: inline-block;
	background: #fcfcfc;
	color: #141414;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
}

.mail-option .chk-all input[type=checkbox] {
	margin-top: 0;
}

.mail-option .btn-group a.all {
	padding: 0;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.inbox-pagination a.np-btn {
	margin-left: 5px;
}

.inbox-pagination li span {
	display: inline-block;
	margin-top: 7px;
	margin-right: 5px;
}

.fileinput-button {
	border: 1px solid #e6e6e6;
	background: #eeeeee;
}

.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {
	border: 1px solid #e6e6e6;
	box-shadow: none;
}

.btn-send, .btn-send:hover {
	background: #00A8B3;
	color: #fff;
}

	.btn-send:hover {
		background: #009da7;
	}

.modal-header h4.modal-title {
	font-weight: 300;
}

.modal-body label {
	font-weight: 400;
}

.compose-mail {
	width: 100%;
	display: inline-block;
	position: relative;
	margin-top: 20px;
}


	.compose-mail .compose-options {
		color: #979797;
		cursor: pointer;
		display: inline-block;
		font-size: 14px;
		position: absolute;
		right: 10px;
		top: 7px;
	}

	.compose-mail input, .compose-mail input:focus {
		border: none;
		padding: 0;
		width: 80%;
		float: left;
	}

	.compose-mail .form-group {
		border: 1px solid #F2F3F6;
		display: inline-block;
		width: 100%;
		margin-bottom: 0;
	}

		.compose-mail .form-group label {
			line-height: 34px;
			width: 10%;
			float: left;
			padding-left: 5px;
			margin-bottom: 0;
		}

.compose-editor input {
	margin-top: 15px;
}

.compose-editor {
	margin-bottom: 15px;
	display: inline-block;
	width: 100%;
}

.compose-btn {
	float: left;
	margin-top: 6px;
}

.mail-header h4 {
	font-weight: 300;
}

.mail-sender, .attachment-mail {
	width: 100%;
	display: inline-block;
	margin: 20px 0;
	border-top: 1px solid #EFF2F7;
	border-bottom: 1px solid #EFF2F7;
	padding: 10px 0;
}

	.mail-sender img {
		width: 30px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	.mail-sender .date {
		line-height: 30px;
		margin-bottom: 0;
		text-align: right;
	}

	.view-mail a, .attachment-mail a:hover {
		color: #8B2346;
	}

	.attachment-mail a {
		color: #8B2346;
	}

	.attachment-mail ul li {
		float: left;
		width: 200px;
		margin-right: 15px;
		margin-top: 15px;
		list-style: none;
	}

		.attachment-mail ul li a.atch-thumb img {
			width: 200px;
			height: 180px;
			margin-bottom: 10px;
		}

		.attachment-mail ul li a.name span {
			float: right;
			color: #767676;
		}

#btn-compose {
	background: #DEDEDE;
	padding: 9px 0px;
	text-align: center;
	width: 100%;
	color: #223F45;
	margin-bottom: 15px;
}

.mail-sub {
	font-size: 11px;
	color: #838383;
	text-decoration: none;
	margin: 0 0 0px;
	width: 310px;
	word-wrap: break-word;
}

.mail-sub-header {
	font-size: 12px;
	color: #ffffff;
	width: 530px;
	word-wrap: break-word;
}

.mail-subdate {
	font-size: 11px;
	font-weight: normal;
	color: #ABAAAA;
	text-decoration: none;
	margin: 0 0 0px;
}

.mailcontent-sub {
	font-size: 11px;
	color: #F0EFEF;
	text-decoration: none;
	margin: 0 0 0px;
}

.mailcontent-subdate {
	font-size: 11px;
	font-weight: normal;
	color: rgb(162, 200, 228);
	text-decoration: none;
	margin: 0 0 0px;
}

.mail-col-size {
	padding-right: 4px;
	padding-left: 0px;
}

.font-none {
	font-weight: normal;
}

.font-bold {
	font-weight: bold;
	margin-top: 3px;
	border-bottom: 1px solid #EAEAEA;
	margin-bottom: 15px;
	word-break: break-all;
	width: 98%;
}

.btn-social-icon.btn-lg {
	height: 2.8em;
	width: 35px;
	padding-left: 0;
	padding-right: 0;
	border-radius: 50%;
	padding: 0.7em;
	width: 2.8em;
}

.advSearchText {
	margin-left: 12px;
}

.advSearchIcon {
	margin-left: 2px;
}

.btnPanel {
	margin-top: 5px;
	float: right;
	font-size: 12px;
	font-family: Arial;
}

.inbox-tog {
	/* font-size: 19px; */
	/* border: 1px solid #F3F3F3; */
	padding: 6px;
	display: inline-block;
	background: rgb(101, 98, 98);
	color: #afafaf;
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	cursor: pointer;
	position: absolute;
	z-index: 1;
	/* height: 50%; */
	margin-left: -5px;
	margin-top: 17px;
	border-radius: 0px 9px 7px 0px !important;
	box-shadow: 0 7px 6px 7px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.08);
}

.sm-marginLeft {
	margin-left: 35px;
}

.panel-width {
	width: 31px;
}

.dashboard-title {
	font-size: 24px;
}




.gradientBG2 {
	background-color: #585353;
	background: rgb(76,117,154); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0Yzc1OWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjQ1NDc2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, rgba(76,117,154,1) 0%, rgba(36,84,118,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(76,117,154,1)), color-stop(100%,rgba(36,84,118,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(76,117,154,1) 0%,rgba(36,84,118,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(76,117,154,1) 0%,rgba(36,84,118,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(76,117,154,1) 0%,rgba(36,84,118,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(76,117,154,1) 0%,rgba(36,84,118,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c759a', endColorstr='#245476',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.conteudo {
	width: 100%;
	height: 100%;
}
/***loading***/
#loading {
	width: 129px;
	height: 200px;
	position: absolute;
	left: 50%;
	margin-left: -65px;
	top: 50%;
	margin-top: -100px;
	height: 50%;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	transition: all 1s ease-in;
	z-index: 1;
}

#Layer_1 {
	position: absolute;
}

#Layer_2 {
	position: absolute;
	display: none;
}

#Layer_3 {
	position: absolute;
	margin-left: 140px;
	margin-top: -30px;
}

.numL3 {
	margin-top: -3px;
	margin-left: 3px;
}

.l3numeros {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 700;
	font-size: 27px;
	color: #fdfdfa;
	position: absolute;
	margin-left: 165px;
	margin-top: -21px;
	/* IE 8 */ -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	/* IE 5-7 */ filter: alpha(opacity=0);
	/* Netscape */ -moz-opacity: 0;
	/* Safari 1.x */ -khtml-opacity: 0;
	/* Good browsers */ opacity: 0;
}

.l3numeros2 {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	color: #585353;
	position: absolute;
	margin-left: 165px;
	margin-top: -21px;
	/* IE 8 */ -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	/* IE 5-7 */ filter: alpha(opacity=0);
	/* Netscape */ -moz-opacity: 0;
	/* Safari 1.x */ -khtml-opacity: 0;
	/* Good browsers */ opacity: 0;
}

.letrinhas {
	/* IE 8 */ -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	/* IE 5-7 */ filter: alpha(opacity=0);
	/* Netscape */ -moz-opacity: 0;
	/* Safari 1.x */ -khtml-opacity: 0;
	/* Good browsers */ opacity: 0;
}

.svg_linha {
}

.blur {
	filter: blur(136px);
	-webkit-filter: blur(136px);
	-moz-filter: blur(136px);
	-o-filter: blur(136px);
	-ms-filter: blur(136px);
	filter: url(blur.svg#blur);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='136');
	opacity: 0;
	-webkit-transition: all 1.5s ease-in;
	-moz-transition: all 1.5s ease-in;
	-o-transition: all 1.5s ease-in;
	transition: all 1.5s ease-in;
}




/* Styles go here */

.ng-invalid {
	border-color: red;
}

.input-container {
	position: relative;
	padding-top: 100px;
	padding-bottom: 15px;
	margin-top: 20px;
	margin-left: 300px;
	height: 166px;
	background: #eee;
	overflow: scroll;
	width: 300px;
	z-index: 1050;
	float: left;
}

	.input-container + .input-container {
		margin-left: 20px;
	}

.input-container-title {
	position: absolute;
	top: 0;
}


/*Error template*/
.error-template {
	padding: 9px 15px;
	text-align: center;
}

	.error-template h1 {
		font-size: 50px;
		margin-bottom: -11px;
	}

.error-actions {
	margin-top: 15px;
	margin-bottom: 15px;
}

	.error-actions .btn {
		margin-right: 10px;
	}

.popup h2 {
	margin-top: 0;
	color: #333;
	font-size: -webkit-xxx-large;
}

.popup .close {
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 0.2s;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}

	.popup .close:hover {
		color: #06D85F;
	}

.popup .content {
	max-height: 30%;
	overflow: auto;
}
/*Let's make it appear when the page loads*/
.overlay:target:before {
	display: none;
}

.overlay:before {
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background: rgba(0, 0, 0, 0.14);
	position: fixed;
	z-index: 9;
}

.overlay .popup {
	background: #fff;
	border-radius: 5px;
	padding: 25px;
	z-index: 10;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/*border: 1px solid #B9B9B9;*/
}

.overlay:target .popup {
	top: -100%;
	left: -100%;
}

@media screen and (max-width: 768px) {
	.box {
		width: 70%;
	}

	.overlay .popup {
		width: 90%;
	}
}

.content-info {
	font-size: 14px;
	text-align: justify;
	margin-top: 20px;
}

.emailLowercase {
	text-transform: lowercase;
}
/*hide scroll*/
/*body {
	overflow: scroll;
	overflow-x: hidden;
}
::-webkit-scrollbar{
  width:0px;  
  background:transparent;
}
::-webkit-scrollbar-thumb{
   background-color: rgba(0,0,0,0);

}*/
.dropdown-flag {
	margin-top: -33px;
	margin-right: 32px;
}

.phone-flag {
	margin-top: -33px;
	margin-right: 24px;
	position: relative;
	z-index: 5;
}

.phone-input {
	border-radius: 0 3px 3px 0 !important;
	position: initial !important;
}

.phone-input-required {
	right: 1px !important;
}

.tooltip-wordwrap {
	word-wrap: break-word;
}

.btn-dashboard {
	color: #585454;
	background-color: #E8E8E8;
	border-color: #E8E8E8;
	font-size: 18px;
	padding: 2px 10px;
	font-family: 'TanseekModernProArabicBold', calibri;
}

	.btn-dashboard:hover {
		color: #585454;
		background-color: #E8E8E8;
		border-color: #E8E8E8;
	}

.accordion-toggle .glyphicon {
	margin-top: 9px;
	font-size: 15px;
}

/* New login page style */
.login-heading {
	margin-left: -15px;
}

.login-leftPanel {
	padding: 0px;
}

.login-leftContent {
	border: 1px solid #d6dde2;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-top: 30px;
	float: left;
	padding-bottom: 8px;
	height: 259px;
	background: #fff;
}

.login-pageContent {
	padding: 17px;
}

.login-pageButton {
	font-size: 21px;
}

.login-resetPassword {
	border: 1px solid rgba(214, 221, 226, 0.44);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 8px;
	padding-left: 0px;
	padding-right: 0px;
	width: 236px;
}

.login-resetPwdText {
	margin-top: 2px;
}

.error-message {
	font-size: 19px;
	font-family: 'TanseekModernProArabicBold', calibri;
	color: #a94442;
}

.infoval-message {
	font-size: 19px;
	font-family: 'TanseekModernProArabicBold', calibri;
	color: #a94442;
}

.bankuser-btn {
	margin-top: -49px;
}

.bankuser-icon {
	font-size: 14px;
}

/*Start: Loading popup for light blue theme*/
.loading {
	width: 190px;
	margin: auto;
	height: 190px;
}

.dashboard-circle {
	border-top: 5px solid #8B2346 !important;
}

.dashb-title {
	color: #8B2346 !important;
}

.circle {
	border-radius: 100%;
	border-top: 5px solid rgb(69, 205, 237);
	margin: auto;
	transform-origin: 50%;
	position: relative;
}

.s_3 {
	width: 180px; /*200px*/
	height: 180px; /*200px*/
	animation: rot_right 2s infinite linear;
	-webkit-animation: rot_right 2s infinite linear;
	transition: 2s;
	-webkit-transition: 2s;
}

.s_2 {
	width: 150px;
	height: 150px;
	margin-top: 10px;
	animation: rot_left 2s infinite linear;
	-webkit-animation: rot_left 2s infinite linear;
	transition: 2s;
	-webkit-transition: 2s;
	margin-top: -167px; /*-190px*/
}

.s_1 {
	width: 100px;
	height: 100px;
	margin-top: 10px;
	animation: rot_right 2s infinite linear;
	-webkit-animation: rot_right 2s infinite linear;
	transition: 2s;
	-webkit-transition: 2s;
	margin-top: -140px;
}

@keyframes rot_right {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rot_right {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes rot_left {
	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes rot_left {
	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}
}

.s_title {
	border: 0;
	color: white;
	font-family: arial;
	text-align: center;
	margin-top: -89px;
	animation: blink 2s infinite linear;
	-webkit-animation: blink 2s infinite linear;
	transition: 2s;
	-webkit-transition: 2s;
	letter-spacing: 1px;
}

@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}
/*End: Loading popup for light blue theme*/

.backButton {
	/*padding: 2px 10px 4px 10px;*/
	margin-right: 10px;
}

.backButton-icon {
	font-size: 15px;
	margin-right: 3px;
}

.header-button {
	top: 10px;
	right: 11px;
	position: absolute;
}

.landing-style {
	color: #fff !important;
	background-color: rgba(0, 0, 0, 0.09) !important;
	border: none !important;
}

.landing-pbody {
	color: #fff !important;
	background-color: rgba(0, 0, 0, 0.09) !important;
	border: none !important;
	height: 150px;
	display: block !important;
}

.landing-pfooter {
	color: #fff !important;
}

.line-hr {
	border-top: 1px solid rgba(198, 196, 196, 0.38) !important;
	width: 98% !important;
}

.font-isMobile {
	font-size: 28px !important;
	margin-top: -59px !important;
}

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

/*
	Button
*/
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
	color: #fff;
	background-color: #A83E5D !important;
	border-color: #A83E5D !important;
}

/*
	typeahead
*/
.tt-suggestion:hover {
	cursor: pointer;
	color: #fff;
	background-color: #8B2346 !important;
}

.tt-suggestion.tt-cursor {
	color: #fff;
	background-color: #8B2346 !important;
}

.ltr-rtl {
	float: right !important;
}

.mleft-summary {
	margin-left: 10px;
}

.mright-summary {
	margin-right: 10px;
}

.btn-create {
	position: absolute;
	top: 0px;
	right: 10px;
}

.noteStyle {
	text-decoration: underline;
	font-weight: bold;
}

.margin-top20 {
	margin-top: 20px;
}

.text-ltr-rtl {
	text-align: left !important;
}

.text-rtl-ltr {
	text-align: right !important;
}

/*
	Label Height Added For Alignment Problem In FundT..Details div.row*/

.labelMarginTop {
	margin-top: 13px;
}

.logout-button {
	float: none !important;
	font-size: 13px !important;
	padding: 7px 14px !important;
}

.ltr-zero {
	right: 0 !important;
}

.ea-btnClear {
	margin-right: 10px;
}

.ea-marginStyle {
	margin-right: 15px;
}

.ea-btnMargin {
	margin-right: 0px !important;
}

.ea-SelectTemplate {
	padding-right: 15px;
	margin-top: -9px;
	padding-bottom: 0px;
}

.ea-fixedColor {
	background: #fff !important;
	color: #A30C43 !important;
}

blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 15.5px;
	border-left: 5px solid #05CA82;
}

.theme-color {
	color: #8B2346;
}

#showDivLoading, #showStaticLoading {
	position: relative;
	background-color: #E3EBF6;
	display: table;
	width: 100%;
	height: 320px;
}

.showInlinePopup {
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
	text-align: center;
}

.loadingText {
	color: #8B2346;
	margin-top: 100px;
}

.leftEye,
.rightEye {
	margin-top: -30px;
	width: 5vh;
	height: 5vh;
	border-radius: 50%;
	background: #8B2346;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: leftEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-animation: leftEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-animation: leftEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation: leftEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.rightEye {
	-webkit-animation: rightEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-animation: rightEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-animation: rightEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation: rightEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.mouth {
	margin-top: -30px;
	width: 10vh;
	height: 10vh;
	border-radius: 50%;
	border: solid 1.3vh #8B2346;
	border-right: solid 1.3vh rgba(223,223,194,0);
	border-left: solid 1.3vh rgba(223,223,194,0);
	border-bottom: solid 1.3vh rgba(223,223,194,0);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(360deg);
	-ms-transform: translate(-50%, -50%) rotate(360deg);
	transform: translate(-50%, -50%) rotate(360deg);
	-webkit-animation: mouthAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-animation: mouthAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-animation: mouthAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
	animation: mouthAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@-webkit-keyframes mouthAnimation {
	0% {
		-webkit-transform: translate(-50%, -50%) rotateX(180deg);
		-ms-transform: translate(-50%, -50%) rotateX(180deg);
		-moz-transform: translate(-50%, -50%) rotateX(180deg);
		transform: translate(-50%, -50%) rotateX(180deg);
	}

	10% {
		-webkit-transform: translate(-50%, -50%) rotateZ(360deg);
		-ms-transform: translate(-50%, -50%) rotateZ(360deg);
		-moz-transform: translate(-50%, -50%) rotateZ(360deg);
		transform: translate(-50%, -50%) rotateZ(360deg);
	}

	40% {
		-webkit-transform: translate(-50%, -50%) rotateZ(320deg);
		-ms-transform: translate(-50%, -50%) rotateZ(320deg);
		-moz-transform: translate(-50%, -50%) rotateZ(320deg);
		transform: translate(-50%, -50%) rotateZ(320deg);
	}

	60% {
		-webkit-transform: translate(-50%, -50%) rotateZ(900deg);
		-ms-transform: translate(-50%, -50%) rotateZ(900deg);
		-moz-transform: translate(-50%, -50%) rotateZ(900deg);
		transform: translate(-50%, -50%) rotateZ(900deg);
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotateZ(900deg);
		-ms-transform: translate(-50%, -50%) rotateZ(900deg);
		-moz-transform: translate(-50%, -50%) rotateZ(900deg);
		transform: translate(-50%, -50%) rotateZ(900deg);
	}
}

@-ms-keyframes mouthAnimation {
	0% {
		-webkit-transform: translate(-50%, -50%) rotateX(180deg);
		-ms-transform: translate(-50%, -50%) rotateX(180deg);
		-moz-transform: translate(-50%, -50%) rotateX(180deg);
		transform: translate(-50%, -50%) rotateX(180deg);
	}

	10% {
		-webkit-transform: translate(-50%, -50%) rotateZ(360deg);
		-ms-transform: translate(-50%, -50%) rotateZ(360deg);
		-moz-transform: translate(-50%, -50%) rotateZ(360deg);
		transform: translate(-50%, -50%) rotateZ(360deg);
	}

	40% {
		-webkit-transform: translate(-50%, -50%) rotateZ(320deg);
		-ms-transform: translate(-50%, -50%) rotateZ(320deg);
		-moz-transform: translate(-50%, -50%) rotateZ(320deg);
		transform: translate(-50%, -50%) rotateZ(320deg);
	}

	60% {
		-webkit-transform: translate(-50%, -50%) rotateZ(900deg);
		-ms-transform: translate(-50%, -50%) rotateZ(900deg);
		-moz-transform: translate(-50%, -50%) rotateZ(900deg);
		transform: translate(-50%, -50%) rotateZ(900deg);
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotateZ(900deg);
		-ms-transform: translate(-50%, -50%) rotateZ(900deg);
		-moz-transform: translate(-50%, -50%) rotateZ(900deg);
		transform: translate(-50%, -50%) rotateZ(900deg);
	}
}

@-moz-keyframes mouthAnimation {
	0% {
		-webkit-transform: translate(-50%, -50%) rotateX(180deg);
		-ms-transform: translate(-50%, -50%) rotateX(180deg);
		-moz-transform: translate(-50%, -50%) rotateX(180deg);
		transform: translate(-50%, -50%) rotateX(180deg);
	}

	10% {
		-webkit-transform: translate(-50%, -50%) rotateZ(360deg);
		-ms-transform: translate(-50%, -50%) rotateZ(360deg);
		-moz-transform: translate(-50%, -50%) rotateZ(360deg);
		transform: translate(-50%, -50%) rotateZ(360deg);
	}

	40% {
		-webkit-transform: translate(-50%, -50%) rotateZ(320deg);
		-ms-transform: translate(-50%, -50%) rotateZ(320deg);
		-moz-transform: translate(-50%, -50%) rotateZ(320deg);
		transform: translate(-50%, -50%) rotateZ(320deg);
	}

	60% {
		-webkit-transform: translate(-50%, -50%) rotateZ(900deg);
		-ms-transform: translate(-50%, -50%) rotateZ(900deg);
		-moz-transform: translate(-50%, -50%) rotateZ(900deg);
		transform: translate(-50%, -50%) rotateZ(900deg);
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotateZ(900deg);
		-ms-transform: translate(-50%, -50%) rotateZ(900deg);
		-moz-transform: translate(-50%, -50%) rotateZ(900deg);
		transform: translate(-50%, -50%) rotateZ(900deg);
	}
}

@keyframes mouthAnimation {
	0% {
		-webkit-transform: translate(-50%, -50%) rotateX(180deg);
		-ms-transform: translate(-50%, -50%) rotateX(180deg);
		-moz-transform: translate(-50%, -50%) rotateX(180deg);
		transform: translate(-50%, -50%) rotateX(180deg);
	}

	10% {
		-webkit-transform: translate(-50%, -50%) rotateZ(360deg);
		-ms-transform: translate(-50%, -50%) rotateZ(360deg);
		-moz-transform: translate(-50%, -50%) rotateZ(360deg);
		transform: translate(-50%, -50%) rotateZ(360deg);
	}

	40% {
		-webkit-transform: translate(-50%, -50%) rotateZ(320deg);
		-ms-transform: translate(-50%, -50%) rotateZ(320deg);
		-moz-transform: translate(-50%, -50%) rotateZ(320deg);
		transform: translate(-50%, -50%) rotateZ(320deg);
	}

	60% {
		-webkit-transform: translate(-50%, -50%) rotateZ(900deg);
		-ms-transform: translate(-50%, -50%) rotateZ(900deg);
		-moz-transform: translate(-50%, -50%) rotateZ(900deg);
		transform: translate(-50%, -50%) rotateZ(900deg);
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotateZ(900deg);
		-ms-transform: translate(-50%, -50%) rotateZ(900deg);
		-moz-transform: translate(-50%, -50%) rotateZ(900deg);
		transform: translate(-50%, -50%) rotateZ(900deg);
	}
}

@-webkit-keyframes leftEyeAnimation {
	0% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	50% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	60% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(-150%, -50%);
		-ms-transform: translate(-150%, -50%);
		-moz-transform: translate(-150%, -50%);
		transform: translate(-150%, -50%);
	}

	90% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(-150%, -50%);
		-ms-transform: translate(-150%, -50%);
		-moz-transform: translate(-150%, -50%);
		transform: translate(-150%, -50%);
	}

	100% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@-moz-keyframes leftEyeAnimation {
	0% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	50% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	60% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(-150%, -50%);
		-ms-transform: translate(-150%, -50%);
		-moz-transform: translate(-150%, -50%);
		transform: translate(-150%, -50%);
	}

	90% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(-150%, -50%);
		-ms-transform: translate(-150%, -50%);
		-moz-transform: translate(-150%, -50%);
		transform: translate(-150%, -50%);
	}

	100% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@-ms-keyframes leftEyeAnimation {
	0% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	50% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	60% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(-150%, -50%);
		-ms-transform: translate(-150%, -50%);
		-moz-transform: translate(-150%, -50%);
		transform: translate(-150%, -50%);
	}

	90% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(-150%, -50%);
		-ms-transform: translate(-150%, -50%);
		-moz-transform: translate(-150%, -50%);
		transform: translate(-150%, -50%);
	}

	100% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@keyframes leftEyeAnimation {
	0% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	50% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	60% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(-150%, -50%);
		-ms-transform: translate(-150%, -50%);
		-moz-transform: translate(-150%, -50%);
		transform: translate(-150%, -50%);
	}

	90% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(-150%, -50%);
		-ms-transform: translate(-150%, -50%);
		-moz-transform: translate(-150%, -50%);
		transform: translate(-150%, -50%);
	}

	100% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@-webkit-keyframes rightEyeAnimation {
	0% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	50% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	60% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	70% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	75% {
		width: 2vh;
		height: 2px;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	80% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	90% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	100% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@-moz-keyframes rightEyeAnimation {
	0% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	50% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	60% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	70% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	75% {
		width: 2vh;
		height: 2px;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	80% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	90% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	100% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@-ms-keyframes rightEyeAnimation {
	0% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	50% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	60% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	70% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	75% {
		width: 2vh;
		height: 2px;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	80% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	90% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	100% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@keyframes rightEyeAnimation {
	0% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	50% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	60% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	70% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	75% {
		width: 2vh;
		height: 2px;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	80% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	90% {
		width: 2vh;
		height: 2vh;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	100% {
		width: 5vh;
		height: 5vh;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

.typeaheadErrorText {
	color: #B10E0E;
	font-size: 20px !important;
	padding-right: 18px;
}

.typeaheadPtagErrTxt {
	color: #B10E0E;
	font-size: 12px !important;
	font-weight: bold;
	margin-left: 15px;
}

.checkboxValid {
	text-align: right !important;
	margin: -18px !important;
	margin-top: 3px !important;
	margin-left: -12px !important;
}

.dboard-iconlist {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	margin-top: 6px !important;
	margin-right: 10px !important;
}

.showHand {
	cursor: pointer;
}

.dboard-iconPadding {
	padding: 4px 6px !important;
}

.dboard-paddingZero {
	padding: 0px 0px !important;
}

.workflow-height {
	height: 100% !important;
}

.refresh-button {
	float: right;
	position: relative;
	/*left: 290px;*/
	bottom: 30px;
}

.semail-paddding {
	padding: 4px 8px !important;
}

.amount {
	text-align: right;
}

.valign-top {
	vertical-align: top !important;
}

.trnxQueue {
	margin-left: 5px !important;
	font-size: 18px !important;
}

.dashb-icon {
	padding: 1px !important;
	margin-top: 5px !important;
	margin-right: 10px !important;
	background-color: #8B2346 !important;
	color: #fff !important;
}

.textWrapToolTip {
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	display: table-cell;
}

.margin-top5pixel {
	margin-top: -5px;
}

.margin-top24pixel {
	margin-top: -24px;
}

.mobile-fa-bars {
	font-size: 21px;
	padding-top: 15px;
}

.rightclick-content {
	border-radius: 5px;
	background: rgba(239, 246, 250, 0);
	padding: 0 !important;
}

.rightclick-ptext {
	margin-bottom: -3px;
	margin-top: 33px;
}


.rightclick-h1text {
	margin-bottom: 9px;
}

.width-100 {
	width: 100% !important;
}

.landing-padding {
	padding-right: 4px;
	padding-left: 2px;
}

.tab-margin-trnx {
	margin-top: -28px;
}

.lr-0padding {
	margin-left: 0px;
	margin-right: 0px;
}

.excelTable {
	min-width: 100%;
	height: 300px;
}

.btnInlineSearch {
	padding: 6px 9px !important;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.input-phtext {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-size: 13px !important;
}

.margin-t2px {
	margin-top: 2px !important;
}

.cnt-break-word {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
/*FAQ - Screen*/
.faq-heading [data-toggle='collapse']:after {
	font-family: 'Glyphicons Halflings';
	content: '\e131';
	float: right;
	color: #333333;
	font-size: 18px;
	line-height: 0;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transition: all 0.2s ease-in-out;
}

.faq-heading [data-toggle='collapse'].collapsed:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.faq-content {
	border-color: #fff !important;
}

.faq-heading {
	padding: 6px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.faq-a:hover, .faq-a:focus {
	text-decoration: none;
}

.faq-panel-body {
	box-shadow: 0 0px 6px rgba(119, 119, 119, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
}

.faq-tab-navigation {
	width: 100%;
	float: left;
	padding-bottom: 10px;
	font-size: 12px;
	font-family: Arial;
	padding-top: 0px;
}

.faq-btn-success {
	margin: 5px !important;
}

.span-title {
	color: #767676;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	font-family: Arial, sans-serif,'Helvetica Neue', Helvetica;
	margin: 0 0 1px;
}

.faq-panel-title {
	line-height: 0.8;
}

.badge-danger {
	color: #FFFFFF !important;
	background-color: #DE2E2A !important;
}

.badge-success {
	color: #FFFFFF !important;
	background-color: #26AE30 !important;
}
/*FAQ-End*/

.text-transparent {
	background-color: transparent !important;
}

.circle-icon-home {
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0);
	padding: 4px;
	border-radius: 100%;
	color: rgb(255, 255, 255);
	text-align: center;
	font-size: 19px;
	padding-right: 5px;
	border: 3px solid rgba(255, 255, 255, 0.32);
}

.circle-icon-dashboard {
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0);
	padding: 4px;
	/*padding-top: 0px;*/
	border-radius: 100%;
	color: rgb(255, 255, 255);
	text-align: center;
	font-size: 21px;
	margin-left: 10px;
	margin-right: 5px;
	/* margin-top: 0px; */
	padding-right: 4px;
	border: 3px solid rgba(255, 255, 255, 0.32);
}

.li-home-icon {
	padding-left: 8px !important;
	margin-top: 2px !important;
}

.li-dashboard-icon {
	margin-top: 2px !important;
}

.li-apps-icon {
	padding-left: 8px !important;
	margin-top: 2px !important;
}

.li-aicon {
	padding: 0px !important;
	background: transparent !important;
}

.trnx-iheight {
	height: 33px !important;
}

.ul-menu-icon {
	margin-left: 0px !important;
	border-left: 0px solid #475ea0 !important;
	margin-top: 37px !important;
}

.ul-menu-nav {
	border-left: 1px solid rgba(255, 255, 255, 0.28) !important;
}

.padding10-left {
	padding-left: 10px !important;
}

.themeBgColor {
	background-color: #8B2346 !important;
}

@media(max-width:640px) {
	.text-forMobile {
		background-color: #8B2346 !important;
	}
}
/*calender - holiday master*/
.fc-event {
	border: 1px solid #8B2346;
	background-color: #8B2346;
}

.fc-ltr .fc-basic-view .fc-day-number {
	color: #8B2346;
}

.margin-gicon {
	margin-left: -2px;
}

.trnx-table-body {
	box-shadow: 0 1px 2px 1px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.08);
}

.trnx-table-header {
	background-color: #ddd !important;
}

.txt-align {
	text-align: right;
	margin-top: -52px;
	margin-right: -23px;
	font-size: 29px;
	margin-bottom: -2px;
	color: #259b24;
}

.td-headerh5 {
	text-align: center !important;
	margin-bottom: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.txt-lalign {
	text-align: right;
}

.text-calign {
	text-align: center !important;
	margin-bottom: 20px;
}

.icon-bgcolor {
	background-color: rgb(255, 255, 255);
	border-radius: 50%;
}

.icon-bgstyle {
	background-color: #ff5722;
	border-radius: 50%;
	color: #fff;
}

.ibold-amount {
	font-style: italic;
	font-size: smaller;
	color: red;
}

.fa-equal {
	font-family: Arial;
	font-weight: bold;
	font-size: 32px;
	width: 30px;
	height: 30px;
	padding: 0px 5px;
}

	.fa-equal:before {
		content: '=';
	}

.panel-boxshadow {
	box-shadow: 0 1px 2px 1px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.08);
}

.row-bgcolor {
	background-color: #F5F5F5;
}

.txt-bold {
	font-weight: bold !important;
}

.calender-bg {
	background-color: #fff;
	padding: 2px;
}

.btnCutOffTime {
	margin-top: 24px;
	font-size: 12px;
	font-family: Arial;
}

.frontPage {
	margin-right: -30px;
	margin-left: -30px;
}

.helpIcon {
	/*color: rgb(227, 65, 65);*/
	text-align: center;
	font-size: 21px;
	margin-left: 7px;
	margin-right: 5px;
}

.styleContent {
	color: rgba(255, 255, 255, 0.65);
	text-align: center;
	font-size: 21px;
	margin-left: 7px;
	margin-right: 5px;
}

.styleTitle {
	color: rgba(255, 255, 255, 0.65);
	text-align: center;
	font-size: 21px;
	margin-left: 7px;
	margin-right: 5px;
}

.help-title {
	padding: 6px;
	margin: 0;
	font-size: 18px;
	background-color: #8B2346;
	color: #FFFFFF;
}

.help-content {
	padding: 9px 14px;
	background-color: #C2E5FF;
	color: #8B2346;
}

.btn-helpclose {
	color: #8B2346;
	background-color: rgb(194, 229, 255);
	border-color: rgb(194, 229, 255);
	border-radius: 50%;
}

	.btn-helpclose:hover {
		color: #8B2346;
		background-color: rgb(255, 255, 255) !important;
		border-color: #FFFFFF !important;
	}

.help-popover {
	border: 1px solid rgb(255, 255, 255);
	background: #C2E5FF;
}

.fixedWidth {
	width: 200px !important;
}

/* Notification Alert */
.notify-content {
	width: 280px;
	padding: 0px;
	overflow-y: scroll;
	height: 250px;
	margin-top: 5px;
}

	.notify-content li {
		padding: 0px 10px;
		padding-top: 3px;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border-radius: 0px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.17);
	}

.item-text {
	margin-left: 5px;
}

.secEmail-count {
	margin-top: 10px;
	padding: 9px;
	background-color: #5bc0de;
	color: #FAF9F9;
	border-radius: 18px;
}

.sTimeOut-content {
	border-radius: 5px;
	background: rgba(239, 246, 250, 0);
}

	.sTimeOut-content p {
		margin-bottom: -3px;
		margin-top: 33px;
	}

	.sTimeOut-content h1 {
		margin-bottom: 9px;
		color: #4c4c4c;
	}

.margin-right-padding {
	margin-right: 15px;
}

.clock-header {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.62);
}

.clock-hTop {
	margin-left: 7px;
}

#dayOfWeek {
	position: absolute;
	color: #fff;
	font-size: 50px;
	width: 80px;
	height: 555px;
	line-height: 555px;
	padding-left: 50px;
	color: #01c4c4;
	opacity: .9;
	display: none;
}

#date {
	position: absolute;
	right: 0;
	color: #fff;
	font-size: 40px;
	width: 150px;
	height: 555px;
	line-height: 555px;
	color: #01c4c4;
	opacity: .9;
	padding-right: 20px;
	display: none;
}

#digital {
	position: absolute;
	bottom: 0;
	color: #fff;
	font-size: 90px;
	width: 555px;
	height: 130px;
	line-height: 65px;
	color: #01c4c4;
	text-align: center;
	opacity: .9;
	display: none;
}

#hourHand {
	transform-origin: bottom center;
	height: 12px;
	width: 4px;
	position: absolute;
	top: 14%;
	left: 40.9%;
	background-color: #FFFFFF;
	opacity: .6;
	border-radius: 7px;
}

#minuteHand {
	transform-origin: bottom center;
	height: 16px;
	width: 3px;
	position: absolute;
	top: 0.5%;
	left: 43.2%;
	background-color: #FFFFFF;
	opacity: .6;
	border-radius: 7px;
}

#circle {
	width: -1px;
	height: 3px;
	width: 3px;
	position: relative;
	margin: 3.75px auto;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.63);
	z-index: 1;
}

#secondHand {
	transform-origin: bottom center;
	height: 17px;
	width: 2px;
	position: absolute;
	top: 1%;
	left: 45.5%;
	background-color: #FFFFFF;
	opacity: .7;
	border-radius: 3px;
}

#clock-wrap {
	color: #fff;
	position: relative;
	margin: 2px auto;
	width: 40px;
	height: 40px;
	/* border:20px solid #019394; */
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, 0.32);
}

.numbers-12 {
	position: absolute;
	top: 6px;
	left: 49%;
	/* width: 6px; */
	/* height: 5px; */
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #01c4c4;
}

.numbers-3 {
	transform: rotate(90deg);
	position: absolute;
	top: 48%;
	right: 8px;
	/* width: 4px; */
	height: 7px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #01c4c4;
}

.numbers-6 {
	transform: rotate(180deg);
	position: absolute;
	left: 49%;
	bottom: 6px;
	/* width:10px; */
	/* height:17px; */
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #01c4c4;
}

.numbers-9 {
	transform: rotate(270deg);
	position: absolute;
	left: 8px;
	top: 48%;
	/* width:10px; */
	/* height:17px; */
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #01c4c4;
}

.star-icon {
	margin-top: 22px !important;
}
/*whatsnew - Screen*/
.whatsnew-heading [data-toggle='collapse']:after {
	font-family: 'Glyphicons Halflings';
	content: '\e131';
	float: right;
	color: #333333;
	font-size: 16px;
	line-height: 1;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transition: all 0.2s ease-in-out;
}

.whatsnew-heading [data-toggle='collapse'].collapsed:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.whatsnew-content {
	border-color: #fff !important;
}

.whatsnew-heading {
	padding: 6px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.whatsnew-a:hover, .whatsnew-a:focus {
	text-decoration: none;
}

.whatsnew-panel-body {
	box-shadow: 0 0px 6px rgba(119, 119, 119, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
}

.whatsnew-tab-navigation {
	width: 100%;
	float: left;
	padding-bottom: 10px;
	font-size: 12px;
	font-family: Arial;
	padding-top: 0px;
}

.whatsnew-btn-success {
	margin: 5px !important;
}

.whatsnew-panel-title {
	line-height: 0.8;
}
/*whatsnew-End*/

#FXTicker {
	width: 100%;
}

	#FXTicker .ui {
		width: 900px;
		margin: 0 auto;
		/*margin-top: 5px;*/
		font-family: 'Source Sans Pro', sans-serif;
		color: #353535;
		box-shadow: none;
	}

		#FXTicker .ui ul {
			margin: 0px 30px 10px 0px;
			padding: 0;
			list-style-type: none;
			font-size: 11px;
			font-weight: 400;
			line-height: 20px;
		}

		#FXTicker .ui .drop {
			z-index: -3;
			opacity: 0;
			width: 240px;
			height: 10px;
			background: #F2F0F0;
			position: absolute;
			color: white;
			bottom: 0;
			padding: 12px 30px 21px 30px;
			-webkit-transition-property: bottom,opacity;
			transition-property: bottom,opacity;
			-webkit-transition-duration: .3s;
			transition-duration: .3s;
		}

			#FXTicker .ui .drop p {
				color: #f8fbfa;
			}

	#FXTicker .ui_box {
		width: 240px;
		height: 78px;
		position: relative;
		background: #FFFEFE;
		float: left;
		box-shadow: -1px 0px rgba(135, 135, 135, 0.41);
		cursor: pointer;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition-property: background,-webkit-transform;
		transition-property: background,-webkit-transform;
		transition-property: transform,background;
		transition-property: transform,background,-webkit-transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
	}

	#FXTicker .ui_box__inner {
		padding: 10px;
	}

		#FXTicker .ui_box__inner span {
			/*font-size: 36px;*/
			font-size: 21px;
			font-weight: 700;
		}

		#FXTicker .ui_box__inner .progress {
			width: 100%;
			margin-top: -8px;
			height: 6px;
			background: rgba(0, 0, 0, 0.3);
			margin-bottom: 15px;
		}

		#FXTicker .ui_box__inner .progress_graph {
			float: right;
			border-bottom: 1px solid rgba(255, 255, 255, 0.09);
			width: 85px;
			text-align: center;
			position: relative;
			padding-left: 20px;
			top: 24px;
		}

		#FXTicker .ui_box__inner .progress_graph__bar--1 {
			width: 10px;
			height: 20px;
			background: #4FA584;
			float: left;
			margin-right: 10px;
			position: relative;
			bottom: -10px;
			-webkit-animation: graph 1s;
		}

		#FXTicker .ui_box__inner .progress_graph__bar--2 {
			width: 10px;
			-webkit-animation: graph2 1s;
			height: 30px;
			float: left;
			margin-right: 10px;
			background: #4FA584;
		}

		#FXTicker .ui_box__inner .progress_graph__bar--3 {
			width: 10px;
			height: 24px;
			margin-right: 10px;
			-webkit-animation: graph3 1s;
			background: #4FA584;
			float: left;
			position: relative;
			bottom: -6px;
		}

		#FXTicker .ui_box__inner .progress_graph__bar--4 {
			width: 10px;
			height: 14px;
			-webkit-animation: graph4 1s;
			bottom: -16px;
			position: relative;
			background: #4FA584;
			float: left;
		}

		#FXTicker .ui_box__inner .progress_bar {
			height: 6px;
			float: left;
			width: 58%;
			background: #4FA584;
			-webkit-animation: bar 2s;
		}

		#FXTicker .ui_box__inner .progress_bar--two {
			height: 6px;
			float: left;
			width: 78%;
			background: #4FA584;
			-webkit-animation: bar2 2s;
		}

	#FXTicker .ui_box h2 {
		font-weight: normal;
		font-size: 18px;
		margin: 2px 0px 3px 0px;
	}

	#FXTicker .ui_box p {
		font-size: 13px;
		color: #b6b6b6;
		clear: left;
		font-weight: 300;
		width: 160px;
	}

	#FXTicker .ui_box:hover {
		background: #8B2346;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-transition-property: background,-webkit-transform;
		transition-property: background,-webkit-transform;
		transition-property: transform,background;
		transition-property: transform,background,-webkit-transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		position: relative;
		z-index: 1;
	}

.ui_box:hover > .ui_box__inner p {
	color: #fff;
}

.ui_box:hover {
	color: #fff;
}

	.ui_box:hover > .drop {
		-webkit-transition-property: bottom,opacity;
		transition-property: bottom,opacity;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		bottom: -42px;
		opacity: 1;
	}

		.ui_box:hover > .drop .arrow {
			-webkit-transition-property: -webkit-transform;
			transition-property: -webkit-transform;
			transition-property: transform;
			transition-property: transform, -webkit-transform;
			-webkit-transition-duration: 1s;
			transition-duration: 1s;
			-webkit-transform: rotate(765deg);
			transform: rotate(765deg);
		}

	.ui_box:hover > .ui_box__inner .progress_graph > div {
		background: white;
	}

	.ui_box:hover > .ui_box__inner .progress .progress_bar, .ui_box:hover > .ui_box__inner .progress .progress_bar--two {
		background: white;
	}

.stat_left {
	float: right;
}

.arrow {
	width: 4px;
	height: 4px;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	border-top: 1px solid #CDEAD3;
	border-right: 1px solid #CDEAD3;
	float: right;
	position: relative;
	top: -24px;
	right: 0px;
}

@-webkit-keyframes bar {
	from {
		width: 0px;
	}

	to {
		width: 58%;
	}
}

@keyframes bar {
	from {
		width: 0px;
	}

	to {
		width: 58%;
	}
}

@-webkit-keyframes bar2 {
	from {
		width: 0px;
	}

	to {
		width: 78%;
	}
}

@keyframes bar2 {
	from {
		width: 0px;
	}

	to {
		width: 78%;
	}
}

@-webkit-keyframes graph {
	from {
		height: 0px;
	}

	to {
		height: 20px;
	}
}

@keyframes graph {
	from {
		height: 0px;
	}

	to {
		height: 20px;
	}
}

@-webkit-keyframes graph2 {
	from {
		height: 0px;
	}

	to {
		height: 30px;
	}
}

@keyframes graph2 {
	from {
		height: 0px;
	}

	to {
		height: 30px;
	}
}

@-webkit-keyframes graph3 {
	from {
		height: 0px;
	}

	to {
		height: 24px;
	}
}

@keyframes graph3 {
	from {
		height: 0px;
	}

	to {
		height: 24px;
	}
}

@-webkit-keyframes graph4 {
	from {
		height: 0px;
	}

	to {
		height: 13px;
	}
}

@keyframes graph4 {
	from {
		height: 0px;
	}

	to {
		height: 13px;
	}
}

.fixed-table-body .card-view .title {
	font-weight: normal;
	display: inline-block;
	min-width: 45%;
	text-align: left !important;
	border-right: none;
	margin-right: 7px;
}

.card-view {
	/* padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ada9a9*/
}

.card-panel {
	box-shadow: 0 0px 6px rgba(119, 119, 119, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
	width: 300px;
}


.cardHeaderIcons {
	position: absolute !important;
	color: #fff;
	margin-top: 10px;
	top: 9px;
	background: rgba(255, 255, 255, 0);
	padding: 4px;
	border-radius: 2px;
	/*#7a33a7;*/
}

	.cardHeaderIcons > .table-curved-icon {
		color: #fff !important;
	}

.cardBg {
	padding: 13px;
	background-color: rgb(18, 112, 181);
	color: #fff;
}

.cardSelectedPar {
	border-left: 0px !important;
	border-radius: 0px;
	background: rgba(162, 239, 153, 0.48) !important;
	color: #0a5f00;
}

.cardSelected {
	border-left: 5px solid #5cb85c !important;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.cardValueText {
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 15px;
	word-break: break-all;
	width: 98%;
	border-bottom: 1px solid #70dc64;
	color: #0b5002 !important;
}

.filterControl > .form-control {
	/*padding-left: 7px; font-size: 21px; padding-bottom: 11px; padding: 0px 12px;*/
	padding-left: 4px;
	font-size: 13px;
	padding-bottom: 6px;
	padding: 0px;
	font-family: sans-serif;
	padding-left: 7px;
}

@media (max-width: 640px) {
	.faq-heading {
		color: #333 !important;
		background-color: #f5f5f5 !important;
		border-color: #ddd !important;
		padding-left: 0 !important;
		padding-top: 3px !important;
	}
}

/*.fht-cell {
	background: #f2f2f2;
	border: none;
	padding: 2px;
	height: 37px;
}*/
.unline {
	text-decoration: underline !important;
}

.fixedcls {
	position: absolute;
}

.valigntop {
	vertical-align: top;
}

.notextwrap {
	white-space: nowrap;
}

.mandatory {
    color: red;
}