/* Developed by Dubbele:punt Design - www.dubbelepunt.com */

/* General styles */
html, body {
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
	
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;
}

table, tr, td {
	vertical-align:									top;
}

form {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;
}

p {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;
}

.display_inline										{ display: inline!important; line-height: 0.8rem;}
.no-margin											{ margin-bottom: 0rem!important; }
.hidden												{ display: none; }
.clear_both											{ clear: both; }

#header .header_image img {
	display:										inline-block;
	width:											100%;
}

/* Menu styles */
@media only screen and (max-width: 640px) { 
	#menu div {
		width:										100%;
	}
}

#menu .inactive {
	background-repeat:								no-repeat;
	float:											left;
}


#menu .active {
	background-repeat:								no-repeat;
	float:											left;
}

#menu .complete {
	background-repeat:								no-repeat;
	float:											left;
}

.middle {
	padding-top:									0.5rem!important;
	margin-bottom:									0rem!important;
	padding-bottom:									0rem!important;
}

@media only screen and (min-width: 640px) { 
	.middle {
		padding-top:									0.3rem!important;
		margin-bottom:									0.5rem;
	}
}

#content {
	text-align:										left;
}

/* List styles */
#content .welcome_content {
	margin-bottom: 									20px;
}

@media only screen and (max-width: 640px) { 
	#content .text_content img {
		width: 										100%;
	}
}

#content .title {
	font-weight:									bold;
    font-style:										normal;
    font-size:										1rem;
	
	margin-left:									0px;
	margin-right:									0px;
	margin-bottom:									0px;

	padding-top:									20px;
	padding-bottom:									7px;
	padding-left:									0px;
	padding-right:									10px;
}

@media only screen and (min-width: 640px) { 
	#content .title {
		margin-bottom:								20px;	
	}
}

#content .extra_content {
	margin-top:										-10px;
	margin-bottom:									20px;
}

#content [type='checkbox'] {
	margin-top: 									0.5rem;

	float: 											left;
}

#content label {
	font-weight: 									400;

	width: 											calc(100% - 3rem);
}

#content .welcome_title {
	font-weight:									bold;
    font-style:										normal;
    font-size:										1rem;
	
	margin-top: 									0px;
	margin-left:									0px;
	margin-bottom:									10px;
	margin-right:									0px;

	padding-top:									0px;
	padding-bottom:									5px;
	padding-left:									0px;
	padding-right:									10px;

	border-bottom-style:							dotted;
	border-bottom-color:							#5B5B5B;
	border-bottom-width:							1px;
}

#content .order_title {
    font-style:										normal;
	
	margin-top:										20px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									0px;
	padding-bottom:									5px;
	padding-left:									0px;
	padding-right:									10px;
}

h2.title_box {
	cursor:											pointer;
}

#content #boxes_control {	
	text-align:										right;
}

#content .article {
	padding-top:									1.2rem;
	padding-bottom:									1rem;
	padding-left:									0rem;
	padding-right:									0rem;

	line-height:									18px;

	_height:										15px;
	min-height:										15px;
}

#content .article.code label, 
#content .article.code input {
	margin-bottom:									0rem;
	padding-top:									0rem;
	padding-bottom:									0rem;
}

@media only screen and (min-width: 640px) { 
	#content .article.code label, 
	#content .article.code input {
		margin-bottom:								0rem;
		padding:									0.5625rem 0 0.5625rem 0.5rem!important;
	}
}

#content .article .description {
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;
	
	padding-top:									1px;
	padding-bottom:									0px;
	padding-left:									0px;
	padding-right:									3px;
	
	float:											left;
}

#content .article .description .pic {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									10px;
	
	float:											left;
	text-align:										center;
}

#content .article .description .pic img {
	vertical-align:									middle;
}

#content .article .description .full_description {
	display:										none;
}

#content .article .description .text_description {
	height:											85px;
	overflow:										hidden;
}

#content .article .description .text .title {
	font-weight:									bold;
    font-style:										normal;
    font-size:										1rem;
	
	padding-top:									0px;
	padding-bottom:									0px;
	padding-left:									0px;
	padding-right:									0px;

	border-bottom-style:							none;
	border-bottom-color:							#FFFFFF;
	border-bottom-width:							0px;
}

