body { background: url("/images/Applicatie.png");background-repeat: no-repeat;background-size: cover; }
.bg-emerald-600 { background-color: rgb(5 150 105); }
.bg-orange-600 { background-color: rgb(234 88 12); }
.relative { position: relative; }
#fixed-container {
    position: fixed;
    right:0;
    bottom: 100px;
    z-index: 100;
}
.high-light-on-error {
    border: 1px solid red;
    padding: 5px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse 0.5s 2;
}
@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.i-am-archived { background-color: #f27474; }
.i-am-archived, .i-am-archived a { color: #FFFFFF; }

.green-button { color: #fff; }
.green-button:hover { color: #000; }
input.green-button { background-color: green; }

@media screen and (min-width: 1200px) {
    #fixed-container {
        right: calc((100% - 1100px) / 2)
    }
}
.schouwingsveld-label { width: 75%; }
.fa-save.bSubmittaxatie { font-size: 4em; color: #eb6608; cursor: pointer; }
#searchKenteken span {}
.brefreshRdw { color: #FFFFFF; cursor: pointer; }

.bSubmittaxatie.btn-primary, .bOpslaantaxatie.btn-primary { background-color: #eb6608 !important; }

td.td-datumaanvraag, td.td-kenmerk { overflow: hidden;	white-space: nowrap; }
tr.lookalike { font-size:0.8em; color: #f64c4c; }
td.td-reminders { font-size:0.8em; }
.inactive { background-color: #aa0707; }
.inactive td { text-decoration: line-through; color: #FFFFFF; }
.reminder-fail { background-color: red; }
.reminder-manual { background-color: #0CCE50; }
.reminder-default { border: 1px solid silver; border-radius: 5px; padding: 5px; }

@media screen and (min-width: 1200px) {
    .flags { position: absolute; right: 15px; top: 30px; }
    .xl\:float-right { float: right; }
}

.flags .flag { display: inline-block; }
.flags .flag svg { width: 30px; height: 40px; padding: 5px; }
.flags .flag .currentLocale { display: inline-block; }
.flags .flag .currentLocale svg { border: 1px solid black; }

.search-fields .search-button { margin-bottom: 5px; }

#footer { position: fixed; bottom: 0; right: 0; width: 250px;height: 80px; padding: 15px;background: url("/images/logo/footer.png");background-repeat: no-repeat; z-index: -1; }
#footer2 { position: fixed; bottom: 0; left: 0; width: 250px;height: 100px;padding: 15px; color:#2e2a6f;font-weight:bold;font-size:1.2em; z-index: -1; }
#footer2:after {
	position: absolute;
	border-bottom: 2px solid #f6a828;
	border-top: 2px solid #f6a828;;
	content: '';
	display: block;
	width: 50px;
	height: 50px;
	left: 75px;
	top: 0px;
}


.preview img.img-preview { width: 200px; border:1px solid silver; padding:5px; margin-top: 15px; border-radius: 5px; }

.btn-primary a { color: #FFFFFF; }
.navbar-default { background: none;border-bottom: 1px solid #2e2a6f; height:120px; padding-top:10px; }
.navbar-default .navbar-nav > li > a, .dropdown-menu > li > a {
    color:#2e2a6f;
    font-weight:bold;
    font-size:1.2em;
}
.navbar-header, .navbar-brand img { display: inline-block; }

.navbar-header, .navbar-brand img.img-logo { height:46px; }
.navbar-header, .navbar-brand img.img-woordbeeld { height:12px; }

@media screen and (min-width: 356px) {
    .navbar-header, .navbar-brand img.img-logo { height:70px; }
    .navbar-header, .navbar-brand img.img-woordbeeld { height:17px; }
}

.navbar-brand { padding:0; }
.navbar-nav { margin-top:10px; }

.login_middel { font-style: italic; font-size: 0.8em; }

.vdaa-container-padding-vertical { padding-top:20px;padding-bottom:20px; }
.vdaa-container-padding-horizontal { padding-left:20px;padding-right:20px; }

/* Zoals het was */
.scrollable { overflow-y:auto; max-height:600px; }
/* einde zoals het was */

/* Geef content section (scrollable) resterende hoogte bij grotere devices */
@media screen and (min-width: 600px) {
    .vdaa-box {
        display: flex;
        flex-flow: column;
        height: 100vh;
    }
    .vdaa-box .alert, .vdaa-box nav, .vdaa-box #header-inspection, .vdaa-box .flags { flex: 0 1 auto; }
    .vdaa-box .scrollable {  flex: 1 1 auto; }
    .scrollable { overflow-y:auto; max-height: none; }
}

/* einde */

table.td-is-hyperlink tr td { cursor:pointer; }
.control-label:first-letter { text-transform: capitalize; }
.tr-copied { background-color: #0CCE50; }

.placeholder { color:silver; }
.exact-verfijn { display: none; }
#rZoek { border: 1px solid silver;margin: 1em;padding:1em }
#rZoek .header { background-color: #f6a828; }
#rZoek ul { list-style: none; }
#rZoek ul li { border-bottom: 1px solid silver;padding:0.8em 0.6em 0 0;cursor:pointer; }
#rZoek ul li:hover, #rZoek ul li.selected { background-color: silver; }
#rZoek ul li.header { font-weight: bold; }
#rZoek .fResult { float: left;min-width:16%;width:16%;min-height: 1px;padding:0 0 0.5em 0.5em;  } /* min-height zodat min-width ook werkt als het blok leeg is */
.ui-widget { font-size:0.9em !important; }
.ui-autocomplete li a.mcacAnchor span { max-width: 25%; }
.ui-autocomplete-loading { background: white url(../jquery-ui-1.11.4.custom/images/ui-anim_basic_16x16.gif) no-repeat right center; }

.loading { min-height:25px;background-color: #ffffff;background-image: url(../images/ajax-loader.gif) !important;background-size: 25px 25px;background-position:right center;background-repeat: no-repeat; }
.loading-transparant { min-height:25px; background-image: url(../images/ajax-loader2.gif) !important;background-size: 25px 25px;background-position:right center;background-repeat: no-repeat; }

.fa { cursor:pointer; }
.form-horizontal .fa-question { font-size: 1.5em; }
#release-notes { position: absolute; right:15px; z-index: 1060; }
#release-notes .releasenotes-open { font-size:2.5em;color:red;margin-right:5px; }
#release-notes .release-note { font-family: Courier;border-bottom: 1px solid silver; }
#release-notes .blinking_text { display: none; }
#release-notes .blink_me .blinking_text { display: inline-block; }
#release-notes .blinking_text.off { display: none; }
.blink_me {
	animation: blinker 1s linear infinite;
}
.blink_me.off {
	animation-name: none;
}
@keyframes blinker {
	50% {
		opacity: 0;
	}
}
/* kenteken veld */
div.container div.plate-form  > div span.eu {
	  float: left;
	  width: 8.33333%;
	  margin-left: 0%;
	  margin-right: 0%;
	  -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2);
	  -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2);
	  box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2);
	  -webkit-border-radius: 2px 0px 0px 2px;
	  -moz-border-radius: 2px 0px 0px 2px;
	  -ms-border-radius: 2px 0px 0px 2px;
	  -o-border-radius: 2px 0px 0px 2px;
	  border-radius: 2px 0px 0px 2px;
	  background: #2566a4 url("../images/kenteken.png") center no-repeat;
	  background: #2566a4 url("../images/kentekenIE.png") center no-repeat \9;
	  background-size: auto 80%;
	  height: 3.75em;
}
div.container div.plate-form > div div.field {
	 float: left;
	 width: 91.66667%;
	 margin-left: 0%;
	 margin-right: 0%;
	 padding: 0.5em;
}
div.container div.plate-form > div {
    background-color: #fc0;
    background-image: -webkit-linear-gradient(top, #ffd633, #fc0);
    background-image: -moz-linear-gradient(top, #ffd633, #fc0);
    background-image: -ms-linear-gradient(top, #ffd633, #fc0);
    background-image: -o-linear-gradient(top, #ffd633, #fc0);
    background-image: linear-gradient(top, #ffd633, #fc0);
    *zoom: 1;
    /*margin-bottom: 1.25em;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #705a00;
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5),0px 1px 3px #f2f2f2;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5),0px 1px 3px #f2f2f2;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5),0px 1px 3px #f2f2f2;
}
div.container div.plate-form > div input[type=text] {
	float: left;
	width: 100%;
	font-size: 1.35em;
	padding: 0.25em;
	margin: 0;
}
#rdwKenteken {
	text-transform: uppercase;
}
#rdwKenteken::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	text-transform: none;font-size:0.7em;
}
#rdwKenteken::-moz-placeholder { /* Firefox 19+ */
  text-transform: none;font-size:0.7em;
}
#rdwKenteken:-ms-input-placeholder { /* IE 10+ */
  text-transform: none;font-size:0.7em;
}
#rdwKenteken:-moz-placeholder { /* Firefox 18- */
  text-transform: none;font-size:0.7em;
}
.checkoke { min-height:25px; background-color: #ffffff;background-image: url(../images/check.png) !important;background-size: 25px 25px;background-position:right center;background-repeat: no-repeat; }
.checknotoke { min-height:25px; background-color: #ffffff;background-image: url(../images/nocheck.jpg) !important;background-size: 25px 25px;background-position:right center;background-repeat: no-repeat; }

/* einde kenteken veld */

.fa-caret-square-o-down { display: block;width:10px;height:10px; }

/* .alert { height:4em;overflow: hidden; } */
.toggle-alert-small { max-height:6em;overflow: auto; }
.toggle-alert-big { max-height: none;overflow: visible; }

.highlighted { border: 2px solid #fe66ff !important; }
.bghighligthed { background-color: #ffe888; }
.bghighligthedlight { background-color: #fff5ca; }

.upload-schouwing { width: 250px; }

.container_snagit { padding-bottom:3em; }
.label-snagit { height:3em; }
.snagit .plupload_wrapper, #uploadhandtekening .plupload_wrapper, .uploadlogo .plupload_wrapper, #uploadwpimage .plupload_wrapper { min-width: 0; }

.snagit .plupload_logo , .snagit .plupload_header_title , .snagit .plupload_header_text { display: none; }
.uploadhandtekening .plupload_logo , .uploadhandtekening .plupload_header_title , .uploadhandtekening .plupload_header_text { display: none; }
.uploadlogo .plupload_logo , .uploadlogo .plupload_header_title , .uploadlogo .plupload_header_text { display: none; }
.uploadwpimage .plupload_logo , .uploadwpimage .plupload_header_title , .uploadwpimage .plupload_header_text { display: none; }

.snagit .plupload_view_switch { left:2em; }
#container_newplupload div:last-child { margin-top:1em; }

.ui-widget-overlay {
  opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=50) !important;
  background-color: rgb(50, 50, 50) !important; /* This will make it darker */
}
.ui-datepicker-year { color:#000; }
.toggleAlert { position: absolute; right:40px;bottom:20px;font-size:1.5em;cursor:pointer; }
.taHelp { width:auto; height:300px; }
#tab-images-via-wp img { width: 200px; }

.faq-content { display:none;width:100%;background-color: #FFFFFF;border:1px solid silver;padding: 10px; }
.faq-titel { cursor:pointer; }
textarea.faq-textarea { width:80%;height:300px; }

#form-taxatie .alert { padding: 5px; }
#form-taxatie .alert #melding { background-color: #000; }
#form-taxatie .alert #melding, #form-taxatie .alert #melding a { color: #FFF;font-size:12px; }

.show-files-container {
	/*border:1px solid silver;padding:5px;margin-bottom:15px; */
	padding:0 5px 0 5px;
}
.show-files-container .loading { background-position:left center;background-repeat: no-repeat; }
#cloud ul { list-style: none; }
#cloud ul li.push-new-pdf { border-bottom: 1px solid green;background-color: #d0ffd2; }
#cloud ul li.push-new { background-color: orange !important; }
#cloud ul li { padding:5px;margin:5px;-webkit-transition: 2s linear; -moz-transition: background-color 2s linear;-o-transition: background-color 2s linear;transition: background-color 0.5s linear; }
#cloud ul li, #cloud h4 { color: #002f00; }
#cloud .checkoke { color:#2566a4; }

.th-is-sort-order .th-sortable { cursor:pointer; }

/* dialog helptexts */
.dialog_beheer,.container-helptexts { display: inline-block; }