.b700{
    width: 700px !important;
}
.b900{
    width: 900px !important;
}
.b1100{
    width: 1100px !important;
}
.b100p{
    width: 100% !important;
}
.b100o{ /* Overview width */
    width: 100% !important;
}
.b700.centered, .b900.centered, .b1100.centered{
    margin: 0 auto !important;
}
textarea.b100p, input.b100p{
    width: 99% !important;
    padding-left: 0.5%;
    padding-right: 0.5%;
}
form h3, td h3{
    background-color: #efefef;
    color: #acabab;
    /*border-top: 1px solid #acabab;*/
    /*border-bottom: 1px solid #acabab;*/
    text-transform: uppercase;
    font-size: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px 0;
    text-align: center;
    border-radius: 3px;
}
form h3{
    background-color: #d9d9d9;
    color: #9a9999;
}
form a:hover h3{
	text-decoration: none;
	color: #1863B9;
}
form.avg{
    width: 780px; float: right; border: 1px solid #D3D3D3; padding: 10px; background-color: #f7f7f7;
}
form#waarschuwing.floating{
    position: fixed; top: 74px; right: 20px;
}
form#waarschuwing.floating ul, form#waarschuwing.floating li{
    list-style: none;
}
form#waarschuwing.floating li{
    border: 1px dashed #d3d3d3;
    border-radius: 4px;
    padding: 8px;
    margin-top: 8px;
    color: silver;
}
form#waarschuwing.floating li:hover{
    border-color: #000;
    color: #000;
    background-color: #f3f2f2;
}

div.sticky_menu_spacer{
    height: 48px;
}

table.nb_globaal table.nb_tabel_0:first-child{
    min-height: 93vh;
    border-bottom: 0px solid #C7C3BA;
}
td.nb_globaal_menu_sec{
    padding-right: 6px;
}
table.identificatie_container{
    background-color: #efefef;
    color: #acabab;
    width: 99%;
    margin: 0 0.5%;
    text-transform: uppercase;
    text-align: center;
}
div.klantenlader{
    position: fixed; top: 2px; left: 37%; width: 500px; z-index: 1001;
}
div.klantenlader select{
    padding: 5px; width: 160px;
    border: 1px solid #000;
    background-color: #000;
    color: #8e8e8c;
    font-size: 95%;
    border-radius: 0;
    float: left;
    margin-right: 5px;
}
div.klantenlader:active select, div.klantenlader:hover select{
    border-color: #8e8e8c;
    background-color: #8e8e8c;
    color: #000;
}
div.favoriet{
    position: fixed; top: 35px; right: 0; width: 24px; height: 24px; z-index: 1001;
    cursor: pointer;
}

/* Elements */
.mainscreen{
    vertical-align: top;
    padding: 10px;
}
.wachtwoord-rollover{
    color: #f1f1f1 !important;
    display: inline !important;
}
.wachtwoord-rollover:hover{
    color: #686868 !important;
}

.discussion-1 p, .discussion-2 p, .discussion-3 p, .discussion p{
	color: #686868 !important;
}

