.app-contents.no-notice {padding-top:20px}
.app-contents.no-notice .section-menu {height:40px;min-height:40px;}
.app-contents.no-notice .white-box-after:after {top:40px;}

.app-contents .breadcrumb {height: 26px;margin:0 0 0 20px;}
.app-contents {position:relative;margin-bottom:-30px;overflow-x:hidden;}

/*
.app-contents:after{position:absolute; left:0; top:0; width:calc( ((100vw - 1170px) / 2) + ((1170px / 12) * 10) ); height:700px; content:"";
background: #80a92a; 
background: -moz-linear-gradient(left,  #80a92a 0%, #d2da4e 100%); 
background: -webkit-linear-gradient(left,  #80a92a 0%,#d2da4e 100%); 
background: linear-gradient(to right,  #80a92a 0%,#d2da4e 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a92a', endColorstr='#d2da4e',GradientType=1 );
}
*/

/* achtergrondkleuren omdraaien */
.app-contents:after {
      background: #477bbe;
    /* Old browsers */
    background: -moz-linear-gradient(left, #477bbe 0%, #73cae7 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #477bbe 0%, #73cae7 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #477bbe 0%, #73cae7 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#477bbe', endColorstr='#73cae7', GradientType=1);
    /* IE6-9 */
}
.white-box-after:after {background-color: #d2da4e;}
/* einde achtergrondkleuren omdraaien */


.contents .container{position:relative; z-index:2;padding-top:20px;}

@media(max-width:1199px){
	.app-contents:after{width:calc(100vw / 12 *10);}
	.white-box-after:after{position:absolute; left:0; width:calc(100% + 15px);}
}
@media(max-width:991px){
	.app-contents:after{height:600px;}
}
@media(max-width:767px){	
	.app-contents:after{width:100%;}
	.app-contents:after{height:500px;}
}
@media(max-width:575px){

}

.rotate {transform: rotate(180deg);}


header .dropdown-menu {padding-bottom:0;}
header .logout .logout-icon {position: absolute;margin-top: -5px;left:12px;}
header .dropdown-menu .dropdown-item {padding-top:10px;padding-bottom:10px;border-radius:.25rem;}
header .dropdown-menu .dropdown-item.logout  {padding:15px 0 15px 40px;background-color:#f8f9fa;color:#394b9b;border-top:1px solid #eee; border-top-left-radius:0; border-top-right-radius:0;}



.alt-bg {background-color:#f2f2f2;margin:0px;padding:20px 0;}
.alt-bg-block {background-color:#f2f2f2 !important;margin:20px 0;padding:20px;}
.alt-bg h3,
.alt-bg-block h3,
.alt-bg h2,
.alt-bg-block h2 {color:#80A92A;    margin-bottom:15px;}

.link i.material-icons {padding:0;position:relative;top:3px;left:5px;}

.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
    margin-bottom:15px;
}
.page-contents h3 {margin-bottom:15px;}
.page-contents p {margin-bottom:15px;}
/*.page-contents p:last-child {margin-bottom:0;}*/

.page-contents p a {color:#477bbe;}
.page-contents p a:hover {color:#80a92a;}

.custom-table {margin-bottom:20px;background-color:#fff;}

.modal-title {color:#80A92A;font-weight:bold;font-size:22px;}
.modal-body p,
.modal-body h3 {margin-bottom:15px;}
.modal-body h3 {font-size:20px;}

.cards-table-container {}
.alt-bg-block .search-wrap input.form-control {background-color:#fff;}
.alt-bg-block .custom-table-row-details,
.orders-table .custom-table-row {padding:5px 0;cursor:pointer;}
.orders-table .custom-table-row.collapsed {background-color:#fff;}
.orders-table .custom-table-row.collapsed:hover {background-color:#e9e9e9 ;}
.alt-bg-block.cards-table-container .custom-table-row .rotate {position:absolute;bottom:0;}
.alt-bg-block.cards-table-container .cards-table-preheader {margin:0 0 20px 0;}
.alt-bg-block.cards-table-container .pagination {margin:20px 0;}
.alt-bg-block.cards-table-container .btn-group {margin:20px 0;}

.thumbnails.image_picker_selector {margin:10px 0 0 -5px;}
.thumbnails.image_picker_selector li {cursor:pointer;display:inline-block;width:100px;margin:0 10px 5px 5px;overflow:hidden;}
.thumbnails.image_picker_selector li .thumbnail {padding:5px;border:2px #e9e9e9 solid;}
.thumbnails.image_picker_selector li .thumbnail.selected {border:2px #80A92A solid}


dl.specs-list dd,
dl.specs-list dt {border-bottom:1px solid #eee;margin-bottom:5px;padding:0;}


.alt-bg-block dl.specs-list dd,
.alt-bg-block dl.specs-list dt  {border-bottom:1px solid #fff;} 

.order-btn-container {margin:10px 0;}
#couponCode {margin:10px 0;}
.breadcrumb {padding:0;margin-top:5px 0 0 0;}


.tooltip .arrow::before {border-top-color: #477BBE;}
.tooltip .tooltip-inner {background-color:#477BBE;}

.tooltip.image {opacity:1;width:400px;border:1px solid #73cae7;margin:0;padding:0;border-radius:.25rem;}
.tooltip.image .tooltip-inner {padding:5px;width:100%;max-width:inherit;background-color:#fff;}
.tooltip.image .tooltip-inner img {width:100%;max-width:auto;}


.alert.alert-info {background-color:#f2f2f2;border-color:#73cae7;}
.alert .head-icon {color:#477bbe;font-size:30px;margin:0px 0 0 10px;}
.alert h3 {margin:0 0 5px 0;padding:0;color:#477bbe;font-size:20px;}


.cart-table tbody tr {border-bottom:1px solid #dee2e6;}
.cart-table tbody tr:last-child {border-bottom:0;}



.tab-pane {padding:20px;}

.order-summary {}
.order-summary h3 {}
.order-summary dl dd.total, 
.order-summary dl dt.total {font-weight:bold;font-size:20px;margin-top:10px;padding-top:20px;}
.order-summary dl dd.total {border-top:1px solid #477bbe;}
.order-summary dl dt {text-align:right;}
.order-summary dl dd {text-align: right}
.order-summary .btn-primary {text-align:right;}


h3 .popup-btn {position:relative;top:-10px;left:5px;}
.popup-btn {}


.btn-m, 
.btn-sm {border:0;border-radius: 0.25rem}

.custom-table .btn-container  {margin-bottom:0;padding-bottom:0;border-top:0;}
.btn-container {margin:10px 0;padding:20px 0;border-top:1px solid #eee;}
.btn-back {text-align:left;}
.btn-back:hover {text-decoration:none;}

form h3:not(:first-child) {margin-top:20px;}
form input[type="password"],
form input[type="text"] {padding:6px;outline: none;  box-shadow: none;border:1px solid #73cae7;border-radius:.25rem;line-height:25px;display:inline-block;max-width:100%;width:100%;}
form input[type="text"]:focus {border:2px solid #477bbe;padding:5px;}
form select  {padding:5px;outline: none;  box-shadow: none;border:2px solid #73cae7;border-radius:.25rem;line-height:35px;height:35px;display:inline-block;min-width:100px;margin:5px 0;}
form textarea  {padding:6px;outline: none;  box-shadow: none;border:1px solid #73cae7;border-radius:.25rem;line-height:25px;display:block;max-width:100%;}
form textarea:focus {border:2px solid #477bbe;padding:5px;}

.btn-primary.disabled:hover, .btn-primary:disabled:hover,
.btn-primary.disabled, .btn-primary:disabled {background-color:#d9d9d9;color:#eee;border:0;color:#777;}


/* content in een modal */
#popup-content h1:first-child {display:none;}
#popup-content h2 {color:#477BBE; font-size:18px;}


/** dit zorgt ervoor dat we in de marketingsite dezelfde mooie opzet kunnen gebruiken als in de app 
.contents .container{position:relative; z-index:2;padding-top:20px;}
.marketingsite-contents .page-menu .btn {min-width:130px;}
.marketingsite-contents {position:relative;margin-bottom:-30px;}
.marketingsite-contents:after{position:absolute; left:0; top:0; width:calc( ((100vw - 1170px) / 2) + ((1170px / 12) * 10) ); height:700px; content:"";
background: #80a92a; 
background: -moz-linear-gradient(left,  #80a92a 0%, #d2da4e 100%); 
background: -webkit-linear-gradient(left,  #80a92a 0%,#d2da4e 100%); 
background: linear-gradient(to right,  #80a92a 0%,#d2da4e 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a92a', endColorstr='#d2da4e',GradientType=1 );
}
.white-box-after{position:relative;}
.white-box-after:after{position:absolute; left:calc(((1170px/12)*1) - 20px); top:0; width:calc(100% + ((100vw - 1170px - ((1170px/12)*1))/2)); height:100%; background-color:#477BBE; z-index:-1; content:""; transform:translateY(-60px);}
.page-after .white-box{position:relative; z-index:2;}
.page-section{margin-bottom:50px;}
.page-section:last-child{margin-bottom:0;}
.marketingsite-contents .section-menu a.btn {color:#fff}




.banner.has-breadcrumb {padding-top:5px;}
.banner .breadcrumb {background-color:transparent !important;padding-left:0;padding-bottom:0;}
.banner .breadcrumb li.breadcrumb-item.active {color:#fff;}
.banner .breadcrumb-item + .breadcrumb-item::before {color:#fff;}
.banner .breadcrumb .active a {color:#fff;}

.banner .breadcrumb-item .dropdown-menu a {color:#477bbe;}
.banner .breadcrumb-item .dropdown-menu a:hover {color:#000;}


.banner-right-column .signup-form.advantage-list {padding:20px 0 0 0;}

section.advantages .headding-sml,
section.advantages h2.section-headding {margin-bottom:20px;}
section.advantages .nav-tabs .nav-link.active {color:#477bbe;}
section.advantages .nav-tabs .nav-link {color:#fff;}

.banner-intro p {max-width:80%;}
.banner .white-box {padding:50px 10%;}

.choose-item{border:1px solid #477BBE; border-radius:4px; padding:10px;}
.choose-images figure{margin-bottom:8px;}
.choose-images figure:last-child{margin-bottom:0;}

.horizontal-signup .container {padding:15px 0 0 0;}
.horizontal-signup .columns {margin:10px;}

.carousel {padding-bottom:20px;}

.tab-pane {padding:20px;}

.signup-form.signup-form-pdp {margin:20px 0 40px 0;width:auto;}

@media(max-width:1199px){
	.marketingsite-contents:after{width:calc(100vw / 12 *10);}
	.white-box-after:after{position:absolute; left:0; width:calc(100% + 15px);}
}
@media(max-width:991px){
	.marketingsite-contents:after{height:600px;}
}
@media(max-width:767px){	
	.marketingsite-contents:after{width:100%;}
	.marketingsite-contents:after{height:500px;}
}
@media(max-width:575px){

}
**/


/*** alleen voor SUPERADMIN **/
form[name="dsadminform"] h3 {margin-top:30px; color:#80A92A; background-color:#f2f2f2;padding:10px;border-radius:4px;font-size:32px;border-bottom:4px solid #73cae7;}


/*
form[name="dsadminform"] table {margin-bottom:20px;border:1px solid #f2f2f2;}
form[name="dsadminform"] table tr[bgcolor="#666666"]:first-child:hover,
form[name="dsadminform"] table tr[bgcolor="#666666"]:first-child {background-color:#73cae7 !important;}
form[name="dsadminform"] table tr[bgcolor="#666666"]:first-child td {padding:10px;}

form[name="dsadminform"] table tr {background-color:#fff !Important;transition: background-color .3s}
form[name="dsadminform"] table tr:nth-child(odd) {background-color:#f2f2f2 !important;}
*/

form[name="dsadminform"] table tr td:first-child {padding-left:20px;}
form[name="dsadminform"] table tr td.small-column {width:75px;}
form[name="dsadminform"] table tr td {padding: 10px;}
form[name="dsadminform"] table .btn {min-width:auto;padding:1px 10px}


.dsadmin_form_table {margin-bottom:20px;border:1px solid #f2f2f2;}
.dsadmin_form_table tr {background-color:#fff !Important;transition: background-color .3s}
.dsadmin_form_table tr:nth-child(odd) {background-color:#f2f2f2 !important;}
.dsadmin_form_table tr:first-child {font-weight:bold; color:white; background-color:#73cae7 !important;}
.dsadmin_form_table tr:first-child td {padding:10px;}


/*
form[name="dsadminform"] h3 + p.small {background-color:#f00;position:fixed;}
*/

/**/



/*** TEMP ALLEEN VOOR FRANKENSTEIN VERSIE **/
.page-contents h1 {display:block;margin:0 0 20px 0;font-size:32px;}
.page-contents h3 {display:block;}

.custom-table table.fixed {table-layout: fixed}
.custom-table table {margin-bottom:20px;}
.custom-table table tr:first-child:hover,
.custom-table table tr:first-child {background-color:#73cae7 !important;}
.custom-table table tr:first-child td {padding:10px;}
.custom-table table tr {background-color:#fff !Important;border-bottom:1px solid #f2f2f2;transition: background-color .3s}
.custom-table table tr td:first-child {padding-left:20px;}
.custom-table table tr td.small-column {width:75px;}
.custom-table table tr td {padding: 10px;}
.custom-table table tr:hover {background-color: #F9F9F9 !important;}

.custom-table table tr td a .fa::before {color:#477bbe !important;}
.custom-table table tr td a:hover .fa::before {color:#80A92A !important;}
.custom-table table tr td a .fa.fa-trash-o::before {color:#bf3718 !important }

.codetext,.coderesult {background-color:#fff;}


/** Wijzigingen Mark */

.extrawork-thumbnail {
	display: block;
	max-width:100%;
	max-height:100px;
	width: auto;
	height: auto;
    filter: drop-shadow(0px 0px 5px #DDDDDD);
    margin: 0 auto;
}

.extradesign_info {
	font-size:80%;
	color:gray;
	display:block;
}



.choose-item {height:100%;position:relative;}
.choose-item .btn.btn-block {position:absolute;bottom:10px;margin: 0 auto;left:10px;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  width: calc(100% - 20px);
}
.choose-item{border:1px solid #477BBE; border-radius:4px; padding:10px;}
.choose-item .choose-images {padding: 0 0 0 0;}
.choose-images figure{margin-bottom:8px;position: relative;overflow: hidden;}
.choose-images figure:last-child{margin-bottom:0;}


.corner-ribbon{width:250px;position:absolute;text-align:center;line-height:35px;color:#fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);overflow:hidden;font-weight:700;top:30px;right:-70px;left:auto;transform:rotate(45deg);-webkit-transform:rotate(46deg);letter-spacing:1px;background:#bf3718;box-shadow: rgba(0, 0, 0, 0.56) 0px 2px 30px 4px;
border: 2px solid #fff;}
.opvallen {	  animation: pulse 2.5s ease infinite; }
/* Keyframes */
@keyframes pulse {
	0% {
		box-shadow: rgba(0, 0, 0, .4) 5px 2px 30px 6px;
    -webkit-transform: scale(0.9) rotate(45deg);
	}
	50% {
				box-shadow: rgba(0, 0, 0, 0.86) 0px 2px 30px 4px;
   	 -webkit-transform: scale(1) rotate(45deg);
 	}
	100% {
		box-shadow: rgba(0, 0, 0, .4) 5px 2px 30px 6px;
    -webkit-transform: scale(0.9) rotate(45deg);
		}
}

/** app crumbs **/
.app-contents .breadcrumbs {position:relative;margin:-30px 0 10px 0;padding-bottom:10px;border-bottom:1px solid #f2f2f2;font-size:13px;}
@media(max-width:768px){ .app-contents .breadcrumbs {margin-top:-10px;} }
.app-contents .breadcrumbs .breadcrumb-item + .breadcrumb-item::before {color:#394b9b;}
.app-contents .breadcrumb-item a:hover {color:#000;}
.app-contents .breadcrumb-item a {color:#394b9b;}
.app-contents .breadcrumb-item.active {color:#80A92A;}


.webshop-product-bg {background-color:#fff;height:100%;}

.choose-base-designs li {float:left;width:33%}
.choose-base-designs .thumbnail {border:2px solid transparent;margin:5px;filter: drop-shadow(0px 0px 5px #999999);position:relative;}
.choose-base-designs .thumbnail.selected {border:2px solid #80A92A;margin:5px}
.choose-base-designs .thumbnail .material-icons {position:absolute;color:#80A92A;font-size:25px;margin-left:5px;top:5px;text-align:center;display:none;background:#fff none;border-radius:50%}
.choose-base-designs .thumbnail.selected .material-icons  {display:block;}



.radio-container input[type="radio"] {position:absolute;margin:6px 0 0 2px;} 
.radio-container label {display:block;padding:0 0 0 20px;}
.radio-container label .fa-star {position:absolute;left:-3px;margin-top:4px;}

.square-ul li {
	list-style-type: square;
	margin-left:20px;
	padding:default;
}