/*START HEADER*/

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

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

:root {
    --body-bgColor: #fff9f4;
    --body-bgColor-radial-from:#00b6ed3b;
    --body-bgColor-radial-to:#fdfaf8;
    --header-item-color: #1E3B59;
    --text-loader-color: #55aab9;
    --page-topbar-bgcolor: #FFFFFF;
    --header-profile-user-bgcolor: #FFFFFF;
    --logo-lg-height: 24px;
    --logo-sm-height: 30px;
    --userNameHeader-color:#1E3B59;
    --burger-menu-icon-color:#1E3B59;
    --viewMore-color:#2753C2;
    --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:#2753C2;
/*definition left menu*/
    --vertical-menu-bgcolor: #fdfaf8;
    --vertical-menu-link-color: #1E3B59;
    --vertical-menu-menuTitle: #1E3B59;
    --vertical-menu-link-active-color:#1E3B59;
    --vertical-menu-link-active-bgColor:#F4E8DD;
/*definition bullet menu and notification*/
    --info-ico-color:#FFFFFF;
    --info-ico-bgcolor:#415FCA;
    --info-ico-border-color:#FFFFFF;
/*definition button header*/
    --noti-icon-bgcolor: #FFFFFF;
    --noti-icon-border-radius: 0.625rem;
    --noti-icon-box-shadow-color:#1E3B591F;
    --noti-icon-hover-bgcolor: #E8EbEE;
    --noti-icon-hover-border-color: #E8EbEE;
/*definition carousel home page events*/
    --ico-carousel-color: #FFFFFF;
    --ico-general-color:#2753C2;
    --ico-cbs-stat-color:#D63D00;
/*defintion card offCanvas*/
    --card-box-shadow-color: #1E3B591F;
    --card-border-color: #E8EbEE;
    --card-border-radius: 10px;
    --card-bgcolor: #FFFFFF;
    --card-bgColor-radial-left-from:#3168F2;
    --card-bgColor-radial-left-to:#ffffff;
    --card-bgColor-radial-right-from:#3168F2;
    --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: #00B6ED;
    --bg-danger-bgcolor:#2753C2;

/*START definition buttons Primary*/
    /*normal definition*/
    --bs-btn-primary-color:#2753C2;
    --bs-btn-primary-border-radius:10px;
    --bs-btn-primary-border-width:1px;
    --bs-btn-primary-border-type:solid;
    --bs-btn-primary-border-color:#2753C2;
    --bs-btn-primary-bgcolor:#FFFFFF;
    --bs-btn-primary-box-shadow:0px 2px 4px 0px #1E3B591F !important;
    /*hover definition*/
    --bs-btn-primary-hover-color:#2753C2;
    --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:#2753C2;
    --bs-btn-primary-hover-bgcolor:#D6E1FC;
    --bs-btn-primary-hover-box-shadow:0px 2px 4px 0px #1E3B591F !important;
    /*focus definition*/
    --bs-btn-primary-focus-color:#2753C2;
    --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:#2753C2;
    --bs-btn-primary-focus-bgcolor:#D6E1FC;
    --bs-btn-primary-focus-box-shadow:0px 2px 4px 0px #1E3B591F !important;
    /*disabled definition*/
    --bs-btn-primary-disabled-color:#2753C2;
    --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:#2753C2;
    --bs-btn-primary-disabled-bgcolor:#D6E1FC;
    --bs-btn-primary-disabled-box-shadow:0px 2px 4px 0px #1E3B591F !important;
/*END definition buttons Primary*/

/*START definition button Secondary*/
    /*normal definition*/
    --bs-btn-secondary-color:#1E3B59;
    --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 #1E3B591F !important;
    /*hover definition*/
    --bs-btn-secondary-hover-color:#1E3B59;
    --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 #1E3B591F !important;
    /*focus definition*/
    --bs-btn-secondary-focus-color:#1E3B59;
    --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 #1E3B591F !important;
    /*disabled definition*/
    --bs-btn-secondary-disabled-color:#1E3B59;
    --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 #1E3B591F !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 #1E3B591F !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 #1E3B591F !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 #1E3B591F !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 #1E3B591F !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:#2753C2;
    --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:#2753C2;
    --bs-btn-home-secondary-bgcolor:#FFFFFF;
    --bs-btn-home-secondary-box-shadow: 0px 2px 4px 0px #1E3B591F !important;
    /*hover definition*/
    --bs-btn-home-secondary-hover-color:#2753C2;
    --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:#2753C2;
    --bs-btn-home-secondary-hover-bgcolor:#D6E1FC;
    --bs-btn-home-secondary-hover-box-shadow: 0px 2px 4px 0px #1E3B591F !important;
    /*focus definition*/
    --bs-btn-home-secondary-focus-color:#2753C2;
    --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:#2753C2;
    --bs-btn-home-secondary-focus-bgcolor:#D6E1FC;
    --bs-btn-home-secondary-focus-box-shadow: 0px 2px 4px 0px #1E3B591F !important;
    /*disabled definition*/
    --bs-btn-home-secondary-disabled-color:#2753C2;
    --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:#2753C2;
    --bs-btn-home-secondary-disabled-bgcolor:#D6E1FC;
    --bs-btn-home-secondary-disabled-box-shadow:0px 2px 4px 0px #1E3B591F !important;

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

/*definition text*/
    --primary-txt-color:#1E3B59;
    --secondary-txt-color:#FFFFFF;
    --date-txt-color:#2753C2;
    --h4-color:#1E3B59;
    --h4-font-weight: 500;
    --h4-font-size:1.50rem;
    --h5-color:#1E3B59;
    --h5-font-weight:500;
    --h5-font-size:1.50rem;
    --h5-text-welkom-color:#1E3B59;
    --h5-cpnr-font-size:24px;
    --h5-cpnr-font-weight:500;
    --h6-color:#1E3B59;
    --h6-font-weight: 500;
    --h6-font-size: 1rem;
/*definition for tabs*/
    --bs-tabs-color:#2753C2; 
    --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:#2753C2;
    --bs-tabs-border-radius:4px;

    --bs-tabs-active-color:#FFFFFF; 
    --bs-tabs-active-bgcolor:#2753C2;
    --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:#2753C2;
    --bs-tabs-active-border-radius:4px;
/*definition arrow list (eg: news list)*/
    --bs-timeline-list-color:#2753C2;
    --bs-timeline-list-bgcolor:transparent;
    --bs-timeline-list-border-color:#2753C2;
/*definition ico for event, question, notification*/
    --bs-ico-color:#1E3B59;
    --bs-ico-bgcolor:#FFFFFF;
    --bs-ico-border-color:#1E3B59;
/*definition stepper*/
    --bs-stepper-active-bgcolor:#2753C2;
    --bs-stepper-active-color:#2753C2;
    --bs-stepper-inactive-bgcolor:#FFFFFF;
    --bs-stepper-inactive-color:#000000;
/*defintion webshop */
    --bs-webshop-icon-color:#2753C2;
    --pdt-selected-border-color:#34c38f;
    --pdt-selected-border-width:2px;
    --bs-carousel-selected-item-border-color:#2753C2;
    --bs-carousel-selected-item-border-width:2px;
    --bs-carousel-selected-item-after-bgcolor:#2753C2;
    --bs-nav-link-active-color:#2753C2;
    --bs-nav-link-active-border-color:#2753C2;
    --bs-nav-link-active-shadow-color:#2753C2;
    --bs-nav-icon-bgcolor:##FFFFFF;
    --bs-nav-icon-border-color:#2753C2;
    --bs-nav-icon-color:#2753C2;
}