/* Discussion items */
.discussion { color: #000; padding: 8px; background-color: #f8f8f8; border: 1px solid #fff; border-bottom: 1px solid #c0c0c0 }

.discussion-1 { color: #000; background-color: #c2f66d; padding: 8px; }
.discussion-1-mark { color: #000; background-color: #c2f66d; padding: 1px; }

.discussion-2 { color: #000; background-color: #f8db7c; padding: 8px; }
.discussion-2-mark { color: #000; background-color: #f8db7c; padding: 1px; }

.discussion-3 { color: #000; background-color: #ffd7d9; padding: 8px; border-bottom: 1px solid #930007; }
.discussion-3-mark { color: #000; background-color: #ffd7d9; padding: 1px; }

.discussiondate { color: #000; background-color: #c7c3ba; padding-left: 5px; border: solid 1px #c01919; height: 17px }
.discussiondate-left { color: #000; background-color: #c7c3ba; padding-left: 5px; border-top: 1px solid #c01919; border-bottom: 1px solid #c01919; border-left: 1px solid #c01919; height: 17px }
.discussiondate-middle { color: #000; background-color: #c7c3ba; padding-left: 5px; border-top: 1px solid #c01919; border-bottom: 1px solid #c01919; height: 17px }
.discussiondate-right { color: #000; background-color: #c7c3ba; padding-left: 5px; border-top: 1px solid #c01919; border-right: 1px solid #c01919; border-bottom: 1px solid #c01919; height: 17px }

td.discussion-1-mark, td.discussion-2-mark, td.discussion-3-mark{
    padding: 0;
}
td.discussion-1-mark input[type=checkbox], td.discussion-2-mark input[type=checkbox], td.discussion-3-mark input[type=checkbox]{
    margin: 0 0 5px 5px;
}
td div.ticketsumup{
    position: absolute; left: 80px; width: 600px;
    background-color: #fff; display: none; padding: 10px; cursor: pointer;
    -webkit-box-shadow: 0 3px 9px 0 rgba(50, 50, 50, 0.47);
    -moz-box-shadow: 0 3px 9px 0 rgba(50, 50, 50, 0.47);
    box-shadow: 0 3px 9px 0 rgba(50, 50, 50, 0.47);
    max-height: 500px;
    overflow: auto;
}


.highlight { color: #c01919; text-decoration: blink; font-size: inherit }
.reports, .reports td, .reports p {
	color: #FFF; background-color: #d0e197; font-weight: bold; vertical-align: middle;
	padding: 3px; padding-left: 1%; margin: 3px 0; height: 35px;
	line-height: 150%;
}
.reports {
	width: 99% !important;
}
.errors, .errors td, .errors p {
    color: #FFF; background-color: #a20917; font-weight: bold; vertical-align: middle;
    padding: 3px; padding-left: 1%; margin: 3px 0; height: 35px;
    line-height: 150%;
}
.errors {
    width: 99% !important;
}

.warnings, .warnings td, .warnings p {
	position: fixed; bottom: 50px; right: 30px;
	color: #FFF; background-color: #a20917; font-weight: bold; vertical-align: middle;
	padding: 10px 10px 10px 1%; margin: 3px 0; min-height: 35px;
	line-height: 150%;
}
.warnings.twee{
    bottom: 125px;
}
.warnings, .warnings:hover {
	width: 29%;
	overflow: hidden;
	-webkit-box-shadow: 0 3px 9px 0 rgba(50, 50, 50, 0.47);
	-moz-box-shadow: 0 3px 9px 0 rgba(50, 50, 50, 0.47);
	box-shadow: 0 3px 9px 0 rgba(50, 50, 50, 0.47);

	-moz-animation: cssAnimation 0s ease-in 10s forwards;
	/* Firefox */
	-webkit-animation: cssAnimation 0s ease-in 10s forwards;
	/* Safari and Chrome */
	-o-animation: cssAnimation 0s ease-in 10s forwards;
	/* Opera */
	animation: cssAnimation 0s ease-in 10s forwards;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes cssAnimation {
	to {
		width: 0;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		padding: 0;
	}
}
@keyframes cssAnimation {
	to {
		width: 0;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		padding: 0;
	}
}

/* Ticket bekijken */
.viewitem {}
.viewitem a:link, .viewitem a:visited  { color: #000; font-size: 9pt; text-decoration: none }
.viewitem a:hover, .viewitem a:active { color: #c01919; font-size: 9pt; text-decoration: underline overline }

.nb_tabel_0 h3 img, .hoverimg img{
	display: none;
}
.nb_tabel_0 h3:hover img, .hoverimg:hover img{
	display: inline;
}

/* Drag and Drop */
.nb_dend li{
	font-family:  arial, verdana, 'sans-serif'; color: #000;
	list-style-type: none;
	padding: 0px;
	margin: 2px 0px 2px 0px;
	cursor: move;
}
.nb_dend li td{
	background-color: #fff;
}

.waarschuwing {
	color: hsla(31, 100%, 53%, 1) !important;
}
.waarschuwing a{
	color: hsla(31, 100%, 53%, 1) !important;
}
.waarschuwing td{
	color: hsla(31, 100%, 53%, 1) !important;
}
p.waarschuwing{
    border: 1px solid #c6630f;
    background-color: #c6630f;
    color: #ffe1ca !important;
    padding: 10px;
}
.waarschuwing li{
    color: #ffe1ca !important;
}
div.waarschuwing{
    border: 2px solid #c6630f;
    background-color: #c6630f;
    color: #ffe1ca !important;
    padding: 10px;
}

.fout, .fout a, .fout td{
    color: #9e0f0f !important;
}
p.fout a{
    color: #ffe1ca !important;
    text-decoration: underline;
}
p.fout{
    border: 1px solid #9e0f0f;
    background-color: #9e0f0f;
    color: #ffe1ca !important;
    padding: 10px;
}
.fout li{
    color: #ffe1ca !important;
}
div.fout{
    border: 1px solid #9e0f0f;
    background-color: #9e0f0f;
    color: #ffe1ca !important;
    padding: 10px;
}

.tip{
    border: 1px solid #c4aa50;
    background-color: #ece1a1;
    color: #9c8537 !important;
    padding: 10px;
    text-transform: none;
    opacity: 0.7;
}
.tip:hover{
    border: 1px solid #c4aa50;
    background-color: #ece1a1;
    color: #9c8537 !important;
    padding: 10px;
    text-transform: none;
    opacity: 1;
}
.tip a{
    color: #9c8537 !important;
    text-decoration: underline !important;
}
.tip h3, .tip li, .tip p{
    color: #9c8537 !important;
}
.tip.b1100{
    width: 1078px;
}
.gelukt{
    border: 1px solid #2a6324;
    background-color: #428e3a;
    color: #a6fb9d !important;
    padding: 10px;
    text-transform: none;
}
.gelukt a{
    color: #a6fb9d !important;
    text-decoration: underline !important;
}
.gelukt h3, .gelukt li, .gelukt p, .gelukt{
    color: #a6fb9d !important;
}
.waarschuwing, .fout, .tip, .gelukt{
    border-radius: 5px;
}
.opmerkingen{
	margin: 6px 2px 0 0;
	height: 500px; /*was 612*/
	overflow: auto;
	overflow-x: hidden;
	background: #F7F7F7;
	border: 1px solid silver;
    max-width: 620px;
}
.opmerking{
	padding: 2% 1.5% 2% 1.5%;
	line-height: 16px;
}
.opmerking:nth-child(odd){
	background: #ffffff;
}

span.success{
    min-width: 10px;
    color: #2a6324;
    display: inline-block;
    padding: 2px 3px;
    text-align: center;
}
span.failed{
    color: #9e0f0f;
    background-color: #ffe1ca;
    padding: 2px 3px;
    border-radius: 5px;
    display: inline-block;
    min-width: 10px;
    text-align: center;
}

.patch2kolom{
	padding: 0 1px 0 1px;
	vertical-align: top;
	margin: 0;
}
.patch2kolom td{
	 vertical-align: central;
 }
.patch2kolom #type{
	width: 66%;
}
.patch2kolom td select {
	padding: 3px 0 3px 5px;
	height: 26px;
}
.GUrenHeader {
	color:#686868;
	font-family:arial,verdana,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
}
#omgeving {
	padding: 3px 0 3px 5px;
	height: 26px;
}
#geuploadeBijlagen {
	height: 96px;
	border: 1px solid #D3D3D3;
	background: #FCFCFC;
	overflow-y: auto;
	padding: 7px;
}
#geuploadeBijlagen p {
	border-bottom: 1px solid #D3D3D3;
	font-size: 9px;
}
#geuploadeBijlagen a {
	color: black;
    text-transform: capitalize;
    line-height: 160%;
}
#uploadBestand {
	display: block;
	text-align: center;
	font-size: 12px;
}
#uploadBestand #uploadArea {
	display:block;
	color: white;
	cursor:pointer;
	height:33px;
	line-height:25px;
	text-align:left;
	overflow:hidden;
	position:relative;
	width: 233px;
	float: right;
}
#uploadBestand #uploadArea #uploadButton {
	background:#1863B9;
	padding: 0 2px;
	display:inline-block;
	height:25px;
	line-height:25px;
	border: 1px solid #1D79E0;
	border-radius: 4px;
	width: 50px;
}
#uploadBestand #uploadArea #uploadSelectie {
	border: 1px solid #D3D3D3;
	color: black;
	line-height:25px;
	/*display:inline-block;*/
	padding:0 2px 0 5px;
	background: #F7F7F7;
	width: 167px;
	float: right;
}
#uploadBestand #uploadArea input[type=file] {
	z-index:100;
	cursor:pointer;
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	opacity:0;
}
#geuploadeBijlagen_2 {
	height: 96px;
	border: 1px solid #D3D3D3;
	background: #FCFCFC;
	overflow-y: auto;
	padding: 3px;
	/*margin-left: 40%;*/
}
#geuploadeBijlagen_2 table td{
    padding: 7px;
    border-bottom: 1px solid #efefef;
}
#geuploadeBijlagen_2 table td img{
    float: right;
}
#geuploadeBijlagen_2 table td:hover{
    background-color: #efefef;
}
#geuploadeBijlagen_2 table td:hover a{
    color: #acabab !important;
    text-decoration: none;
}
.deelbetalingen table td._regc{
    border-bottom: 1px solid #e5e4e4 !important;
}
.alertbubble, a.alertbubble:link, a.alertbubble:visited, a.alertbubble:active{
    background-color: #c01919 !important;
    color: #fff !important;
    font-weight: bold !important;
    padding: 5px;
    border: 1px solid #794948;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.alertbubble:hover, a.alertbubble:hover{
    color: #fff !important;
}
.thumbsupbubble, a.thumbsupbubble:link, a.thumbsupbubble:visited, a.thumbsupbubble:active{
    background-color: #78B075 !important;
    color: #fff !important;
    font-weight: normal !important;
    padding: 3px 4px;
    border: 1px solid #5e8a5c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.thumbsupbubble:hover, body a.thumbsupbubble:hover{
    color: #fff !important;
}

