@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500&display=swap');

html, body { margin: 0; height: 100%; width: 100%; }
body { background-color: #ffffff; font-size: 16px; font-family: 'Oswald', sans-serif; color: #5e4621; font-weight: 200; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: 'Oswald', sans-serif ; font-weight: 300; line-height: 1.2; color: inherit; }
h1, .h1 { font-size: 2rem; } 
h2, .h2 { font-size: 1.6rem; }
h3, .h3 { font-size: 1.3rem; }
h4, .h4 { font-size: 1.2rem; }
h5, .h5 { font-size: 1.1rem; }
h6, .h6 { font-size: 1rem; }

.header { background-color: #ccc4b8; transition-duration: 5s; }
a.header_afmelden:link, a.header_afmelden:visited, a.header_afmelden:hover { color: #5e4621; font-size: 18px; text-decoration: none; font-weight: 300; }
a.header_top:link, a.header_top:visited, a.header_top:hover { color: #ffffff; font-size: 16px; text-decoration: none; font-weight: 300;}
#LBL_WINKELWAGEN { margin-left: -10px; vertical-align: top; }

.btn-success { color: #ffffff; background-color: #AFD275; border-color: #AFD275; }

.btn-danger { color: #ffffff; background-color: #8e7e68; border-color: #7e6849; }
.btn-danger:hover { color: #ffffff; background-color: #7e6849; border-color: #7e6849; }
.btn-danger:focus, .btn-danger.focus { color: #ffffff; background-color: #7e6849; border-color: #7e6849; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }

.btn-carmello { color: #5e4621; background-color: #baac99; border-color: #5e4621; }
.btn-carmello:hover { color: #5e4621; background-color: #baac99; border-color: #5e4621; }
.btn-carmello:focus, .btn-carmello.focus { color: #5e4621; background-color: #baac99; border-color: #baac99; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }

.bg-carmello { color: #5e4621; background-color: #baac99 !important; }
.badge-carmello { color: #ffffff; background-color: #5e4621; border-color: #5e4621; font-weight: 300; }
.text-carmello	{ color: #5e4621; font-weight: 300;}
.alert-carmello { color: #7E685A; background-color: #C2B9B0 !important; font-weight: 400; }

.breadcrumb-carmello { background-color: #C2B9B0; font-weight: 400; }
.breadcrumb-item-carmello + .breadcrumb-item-carmello::before { color: #7E685A; content: "/"; }
.breadcrumb-item-carmello.active { color: #ffffff; }
.breadcrumb-item-carmello a { color: #7E685A; }

.flatpickr-months .flatpickr-month { height: 35px; }

.list-group-item-action.active { color: #7E685A; background-color: #C2B9B0; border-color: #7E685A; }

#ui_notifIt.success { background-color: #AFD275; color: #000000; }
#ui_notifIt.error{ background-color: #E7717D; color: #000000; }

.clickable 				{ cursor: pointer; }
.opacity				{ opacity: 0.90; }
.form_obligatory 		{ color: #cd2653; padding-right: 5px; }
.form_notobligatory 	{ color: #ffffff; padding-right: 5px; }
.text-wit				{ color: #ffffff; }
.text-grijs				{ color: #ccc4b8; }
.text-rood				{ color: #E7717D; }
.text-groen				{ color: #AFD275; }
.text-bold				{ font-weight: bold; }
.width_90				{ width: 90%; max-width: 90%; margin: 0 auto; }

/* Bootstrap Toggle v2.2.2 corrections for Bootsrtap 4*/
.toggle-off { box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.toggle.off { border-color: rgba(0, 0, 0, .25); }
.toggle-handle { background-color: white; border: thin rgba(0, 0, 0, .25) solid; }
.toggle-on.btn-sm { padding-right: 10px !important; }
.toggle-off.btn-sm { padding-left: 10px !important; }

.footer { width: 100%; background-color: #ffffff; margin-top: 100px;}
a.footer_text:link, a.footer_text:visited, a.footer_text:hover, .footer_text { color: #5e4621; font-size: 16px; text-decoration: none; font-weight: 400;}