/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

@import url("bootstrap-addon.css");

.backToList {
	margin: 0px;
	display: ruby-base-container;
	background: #0c5c8f;
	float: none;
	left: 50%;
	position: absolute;
	top: auto;
	background: #0094c7;
	border: 0;
	color: #fff;
	content: "< Back";
	cursor: pointer;
	float: right;
	left: 5%;
	padding: 7px 15px;
	position: fixed;
	text-decoration: none;
	text-transform: uppercase;
	text-decoration-color: #fff;
	top: 170px;
}

body {
	background-color: #5c87b2;
	font-size: .85em;
	font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	color: #696969;
}

.blur {
	opacity: 0.4;
}

.InstructionDetail {
	width: 150px;
	min-width: 150px;
	/*overflow:hidden;*/
}

.InstructionDetailValues {
	width: 300px;
	max-width: 300px;
	min-width: 300px;
	/*overflow:hidden;*/
}

.submitButtonDisable {
	background: url("../images/waiting.gif")
}

.file {
	min-width: 418px;
}

a:link {
	color: #034af3;
	text-decoration: underline;
}

a:visited {
	color: #505abc;
}

a:hover {
	color: #1d60ff;
	text-decoration: none;
}


ul#menu a.active {
	color: white;
	text-decoration: none;
}



a:active {
	color: #12eb87;
}

p, ul {
	margin-bottom: 20px;
	line-height: 1.6em;
}

header,
footer,
nav,
section {
	display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h44, h2, h3, h4, h5, h6 {
	font-size: 1.1em;
	color: #000;
	line-height: 7px;
}

h44 {
	font-size: 1em;
	padding-bottom: 0;
	margin-bottom: 0;
}

h2 {
	padding: 0 0 10px 0;
	padding: 0 0 2px 0;
	font-size: 1.1em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

h5, h6 {
	font-size: 1em;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

header, #header {
	position: relative;
	margin-bottom: 0px;
	color: #000;
	padding: 0;
}

	header h44, #header h44 {
		font-weight: bold;
		padding: 5px 0;
		margin: 0;
		color: #fff;
		border: none;
		line-height: 2em;
		font-size: 32px !important;
		text-shadow: 1px 1px 2px #111;
	}

#main {
	padding: 30px 30px 15px 30px;
	background-color: #fff;
	border-radius: 4px 0 0 0;
	-webkit-border-radius: 4px 0 0 0;
	-moz-border-radius: 4px 0 0 0;
}

footer,
#footer {
	background-color: #fff;
	color: #999;
	padding: 10px 0;
	text-align: center;
	line-height: normal;
	margin: 0 0 30px 0;
	font-size: .9em;
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
	border-bottom: 1px #5C87B2 solid;
	padding: 0 0 2px;
	position: relative;
	margin: 0;
	text-align: right;
}

	ul#menu li {
		display: inline;
		list-style: none;
	}

		ul#menu li#greeting {
			padding: 10px 20px;
			font-weight: bold;
			text-decoration: none;
			line-height: 2.8em;
			color: #fff;
		}

		ul#menu li a {
			padding: 10px 20px;
			font-weight: bold;
			text-decoration: none;
			line-height: 2.8em;
			background-color: #e8eef4;
			border-radius: 4px 4px 0 0;
			-webkit-border-radius: 4px 4px 0 0;
			-moz-border-radius: 4px 4px 0 0;
		}

			ul#menu li a:hover {
				background-color: #fff;
				text-decoration: none;
			}

			ul#menu li a:active {
				background-color: green;
				text-decoration: none;
			}

		ul#menu li.selected a {
			background-color: Red;
			color: Red;
		}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
	border: 1px solid #ddd;
	padding: 0 1.4em 1.4em 1.4em;
	margin: 0 0 1.5em 0;
}

legend {
	font-size: 1.2em;
	font-weight: bold;
}

textarea {
	min-height: 75px;
}

input[type="text"],
input[type="password"] {
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 1.2em;
	color: #444;
	width: 300px;
}

