*{margin:0;padding:0;border:0;box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

/**** prevent printing the url on page ****/
/* auto is the initial value */   /* size: A4; */  /* size: A4 landscape; for landscape */
/* this affects the margin in the printer settings */

@media only print{
	@page {
		size: auto;   
		margin: 20px 0 20px 0;  
	}	
}



/**** responsive ****/

@media (min-width:1100px) {  /* xl - extra large */
	.visible-xl{display:block;}
	.hidden-xl{display:none;}
}

@media (min-width:1000px) and (max-width:1100px) { /* nl - normal large */
	.visible-nl{display:block;}
	.hidden-nl{display:none;}
}

@media (min-width:900px) and (max-width:1000px) { /* nl - normal large */
	.visible-nl{display:block;}
	.hidden-nl{display:none;}
}

@media (min-width:600px) and (max-width: 899px) { /* ns - normal small */
	body{display:table;}
	.visible-ns{display:block;}
	.hidden-ns{display:none;}
	.center-column, .center-box{width:100%;max-width:100%;overflow:hidden;}
}

@media (max-width: 599px) { /* xs - extra small */
	body{display:table;}
	.visible-xs{display:block;}
	.hidden-xs{display:none;}
	.center-column, .center-box{max-width:100%;}
	.left-fieldset, .right-fieldset{width:100%;}
}


/**** icons ****/

[class^="icon-"], [class*=" icon-"] {
display: inline-block;width: 14px;height: 14px;margin-top: 1px;line-height: 14px;vertical-align: text-top;background-image: url(/siteimages/icons.png);
background-position: 14px 14px;background-repeat: no-repeat;}

.icon-15-3 {background-position: -336px -48px;}
.icon-16-6 {background-position: -360px -120px;}
.icon-08-6 {background-position: -168px -120px;}
.icon-09-6 {background-position: -192px -120px;}
.icon-20-3 {background-position: -456px -48px;}
.icon-11-6 {background-position: -240px -120px;}
.icon-08-1 {background-position: -168px 0px;}
.icon-16-7 {background-position: -360px -144px;}
.icon-17-1 {background-position: -384px 0px;}
.icon-13-2 {background-position: -288px -24px;}
.icon-05-5 {background-position: -96px -96px;}
.icon-12-2 {background-position: -264px -24px;}
.icon-19-7 {background-position: -434px -144px;}
.icon-18-6 {background-position: -409px -120px;}
.icon-17-7 {background-position: -384px -144px;}

/**** background ****/

.background {
background: rgb(237,237,237);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(222,222,222,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(222,222,222,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 ); 
}

/**** animation  fadeInUp ****/


.animated {
-webkit-animation-duration: .8s;-webkit-animation-delay: .2s;-webkit-animation-timing-function: ease;-webkit-animation-fill-mode: both;
-moz-animation-duration: .8s;-moz-animation-delay: .2s;-moz-animation-timing-function: ease;-moz-animation-fill-mode: both;
-ms-animation-duration: .8s;-ms-animation-delay: .2s;-ms-animation-timing-function: ease;-ms-animation-fill-mode: both;
animation-duration: .8s;animation-delay: .2s;animation-timing-function: ease;animation-fill-mode: both;}

.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
opacity:0;
}


@keyframes fadeInUp {
    from { transform: translate3d(0,40px,0) }
    to { transform: translate3d(0,0,0); opacity: 1 }
}

@-webkit-keyframes fadeInUp {
    from { transform: translate3d(0,40px,0) }
    to { transform: translate3d(0,0,0); opacity: 1 }
}

@-moz-keyframes fadeInUp {
    from { transform: translate3d(0,40px,0) }
    to { transform: translate3d(0,0,0); opacity: 1 }
}

@-o-keyframes fadeInUp {
    from { transform: translate3d(0,40px,0) }
    to { transform: translate3d(0,0,0); opacity: 1 }
}


/**** error and info ****/

.infobox{border: 1px solid #DFDFDF;margin-bottom: 20px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-top:1px;}
.infobox-content{border: 1px solid #FFF;background: #ECECEC url("/siteimages/info.png") no-repeat 4% 50%;background-size:40px 50px;font-style: italic;color: #666;padding: 3% 3% 3% 10%;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.infogreen{border: 1px solid #B2D8EE;margin-bottom: 20px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-top:1px;}
.infogreen-content{border: 1px solid #FFF;background: #D3F1FF url("/siteimages/box-info.png") no-repeat 4% 4%;font-style: italic;color: #666;padding: 3% 3% 3% 10%;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.errbox{border: 1px solid #DFDFDF;margin-bottom: 20px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-top:1px;}
.errbox-content{border: 1px solid #FFF;background: #ECECEC url("/siteimages/error.gif") no-repeat 4% 50%;font-style: italic;color: #666;padding: 3% 3% 3% 10%;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.msgokbox{border: 1px solid #B2D8EE;margin-bottom: 20px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-top:1px;}
.msgokbox-content{border: 1px solid #FFF;background: #D3F1FF url("/siteimages/status_ok.png") no-repeat 4% 50%;font-style: italic;color: #444444;padding: 3% 3% 3% 10%;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.errors{width:100%;font-size:14px;}
.errors td{padding:3px 0 0 10px;font-size:13px;font-style:italic;}
.errbox .errors{color:#DC0A0B;}
.infobox .errors{color:gray;}

/**** animation  bounceIn ****/
/*
.animated1{
  -webkit-animation-name: bounceIn;  -webkit-animation-duration: 450ms;  -webkit-animation-timing-function: linear;  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: bounceIn;  -moz-animation-duration: 450ms;  -moz-animation-timing-function: linear;  -moz-animation-fill-mode: forwards;
  -ms-animation-name: bounceIn;  -ms-animation-duration: 450ms;  -ms-animation-timing-function: linear;  -ms-animation-fill-mode: forwards;
  animation-name: bounceIn;  animation-duration: 450ms;  animation-timing-function: linear;  animation-fill-mode: forwards;
}

.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
opacity:0;
}
*/
/*
@keyframes bounceIn{
  0%{		opacity: 0;    transform: scale(0.3) translate3d(0,0,0);  }
  50%{   opacity: 0.9;    transform: scale(1.1);  }
  80%{   opacity: 1;    transform: scale(0.89);  }
  100%{  opacity: 1;    transform: scale(1) translate3d(0,0,0);  }
}
*/