@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;500;700&display=swap'); 

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input.disabled {
    opacity: 0.5;
}

#betribokun { 
    position: relative; 
    font-family: 'Exo 2', sans-serif;
    font-weight: 300;
    padding: 0 10px 10px 10px;
    float:left;
} 

#betribokun label {
    font-weight: 400;
    width:100%;
    float: left;
    margin-bottom: 5px;
    font-size: 14px;
}

#betribokun .price {
    font-weight: 400;
    width:100%;
    float: left;
    margin-top: 5px;
}

#calendar a {
    color:#000;
    text-decoration: none;
}

.card-header { 
    text-align:center; 
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-top: 15px; 
} 

.info {
    margin: 10px 0;
    text-align: center;
    font-size: 14px;
    color:#888;
}

#previous { 
    position: absolute; 
    top: 8px; 
    z-index:2; 
    left:10px; 
    height: 30px;
    width: 30px;
    border-radius: 4px;
    border: 1px solid #ddd;
    overflow: hidden;
    text-align: center;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 20px;
    background: #fff;
    cursor: pointer;
    color: #333;
    padding:0;
} 

#previous:hover { 
    background: #f0f5fb;
}

#btn_booknow {
    cursor: pointer;
}

#btn_booknow.disabled {
    cursor: default;
    opacity: 0.6;
}

#next { 
    position: absolute; 
    top: 8px; 
    z-index:2;
    right:10px; 
    height: 30px;
    width: 30px;
    border-radius: 4px;
    border: 1px solid #ddd;
    overflow: hidden;
    text-align: center;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 20px;
    background: #fff;
    cursor: pointer;
    color: #333;
    padding:0;
} 

#next:hover { 
    background: #f0f5fb;
} 

#calendar { 
    width:100%; 
    border-collapse: inherit;
    margin-bottom: 30px;
} 

#calendar td { 
    height:40px;
    text-align:center;
    font-size:14px;
    width: calc(100% / 7);
    line-height: 1;
} 

.available { 
    background:#DFF0D8;
    font-weight:500;
}

.today { 
    font-weight:700;
    background:#d3e5cb;
    color:#4f7229;
} 

.today a { 
    color:#4f7229 !important;
} 

.unavailable { 
    background:#f8d2dc; 
}

#calendar td small { 
    font-size: 11px;
    font-weight: 300;
} 

#calendar td.valid { 
    border: 2px solid #000;
} 

#btn_booknow {
    width:100%;
    display: block;
    color:#fff;
    background:#e5154a;
    text-align: center; 
    padding:10px 5px;
    font-size: 18px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 500;
    margin: 25px 0 20px;
    border: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border-radius: 5px;
    float: left;
}

#betribokun h3 {
    padding: 10px 0 5px;
    font-size: 24px;
    color: #000 !important;
    font-weight: 400;
    margin:0 0 5px;
}

p.dagurinn {
    margin-top:5px;
    font-size: 18px;
    text-transform: capitalize;
}

#btn_booknow:hover { 
    background: #d81346;
}

#verdid  {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 24px;
    width:100%;
    text-align: right;
    padding-top: 15px;
    float: left;
}

#verdid small { 
    font-weight: 400;
    color:#c5c5c5;
}

#betribokun fieldset {
    border-radius: 6px;
    border: 1px solid #c5c5c5;
    margin-top: 20px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 15px;
}

#betribokun fieldset  legend {
    font-weight: 700;
    font-size: 16px;
}

#fjoldititle {
    float: left;
    line-height: 30px;
    display: none;
}