#content .article .description .text {
	float:											left;
}

#content .required {
	display: 										inline-block; 
}

@media only screen and (min-width: 640px) { 
	#content .required {
		margin-left: 									0.5rem;
		padding-top:									0.8rem;

		display: 										inline-block; 
	}
}

#content .article .field input {
	background-color: 								#FFFFFF;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	border-style: 									dotted;
	border-color:									#7A7A7A;
	border-width: 									1px;

	padding-left:									0.5rem;
}

#content .article .field .radio {
	border-width: 									0px;
	
	background-color: 								#F7F7F7;
	
	width:											15px;
}

#content .article .field select {
	background-color: 								#FFFFFF;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;
	
	border-style: 									dotted;
	border-color:									#7A7A7A;
	border-width: 									1px;
}

select.date {
	width:											32.7%;
}

select.date:last-child {
	float:											right;
}

#content .article .field textarea {
	background-color: 								#FFFFFF;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	border-style: 									dotted;
	border-color:									#7A7A7A;
	border-width: 									1px;
}

#content .article .field .date {
	background-color: 								#FFFFFF;
	
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	border-style: 									dotted;
	border-color:									#7A7A7A;
	border-width: 									1px;
}

#content .article .field .error {
	background-image:								url('../images/icon_form.gif');
	background-repeat:								no-repeat;
	background-position:							right top;
	background-color: 								#F6E4E4;

    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	padding-top:									1px;
	padding-bottom:									1px;
	padding-left:									1px;
	padding-right:									1px;

	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	border-style:									dotted;
	border-width:									1px;
	border-color:									#FF0000;
}

#content .container {
	padding-bottom:									0.75rem;
}

@media only screen and (max-width: 640px) { 
	#content .article .text {
		margin-bottom:									1rem;
	}
}

#content .article .amount input {
	margin-top:										0rem;
	margin-bottom:									0rem;
	margin-left:									0rem;
	margin-right:									0.5rem;

	width:											50px;
	display:										inline-block;
}

#frame #content .articles {
	padding-top:									0.5rem;
	padding-bottom:									0.5rem;
}

#content .equals {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0.5rem;
	margin-right:									0.5rem;

	display:										inline-block;
}

#content .article .amount .price {
	display:										inline-block;
}

#content .article .amount .price .euro {
	display:										inline-block;
}

#content .article .amount .price input {
	display:										inline-block;
	width:											80px;
	box-shadow:										none;
	border:											none;
	padding-left:									0rem!important;
}

#content .total_confirm {
	padding-left:									0.5rem;
	padding-right:									0.5rem;
}

#content .total_confirm .columns {
	padding-bottom:									0rem;
}

#content .total input {
	width:											80px;
	display:										inline-block;
	box-shadow:										none;
	border:											none;
	padding-left:									0rem!important;
	margin-bottom:									0rem;
}

#content .article .amount input {
	background-color: 								#FFFFFF;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	border-style: 									dotted;
	border-color:									#7A7A7A;
	border-width: 									1px;
}

#content .article .amount .error {
	background-image:								url('../images/icon_form.gif');
	background-repeat:								no-repeat;
	background-position:							right top;
	background-color: 								#F6E4E4;

    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	padding-top:									1px;
	padding-bottom:									1px;
	padding-left:									1px;
	padding-right:									1px;

	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	border-style:									dotted;
	border-width:									1px;
	border-color:									#FF0000;
}


#content .article .price input {
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	border-style: 									none;
	border-color:									#F7F7F7;
	border-width: 									0px;
}

#content .article .total {
	padding-top:									1px;
	padding-bottom:									0px;
	padding-left:									2px;
	padding-right:									0px;
	
	float:											right;
	text-align:										right;
}

#content h2,
#content .article h2 {
    font-style:										normal;
	
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;
	
	padding-top:									10px;
	padding-bottom:									5px;
	padding-left:									0px;
	padding-right:									0px;
}

