/***=RESET STYLES***/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/

html{
	color:#000;
	background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;font-weight:normal;
}
li{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym {
	border:0;font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
	}
input,textarea,select{
	font-family:inherit;font-size:inherit;font-weight:inherit;
}
/*to enable resizing for IE*/
input,textarea,select{
	*font-size:100%;
}

/*because legend doesn't inherit in IE */
legend{
	color:#000;
}

ol,ul,dl {
	/*eliminates formatting on lists */
	margin: 0;
	list-style-type: none;
	padding:0;
}
th,td {
	/*No borders or padding*/
	border: none;
	padding:0;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:left;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	/*margin-bottom:1em;*/
}
/* setting a consistent width, 155px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:11.87em;*width:11.53em;}	
input[type=text],input[type=password],textarea, option, select{background: #fff;}

a:focus {outline-color: #777;}



/***=TYPOGRAPHY STYLES***/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	color: #353535;
	font:14.8px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	*font-size:small;
	*font:x-small;
}
strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, address {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

h1 {
	font-size: 16px;

}
h2 {
	color: #111;
	font-size:12px; 
}
h3 {
	color: #222;
	font-size:11px;  
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}

a {
	color: #3ea63b;
	text-decoration: none;
}

a:hover {
	cursor: pointer;
	text-decoration: underline;
}
@font-face {
	font-family: 'myriadpro-light';
	src: url('/lib/fonts/myriadpro-light-webfont.eot');
	src: local('myriadpro-light-webfont'), url('/lib/fonts/myriadpro-light-webfont.woff') format('woff'), url('/lib/fonts/myriadpro-light-webfont.ttf') format('truetype');
    font-display: swap;
}

@font-face {
	font-family: 'myriadpro-regular';
	src: url('/lib/fonts/myriadpro-regular.eot');
	src: local('myriadpro-regular'), url('/lib/fonts/myriadpro-regular.woff') format('woff'), url('/lib/fonts/myriadpro-regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
	font-family: 'myriadpro-semibold';
	src: url('/lib/fonts/myriadpro-semibold.eot');
	src: local('myriadpro-semibold'), url('/lib/fonts/myriadpro-semibold.woff') format('woff'), url('/lib/fonts/myriadpro-semibold.ttf') format('truetype');
    font-display: swap;
}

@font-face {
	font-family: 'myriadpro-bold';
	src: url('/lib/fonts/myriadpro-bold.eot');
	src: local('myriadpro-bold'), url('/lib/fonts/myriadpro-bold.woff') format('woff'), url('/lib/fonts/myriadpro-bold.ttf') format('truetype');
    font-display: swap;
}

/* GLOBAL STYLES
-------------------------------------------------- */


h1, h2, h3, h4, h5 {
	font-family: 'myriadpro-bold', arial, helvetica, sans-serif;
	color: black;
	letter-spacing: -.03em;
}

h1 {
	font-size: 250%;
}

h2 {
	font-size: 170%;
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 120%;
}

h5 {
	font-size: 100%;
}

.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    /*-moz-opacity: 0.5;
    opacity: 0.50;
    filter: alpha(opacity=50);
    background-color: #fff; */
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    padding:2px;
}
.loadmask-msg div {
    padding: 10px 10px 5px 40px;
    background: url('/lib/images/spinner.gif') no-repeat 5px 5px;
    height: 20px;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}
.loadmask-progress {
	position: absolute;
    top: 40%;
    left: 25%;
	width: 50%;
	height: 12px;
	z-index: 20002;
	background-color: white;
	padding: 1px;
	border: 1px solid #222;
}
.loadmask-progress .ui-progressbar-value {
	background-color: #222;
	height: 100%;
}
.masked {
    overflow: hidden !important;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}
.btn  {
 	color: white !important;
	text-decoration: none;
	border: 1px solid transparent;

    border-style: solid;
    border-width: 1px;
	-moz-border-radius: 4px;
	border-radius: 4px;

    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25) inset;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25) inset;
	
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4), rgba(0,0,0,0));
}