select {
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 1.2em;
	color: #444;
}

button[type="submit"],
input[type="submit"] {
	font-size: 1.2em;
	padding: 5px;
}

/* TABLE
----------------------------------------------------------*/

table {
	border: solid 1px #e8eef4;
	border-collapse: collapse;
	width: 100%;
}

	table tr td {
		padding: 5px;
		border: solid 1px #e8eef4;
	}

	table th {
		padding: 6px 5px;
		text-align: left;
		background-color: #e8eef4;
		border: solid 1px #e8eef4;
	}


.tablename {
	font-size: large;
	border-bottom: solid 1px #0066FF;
	border-top: solid 1px #0066FF;
	color: cornflowerblue;
}

/* MISC  
----------------------------------------------------------*/
.clear {
	clear: both;
}

.error {
	color: Red;
}

nav,
#menucontainer {
	margin-top: 100px;
}

div#title {
	display: block;
	float: left;
	text-align: left;
}

#logindisplay {
	font-size: 1.1em;
	display: block;
	text-align: right;
	margin: 10px;
	color: White;
}

	#logindisplay a:link {
		color: white;
		text-decoration: underline;
	}

	#logindisplay a:visited {
		color: white;
		text-decoration: underline;
	}

	#logindisplay a:hover {
		color: white;
		text-decoration: none;
	}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
	color: #ff0000;
}

.field-validation-valid {
	display: none;
}

.input-validation-error {
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors {
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid {
	display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label {
	margin: 1em 0 0 0;
	float: left;
	clear: left;
	width: 200px;
	vertical-align: top;
}

.editor-label-small {
	margin: 0 0 0 0;
	float: left;
	clear: left;
	width: 100px;
	vertical-align: bottom;
}

.editor-label-single {
	margin: 0 0 0 0;
	float: left;
	clear: left;
	margin-right: 6px;
	vertical-align: bottom;
}

.display-field,
.editor-field {
	margin: 0.5em 0 0 0;
}

.text-box {
	width: 30em;
}

	.text-box.multi-line {
		height: 6.5em;
	}

.tri-state {
	width: 6em;
}

.tdnoborder {
	border-collapse: collapse;
	border: none;
}

.DocumentValues {
	max-width: 75px;
	width: 50px
}

.TabColor {
	background-color: green;
	border-color: green;
	color: green;
}

/*.btnClass {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5c87b2), color-stop(1, #5c87b2) );
	background:-moz-linear-gradient( center top, #5c87b2 5%, #5c87b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c87b2', endColorstr='#5c87b2');
	background-color:#5c87b2;
	-webkit-border-top-left-radius:17px;
	-moz-border-radius-topleft:17px;
	border-top-left-radius:17px;
	-webkit-border-top-right-radius:17px;
	-moz-border-radius-topright:17px;
	border-top-right-radius:17px;
	-webkit-border-bottom-right-radius:17px;
	-moz-border-radius-bottomright:17px;
	border-bottom-right-radius:17px;
	-webkit-border-bottom-left-radius:17px;
	-moz-border-radius-bottomleft:17px;
	border-bottom-left-radius:17px;
	text-indent:0;
	border:1px solid #5c87b2;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:35px;
	line-height:30px;
	width:86px;
	text-decoration:none;
	text-align:center;
    
    padding:100px,10px,10px,10px;
}
.btnClass:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5c87b2), color-stop(1, #5c87b2) );
	background:-moz-linear-gradient( center top, #5c87b2 5%, #5c87b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c87b2', endColorstr='#5c87b2');
	background-color:#378de5;
}.btnClass:active {
	position:relative;
	top:1px;*/



/*h44 { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; background-color : #5c87b2; font-weight :bold; color : floralwhite;}

.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
/*.ui-accordion .ui-accordion-content-active {height :auto !important;}*/

/* BEGIN: 2014-v2 overrides */
a,
a:visited,
a:link {
	color: #00aeef;
	text-decoration: none;
}

	a:hover {
		color: #0c5c8f;
	}

body {
	background: #fff url(./images/forex/forex_01.jpg) 0 0 repeat-x fixed;
	color: #999;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	text-transform: none;
}

h2 {
	/*color: #00aeef;*/
	font-size: 1.1em;
	margin: 0 auto 20px;
	text-transform: uppercase;
	width: 600px;
}

h3 {
	color: #00aeef;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
	width: 600px;
}

form {
	margin: 0 auto;
	width: 100%;
}

table {
	margin: 0 auto;
	width: 100%;
}

#header h44 {
	/*background: none;*/
}

#main > tabled {
	width: 1000px;
}

legend {
	color: #00aeef;
	margin: 0 0 10px 0;
	text-align: left;
	text-transform: uppercase;
}

input[type="text"],
input[type="password"],
select,
textarea {
	display: block;
	font-size: 12px;
	width: 300px;
}

select {
	width: 314px;
}

input[type="text"],
input[type="password"],
input[type="submit"],
button[type="submit"],
textarea {
	/*background-color: #fff;*/
	border: solid 1px #cecece;
	font-size: 12px;
	padding: 1px 6px;
}


input:hover,
input:focus {
	box-shadow: 0 0 3px #ccc;
}
/* Create New buttons/links */

input[type="submit"],
button[type="submit"],
input[type="button"],
a[href*="/Create"],
form a[href*="/Create"]:link,
form a[href*="/Create"]:visited,
a[href*="/InboundSwift"],
form a[href*="/InboundSwift"]:link,
form a[href*="/InboundSwift"]:visited,
a[href="Create"],
a[href="Create"]:link,
a[href="Create"]:visited {
	border: 0;
	color: #fff;
	cursor: pointer;
	padding: 7px 15px;
	text-decoration: none;
	text-transform: uppercase;
}

	input[type="submit"]:hover,
	button[type="submit"]:hover,
	a[href*="/Create"]:hover,
	form a[href*="/Create"]:hover,
	a[href="Create"]:hover {
		background: #0c5c8f;
	}

	input[type="submit"],
	button[type="submit"]:hover {
		float: right;
		margin: 0px 0 0;
	}

form a,
form a:link,
form a:visited {
	color: #0094c7;
	text-decoration: none;
}

	form a:hover {
		color: #0c5c8f;
	}

.display-label,
.editor-label {
	margin: 5px 0 0;
}

#header {
	background-attachment: local;
	font-family: "Calibri",Century Gothic,Arial,Helvetica,sans-serif;
	height: 79px;
	margin: 0 auto;
	position: fixed;
	width: 90%;
	z-index: 1000;
}