#betribokun select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 1ex;
    background-origin: content-box;
    border:1px solid #c5c5c5;
    border-radius: 6px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 16px;
    padding: 3px 6px;
    min-width: 100%;
    float: right;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDM1Ljk3MDk4MyAyMy4wOTE1MTgiCiAgIGhlaWdodD0iNi41MTY5Mzk2bW0iCiAgIHdpZHRoPSIxMC4xNTE4MTFtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAyLjAxNDUxLC00MDcuMTIyMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHRleHQKICAgICAgIGlkPSJ0ZXh0MzMzNiIKICAgICAgIHk9IjYyOS41MDUwNyIKICAgICAgIHg9IjI5MS40Mjg1NiIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjQwcHg7bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpzYW5zLXNlcmlmO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIj48dHNwYW4KICAgICAgICAgeT0iNjI5LjUwNTA3IgogICAgICAgICB4PSIyOTEuNDI4NTYiCiAgICAgICAgIGlkPSJ0c3BhbjMzMzgiPjwvdHNwYW4+PC90ZXh0PgogICAgPGcKICAgICAgIGlkPSJ0ZXh0MzM0MCIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6Rm9udEF3ZXNvbWU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpGb250QXdlc29tZTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgaWQ9InBhdGgzMzQ1IgogICAgICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDIzNy41NjY5Niw0MTMuMjU1MDcgYyAwLjU1ODA0LC0wLjU1ODA0IDAuNTU4MDQsLTEuNDczMjIgMCwtMi4wMzEyNSBsIC0zLjcwNTM1LC0zLjY4MzA0IGMgLTAuNTU4MDQsLTAuNTU4MDQgLTEuNDUwOSwtMC41NTgwNCAtMi4wMDg5MywwIEwgMjIwLDQxOS4zOTM0NiAyMDguMTQ3MzIsNDA3LjU0MDc4IGMgLTAuNTU4MDMsLTAuNTU4MDQgLTEuNDUwODksLTAuNTU4MDQgLTIuMDA4OTMsMCBsIC0zLjcwNTM1LDMuNjgzMDQgYyAtMC41NTgwNCwwLjU1ODAzIC0wLjU1ODA0LDEuNDczMjEgMCwyLjAzMTI1IGwgMTYuNTYyNSwxNi41NDAxNyBjIDAuNTU4MDMsMC41NTgwNCAxLjQ1MDg5LDAuNTU4MDQgMi4wMDg5MiwwIGwgMTYuNTYyNSwtMTYuNTQwMTcgeiIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");
    margin-top: 10px;
    float:left !important;
    height: 2em !important;
} 

#betribokun #fjoldi_val select {
    margin-top: 0;
}

#timinn [type="radio"]:checked, #timinn [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

#timinn [type="radio"]:checked + label, #timinn [type="radio"]:not(:checked) + label {
    position: relative;
    padding: 10px 15px 10px 30px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    width: auto;
    border: 1px solid #c5c5c5;
    margin: 0px 20px 10px 0;
    border-radius: 3px;
    background:#fff;
}

#timinn [type="radio"]:checked + label {
    border: 1px solid #46b1e2; 
    background:#fbfbfb;
}

#timinn [type="radio"]:checked + label:before, #timinn [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 10px;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

#timinn [type="radio"]:checked + label:after, #timinn [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #46b1e2;
    position: absolute;
    top: 14px;
    left: 9px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#timinn [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

#timinn [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.skapalon_divider {
    font-weight: 800;
    margin-bottom: 0.5em;
    float: left;
    width: 100%;
}

.pickuplist {
    padding: 20px 0 10px;
    float: left;
    max-width: 100%;
    font-weight: bold;
}

.splitter {
    width:100%;
    height:1px;
    float: left;
    clear:both;
}

#timinn {
    width:100%;
    clear: both;
    display: block;
    float: left;
    margin-bottom: 20px;
}

.pickupprice {
    width:100%;
    clear: both;
    font-size:14px;
    font-weight: 400;
    margin-top: 5px;
    color: #777;
    float: left;
}

.fifty {
    width:50%;
    float: left;
    padding-top: 1px;
    padding-bottom: 10px;
}

.fifty .price { 
    width:100%;
    float:left;
    margin-top:4px;
    font-size: 14px;
    color: #777;
}

.fifty:first-child {
    padding-right: 5px;
}

.fifty:nth-child(2) {
    padding-left: 5px;
}

p.dagurinn {
    margin-top:5px;
    font-size: 18px;
    text-transform: capitalize;
}

.valindagsetting {
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 5px;
    width: 100%;
    height: 60px;
    background: #fff;
    margin-bottom: 30px;
}

.valindagsetting .dagsetting {
    font-size: 40px;
    float: left;
    width: 60px;
    height: 50px;
    font-weight: 600;
    line-height: 46px;
    text-align: right;
    color: #e5154a;

}

.valindagsetting .manudurar {
    float: left;
    padding-left: 10px;
    padding-top: 5px;
    text-transform: capitalize;
    font-weight: 500;
}
.valindagsetting .manudurar span {
    display: block;
    color:#ccc;
    text-transform: capitalize;
    font-weight: 500;
}
#verdid  {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 24px;
    width:100%;
    text-align: right;
    padding-top: 15px;
    clear: both;
}

#multiday {
    width:100%;
    float: left;
    min-height: 30px;
}