@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,800;1,400;1,500;1,600;1,700;1,800&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,800&display=swap');}
body, html, * {font-family:"Raleway", "Arial", "Helvetica"!important;font-size:1.15rem;font-weight:400;color:#000!important;}
body {background:#f5f7fa;}
body li {color:#000;font-size:1.15rem;line-height: 1.74;}

h1 {font-size:3.0rem;font-family:"Raleway", "Arial";font-weight:800;padding-bottom:0px;color:#333333!important;}
h2 {font-size:2rem;font-weight:500;padding-bottom: 15px;margin-top: 32px;}
h3 {font-size:1.35rem;font-weight:800;line-height:1.35;padding-bottom:15px;margin-top: 20px;}
h4 {font-size:1.20rem;font-weight:800}
body p {font-size:16px;line-height:1.74;font-weight:400;color:#000;}
a {color:#008339;text-decoration:none;}
.space {width:100%;height:20px;clear:both;display:block;}

.button, .btn.btn-primary {cursor:pointer;background:#ee7f0c;color:#FFF;text-shadow:none;border:1px solid #f66000;padding:12px 30px 12px 30px;
	box-shadow:0px 2px 0px 0px rgba(0,0,0,0.1);border-radius:5px;font-size:14px;font-weight:bold;text-align:center;margin-bottom:10px;}
.button:hover, .btn.btn-primary:hover {background:#f66000;opacity:1;}

body.login_screen, body.login_screen .min-h-screen {background:#1cb0a3;padding:50px 0 0 0;}
body.login_screen .login-input {margin:50px 0 0 0;}


.desktop {display:block;}
.mobile {display:none;}

.bd-placeholder-img {font-size:1.125rem;text-anchor:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.bi {vertical-align:-.125em;fill:currentColor;}
.bi {
  display: inline-block;
  width: 1rem;
  height: 1rem;
}

/*
 * Sidebar
 */

@media (min-width: 768px) {
  .sidebar .offcanvas-lg {
    position: -webkit-sticky;
    position: sticky;
    top: 48px;
  }
  .navbar-search {
    display: block;
  }
}

@media (min-width:768px) {
  .bd-placeholder-img-lg {  font-size:3.5rem;}
}
.b-example-divider {width:100%;height:3rem;background-color:rgba(0, 0, 0, .1);border:solid rgba(0, 0, 0, .15);border-width:1px 0;box-shadow:inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);}
.b-example-vr {flex-shrink:0;width:1.5rem;height:100vh;}
.bi {vertical-align:-.125em;fill:currentColor;}
.nav-scroller {position:relative;z-index:2;height:2.75rem;overflow-y:hidden;}
.nav-scroller .nav {display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch;}

.bd-mode-toggle {z-index:1500;}
.bd-mode-toggle .dropdown-menu .active .bi {display:block !important;}

/* datatables */
.dataTables_filter {margin-bottom:15px;}
.dataTable th {font-size:14px;border:1px solid #333333;}
.dataTable td {border:0px;}
table.dataTable.no-footer {border-bottom:1px solid #CCC!important;}
tr.odd td {background:#f4f4f4;}
tr.even {}

.sidebar {height:100%;position:fixed;border-left:0px!important;}
.sidebar #sidebarMenu {background:#222529!important;height:100%;}
.sidebar #sidebarMenu .nav-item {}
.sidebar .nav-link.active {color:#1cb0a3;}
.sidebar .nav-link {color:#f5f7fa;}
.sidebar .nav-link:hover {color:#1cb0a3;}
.sidebar hr {border-color:#ebebeb;}

/* Top header */
.navbar-brand {font-size:26px!important;}
.navbar-brand img {height:35px;margin-top:-7px;}
.navbar-brand span {color:;}

.navbar .profile {margin:0px 30px 0 0;}
.navbar .profile li {list-style:none;float:right;}
.navbar .profile li i {padding-right:3px;}
.navbar .profile li a {color:#f5f7fa;font-size:14px;text-decoration:none;}
.navbar .profile .btn {margin:0 10px 0 0;}
.menu-btn {display:none;}

/* Algemeen */
.box {background:#FFF;display:block;border:1px solid #ebebeb;border-radius:10px;padding:0 20px 20px 20px;flex: 1 1 auto;margin-bottom:10px;}
.box h2 {text-transform:uppercase;font-size:16px;}
.box h2 i {float:right;opacity:0.33;}
.box .amount {font-size:34px;font-weight:bold;}
.box .button {width:100%;display:inline-block;}
.group.box {margin-top:-20px;margin-bottom:30px;}
.group.bg {width:100%;height:200px;background-size:cover;background-repeat:no-repeat;background-position:0 -40px;}
.group.box p {font-size:14px;line-height:22px;}
.group.box .table {font-size:14px;}
table.table {width:100%;border:1px solid #ebebeb;border-radius:5px;border-collapse: collapse;border-style: hidden;box-shadow:0 0 0 1px rgba(100,136,63,0.35);}
table.table th {background:#1e2125;color:#f9f9f9;}
table.table th:first-child {border-top-left-radius:5px;}
table.table th:last-child {border-top-right-radius:5px;}
table.table tr:last-child td:first-child {border-bottom-left-radius:5px;}
table.table tr:last-child td:last-child {border-bottom-right-radius:5px;}
td form .btn-danger {margin-top:0px;}




/* Uploaden */
.upload-container {width:60%;max-width:500px;padding:0px;text-align:center;font-size:14px;}
#drop-area {padding:50px;border:2px dashed #ccc;border-radius:2px;background:rgba(0, 0, 0, 0.02);cursor:pointer;}
#drop-area p {margin:0;font-size:14px;color:#333;}
#drop-area p.note {font-size:12px;color:#888;}
#file-select {color:#007bff;cursor:pointer;}
button {margin-top:20px;padding:10px 20px;font-size:16px;background-color:#c1e1c1;border:none;border-radius:5px;cursor:pointer;}
button:hover {background-color:#a3d2a3;}

/* Products */
.products .col-md-4 {margin:0 0 30px 0;}
.products .product_img {width:100%;height:250px;overflow:hidden;text-align:center;}
.products .product_img img {width:auto;height:100%;margin:0 auto;}
.products .description {height:50px;margin:10px 0 0 0;}
.products .price {font-size:28px;font-weight:700;}


/* ADMIN AREA */
.admin_head {background:#1cb0a3!important;text-transform:uppercase;padding:15px 0 15px 0;margin-top:0px!important;color:#000!important;font-size:14px;}
.admin_head i {font-size:13px;}
.admin_dashboard .box {text-align:center;}
.admin_dashboard .box h2 {height:40px;}
.admin_dashboard .sold_products {text-align:left;}
.admin_dashboard .sold_products ul {padding:0px;margin:0px;}
.admin_dashboard .sold_products li {list-style:none;border-bottom:1px solid #ebebeb;padding:10px 0;}
.admin_dashboard .sold_products li .total {float:right;font-size:12px;margin-top:15px;}
.top_customers h2 {text-align:left;}
.top_customers table {text-align:left;font-size:14px;width:100%;}
.top_customers table td {border-bottom:1px solid #ebebeb;padding:10px 0 10px 0;}
.top_customers table tr:hover {background:#f9f9f9;}
.top_customers table ul {padding:0px;margin:0px;}
.top_customers table ul li {font-size:12px;list-style:none;padding:0px;}
.product-selectie {background:#e3f3f2;padding:15px;border-radius:15px;margin-bottom:10px;}

/* Orders */
.orders_table ul {padding:0px;}
.orders_table li {list-style:none;font-size:14px;}
.orders_table {font-size:14px;}


/* result-box */
.result-box {padding:30px 0 15px 0;}
.result-box .resultaat {opacity:1;padding:0px;font-weight:bold;}
.latest-result {text-align:center;}

/* Login Screen */
.login_screen .min-h-screen  {background:#000;}
.login-video {width:500px;}
.login_screen .login-input {margin-top:0px;}

/* behandelcentrum */
.behandelcentrum #suggestions-list {width:100%;display:inline-block;clear:both;padding:0px;}
.behandelcentrum #suggestions-list li {float:left;margin:5px;list-style:none;}
.behandelcentrum #suggestions-list li a {background:#1cb0a3;padding:5px 10px;color:#FFF;border-radius:5px;font-size:14px;}
.behandelcentrum #suggestions-list li .add-synonym.added {background:green;color: #FFF;font-weight: bold;}

/* Donuts Bloedtest groepen */
.result_chart {margin:20px 0 0 0!important;float:right;}
.svg-item {width:100%;font-size:16px;margin:0 auto;animation:donutfade 1s;}

@keyframes donutfade {
0% {opacity:.2;}
100% {opacity:1;}
}

@media (min-width:992px) {
    .svg-item {width:90%;}

}

.donut-ring {stroke:#EBEBEB;}

.donut-segment {transform-origin:center;}
.donut-segment-2 {animation:donut1 3s;}
.segment-1{fill:#ccc;}
.segment-2 {}
.donut.green .donut-segment-2 {stroke:#00913d;}
.donut.green .donut-percent {color:#00913d;fill:#00913d;}
.donut.yellow .donut-segment-2 {stroke:#fad978;}
.donut.yellow .donut-percent {color:#fad978;fill:#fad978;}
.donut.red .donut-segment-2 {stroke:red;}
.donut.red .donut-percent {color:red;fill:red;}

.donut-percent {animation:donutfadelong 1s;}

@keyframes donutfadelong {
    0% {opacity:0;}
    100% {opacity:1;}
}

@keyframes donut1 {
    0% {stroke-dasharray:0, 100;}
    100% {stroke-dasharray:69, 31;}
}


.donut-text {font-family:Arial, Helvetica, sans-serif;}

.donut-label {font-size:0.28em;font-weight:700;line-height:1;fill:#000;transform:translateY(0.25em);}
.donut-percent {font-size:0.5em;line-height:1;transform:translateY(0.5em);font-weight:bold;}
.donut-data {font-size:0.12em;line-height:1;transform:translateY(0.5em);text-align:center;text-anchor:middle;color:#666;fill:#666;animation:donutfadelong 1s;}

.col-md-4 {margin-bottom:15px;}

.login_screen .login-input {width:90%;border-radius:5px;}


@media only screen and (max-width: 980px) { /* Mobile */
    .menu-btn {display:block;}
    .sidebar {position:relative}
    .sidebar .btn-close {color:#CCC;}
    .navbar .profile {margin:0px;}
    .navbar .profile li {float:left;margin-left:10px;}
    .navbar .profile .nav-link {margin:0px;}
    .result_chart {max-width:150px;float:none;}
    .desktop {display:none;}
    th.group {display:none;}
    td.functions {display:none;}
    table.table th {font-size:12px;}
    .bloedresultaten .table {font-size:12px;}
    .group.box .table {font-size:12px;}
    .group.bg {background-position:0px 0px;background-size:cover;height:150px;}
}