#title {
	background: url(./images/forex_people_logo.png) 0 0 no-repeat;
	float: left;
	height: 64px;
	overflow: hidden;
	margin: 14px 5px 5px 0px;
	text-indent: -1000px;
	width: 192px;
}

#logindisplay {
	float: right;
	font-size: 18px;
	font-weight: normal;
	line-height: 75px;
	height: 75px;
	margin: 0;
	position: relative;
	overflow: visible;
	width: 790px;
	padding-right: 110px;
	background-image: url('images/forex/New_Fx_cloud_logo.png');
	background-position: 100% 5px;
	background-repeat: no-repeat;
}

	#logindisplay a,
	#logindisplay a:link,
	#logindisplay a:visited {
		background: url(./images/divider.png) 100% 50% no-repeat;
		/*color: #00B0EC;*/
		float: left;
		font-size: 18px;
		font-weight: bold;
		line-height: 75px;
		padding: 0 10px;
		text-decoration: none;
		text-transform: uppercase;
	}

		#logindisplay a:hover {
			color: #fff;
		}

	#logindisplay br {
		display: none;
	}

#menucontainer {
	left: 0;
	margin: 78px 0 0;
	position: fixed;
	width: 100%;
}

ul#menu {
	border: 0;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 90%;
}

	ul#menu li a {
		background: none;
	}

	ul#menu > li a {
		text-transform: none;
	}

	ul#menu li a:hover {
		background: none;
	}

