body { padding-top: 110px; }
i.fa, i.fas, i.far { width: 25px; }
i.green { color: #00AA00; }
i.gray { color: #c0c0c0; }
.text-pink { color: var(--pink); }

.form-checkbox { width:18px;height:18px;margin:8px 0 0 15px; }
div.editable .input-group-prepend { width: 30%; margin-bottom:7px; }
div.editable .input-group-prepend span { width: 100%; }
#msgProcessed { font-size: 14px; margin-left:30px; padding: 3px 10px;}

.font-strikethrough { text-decoration: line-through; }

h1 { font-size: 20px; color: #000080 !important;}
h2 { font-size: 17px; color: #000080 !important;}
h4 { font-size: 20px; color: #000080 !important;}
span.sortelement { display:none; }

.btn-default { background-color: #f2f2f2; color: #787878; border: 1px solid #AAAAAA; }
.btn-default:hover { background-color: #CDCDCD; color: #343434; border: 1px solid #AAAAAA; }
.btn-xxs { font-size: 12px; padding-top: 1px;padding-bottom: 1px; }
.btn-transp { background-color: #000066 !important; border-color: #0000FF; }

#bg-loading { position: fixed; top: 0; right: 0; left: 0; z-index: 99999; width:100%; height:100%; background-color:rgba(255,255,255,0.8); padding-top: calc(25% - 35px); padding-left: calc(50% - 35px); display:none; }
#bg-loading i.fas { position:relative;float:left;color: #0680C8; width: auto; font-size:40px; }

#popupModal .modal-lg { max-width: 70%; }
#popupModal .modal-header { color: #454545; }
#popupModal .modal-header i { color: #DFE119; }
#popupModal .modal-footer button { float:left; }

ol.breadcrumb { background-color: transparent; border-bottom: 1px solid #DDDDDD;}

.w-1 { width:100%; }
.w-2 { width:50%; }
.w-2-3 { width:66%; }
.w-3 { width:33%; }
.w-3-4 { width:75%; }
.w-4 { width:25%; }
.w-5 { width:20%; }
.w-1 span, .w-2 span, .w-3 span, .w-4 span, .w-5 span { width:100%; }

nav { margin-top:100px;}
nav.navbar-top { background-color: #000088;}
nav.breadcrumbs { margin-top:0; }
nav .nav-item a.clean-link, nav .nav-item a.clean-link:hover { cursor: default; color: orange; }

i.mouse-pointer { margin-left: 10px;cursor: pointer; }

#top-bar { position: fixed; top: 0; right: 0; left: 0; z-index:1000; background-color: #ffffff; }
#top-bar .row div { height: 100px; padding: 10px; }
#top-bar div.logo { background-color: #ffffff; height:100px;padding: 10px 0 0 20px; border:0;}
#top-bar div.logo img { height: 80px; }
#top-bar .overgang { font-size: 40px; height:100%;width:45px; margin-top:15px;} 

.sellang.flag.nl { background-image: url('/img/icons/nl.png'); background-size: 20px 20px; background-repeat: no-repeat; background-position: left; padding-left:25px;}
.sellang.flag.en { background-image: url('/img/icons/en.png'); background-size: 20px 20px; background-repeat: no-repeat; background-position: right; padding-right:25px;}

section#shop .prod-item { border: 1px solid #DDDDDD; min-height: 100px; padding: 10px 0;}
section#shop .prod-item:hover { border: 1px solid #AAAAAA; border-shadow-color: #232323; }
section#shop .prodimage { height: 100px; }
table#product-listview .prod-item { border:0; }
table#product-listview .prod-item:hover { border:0; }
.imagecontainer { position:relative;float:left; width:100%; height:100%; overflow:hidden; background-size: auto 100%; background-repeat: no-repeat; background-position: center center;}
.imagecontainer:hover { cursor:pointer; }
table#product-listview .imagecontainer { width:50px; height: 50px; }

section#shop .imagecontainer:hover { border: 3px solid #FFFFFF; }
section#shop .prodimage i.far { font-size: 100px; }
section#shop .prodimage.small, section#shoppingcart .prodimage.small { height: 60px; }
section#shop .prodimage.small .imagecontainer, section#shoppingcart .prodimage.small .imagecontainer { background-size: auto 50px; }
section#shop .prodspecs h1 { font-size: 18px; color: #000088; }
section#shop .prodspecs h1 span.prijs {  }

.progress { height:40px; font-size:13px; }
.progress-bar { text-align: left; }
.progress-bar i.fas { width:18px; }
.progress-bar.bg-success { background: #BFD6F5 !important; font-weight: bold; }
.bg-lgray { background: #F2F2F2 !important; color:#343434; }

.mdlCart { padding-top:150px; }
.mdlCart .modal-header { color: #ffffff; }
.mdlCart .modal-header h4 { float:left; position:relative;font-size: 18px; width:100%;}
.mdlCart .modal-header button { position:relative; float:right; }
.mdlCart .modal-header i.fa { color: #ffffff; font-size: 18px; }
.mdlCart .modal-footer { width:100%; background-color: #f2f2f2; }
.mdlCart .modal-footer button { margin:0;float:left;position:relative; }

input.add-control { height:20px;}

section#bestelopties h1 { color: #121212 !important; font-size: 16px; }
section#bestelopties #BuyBudget label { background-image:url("/img/icons/ideal_50x50.png"); background-repeat: no-repeat; background-position: center; width:55px; height:50px;}
section#bestelopties #BuyBudget .custom-select { height: 50px; }
section#bestelopties .hidden { display:none; }

div.pbmcontainer { position:absolute;top:0;left:20px; }
table#product-listview div.pbmcontainer { position:relative;float:left;left:0; }
.badge-outline-secondary { border: 1px solid #BBBBBB; color: #999999; background-color:#fafafa; }

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
	#top-bar div.logo { border-right: 1px solid #dddddd; }
	h1 { font-size: 26px;}
	h2 { font-size: 22px;}
	h4 { font-size: 1.5rem; }
	.progress-bar i.fas { width:25px; }
}

@media (min-width: 1200px) {
	section#shop .prod-item { min-height: 270px;}
}

section#shop .prod-item .row.prod-header { height: 140px;}

@media print {
   .hidden-print { display: none; }
/*   #popupModal { width:100% !important; } */
   .modal {
     display: none; /* Hidden by default */
     position: fixed; /* Stay in place */
     z-index: 1; /* Sit on top */
     left: 0;
     top: 0;
     width: 100%; /* Full width */
     height: 100%; /* Full height */
     overflow: auto; /* Enable scroll if needed */
     background-color: rgb(0,0,0); /* Fallback color */
     background-color: rgba(0,0,0,0); /* Black w/ opacity */
  } 
}