.btn:hover {
 	color: white;
}

.btn.focus,.btn:focus,.btn:hover {
    color: white !important;
    text-decoration: none
}

/* button colors */
.btn-default, .btn-default.hover, .btn-default:hover, .btn-default.focus, .btn-default:focus , .btn-default.active, .btn-default:active{
    background-color: #444e60 !important;
	background-color: rgba(0, 0, 0, .8) !important;
}

.btn-primary, .btn-primary.hover, .btn-primary:hover, .btn-primary.focus, .btn-primary:focus , .btn-primary.active, .btn-primary:active{
    background-color: #127db3 !important;
}

.btn-success, .btn-success.hover, .btn-success:hover, .btn-success.focus, .btn-success:focus , .btn-success.active, .btn-success:active{
    background-color: #57A957 !important;
}

.btn-info, .btn-info.hover, .btn-info:hover, .btn-info.focus, .btn-info:focus , .btn-info.active, .btn-info:active{
    background-color: #1ab2ff !important;
}

.btn-warning, .btn-warning.hover, .btn-warning:hover, .btn-warning.focus, .btn-warning:focus , .btn-warning.active, .btn-warning:active{
    background-color: #f59a25 !important;
}

.btn-danger, .btn-danger.hover, .btn-danger:hover, .btn-danger.focus, .btn-danger:focus , .btn-danger.active, .btn-danger:active{
    background-color: #C43C35 !important;
}

.btn-link, .btn-link.hover, .btn-link:hover, .btn-link.focus, .btn-link:focus , .btn-link.active, .btn-link:active{
    background-color: transparent !important;
	background: transparent !important;
	color: #1ab2ff !important;
    text-decoration: none !important;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border:none !important;
}


/* Notifications
************************/
.notification {
	padding: 10px;
	margin: 15px;;

	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-style: solid;
    border-width: 1px;

	-moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2), 0 1px 15px rgba(255, 255, 255, 0.25) inset;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 15px rgba(255, 255, 255, 0.25) inset;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 3px rgba(255, 255, 255, 0.1) inset;
}

.w400 {
	width: 400px;
}

/* meldingingen */
.message_warning {
	background: #feff99 url(/lib/ico/24/sign_warning.png) no-repeat 15px 50% !important;
	border: 1px solid #ffcc00 !important;
	padding: 10px 10px 10px 50px !important;
	color: black !important;
}

.message_warning_48 {
	background: #feff99 url(/lib/ico/24/sign_warning.png) no-repeat 15px 50% !important;
	border: 1px solid #ffcc00 !important;
	padding: 10px 10px 10px 50px !important;
	color: black !important;
}

.message_stop_48 {
	background: #ffdee7 url(/lib/ico/48/sign_stop.png) no-repeat 15px 50% !important;
	border: 1px solid #ff3300 !important;
	padding: 25px 25px 25px 75px !important;
	color: black !important;
}

.message_stop_48 h2{
	color: black !important;
}

.message_ok_48{
	background: #cdffcc url(/lib/ico/48/check.png) no-repeat 15px 50%;
	border: 1px solid #67cb33;
	padding: 25px 25px 25px 75px;
}

.message-ok{
	background: #cdffcc url(/lib/ico/48/check-new.png) no-repeat 15px 50%;
	border: 1px solid #67cb33;
	padding: 25px 25px 25px 75px;
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, .75) inset;
}

.message-ok h3{
	color: #3d3e40;
	color: #397400;
}
.message-ok p{
	color: #397400;
}

.message_waiting_48 {
	background: #dadfe5 url(/lib/ico/48/clock.png) no-repeat 15px 50%;
	border: 1px solid #b6babf;
	padding: 25px 25px 25px 75px;
}

/* Chrome blue outline fix */
button:focus{
    outline: none !important;
}