#main {
	background: none;
	padding: 150px 0 0;
}

fieldset {
	border: none;
	margin: 0 auto;
	padding: 0;
	/* width: 1000px; */
	width: 1120px;
}

	fieldset > p {
		margin: 0;
	}

p + table {
	margin: 20px 0 0 0;
}

form[action*="LogON/LogOn"] {
	margin: 0 auto;
	width: 300px;
}

	form[action*="LogON/LogOn"] input[type="text"],
	form[action*="LogON/LogOn"] input[type="password"],
	form[action*="LogON/LogOn"] fieldset {
		width: 300px;
	}

form[action="LogON/LogOn"] .editor-label {
	float: none;
}

#LogonLegend {
	display: none;
}

#DvIsForgotPass input[type="submit"], button[type="submit"] {
	margin: 6px 0 0;
}

#DvIsForgotPass a {
	float: left;
}

input[value="Cancel"] {
	float: none;
}
/* Back buttons/links */
/*#main > div > a[href*="Customer"],
#main > div > a[href="CustomerDeal"],
#main > div > a[href*="CustomerSarb"],
p > a[href*="Edit"],
#main > div > a[href="/Forex/DealTypes"],
#main > div > a[href="/Forex/CustomerDealStatus"],
#main > div > a[href="/Forex/NatureOfBusiness"],
#main > div > a[href="/Forex/Users"],
#main > div > a[href="/Forex/Bank"],
#main > p > a[href="/Forex/Bank"],
#main > div > a[href="/Forex/Branch"],
#main > p > a[href="/Forex/Branch"],
#main > div > a[href="/Forex/Country"],
#main > p > a[href="/Forex/Country"],
#main > div > a[href="/Forex/DealDocumentType"],
#main > p > a[href="/Forex/DealDocumentType"],
#main form > p > a[href="/Forex/DealDocumentType"],
#main > div > a[href="/Forex/Reject_Reason"],
#main > p > a[href="/Forex/Reject_Reason"],
#main form > p > a[href="/Forex/Reject_Reason"],
#main > div > a[href="/Forex/BobFormCategory"],
#main > p > a[href="/Forex/BobFormCategory"] {
	background: #0094c7;
	border: 0;
	color: #fff;
	content: "< Back";
	cursor: pointer;
	float: right;
	left: 5%;
	padding: 7px 15px;
	position: fixed;
	text-decoration: none;
	text-transform: uppercase;
	top: 170px;
}

	#main > div > a[href="/Forex/Customer"]:hover,
	#main > div > a[href="CustomerDeal"]:hover,
	#main > div > a[href="/Forex/CustomerSarb"]:hover,
	p > a[href*="Edit"]:hover,
	#main > div > a[href="/Forex/DealTypes"]:hover,
	#main > div > a[href="/Forex/CustomerDealStatus"]:hover,
	#main > div > a[href="/Forex/NatureOfBusiness"]:hover,
	#main > div > a[href="/Forex/Users"]:hover,
	#main > div > a[href="/Forex/Bank"]:hover,
	#main > p > a[href="/Forex/Bank"]:hover,
	#main > div > a[href="/Forex/Branch"]:hover,
	#main > p > a[href="/Forex/Branch"]:hover,
	#main > div > a[href="/Forex/Country"]:hover,
	#main > p > a[href="/Forex/Country"]:hover,
	#main > div > a[href="/Forex/DealDocumentType"]:hover,
	#main > p > a[href="/Forex/DealDocumentType"]:hover,
	#main form > p > a[href="/Forex/DealDocumentType"]:hover,
	#main > div > a[href="/Forex/Reject_Reason"]:hover,
	#main > p > a[href="/Forex/Reject_Reason"]:hover,
	#main form > p > a[href="/Forex/Reject_Reason"]:hover,
	#main > div > a[href="/Forex/BobFormCategory"]:hover,
	#main > p > a[href="/Forex/BobFormCategory"]:hover {
		background: #0c5c8f;
	}*/

