/* Custom style CSS, please implement to SCSS */


@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: Urbanist, sans-serif !important;
}

.card-header.bg-primary {
    background-color: #ff533d !important;
    border-color: #ff533d !important;
}

.btn.text-primary {
    color: #ff533d !important;
}

a.btn.btn-sm.btn-primary, input.btn-primary {
    background-color: #ff533d;
}

a.btn.btn-sm.btn-primary:hover, input.btn-primary:hover {
    background-color: #fa6c5a;
}

.text-dark .fa-circle-question {
    color: #fff !important;
}

.card-header.bg-dark {
    background-color: #0f1626 !important;
}

span.ps-2.text-dark {
    font-weight: 500;
    color: #282828 !important;
}

.invalid-feedback {
    color: #ff533d !important;
}

.navbar-nav .nav-link.active {
    color: #ff533d !important;
    font-weight: 600 !important;
}

.card-header.bg-light {
    background-color: #f5f5f5 !important;
}

.card-header a.btn.btn-sm.btn-dark {
    background-color: #1b1d1f;
    border: 1px solid #1b1d1f;
    color: #fff;
}

.card-header a.btn.btn-sm.btn-dark:hover {
    background-color: #333;
}

.card-body a {
    text-decoration: none;
}

.card-body th, .card-header th {
    font-weight: 500;
}

body.login:after {
    width: 100% !important;
    background-image: url(/assets/images/background.jpg) !important;
    background-position: center center;
    height: 100% !important;
}

header {
    height: 250px !important;
    background-image: url(/build/assets/bureaurotterdam-hosting-v2.jpg) !important;
    background-position: center 27% !important;
    background-size: cover;
}

.form-horizontal button.btn.btn-primary.w-100 {
    background-color: #FF533E;
    border: 1px solid #ff533d;
}

.form-horizontal button.btn.btn-primary.w-100:hover {
    background-color: #fa6c5a;
    border: 1px solid #fa6c5a;
}

.form-horizontal a {
    text-decoration: none;
}

.login .bg-white {
    -webkit-box-shadow: 10px 10px 51px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 51px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 51px 0px rgba(0,0,0,0.75);
}

.login h2.text-primary {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 8px;
}

.d-none .card-body.px-4 {
    background-color: #e9ecf3 !important;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

button.btn.btn-white.dropdown-toggle.border-primary.text-primary {
    border-radius: 5px;
}

img.logo {
    content: url(https://mijndomein.bureaurotterdam.nl/assets/images/logo.svg);
    width: 80%;
    height: 100%;
}

.login h2.text-primary {
    visibility: hidden;
}