#content .article .article h3 {
    font-style:										normal;
	
	margin-top:										5px;
	margin-bottom:									5px;
	margin-left:									0px;
	margin-right:									0px;
}

#content .article .article .article h4 {
    font-style:										normal;
	
	margin-top:										5px;
	margin-bottom:									5px;
	margin-left:									0px;
	margin-right:									0px;
}

#content .notification {
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	margin-top:										10px;
	margin-bottom:									10px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									3px;
	padding-bottom:									3px;
	padding-left:									10px;
	padding-right:									10px;

	border-style:									dotted;
	border-color:									#CECECE;
	border-width:									1px;
}

input {
	font-family:									verdana, arial, sans-serif;
}

input[type=checkbox]{
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    margin: 0 0 0rem; 
}

#content .error {
	background-image:								url('../images/icon_error.gif');
	background-repeat:								no-repeat;
	background-position:							10px 7px;
	background-color:								#F6E4E4;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;
	
	margin-top:										10px;
	margin-bottom:									10px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									5px;
	padding-bottom:									5px;
	padding-left:									35px;
	padding-right:									10px;

	border-style:									solid;
	border-color:									#FF0000;
	border-width:									1px;
}

#content input.error, #content select.error  {
	background-image:								none;
	padding-left:									10px;

	margin-top:										0px;
	margin-bottom:									1rem;
	margin-left:									0px;
	margin-right:									0px;
}

#content input[type="radio"] {
	vertical-align:									sub;
}

#content .error ul {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									15px;
	margin-right:									0px;

	padding-top:									0px;
	padding-bottom:									0px;
	padding-left:									0px;
	padding-right:									0px;
}

#content .success {
	background-image:								url('../images/icon_succes.gif');
	background-repeat:								no-repeat;
	background-position:							10px center;
	background-color:								#DDF8DD;

    font-family:									verdana, arial, sans-serif;
    font-weight:									bold;
    font-style:										normal;
    font-size:										1rem;
	
	margin-top:										10px;
	margin-bottom:									10px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									5px;
	padding-bottom:									5px;
	padding-left:									35px;
	padding-right:									10px;

	border-style:									dotted;
	border-color:									#00CC44;
	border-width:									1px;
}

#content .bottom {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									5px;
	padding-bottom:									20px;
	padding-left:									0px;
	padding-right:									0px;

	border-top-style:								dotted;
	border-top-color:								#5B5B5B;
	border-top-width:								0px;
	
	text-align:										left;
}

#content .button.submit,
#content .bottom .submit {
    font-style:										normal;

    margin-top:										0.75rem;
    margin-bottom: 									0.75rem;

    padding-top: 									5px;
    padding-bottom: 								5px;

	border:											none;
	
	cursor:											pointer;

	display: 										inline-block;
}

#content .bottom .finish {
    font-style:										normal;
    font-size:										1rem;

	border-style: 									solid;
	border-width: 									1px;
	margin-top: 									0.75rem;
}

#content .bottom_left {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									5px;
	padding-bottom:									20px;
	padding-left:									0px;
	padding-right:									0px;

	border-top-style:								dotted;
	border-top-color:								#5B5B5B;
	border-top-width:								0px;
	
	text-align:										left;
	float: 											left;
}

#content .bottom_left .submit {
    font-style:										normal;

    margin-top:										0.75rem;

	border:											none;
	
	cursor:											pointer;
}

#content .bottom_left .finish {
    font-style:										normal;
    font-size:										1rem;

	border-style: 									solid;
	border-width: 									1px;
	margin-top: 									0.75rem;
}

#content .bottom_right {
	margin-top:										0px;
	margin-bottom:									0px;
	margin-left:									0px;
	margin-right:									0px;

	padding-top:									5px;
	padding-bottom:									20px;
	padding-left:									0px;
	padding-right:									0px;

	border-top-style:								dotted;
	border-top-color:								#5B5B5B;
	border-top-width:								0px;
	
	text-align:										right;
	float: 											right;
}

#content .bottom_right .submit {
    font-style:										normal;

    margin-top:										0.75rem;

	border:											none;
	
	cursor:											pointer;
}