p > a[href*="Edit"] {
	float: none;
	left: 50%;
	margin: 20px 0 0 -20px;
	position: absolute;
	top: auto;
}

a[href="Customer/Create"] {
	float: left;
}
/* Search forms */
form[action="Customer"],
form[action*="CustomerStageQueue"],
form[action*="CustomerDeal?Deal_Stage="],
form[action*="/Forex/Currency"],
form[action*="DealTypes"],
form[action="/Forex/Users"] {
	float: right;
	margin: auto;
	margin-bottom: 10px;
	text-align: right;
}

#main > p {
	margin: 0;
}

form[action="Customer"] .editor-label,
form[action*="CustomerStageQueue"] .editor-label,
form[action*="CustomerDeal?Deal_Stage="] .editor-label,
form[action*="/Forex/Currency"] .editor-label,
form[action*="DealTypes"] .editor-label,
form[action="/Forex/Users"] .editor-label {
	display: inline-block;
	float: none;
	padding: 0 10px 0 0;
	text-align: right;
}

form[action="Customer"] .editor-field,
form[action*="CustomerStageQueue"] .editor-field,
form[action*="CustomerDeal?Deal_Stage="] .editor-field,
form[action*="/Forex/Currency"] .editor-field,
form[action*="DealTypes"] .editor-field,
form[action="/Forex/Users"] .editor-field {
	display: inline;
	margin: 0;
	text-align: right;
}

form[action="Customer"] input[type="text"],
form[action*="CustomerStageQueue"] input[type="text"],
form[action*="CustomerDeal?Deal_Stage="] input[type="text"],
form[action*="/Forex/Currency"] input[type="text"],
form[action*="DealTypes"] input[type="text"],
form[action="/Forex/Users"] input[type="text"] {
	display: inline;
	width: 200px;
}

form[action="Customer"] input[type="submit"],
form[action*="CustomerStageQueue"] input[type="submit"],
form[action*="CustomerDeal?Deal_Stage="] input[type="submit"],
form[action*="/Forex/Currency"] input[type="submit"],
form[action*="DealTypes"] input[type="submit"],
form[action="/Forex/Users"] input[type="submit"] {
	float: none;
	margin: -24px 0 0 20px;
}

form[action="Customer"] button[type="submit"],
form[action*="CustomerStageQueue"] button[type="submit"],
form[action*="CustomerDeal?Deal_Stage="] button[type="submit"],
form[action*="/Forex/Currency"] button[type="submit"],
form[action*="DealTypes"] button[type="submit"],
form[action="/Forex/Users"] button[type="submit"] {
	float: none;
	margin: -24px 0 0 20px;
}

form[action="Customer"] p,
form[action*="CustomerStageQueue"] p,
form[action*="CustomerDeal?Deal_Stage="] p,
form[action*="/Forex/Currency"] p,
form[action*="DealTypes"] p,
form[action="/Forex/Users"] p {
	display: none;
}

form[action="CustomerSarb"] {
	float: none;
	margin: 0 auto;
}

form[action*="CustomerSarb"] .editor-label {
	display: block;
	float: left;
	text-align: left;
}

form[action*="CustomerSarb"] input[type="text"] {
	display: block;
}

form[action*="CustomerSarb"] select {
	width: 212px;
}

table {
	border: none;
}
	/* Table headings */
	table th {
		background: none;
		border: none;
		border-bottom: 2px solid #0d5d90;
		color: #578daf;
	}

h5 {
	color: #578daf;
}

		table th a,
		table th a:link,
		table th a:visited {
			color: #0d5d90;
			text-decoration: none;
		}

	table tr td {
		border: none;
		border-bottom: 1px solid #578daf;
	}

td a,
td a:link,
td a:visited {
	color: #0094c7;
	text-decoration: none;
}
	/* Action links within lists */
	td a[href*="View"],
	td a[href*="Edit"],
	td a[href*="Details"],
	td a[href*="Remove"],
	td a[href*="Select"],
	td a[href*="CustomerDeal/Verify/"],
	td a[href*="Delete/"],
	td input[value*="View"],
	td input[value*="Edit"],
	td input[value*="Details"],
	td input[value*="Remove"],
	td input[value*="Select"],
	td input[value*="CustomerDeal/Verify/"],
	td input[value*="Delete/"] {
		color: #fff;
		/*display: block;*/
		float: none;
		margin: 2px 0;
		width: 55px;
		padding: 0 3px;
		text-align: center;
		text-transform: uppercase;
	}

