@font-face {
  font-family: 'Asap';
  font-style: normal;
  src: local('Asap'), local('Asap-Regular'), url('Asap.woff') format('woff');
}

body{
    font-family: 'Asap', sans-serif;
    background-color: #ffffff;
    color: #4d4d4d;
    overflow-x: hidden;
}

nav{
    background-color: #373e4a;
}

.fixed-top{
    padding-left: 15px;
    padding-right: 15px;
}

main{
    margin-top: 100px;
}

#topmenu{
    white-space: nowrap;
}

#topmenu ul li{
    display: inline;
    list-style-type: none;
    margin-left: 10px;
    margin-right: 5px;
    color: white;
}

#topmenu ul{
    margin-bottom: 0px;
}

#topmenu a{
    color: white;
}

#topmenu img{
    height: 20px;
    width: 20px;
}


.check li:before{
    content:"\2713\0020"; 
    color: #2F9999;
    margin-right: 5px;
    font-size: 20px;
}

.check li{
    margin-top: 5px;
}

.check { 
    list-style-type: none; 
    padding-left: 0px;
}

.koop{
    padding-top: 20px;
}

.koopOverzicht{
    padding-top: 15px;
}
.koopHeader{
    display: flex;
}

.koopToelichting{
    margin: 20px;
    width: 50%;
    font-size: 15px;
}

.aantalWrap{
    flex: 1;
    font-size: 18px;
    margin-top: 20px;
}


#aantalBitcoinsInput{
    background-color: white;
    color: #4d4d4d;
    border: solid 1px #7f8dab; 
    font-size: 15px;
    width: 60px;
}

.aantalForm input{
    display: inline;
}

.aantalForm{
    display: inline;
}

.loader{
    padding-top: 40px;
    text-align: center;
    font-size: 16px;
}

table.overzicht{
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 22px;
    background-color: #ededec;
    padding: 20px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    border-radius: 6px;
}

.overzicht th {
    font-size: 14px;
    padding: 15px;

}

.overzicht tr td {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #cacaca;
    white-space: nowrap;
}

.empRow {
    background-color: white;
}

.empCell {
    font-size: 26px;
}

.extraKostenCell{
    font-size: 13px;
    max-width: 160px;
}

.extraKostenCell div{
    white-space: normal;  
    width: 100%;
}

.tooltip-inner{
    background-color: #373e4a;
    text-align: left;
    padding: 10px;
}

.icon{
    width: 20px;
    height: 20px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: #ff4e50;
    fill: transparent;
    vertical-align: middle;
}

.empPrice{
    font-size: 17px;
    color: #FF4E50;
    font-style: italic;
}

.empAanbieder{
    font-size: 12px;
    color: #2F9999;
    font-style: italic;
}

.priBtn {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  background: #FF4E50;
  padding: 10px 20px 10px 20px;
  text-decoration: none;

}

.priBtn:hover {
  background: #fc0509;
  text-decoration: none;
  color: #ffffff;
}

.btn {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 13px;
  background: #373e4a;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #fc0509;
  text-decoration: none;
  cursor: pointer;
  color: #ffffff;
}

.btn:disabled,
.bnt[disabled],
.btn:disabled:hover,
.bnt[disabled]:hover
{
  background-color: #373e4a9e;
  cursor:wait;
}

.placeholderCell{
    text-align: center;
    cursor:wait;
}

.marktgem{
    font-size: 20px;
    background-color: #ededec;
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    padding: 15px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    border-radius: 6px;
}

.marktgem .sub{
    margin-top: 0px;
    margin-bottom: 5px;
}

.neg{
    color: #d14836;
}

.pos{
    color: #093;
}


.ad{
    height: 90px;
    padding-top: 50px;
}

.waarom li{
    font-size: 18px;
    padding: 12px;

}

.over .rechts{
    font-size: 14px;
}

.contact p{
    margin: 0px;
}


.contactForm{
    padding-top: 50px;
    margin: 0 auto;
}

.contactForm td{
    vertical-align: top;
    padding-right: 50px;
    min-width: 100px;
}

.contactForm input, textarea{
    color: #4d4d4d;
    background-color: #f9f9f9;
    border: solid 1px #7f8dab; 
    font-size: 16px;
}

input[type="text"]{
    margin-bottom: 5px;
    padding: 4px;
    width: 200px;
}

textarea {
    height: 100px;
    padding: 5px;

}

input[type="submit"]{
    margin-bottom: 5px;
    padding: 6px;
    padding-left: 15px;
    padding-right: 15px;
}

 .links ul li{
    font-size: 18px;
    padding-bottom: 20px;
    list-style-type: none;
}


h1{
    font-family: 'Ruda', sans-serif;
    font-weight:900;
    margin-top: 14px;
    color: #ff4e50;
    letter-spacing: -2px;
    display: inline-block;
}

 #bitcoin-logo{
    max-height: 30px;
    max-width: 30px;
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 10px;
   
} 

@media screen and (max-width: 48em){
    h1{
        text-align: center;
    }
}

@media screen and (max-width: 1290px){
    h1{
        font-size: 1.8rem;
    }
    #bitcoin-logo{
        max-height: 20px;
        max-width: 20px;
        margin-bottom: 10px;
        margin-left: 5px;
    }
}

p{
   line-height:190%
}

h2{
    font-family: 'Ruda'; 
    font-size: 36px;
    margin: 20px;
    margin-top: 100px;
    margin-bottom: 30px;
    color: #2F9999;
    text-align: center;
}

h3{    
    font-size: 24px;
    margin-bottom: 10px;
    color: #2F9999;
}

a {
    text-decoration: none;  
    color: #ff4e50;
}

.center{
    text-align: center;
}

.sub{
    margin-top: 20px;
    font-size: 13px;
    color: #787878;
    text-align: center;
}

.bottom{
    margin-top: 55px;
}

a:hover{
    text-decoration: underline;
    color: #fc0509;
}

tr.mobileRowSplitter td{
    background-color: #f9f9f9;
    border-right: 0;
    border-left: 0;
}

span.empText{
    color: #ff4e50;
}

.bluesky-logo{
    filter: brightness(0) invert(1);
}

/*Aanbieder specifiek*/

#Bit4coin .accountCell{
    font-size: 0.6em;
}