#content .bottom_right .finish {
    font-style:										normal;
    font-size:										1rem;

	border-style: 									solid;
	border-width: 									1px;
	margin-top: 									0.75rem;
}

#content .block-left,
#content .block-right{
	margin-bottom: 									20px;
	
	padding-top:									10px;
	padding-right:									10px;
	padding-bottom:									0px;
	padding-left:									10px;

	position: 										relative;
}

@media only screen and (min-width: 640px) { 
	#content .block-left {
		margin-right: 									5px;
	}

	#content .block-right {
		margin-left: 									5px;
	}

	#content .block-left,
	#content .block-right{
		padding-bottom:									50px;
	}

	#content .block-right .bottom .submit,
	#content .block-left .bottom .submit {
		position: 										absolute;
		bottom: 										2rem;
	}
}

#content .print {
	padding-top: 									0.7rem;
	padding-bottom: 								0.7rem;

	border-bottom-style:							dotted;
	border-bottom-color:							#5B5B5B;
	border-bottom-width:							1px;
}

.checkbox_ksi_regular {
	float: 											left;
	width: 											13px;
	bottom: 										-6px !important;
}
.label_checkbox_ksi_regular {
	float: 											left;
	width: 											calc(100% - 13px - 1.5rem);
}

/*** Monument styles ***/
.monumentfield {
	line-height: 									1.8;
}

.monumentfield.error {
	padding-left: 									0px !important;
}

.filter_nearby_checkbox {
	text-align: 									center;
}

.selected-monument {
	background-color:								#FFFFFF;
	color:											#15489f;

	font-size: 										2rem;

	padding-top:									1rem;
	padding-bottom:									1rem;
	padding-left:									1rem;
	padding-right:									1rem;

	line-height:									2.5rem;
}

.selected-monument .city {
	font-size: 										1.5rem;
}

@media only screen and (max-width: 640px) {
	.selected-monument {
		font-size: 									1.5rem;
	}

	.selected-monument .city {
		font-size: 									1rem;
	}
}

#monument-picker{
	top:											90px !important;
	border:											none;
}

#monument-picker .close-button {
	color: 											#FFFFFF;
}

#monument-picker h2 {
	color: 											#FFFFFF;
	background-color: 								#2199e8;

	margin-top: 									-1rem;
	margin-left: 									-1rem;
	margin-right: 									-1rem;
	padding-top: 									0.5rem;
	padding-bottom: 								0.5rem;

	text-align: 									center;
	font-size: 										1.2rem;
	font-weight: 									bold;
}

#monument-picker label[for="filter_nearby"] {
	font-weight: 									normal;
}

#monument-picker div {
	padding-left: 									0px !important;
	padding-right: 									0px !important;
}

#monument-picker .dataTables_info {
	text-align: 									left;
}

/*** Datatable styles ***/
.datatable-monuments tr td {
	text-align: 									left;
}

.datatable-monuments tr td .select_monument {
	color:											#2199e8;
	cursor:											pointer;

	text-decoration: 								none;

	border: 										1px solid #cccccc;
	border-radius: 									5px;
	padding: 										5px;
}

.datatable-monuments tr td button.choose {
	padding-top:									0.4rem;
	padding-bottom:									0.4rem;
	padding-left:									0.5rem;
	padding-right:									0.5rem;

	border:											1px solid #CCCCCC;
	border-radius: 									0.3rem;
}

.datatable-monuments tr.active td {
	background-color:                                #E1F2C4 !important;
	color:                                           #000000;

	font-weight:                                     bold;
}

.datatable-monuments tr.active td button.choose {
	background-color: 								#FFFFFF;

	color:											#000000;
}

#dummy {
	display: 										none;
}
/*** /Datatable styles ***/

/* Footer styles */
#footer {
    font-weight:									normal;
    font-style:										normal;
    font-size:										1rem;

	text-align:										center;
}

#footer .footer_image {
	width:											100%;
	margin-bottom:									0.5rem;
}

/* Developed by Dubbele:punt Design - www.dubbelepunt.com */