.editButton {
	background: #0094c7;
	color: #fff;
	display: block;
	float: none;
	margin: 2px 0;
	width: 55px;
	text-align: center;
	text-transform: uppercase;
	border: none;
	font-size: 11px;
}

	.editButton:hover {
		background: #0d5d90;
	}

td a[href*="View"]:hover,
td a[href*="Edit"]:hover,
td a[href*="Details"]:hover,
td a[href*="Remove"]:hover,
td a[href*="Select"]:hover,
td a[href*="CustomerDeal/Verify/"]:hover,
td a[href*="Delete/"]:hover {
	background: #0d5d90;
}

td a[href*="DocumentName"] {
	background: none;
	color: #0094c7;
	text-align: left;
	text-decoration: none;
	width: auto;
}

	td a[href*="DocumentName"]:hover {
		background: none;
		color: #0d5d90;
	}

form[action="Customer/Edit/MainForm"] {
	float: none;
	/*margin: auto auto;*/
	margin-left: 10px;
	margin-right: 0;
	width: 900px;
}

	form[action="Customer/Edit/MainForm"] fieldset {
		/*width: 670px;*/
		margin-left: 10px;
		margin-right: 0;
		width: 1000px;
	}

#accordion div[style*="float"] {
	width: 100%;
}

	#accordion div[style*="float"] input[type="text"] {
		width: 92%;
	}

	#accordion div[style*="float"] select {
		width: 96%;
	}

input[value="Back"] {
	float: left;
}

#DocumentVerification form {
	width: auto;
}

#DocumentVerification select {
	width: auto;
}

.groupBox {
	border: 1px solid #5c87b2;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 0;
	padding: 5px 25px 5px 5px;
	padding-bottom: 15px;
	margin: 5px 20px 5px 5px;
	margin-left: 0px;
	/*background: #f8f8f8;
	background: #fff;*/
	scrollbar-3dlight-color: olive;
	scrollbar-arrow-color: #fff;
	scrollbar-face-color: #002a5f;
	scrollbar-darkshadow-color: #fb9c14;
	scrollbar-highlight-color: #fb9c14 /*#b0c4de*/;
	scrollbar-track-color: #f8f8f8;
	/*width: 40%;*/ /**Important, destroying landing page deal dashboard on window change to smaller size and small screens*/
	min-width: 400px;
}


	.groupBox h4 {
		border-bottom: 2px solid #0d5d90;
		color: #5c87b2;
		padding-top: 0px;
		padding: 0 0 5px 0;
		margin-bottom: 5px;
		margin-top: 0px;
		text-decoration: none;
		text-transform: uppercase;
	}

#tabs-Customer .ui-widget-header {
	background: none;
}

.groupBox ul {
	padding-left: 15px;
}

.ui-dialog {
	background: #fff;
	margin: 0 auto;
	width: 300px;
	z-index: 1000;
	-webkit-box-shadow: 0 0 11px;
	-moz-box-shadow: 0 0 11px;
	-o-box-shadow: 0 0 11px;
	box-shadow: 0 0 11px;
}

	.ui-dialog .ui-dialog-titlebar {
		background: #0c5c8f;
		color: #fff;
		padding: 6px 10px;
		text-transform: uppercase;
	}

a.ui-dialog-titlebar-close,
a.ui-dialog-titlebar-close:link,
a.ui-dialog-titlebar-close:visited {
	color: #00B0EC;
	float: right;
}

.ui-dialog.ui-draggable .ui-dialog-content {
	padding: 10px;
}

	.ui-dialog.ui-draggable .ui-dialog-content p {
		margin: 0;
	}

