/*
 * My Cascading Style Sheet
 *
 * #007bc7 				rgb(253,138,25) 	#ffd700
 * #b2d7ec
 * #d9ebf7
 * #f3f3f3
 * #ffffaa
 */

::-webkit-input-placeholder { color:rgba(55,55,255,.5); font-weight:bolder;}

/* div, span { font-size:100% } */

.deep-info { background-image:url("deep-i"); background-size:16px 16px;
	width:16px; height:16px; position:relative; left:-1px; margin-right:-6px;
	cursor:help; display:inline-block; }

.deep-build { background-image:url("deep-build"); background-size:16px 16px;
	width:16px; height:16px; position:relative; left:-4px; margin-right:-6px;
	cursor:help; }
.deep-bin { background-image:url("deep-bin"); background-size:16px 16px;
	width:16px; height:16px; position:relative; left:-4px; margin-right:-6px;
	cursor:help; }
.deep-delete { background-image:url("deep-delete"); background-size:16px 16px;
	width:16px; height:16px; position:relative; left:-4px; margin-right:-6px;
	cursor:help; }
.deep-done { background-image:url("deep-done"); background-size:16px 16px;
	width:16px; height:16px; position:relative; left:-4px; margin-right:-6px;
	cursor:help; }
.deep-flag { background-image:url("deep-flag"); background-size:16px 16px;
	width:16px; height:16px; position:relative; left:-4px; margin-right:-6px;
	cursor:help; }
.deep-flag-power { background-image:url("deep-flag"); background-size:16px 16px;
	width:16px; height:16px; position:relative; left:-4px; margin-right:-6px;
	cursor:help; border-right:3px solid gray; }

.deep-block { background-image:url("deep-block"); background-size:16px 16px;
	width:16px; height:16px; position:relative; left:-4px; margin-right:-6px;
	cursor:help; }
.deep-warn { background-image:url("deep-warn"); background-size:16px 16px;
	width:16px; height:16px; position:relative; left:-4px; margin-right:-6px;
	cursor:help; }
.deep-alert { background-image:url("deep-alert"); background-size:16px 16px;
	width:16px; height:16px; position:relative; left:-4px; margin-right:-6px;
	cursor:help; }

.deep-clear { background-image:url("deep-clear"); background-size:16px 16px;
	width:16px; height:16px; position:relative; left:-4px; margin-right:-6px;
	cursor:pointer; }

.deep-settings { background-image:url("deep-settings"); background-size:30px 30px;
	width:30px; height:30px; position:relative; left:-4px; margin-right:-6px;
	cursor:pointer; }

.deep-balance { background-image:url("deep-balance"); background-size:24px 24px;
	width:24px; height:24px; position:relative; left:-4px; margin-right:-6px;
	cursor:help; }

.deep-down { background-image:url("deep-down"); background-size:24px 24px;
	width:24px; height:24px; position:relative; left:-4px; margin-right:-6px;
	cursor:help; }


.logo-abna { background-image:url("https://s3.amazonaws.com/profyt/im/abna.png");
	background-size:250px 80px; width:250px; height:80px;
}
.logo-ing { background-image:url("https://s3.amazonaws.com/profyt/im/ing.png");
	background-size:250px 80px; width:250px; height:80px;
}
.logo-mijnw2 { background-image:url("https://s3.amazonaws.com/profyt/im/mijnw2.png");
	background-size:250px 80px; width:250px; height:80px;
}
.logo-mollie { background-image:url("https://s3.amazonaws.com/profyt/im/mollie.png");
	background-size:250px 80px; width:250px; height:80px;
}
.logo-rabo { background-image:url("https://s3.amazonaws.com/profyt/im/rabo.png");
	background-size:250px 80px; width:250px; height:80px;
}
.logo-sisow { background-image:url("https://s3.amazonaws.com/profyt/im/sisow.png");
	background-size:250px 80px; width:250px; height:80px;
}
.logo-ideal { background-image:url("https://s3.amazonaws.com/profyt/ideal.gif");
	background-size:111px 98px; width:111px; height:98px;
}

#transaction_date {font-size:inherit; width:90%;}
.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	overflow-x: hidden;	/* prevent horizontal scrollbar */
	zidth: 300px;
}
button, label { border-radius: 25px; /*padding-left:5px;*/}
html { background-color:white; }
/* button { background-color:rgb(254,199,145); } */
button { background-color:white; }

