/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@media (min-width: 1500px) {
    .container {
        width: 1220px;
    }
}

@media (min-width: 1800px) {
    .container {
        width: 1500px;
    }
}

/* Fixed Navbar CSS */
body {
    height: 100% !important;
    padding-top: 65px !important;
    background: #f3f3f3 none !important;
    font-family: "Open sans", Arial, Helvetica, "sans-serif";
}

.veelgesteldevragen {
    background: #fff;
}

/* Topmenu */
.navbar-nav > li > a {
    padding-top: 23px;
    padding-bottom: 22px;
}

.navbar-default .navbar-nav > li > a {
    color: #555;
}

.navbar-nav > li > a:hover {
    text-decoration: underline;
}

.navbar-brand {
    padding: 5px 7px;
}

.navbar-brand img {
    max-height: 55px;
}

.navbar-default {
    border-color: #777;
    background-color: #ffffff;
}

.languageSelector {
    padding-right: 2px !important;
}

.languageSelector:hover {
    text-decoration: none !important;
}

.main:has(#inlogContainer) {
    background-image: url('/background.jpg');
    background-size: cover;
}


/* Leftmenu */
.leftMenuHeader {
    padding-top: 16px;
    padding-bottom: 21px;
    font-size: 20px;
}

.nav-sidebar > li > a {
    color: #333;
    padding-top: 13px;
    padding-bottom: 13px;
}

.nav-sidebar > li > a:hover {
    font-weight: bold;
    background-color: #fff;
}

.nav-sidebar > li {
    border-bottom: 1px solid #dfdfdf;
    margin-right: 15px;
}

/* Contentpage */
.veelgesteldevragen {
    border-left: 1px solid #777;
    border-right: 1px solid #777;
    min-height: 900px;
}

h2 {
    font-size: 24px;
    padding-top: 18px;
    margin-top: 0 !important;
}

h3 {
    font-size: 19px;
    margin-top: 22px;
}

.footer {
    padding-bottom: 40px;
}

.main {
    padding-right: 25px;
}

/* Custom button */
.btn-red {
    background-color: #e6007e !important;
    border-color: #de1382 #b41273 hsl(329, 73%, 50%);
    color: #fff !important;
}

.btn-red:hover {
    background-color: #c70071 !important;
    border-color: #de1382 #b41273 hsl(329, 73%, 50%);
    color: #fff !important;
}

.btn-gray {
    background-color: #797577 !important;
    border-color: #6c6c6c #5d5d5d hsl(330, 1%, 50%);
    color: #fff !important;
}

.btn-gray:hover {
    background-color: #9a979a !important;
    border-color: #6c6c6c #262626 hsl(330, 1%, 50%);
    color: #fff !important;
}

/* Orderstatus notificatie */
.notificatieLink {
    color: #000;
}

.notificatieLink-v2 {
    color: #000;
}

.notificatieLink:hover {
    text-decoration: none;
    color: #e6007e;
}

/* Loginform */
.loginorderstatusform {
    margin-top: 20px;
}

.loginorderstatusform label {
    font-size: 17px;
    color: #e6007e;
}

.loginorderstatusform input[type="text"] {
    width: 270px;
    max-width: 270px;
    font-size: 15px;
    color: #191919;
    padding: 5px 11px;
    margin-bottom: 10px;
    border-radius: 50em;
    text-align: center;
    border-width: 1px;
}

#submitInloggen {
    width: 270px;
    max-width: 270px;
    font-size: 14px;
    border-radius: 50em;
    margin-top: 7px;
    padding-top: 5px;
    padding-bottom: 6px;
    margin-bottom: 100px;
}

.loginorderstatusform input::placeholder {
    color: #888888;
}

.loginorderstatusform input[type="text"]:focus {
    border-width: 1px;
}

/* Retouren */
.red-text {
    color: #e6007e;
    padding-bottom: 15px;
    font-size: 16px;
}

.black-text {
    color: #000;
    font-size: 86%;
}

p {
    font-size: 15px;
    font-family: Arial, sans-serif;
}

h3 {
    text-decoration: underline;
    margin-bottom: 7px;
}

.radio {
    margin: 7px;
}

.return_reason {
    font-weight: normal;
    margin: 7px 0 9px 2px;
}

.return_titel {
    font-weight: bold;
}

h4 {
    font-size: 19px;
    padding-top: 3px;
    color: #222;
}

@media (min-width: 1500px) {
    p {
        margin-right: 12px;
        line-height: 1.49;
    }
}

@media (min-width: 1800px) {
    p {
        margin-right: 20px;
        line-height: 1.5;
    }
}

@media (max-width: 810px) {
    .navbar-brand img {
        max-height: 45px;
    }
}