.ui-dialog-buttonset {
	display: -ms-flexbox;
}

	.ui-dialog-buttonset button {
		background: #0094c7;
		border: none;
		color: #fff;
		cursor: pointer;
		display: block;
		float: none;
		font-size: 13px;
		margin: 2px auto;
		width: 55px;
		padding: 2px 3px;
		text-align: center;
		text-transform: uppercase;
	}

		.ui-dialog-buttonset button:hover {
			background: #0d5d90;
		}

.ui-dialog-buttonpane {
	padding-bottom: 10px;
}

li.ui-tabs-selected a {
	color: #0d5e93;
}

.groupBox {
	visibility: hidden;
}

#fplabels {
	position: absolute;
}

	#fplabels div {
		position: absolute;
		white-space: nowrap;
	}

.rates td span {
	background-image: url(./images/flags.png);
	background-repeat: no-repeat;
	float: left;
	height: 15px;
	margin: 0 5px 0 0;
	width: 16px;
}

.comp span {
	background-position: -146px -32px;
}

.USD span {
	background-position: -6px -4px;
}

.AUD span {
	background-position: -34px -4px;
}

.JPY span {
	background-position: -62px -4px;
}

.EUR span {
	background-position: -90px -4px;
}

.GBP span {
	background-position: -118px -4px;
}

.NZD span {
	background-position: -146px -4px;
}

.ZAR span {
	background-position: -174px -4px;
}

.SGD span {
	background-position: -202px -4px;
}

.CAD span {
	background-position: -230px -4px;
}

.CHF span {
	background-position: -258px -4px;
}

.DKK span {
	background-position: -118px -32px;
}

.BWP span {
	background-position: -286px -4px;
}

.HKD span {
	background-position: -314px -4px;
}

.MUR span {
	background-position: -342px -4px;
}

.NAD span {
	background-position: -6px -32px;
}

.NOK span {
	background-position: -34px -32px;
}

.SEK span {
	background-position: -62px -32px;
}

.THB span {
	background-position: -90px -32px;
}


/* BEGIN: v2 */
#knop > #Report, #knop > #Excel {
	float: none;
}

#knop {
	margin: 0;
}

	#knop > #Excel {
		margin-left: 10px;
	}

#main > fieldset > .editor-label {
	float: left;
	clear: none;
	background-color: #00aeef;
	padding: 7px;
	width: 140px;
	margin-left: 6px;
}

	#main > fieldset > .editor-label:hover {
		background: #0d5d8e !important;
	}

	#main > fieldset > .editor-label a {
		color: #fff !important;
		display: block;
	}

td a[href*="Edit"], td a[href*="Details"] {
	float: right;
	text-align: left;
}

td > a[href*="Customer/Edit"] {
	float: none;
	text-align: left;
}

td a[href*="Details"] {
	margin: 22px -61px 0px 0px;
}

tr:hover td {
	background: #ebebeb;
}

.rates tr:hover td {
	background: none;
}

backToList {
	margin: 0px;
	display: ruby-base-container;
	background: #0c5c8f;
	float: none;
	left: 50%;
	position: absolute;
	top: auto;
	background: #0094c7;
	border: 0;
	color: #fff;
	content: "< Back";
	cursor: pointer;
	float: right;
	left: 5%;
	padding: 7px 15px;
	position: fixed;
	text-decoration: none;
	text-transform: uppercase;
	top: 170px;
}




/* END: v2 */





/* END: 2014 overrides */

/* Progress bar in NEW DEALS */


	.process-tab ul {
		padding: 0;
	}

	.process-tab li {
		list-style-type: none;
		float: left;
		margin-right: 398px;
		font-size: 13px;
		text-align: center;
	}

		.process-tab li:last-child {
			margin-right: 0px;
		}



.center-text-modal {
	margin-left: -10px;
}

/* End of Progress bar in NEW DEALS*/

/* Forms Content Container */
#forms-content-container {
	clear: both;
	height: 512px;
}

.field-text .editor-label {
	width: 160px;
	margin-top: -4px;
}