body2 { /*background-color: #fefefe;*/ margin: 4px 20px 10px 2px;
	border-radius: 25px 0px 25px 25px;
	/*border-left: 25px solid white; border-top:0px solid #007bc7;*/
	border-bottom: 1px dotted black;
	/*padding-left:9px;*/ padding-bottom: 20px; min-height:900px; }

body { /*min-height:200px; */background-color:white; margin:0px; }

input.auto { background-color: yellow; }
input.annum { text-align:left; padding-left:2px; font-weight:bold; }
input.error { border-left: 3px solid red; }
input.warn { border-left: 3px solid #007bc7; }

textarea.error { border-left: 3px solid red; }

.selector { width:160px; float:left; border-radius: 25px 5px 5px 25px; margin-right:1px; border-right:1px dotted black; border-left:1px dotted gray; }

div.fixed { height: 50px; border:0px solid red; width:500px;}
div.back { margin-top: -23px; }


div.head { border:0px dotted green; margin-left:-9px; float:left; background-color:white; min-width:1200px; /*border-radius:25px 0px 25px 0px;*/ border-top:0px dotted black; border-bottom:0px solid gray; }

/*img.logo { width:160px; border:1px dotted #ccc; position:relative; right:45px; bottom:26px;
	border-radius:25px 25px 5px 0px; border-bottom:1px solid #ccc; float:left; }*/

img.logo { width:180px; float:left; margin-right:10px; /*border-left:1px dotted #555;*/
	border-radius:25px 25px 0px 0px; /*border-bottom:1px dotted #ccc;*/ margin-left:25px;
}
span.head { font-size:141%; font-weight:bolder; border:0px solid blue;
	float:left; min-width:750px; min-height:40px; margin-top:0px;
	border-bottom:0px dotted white;
	text-align:center; color:#004075; }


div.tabs { margin-left:220px; margin-top:-40px;
	border-top: 0px dotted #007bc7; border-bottom:0px solid black;
	/*background-color: #d9ebf7;*/ border:0px solid red;  /*width:100%;*/ float:left; min-width:900px;
	border-radius:5px 25px 25px 5px; min-height:40px; }


div.all { margin-top: 8px; border: 0px solid red; float:left; min-width:1200px;}

div.form  { margin-left:20px; border-top:0px solid red; margin-right:5px;}
div.form1 { margin-left:11px; padding-left:5px; border-left:4px dotted #007bc7; margin-right:5px;}

div.float { float:left; /*border-right: 0px solid black; */margin-right:5px; } /* removed width 500px; */
div.dialog { margin:20px 0px 0px 10px;
	font-size:80%; border-left: 0px solid #007bc7; }
/* div.information { font-size:80%; } */
div.help { display:none; margin-left:16px; width:600px;
	border-left: 5px solid green; padding-left:5px; }
div.input { margin-left:16px; padding-left:0px; }
div.sline { float:left; width:3px; height:520px; background-color: gray; }
div.wline { float:left; width:4px; height:520px; background-color: black; }

span.error { border-left: 5px solid red; }
table.auto { border-left:1px solid gray; border-right:1px solid gray; margin-left:-2px;
	border-top:1px solid gray; border-bottom:1px dotted gray; margin-right:5px; width:10px; }

td.tabs { text-align:center; min-width:80px;
	border-radius:5px 5px 0px 0px;
	border-top:2px solid #ccc; border-left:2px solid #ccc;
	border-right:2px solid #999; border-bottom:3px solid #999;
	font-size:16px; margin:4px solid red;
}
td.selected { border-bottom-color:white; border-top-color:gray;
	border-bottom-width:5px;
	font-weight:bold; font-size:17px;
}

td.tabs1 { text-align:center; min-width:70px; font-size:13px;
	background-color:rgb(222,222,222); color:black;
	border:1px solid black;
}

td.colour0 { color:#007bc7; background-color:#fff; }

button.selected { border-bottom-color: #007bc7; }
td.redhot { border-right-color: red; }
td.standout { border-radius: 25px 25px 25px 25px;  }

input.hover { cursor:pointer; outline:4px solid #ffffaa; }

.hover { background-color:#ffd700; color:#007bc7; cursor:pointer; }
.outline_hover { outline:3px solid rgb(255,231,192); cursor:pointer; }
.normal			{ outline: inherit; }
.important	{ outline: blue solid 1px; /*font-weight: bold;*/ color: inherit; }
.select			{ outline: blue dotted 2px; cursor:pointer; }
.delete { outline: red solid 3px; }
.update { outline: black solid 2px; }
.table { border: 5px solid grey; background-color: white; }
.printable { color: white; }

.hot { background-color: #d9ebf7; /*outline: yellow dotted 2px;*/  }
.hotter { font-weight:bolder; font-size:120%; }
.warning { outline: 4px dotted gray; }

.address { border: 1px solid black; background-color: #d9ebf7; width: 160px; } /* #ffa */
.rounded { background-color: #d9ebf7; border-radius: 12px;
	border: 0px solid #007bc7;
	position:relative; top:25px; right:-20px; padding:3px;}
.region { border-radius: 12px; float: left; min-width:180px; font-size:150%;
	font-weight:bold; margin:16px; height:104px; }
.admin { float:left; font-weight:bold; padding:40px; margin:16px; color:#007bc7; }
.settings { font-size:90%; font-weight:normal; vertical-align:top; }
.send-email { position:relative; left:-180px; top:25px; border-radius:25px; }
.square { float:left; width:60px; height:160px; border: 2px solid white;
	margin:6px; }
.info { font-size:120%; color:#007bc7; padding:3px; font-weight:bolder;
	margin-left:3px; cursor:help; }
.nodisplay { display: none; }
.text-align-center { text-align:center; }
.text-align-right { text-align:right; }
.iframe { width:600px; height:780px; resize:both; overflow:auto; }

.c0  { outline:0px dotted black; }
.c12 { float:left; width:1200px; min-height:10px;  }
.c1  { float:left; width:100px; min-height:100px;  }
.c2  { float:left; width:200px; min-height:100px;  }
.c3  { float:left; width:284px; min-height:100px; padding:8px; font-size:"90%" }
.c4  { float:left; width:400px; min-height:100px;  }
.c6  { float:left; width:600px; min-height:100px;  }
.c8  { float:left; width:800px; min-height:100px;  }

.c33 { float:left; width:284px; min-height:50px;
	padding:0 0 20px 0; text-align:center; }

.c34, .c35 { float:left; width:276px; /*min-height:140px;*/
	padding:4px 4px 10px 4px;  margin:3px;
	border:2px solid gray; border-radius:15px;
	border-right:8px solid rgb(253,138,25);
	box-shadow: 4px 0px 8px; box-sizing: border-box;
}

.c35 { min-height:140px; border-right:8px solid rgb(0,0,173); }

.ctab { padding:10px; border-radius:25px 5px 0px 0px; margin-top:61px;
	font-weight:bold; }

.chot { border-bottom: 2px solid white; border-right:0px solid white;
	border-top:1px solid gray; border-left:1px solid black;}

.b0 { background-color:#d9ebf7; }
.b1 { background-color:#b2d7ec; }
.b2 { background-color:#007bc7; }
.b5 { width:100%; font-weight:bold; text-align:center; font-size:120%;
	color:#007bc7; border-bottom:0px dotted black; }
.b6 { font-weight:bold; text-align:center; font-size:200%;
	color:#007bc7; background-color:rgb(237, 234, 225); }

.neutral { background-color:white; border: 1px solid rgba(128, 128, 128, 0); }
.locked { background-color:rgb(237,234,225); color:rgb(160,160,160); }
.ntab { background-color:white; border: 2px solid rgba(128, 128, 128, 50);
	border-bottom:2px solid white; } */

table.deepdataheader { width:100%; border: 0px solid gray; } /* inherit */


div.deepdata { overflow-y:auto; overflow-x:hidden;
	max-height:600px; /*border: 1px dotted black;*/ min-height:200px; background-color: #f3f3f3; } /* width:95% */
table.deepdata { width:100%; border-spacing:4px; }
table.deepdata td { vertical-align:top; }
table.deepdata tbody tr { background-color: white; } /* b2d7ec */
/* table.deepdata tbody tr:nth-child(odd) { background-color: #d9ebf7; } */
table.deepdata thead, tfoot { color: #007bc7; font-size: 80%; }

.row-highlighted { background-color: #d9ebf7; }

iframe { border: 1px dashed #d9ebf7; border-radius: 2px; } /* 25px */

/*.no-close { display: none; }
/* .ui-dialog-titlebar-close { display: none; } */
.ui-widget-overlay { opacity: 0.86; }
/* .ui-dialog { background: #d9ebf7; border: 2px solid #007bc7; } */
/* .ui-dialog-header { background: #f3f3f3; text-align: center; border:none; font-size:150%;} */
.ui-widget-header { background: #f3f3f3; text-align: center; border:none; /*font-size:150%;*/ }
/* .ui-widget-content { background: #f3f3f3; } */
.ui_dialog-buttonpane { border:25px solid red; }

.ui-widget { box-shadow:4px 4px 10px #dadaff; }	/* #dadaff */

.ui-tooltip {
	background: #ffffff;
	border: 20px solid #007bc7;
	width:600px;
	min-height:40px;
	position: relative;
	top: 20px;
	left: 200px;
}
.anchor-tooltip-styling {
	box-shadow: 0 0 7px black;
	width:800px;
}

.tooltip .tooltiptext {
	background: red;
	top: -5px;
	left: 105%;
}

/* New and better */

button {
	-webkit-box-shadow: 0px 1px 3px #ff8a19;
	-moz-box-shadow: 0px 1px 3px #ff8a19;
	box-shadow: 0px 1px 3px #0f6ba1;
	font-family: Arial;
	color: #000000;
	background: #fff; /* #dddddd; */
	padding: 1px 6px 1px 6px;
	border-right: solid #898989 2px;
	border-bottom: solid #898989 2px;
	text-decoration: none;
	cursor: pointer;
}
button:hover {
	background:#ffe7c0; /* #ffd700;*/
	text-decoration: none;
}
button:disabled {
	background-color: #dddddd;
	-webkit-box-shadow: 0px 1px 3px #ff8a19;
	-moz-box-shadow: 0px 1px 3px #ff8a19;
	box-shadow: 0px 0px 0px #0f6ba1;
	color: graytext;
}

input:disabled {
	background-color: initial;  /*rgb(128,128,128);*/
	border-color: gray;
}

.mt940-file-input {
	display: inline-block;
	position: relative;
	color: #533e00;
	width: 80px;
}
.mt940-file-input input {
	visibility: hidden;
	width:1px; height:1px;
}
.mt940-file-input:before {
	content: "Kies bestand";
	display: inline-block;
/*			background: -webkit-linear-gradient( -180deg, #ffdc73, #febf01);
	background: -o-linear-gradient( -180deg, #ffdc73, #febf01);
	background: -moz-linear-gradient( -180deg, #ffdc73, #febf01);
	background: linear-gradient( -180deg, #ffdc73, #febf01);*/

	-webkit-box-shadow: 0px 1px 3px #ff8a19;
	-moz-box-shadow: 0px 1px 3px #ff8a19;
	box-shadow: 0px 1px 3px #ff8a19;
	font-family: Arial;
	color: #000000;
	background: #dddddd;
	padding: 1px 6px 1px 6px;
	border-right: solid #898989 2px;
	border-bottom: solid #898989 2px;
	text-decoration: none;


/*			border: 3px solid #dca602;*/
	border-radius: 10px;
	padding: 5px 10px;
	outline: none;
/* 			white-space: nowrap; */
	cursor: pointer;
	text-shadow: 1px 1px rgba(255,255,255,0.7);
	font-weight: bold;
	text-align: center;
	font-size: 10pt;
	position: relative;
/*			left: 0;
	right: 0;*/
}
.mt940-file-input:hover:before {
/* 			border-color: #febf01; */
	background:#ffe7c0; /* #ffd700;*/
}
.mt940-file-input:active:before {
	background: #febf01;
}

.selector-panel {
}
.selector-panel:hover:before {
	background:#ffe7c0; /* #ffd700;*/
	outline:2px dotted red;
}

/* Tooltip class */

.custom-red { box-shadow:4px 4px 10px #dadaff; } /* #dadaff */


/* File really ends here. */