/********************************************** XS = DEFAULT ********************************************** /
/************* COMMON **************/

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/* Contactformulier eerst altijd zichtbaar + validatie */
#infoForm, #aanmeldForm {
	display:block;
}

#infoForm .ng-dirty.ng-invalid, 
#aanmeldForm .ng-dirty.ng-invalid,
#gegevensForm .ng-dirty.ng-invalid,
#belForm .ng-dirty.ng-invalid,
#ticketingForm .ng-dirty.ng-invalid {
	box-shadow: inset 0 0 5px 0px red;
}
#aanmeldForm .validation-message {
	color: red;
    font-size: 11px;
    margin: -18px 0 5px;
}

div.favlocation {
	 height:45px;
	 margin-bottom:5px;
	 padding:10px;
	 background-color:#fff;
	 color:#888"
}
div.favlocation input[type='radio'] {
	margin-right: 10px;
}
div.favlocation:hover {
	background-color: #348F94;
	color: #fff;
}

/* /Contactformulier eerst altijd zichtbaar + validatie */

section.info .description {
}
section.info .description hr {
	max-width: 100%;
	border-bottom: 2px solid #f0f0f0;
}

/* Message colors */
.successMessage {
	color:#1d9f75;
}
.errorMessage {
	color:#e24f51;
}

/* Evenementaanmeldformulier */
section.subscribe .subcategories ul li a.limited {
	color:#999;
	cursor:default;
}

section.subscribe .subcategories ul li a.limited:hover {
	background: initial;
    text-decoration: none;
}

.priceInput::-webkit-input-placeholder {
	color:#000;
}

.priceInput::-moz-placeholder {
	color:#000;
}

.priceInput:-moz-placeholder {
	color:#000;
}

.priceInput:-ms-input-placeholder {
	color:#000;
}

/* Lijst met tijden bij aangemelde evenementen */
section.subscribe table.activitieslist tbody tr.events table.eventtable tbody {
	border:none;	
}
section.subscribe table.activitieslist tbody tr.events table.eventtable.even tr {
	background-color: #f1f1f1;
}
section.subscribe table.activitieslist tbody tr.events table.eventtable.odd tr {
	background-color: #fff;
}
section.subscribe table.activitieslist tbody tr.events table.eventtable tr td {
	padding:3px 0;
	margin:0;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}
section.subscribe table.activitieslist tbody tr.events table.eventtable.odd tr:last-child td {
	border-bottom: none;
}
section.subscribe table.activitieslist tbody tr.events table.eventtable tr td:last-child {
	text-align:right;
}
section.subscribe table.activitieslist tbody tr.events table.eventtable tr td span.toggle-soldout {
	padding-right:7px;
}
/* /Lijst met tijden bij aangemelde evenementen */

.description h1 {
	color: #000000;
	margin-bottom: 20px;
}

.description p {
	font-size: 14px;
}

.description strong {
	color: #000000;
}

/* Ad bij registratie */
.description .register-ad {
	width: 100%;
    background: #fff;
    padding: 20px 25px;
}
.description .register-ad ul {
	list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
}
.description .register-ad ul li {
	padding: 3px 0;
}
.description .register-ad ul li i {
	color:green;
}
.description input,
.description textarea,
#newEventAccordion input,
#newEventAccordion textarea {
	background-color: #f5f5f5;
}

section.contactform {
	background: #f0f0f0;
}

section.contactform .description input,
section.contactform .description textarea {
	background-color: #ffffff;
}

/* /Ad bij registratie */

/* Trieste poging tot layout keuze styling */
#dpi {
	height: 1in;
	left: -100%;
	position: absolute;
	top: -100%;
	width: 1in;
}
.layout {
	margin-right: 5px;
	margin-left: -3px;
	padding: 2px;
}

div.layout label,
div.ad,
div.ad div.block,
div.ad div.block div.element,
div.ad div.block div.element p,
div.ad div.block div.element p span {
	color: #777;
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    line-height: 15px;
}

div.ad {
	box-sizing: initial;
	cursor: pointer;
	background-color: #d0d0d0 !important;
}
div.layout.selected .ad{
	background-color: #ffffff !important;
}
div.layout.selected label,
div.layout.selected div.ad,
div.layout.selected div.ad div.block,
div.layout.selected div.ad div.block div.element,
div.layout.selected div.ad div.block div.element p,
div.layout.selected div.ad div.block div.element p span {
	color: #000;
}
div.ad:hover {
	border: 1px solid #dc8b00 !important;
}
div.ad .element .image {
	height:100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.4;
}
div.layout.selected div.ad .element .image {
	opacity: 1;
}
div.layout.selected {
	border: 1px solid #888 !important;
	background-color: #dc8b00 !important;
}
div.layout.selected .ad:hover {
	border: 1px solid #888 !important;
}
div.layout label input[type="radio"] {
	float:left;
}
/* /Trieste poging tot layout keuze styling */

/* Grote voorbeeld advertentie */
.vanplan .placeholderAdvertentie {
	width: 100%;
	padding:0;
}

.vanplan .placeholderAdvertentie.adPreview {
	height: 189px;
	width: 326px;
}

/********************************************** SMALL (SM) **********************************************/
@media (max-width: 767px) { /* TODO: Omklappunt bepalen */
}

/********************************************** MEDIUM (MD) **********************************************/
@media (min-width: 768px) and (max-width: 991px) {
}

/* Package warning */
.promotie .content .package-warning {
	background: #f0f0f0;
	padding: 20px;
	color: #000000;
}
.promotie .content .package-warning .button {
	padding-top: 2px;
	font-size: 16px;
	margin: 10px 10px 0 0;
}

.promotie .content .package-warning .alert {
	font-weight: bold;
	color: #F59115;
}
/* /Package warning */

/* Package subnav */
.promotie.vanplan .subnav {
	margin-bottom: 0px;
}
/* /Package subnav */