.left-column {
	width: 45%;
	float: left;
}

.right-column {
	width: 45%;
	float: left;
	margin-left: 70px;
}

.label-text {
	margin-bottom: 4px;
	width: 160px;
	float: left;
}

.field-text {
	margin-bottom: 5px;
}

.radio-buttons-section {
	margin-bottom: 35px;
	margin-top: 0px;
}

.company-type {
	margin-top: 35px;
}

.add-form-seperator {
	height: 40px;
}

.left-column input[type="text"] {
	/*width: 314px !important;*/
	width: 240px;
	padding: 1px 6px; /*1px 6px*/
}

.left-column select {
	width: 240px;
	padding: 1px 6px;
}

.right-column input[type="text"] {
	/*width: 314px !important;*/
	width: 240px;
	padding: 1px 6px; /*1px 6px*/
}

.right-column select {
	width: 240px;
	padding: 1px 6px;
}

.same-as-physical {
	margin-top: 20px;
	margin-bottom: 10px;
}

.notify-by-wrapper {
	float: left;
	margin-top: 5px;
	margin-left: 160px;
}

.notify-label {
	display: inline;
	float: left;
}

.notify-radio {
	float: left;
	margin-left: 10px;
}

.create-button {
	float: left;
	display: block;
	clear: both;
	margin-top: 10px;
}




#RiskAdditionalQuestions .editor-label {
	width: 400px;
	margin-right: 30px;
}

.risk-factors-wrapper {
	height: auto;
	padding-top: 4px;
	padding-bottom: 17px;
	border-bottom: 1px solid #EFEFEF;
	display: block;
	clear: both;
}

.fontawesomeRed {
	color: red;
}

.fontawesomeGreen {
	color: green;
}

.fontawesomeGray {
	color: gray;
}

.loading {
	background: linear-gradient(275deg, rgba(166,224,250, 0.7), rgba(253, 253, 253, 0.7), rgba(166, 224, 250, 0.7));
	background-size: 500% 500%;
	backdrop-filter: blur(60%);
	border-radius: 5px;
	animation: Animation 2s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite;
	min-height: 250px;
	width: 100%;
}
.loadingText::after {
	content: "";
	animation: LoadingDots 1.5s infinite;
}

@keyframes Animation {
	0% {
		background-position: 92% 0%
	}

	50% {
		background-position: 9% 100%
	}

	100% {
		background-position: 92% 0%
	}
}
@keyframes LoadingDots {
	0% {
		content: "";
	}

	33% {
		content: ".";
	}

	66% {
		content: "..";
	}

	100% {
		content: "...";
	}
}
/*#region white label*/
.d-flex {
	display: flex;
}

.align-items-center {
	align-items: center;
}

.justify-content-end {
	justify-content: end;
}

.justify-content-between {
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}

.ml-3 {
	margin-left: 1rem !important;
}

.logo-container {
	width: 100%;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
}

#title {
	background: none;
}

.page {
	width: unset;
	margin: 0;
}

#logindisplay {
	padding: 0 !important;
	width: unset;
	background-image: unset !important;
	background-position: unset !important;
	float: none;
	text-align: unset;
	margin: 0;
	line-height: unset;
}

.page.page-theme #menucontainer {
	margin: 0;
}

#header {
	width: 100%;
	/*background: none;*/
	background-size: cover;
}

#main, .header-box {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

/*#endregion */

.editor-field {
	display: flex;
	align-items: center; /* Align items vertically center */
}

	.editor-field input,
	.editor-field button {
		margin-right: 10px; /* Adjust margin between input and button */
	}

#time {
	margin-right: 10px;
}

#refreshQuoteBtn {
	/* Style for the refresh button */
	background: none;
	border: none;
	cursor: pointer;
}

	#refreshQuoteBtn i {
		margin-right: 5px; /* Adjust margin between icon and text */
	}

.ui-accordion .ui-accordion-content {
	overflow: visible;
}

.mt-0{
	margin-top: 0;
}

.mb-0 {
	margin-bottom: 0;
}