/*START HEADER*/

@font-face {
    font-family: 'Hanken Grotesk';
    font-weight: normal;
    font-style: normal;
    src: url(../../fonts/HankenGrotesk-Regular.ttf) format('truetype');
}

body {
    font-family: "Hanken Grotesk", "hanken-grotesk", sans-serif;
    font-weight: 400;
    color:#000000;
    background-color:#fdfaf8 !important;
}


:root {
    --body-bgColor: #fdfaf8;
    --body-bgColor-radial-from:#82EBBE;
    --body-bgColor-radial-to:#fdfaf8;
    --header-item-color: #000000;
    --text-loader-color: #008c82;
    --page-topbar-bgcolor: #FFFFFF;
    --header-profile-user-bgcolor: #FFFFFF;
    --logo-lg-height: 25px;
    --logo-sm-height: 10px;
    --userNameHeader-color:#000000;
    --burger-menu-icon-color:#000000;
    --viewMore-color:#008c82;
    --main-content-bgcolor: #FFFFFF;
    --navbar-header-bgcolor:#FFFFFF;
    --navbar-header-border-bottom-width:0px;
    --navbar-header-border-bottom-style:solid;
    --navbar-header-border-bottom-color:transparent;
    --page-loader-ico-color:#82EBBE;
/*definition left menu*/
    --vertical-menu-bgcolor: #fdfaf8;
    --vertical-menu-link-color: #000000;
    --vertical-menu-menuTitle: #000000;
    --vertical-menu-link-active-color:#000000;
    --vertical-menu-link-active-bgColor:#82EBBE;
    --vertical-menu-link-hover-bgcolor:#82EBBE;
    --vertical-menu-link-border-radius:10px;
    --vertical-submenu-link-bgcolor:#82EBBE;
    --vertical-submenu-bgcolor:#FFFFFF;
    --vertical-submenu-color:#82EBBE;
/*definition bullet menu and notification*/
    --info-ico-color:#FFFFFF;
    --info-ico-bgcolor:#008c82;
    --info-ico-border-color:#FFFFFF;
    --btn-icon-border-radius:10px;
/*definition button header*/
    --noti-icon-bgcolor: #FFFFFF;
    --noti-icon-border-radius: 0.625rem;
    --noti-icon-box-shadow-color:#0000001F;
    --noti-icon-hover-bgcolor: #E8EbEE;
    --noti-icon-hover-border-color: #E8EbEE;
/*definition carousel home page events*/
    --ico-carousel-color: #FFFFFF;
    --ico-general-color:#008c82;
    --ico-cbs-stat-color:#D63D00;
/*defintion card*/
    --card-box-shadow-color: #0000001F;
    --card-border-color: #E8EbEE;
    --card-border-radius: 4px;
    --card-bgcolor: #FFFFFF;
    --card-bgColor-radial-left-from:#008c82;
    --card-bgColor-radial-left-to:#ffffff;
    --card-bgColor-radial-right-from:#008c82;
    --card-bgColor-radial-right-to:#ffffff;
    --offCanvas-bgColor-radial-right-from: #D6E1FC;
    --offCanvas-bgColor-radial-right-to:#FFFFFF;
/*definition bg home element*/
    --bg-primary-subtle-bgcolor: #FFFFFF;
    --bg-danger-bgcolor:#008c82;

/*START definition buttons Primary*/
    /*normal definition*/
    --bs-btn-primary-color:#008c82;
    --bs-btn-primary-border-radius:10px;
    --bs-btn-primary-border-width:1px;
    --bs-btn-primary-border-type:solid;
    --bs-btn-primary-border-color:#008c82;
    --bs-btn-primary-bgcolor:#FFFFFF;
    --bs-btn-primary-box-shadow:0px 2px 4px 0px #0000001F !important;
    /*hover definition*/
    --bs-btn-primary-hover-color:#008c82;
    --bs-btn-primary-hover-border-radius:10px;
    --bs-btn-primary-hover-border-width:1px;
    --bs-btn-primary-hover-border-type:solid;
    --bs-btn-primary-hover-border-color:#008c82;
    --bs-btn-primary-hover-bgcolor:#F5F5F5;
    --bs-btn-primary-hover-box-shadow:0px 2px 4px 0px #0000001F !important;
    /*focus definition*/
    --bs-btn-primary-focus-color:#008c82;
    --bs-btn-primary-focus-border-radius:10px;
    --bs-btn-primary-focus-border-width:2px;
    --bs-btn-primary-focus-border-type:solid;
    --bs-btn-primary-focus-border-color:#008c82;
    --bs-btn-primary-focus-bgcolor:#F5F5F5;
    --bs-btn-primary-focus-box-shadow:0px 2px 4px 0px #0000001F !important;
    /*disabled definition*/
    --bs-btn-primary-disabled-color:#008c82;
    --bs-btn-primary-disabled-border-radius:10px;
    --bs-btn-primary-disabled-border-width:1px;
    --bs-btn-primary-disabled-border-type:solid;
    --bs-btn-primary-disabled-border-color:#008c82;
    --bs-btn-primary-disabled-bgcolor:#F5F5F5;
    --bs-btn-primary-disabled-box-shadow:0px 2px 4px 0px #0000001F !important;
/*END definition buttons Primary*/

/*START definition button Secondary*/
    /*normal definition*/
    --bs-btn-secondary-color:#000000;
    --bs-btn-secondary-border-radius:10px;
    --bs-btn-secondary-border-width:1px;
    --bs-btn-secondary-border-type:solid;
    --bs-btn-secondary-border-color:#E8EbEE;
    --bs-btn-secondary-bgcolor:#FFFFFF;
    --bs-btn-secondary-box-shadow:0px 2px 4px 0px #0000001F !important;
    /*hover definition*/
    --bs-btn-secondary-hover-color:#000000;
    --bs-btn-secondary-hover-border-radius:10px;
    --bs-btn-secondary-hover-border-width:1px;
    --bs-btn-secondary-hover-border-type:solid;
    --bs-btn-secondary-hover-border-color:#A5B1BD;
    --bs-btn-secondary-hover-bgcolor:#E8EbEE;
    --bs-btn-secondary-hover-box-shadow:0px 2px 4px 0px #0000001F !important;
    /*focus definition*/
    --bs-btn-secondary-focus-color:#000000;
    --bs-btn-secondary-focus-border-radius:10px;
    --bs-btn-secondary-focus-border-width:1px;
    --bs-btn-secondary-focus-border-type:solid;
    --bs-btn-secondary-focus-border-color:#A5B1BD;
    --bs-btn-secondary-focus-bgcolor:#E8EbEE;
    --bs-btn-secondary-focus-box-shadow:0px 2px 4px 0px #0000001F !important;
    /*disabled definition*/
    --bs-btn-secondary-disabled-color:#000000;
    --bs-btn-secondary-disabled-border-radius:10px;
    --bs-btn-secondary-disabled-border-width:1px;
    --bs-btn-secondary-disabled-border-type:solid;
    --bs-btn-secondary-disabled-border-color:#A5B1BD;
    --bs-btn-secondary-disabled-bgcolor:#E8EbEE;
    --bs-btn-secondary-disabled-box-shadow:0px 2px 4px 0px #0000001F !important;

/*END definition button Secondary*/

/*START definition buttons Home primary*/
   /*normal definition*/
   --bs-btn-home-primary-color:#d01515;
   --bs-btn-home-primary-border-radius:10px;
   --bs-btn-home-primary-border-width:1px;
   --bs-btn-home-primary-border-type:solid;
   --bs-btn-home-primary-border-color:#d01515;
   --bs-btn-home-primary-bgcolor:#FFFFFF;
   --bs-btn-home-primary-box-shadow: 0px 2px 4px 0px #0000001F !important;
   --bs-btn-home-primary-icon-color:#d01515;
   /*hover definition*/
   --bs-btn-home-primary-hover-color:#d01515;
   --bs-btn-home-primary-hover-border-radius:10px;
   --bs-btn-home-primary-hover-border-width:1px;
   --bs-btn-home-primary-hover-border-type:solid;
   --bs-btn-home-primary-hover-border-color:#d01515;
   --bs-btn-home-primary-hover-bgcolor:#F6D0D0;
   --bs-btn-home-primary-hover-box-shadow:0px 2px 4px 0px #0000001F !important;
   --bs-btn-home-primary-hover-icon-color:#d01515;
   /*focus definition*/
   --bs-btn-home-primary-focus-color:#d01515;
   --bs-btn-home-primary-focus-border-radius:10px;
   --bs-btn-home-primary-focus-border-width:1px;
   --bs-btn-home-primary-focus-border-type:solid;
   --bs-btn-home-primary-focus-border-color:#d01515;
   --bs-btn-home-primary-focus-bgcolor:#FFFFFF;
   --bs-btn-home-primary-focus-box-shadow:0px 2px 4px 0px #0000001F !important;
   --bs-btn-home-primary-focus-icon-color:#d01515;
   /*disabled definition*/
   --bs-btn-home-primary-disabled-color:#d01515;
   --bs-btn-home-primary-disabled-border-radius:10px;
   --bs-btn-home-primary-disabled-border-width:1px;
   --bs-btn-home-primary-disabled-border-type:solid;
   --bs-btn-home-primary-disabled-border-color:#d01515;
   --bs-btn-home-primary-disabled-bgcolor:#FFFFFF;
   --bs-btn-home-primary-disabled-box-shadow:0px 2px 4px 0px #0000001F !important;
   --bs-btn-home-primary-disabled-icon-color:#d01515;
/*END definition buttons Home primary*/

/*START definition buttons Home secondary*/
    /*normal definition*/
    --bs-btn-home-secondary-color:#008c82;
    --bs-btn-home-secondary-border-radius:10px;
    --bs-btn-home-secondary-border-width:1px;
    --bs-btn-home-secondary-border-type:solid;
    --bs-btn-home-secondary-border-color:#008c82;
    --bs-btn-home-secondary-bgcolor:#FFFFFF;
    --bs-btn-home-secondary-box-shadow: 0px 2px 4px 0px #0000001F !important;
    /*hover definition*/
    --bs-btn-home-secondary-hover-color:#008c82;
    --bs-btn-home-secondary-hover-border-radius:10px;
    --bs-btn-home-secondary-hover-border-width:1px;
    --bs-btn-home-secondary-hover-border-type:solid;
    --bs-btn-home-secondary-hover-border-color:#008c82;
    --bs-btn-home-secondary-hover-bgcolor:#F5F5F5;
    --bs-btn-home-secondary-hover-box-shadow: 0px 2px 4px 0px #0000001F !important;
    /*focus definition*/
    --bs-btn-home-secondary-focus-color:#008c82;
    --bs-btn-home-secondary-focus-border-radius:10px;
    --bs-btn-home-secondary-focus-border-width:2px;
    --bs-btn-home-secondary-focus-border-type:solid;
    --bs-btn-home-secondary-focus-border-color:#008c82;
    --bs-btn-home-secondary-focus-bgcolor:#F5F5F5;
    --bs-btn-home-secondary-focus-box-shadow: 0px 2px 4px 0px #0000001F !important;
    /*disabled definition*/
    --bs-btn-home-secondary-disabled-color:#008c82;
    --bs-btn-home-secondary-disabled-border-radius:10px;
    --bs-btn-home-secondary-disabled-border-width:1px;
    --bs-btn-home-secondary-disabled-border-type:solid;
    --bs-btn-home-secondary-disabled-border-color:#008c82;
    --bs-btn-home-secondary-disabled-bgcolor:#F5F5F5;
    --bs-btn-home-secondary-disabled-box-shadow:0px 2px 4px 0px #0000001F !important;
/*Definition btn primary action*/
    --bs-btn-primary-action-color:#FFFFFF;
    --bs-btn-primary-action-bgcolor:#008c82;
    --bs-btn-primary-action-border-radius:10px;
    --bs-btn-primary-action-border-width:1px;
    --bs-btn-primary-action-border-color:#82EBBE;
    --bs-btn-primary-action-border-type: solid;
    --bs-btn-primary-action-ico-color:#FFFFFF;
    --bs-btn-primary-action-box-shadow:none;

/*definition button link*/
    --btn-link-color:#008c82;
    --btn-link-hover-color:#008c82;
/*definition button carousel event*/
    --btn-carousel-bgcolor:#008c82;
/*definition for link*/
    --link-color:#008c82;
    --link-ico-bgcolor:#FCE8E1;
/*Definition color input*/
    --input-bgcolor:#008c82;
    --input-border-color:#008c82;
/*Definition border color vac details*/
    --bs-card-header-border-bottom-color:#008c82;
    --bs-tabs-border-bottom-color: #008c82;

/*definition text*/
    --primary-txt-color:#000000;
    --secondary-txt-color:#000000;
    --date-txt-color:#008c82;
    --h4-color:#000000;
    --h4-font-weight: 500;
    --h4-font-size:1.50rem;
    --h5-color:#000000;
    --h5-font-weight:500;
    --h5-font-size:1.50rem;
    --h5-text-welkom-color:#000000;
    --h5-cpnr-font-size:24px;
    --h5-cpnr-font-weight:500;
    --h6-color:#000000;
    --h6-font-weight: 500;
    --h6-font-size: 1rem;
/*definition for tabs*/
    --bs-tabs-color:#008c82; 
    --bs-tabs-bgcolor:#FFFFFF;
    --bs-tabs-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    --bs-tabs-border-width:1px;
    --bs-tabs-border-style:solid;
    --bs-tabs-border-color:#008c82;
    --bs-tabs-border-radius:4px;

    --bs-tabs-active-color:#FFFFFF; 
    --bs-tabs-active-bgcolor:#008c82;
    --bs-tabs-active-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    --bs-tabs-active-border-width:1px;
    --bs-tabs-active-border-style:solid;
    --bs-tabs-active-border-color:#008c82;
    --bs-tabs-active-border-radius:4px;
/*definition arrow list (eg: news list)*/
    --bs-timeline-list-color:#008c82;
    --bs-timeline-list-bgcolor:transparent;
    --bs-timeline-list-border-color:#008c82;
/*definition ico for event, question, notification*/
    --bs-ico-color:#000000;
    --bs-ico-bgcolor:#FFFFFF;
    --bs-ico-border-color:#000000;
/*definition stepper*/
    --bs-stepper-active-bgcolor:#008c82;
    --bs-stepper-active-color:#008c82;
    --bs-stepper-inactive-bgcolor:#FFFFFF;
    --bs-stepper-inactive-color:#000000;
/*defintion webshop */
    --bs-webshop-icon-color:#008c82;
    --pdt-selected-border-color:#34c38f;
    --pdt-selected-border-width:2px;
    --bs-carousel-selected-item-border-color:#008c82;
    --bs-carousel-selected-item-border-width:2px;
    --bs-carousel-selected-item-after-bgcolor:#008c82;
    --bs-nav-link-active-color:#008c82;
    --bs-nav-link-active-border-color:#008c82;
    --bs-nav-link-active-shadow-color:#008c82;
    --bs-nav-icon-bgcolor:##FFFFFF;
    --bs-nav-icon-border-color:#008c82;
    --bs-nav-icon-color:#008c82;
}