.audits.fixed-top{
    position: fixed;
    left: 0;
    top: 65px;
    background-color: #f8f7f7;
    width: -webkit-calc(100% - 20px);
    width:    -moz-calc(100% - 20px);
    width:         calc(100% - 20px);
    padding: 10px;
    border-bottom: 3px solid #c7c3ba;
    box-shadow: 0 1px 10px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.3);
}
.audits.tabs{
    padding-top: 160px;
}

.filter_right_float{
    text-align: right;
}
.ticket_inline_search{
    margin-top: 6px;
}
.ticket_inline_search input#search,
.ticket_inline_search input[type=submit]{
    height: auto;
    padding: 6px;
    line-height: 135%;
    font-size: 80%;
}
.ticket_inline_search input#search{
    width: 260px;
    margin-right: 0;
    border-top: 1px solid #085e08;
    border-right: none;
    border-bottom: 1px solid #085e08;
    border-left: 1px solid #085e08;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.ticket_inline_search input[type=submit]{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
#select_cache p{
    word-wrap: anywhere;
}
#scherm_lock p{
    color: #686868;
}
html.headless table.nb_globaal table.nb_tabel_0:first-child{
   height: 100vh;
}
body p.tooltip {
    display: none;
    position: absolute;
    z-index: 100000;
    width: auto;
    font-size: 100%;
    line-height: 130%;
    padding: 12px;

    border: 1px solid #195880;
    background-color: #cbe8fc;
    color: #195880 !important;
    border-radius: 5px;

    -moz-box-shadow: 0 8px 8px -4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 8px 8px -4px rgba(0,0,0,0.3);
    box-shadow: 0 8px 8px -4px rgba(0,0,0,0.3);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#00004C')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#00004C');
}
body p.tooltip ul{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}