/*START HEADER*/

@import"https://use.typekit.net/jyh7sik.css";

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
    font-family: Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-weight: 400;
    color:#303642;
    background-color:#FFFDFF !important;
}

:root {
    --body-bgColor: #FFFDFF;
    --body-bgColor-radial-from:#870B58;
    --body-bgColor-radial-to:#FFF9FC;
    --header-item-color: #333;
    --text-loader-color: #D63D00;
    --page-topbar-bgcolor: #FFFFFF;
    --header-profile-user-bgcolor: #FFFFFF;
    --logo-lg-height: 50px;
    --logo-sm-height:50px;
    --userNameHeader-color:#333;
    --burger-menu-icon-color:#333;
    --viewMore-color:#B93E0C;
    --main-content-bgcolor: #F6F6F6;
    --navbar-header-bgcolor:#E3E6EF;
    --navbar-header-border-bottom-width:0px;
    --navbar-header-border-bottom-style:solid;
    --navbar-header-border-bottom-color:transparent;
    --page-loader-ico-color:#870B58;
/*definition left menu*/
    --vertical-menu-bgcolor: #FFFDFF;
    --vertical-menu-link-color: #7783A0;
    --vertical-menu-menuTitle: #303642;
    --vertical-menu-link-active-color:#6A0846;
    --vertical-menu-link-active-bgColor:#FFF5FA;
/*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:#FFFFFF;
    --ico-cbs-stat-color:#D63D00;
/*defintion card*/
    --card-box-shadow-color: #1E3B591F;
    --card-border-color: #E8EbEE;
    --card-border-radius: 4px;
    --card-bgcolor: #FFFFFF;
    --card-bgColor-radial-left-from:#D63D00;
    --card-bgColor-radial-left-to:#ffffff;
    --card-bgColor-radial-right-from:#D63D00;
    --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: #870B58;
    --bg-danger-bgcolor:#415FCA;

/*definition buttons Primary*/
    /*normal definition*/
    --bs-btn-primary-color:#FFFFFF;
    --bs-btn-primary-border-radius:4px;
    --bs-btn-primary-border-width:0px;
    --bs-btn-primary-border-type:solid;
    --bs-btn-primary-border-color:transparent;
    --bs-btn-primary-bgcolor:#D63D00;
    --bs-btn-primary-box-shadow:0px 1px 2px 0px rgba(48, 54, 66, 0.10) !important;
    /*hover definition*/
    --bs-btn-primary-hover-color:#FFFFFF;
    --bs-btn-primary-hover-border-radius:4px;
    --bs-btn-primary-hover-border-width:0px;
    --bs-btn-primary-hover-border-type:solid;
    --bs-btn-primary-hover-border-color:transparent;
    --bs-btn-primary-hover-bgcolor:#E94E0F;
    --bs-btn-primary-hover-box-shadow:0px 4px 8px 0px rgba(48, 54, 66, 0.10) !important;
    /*focus definition*/
    --bs-btn-primary-focus-color:#FFFFFF;
    --bs-btn-primary-focus-border-radius:4px;
    --bs-btn-primary-focus-border-width:2px;
    --bs-btn-primary-focus-border-type:solid;
    --bs-btn-primary-focus-border-color:#982D01;
    --bs-btn-primary-focus-bgcolor:#D63D00;
    --bs-btn-primary-focus-box-shadow:0px 1px 2px 0px rgba(48, 54, 66, 0.10) !important;
    /*disabled definition*/
    --bs-btn-primary-disabled-color:#FFFFFF;
    --bs-btn-primary-disabled-border-radius:4px;
    --bs-btn-primary-disabled-border-width:0px;
    --bs-btn-primary-disabled-border-type:solid;
    --bs-btn-primary-disabled-border-color:transparent;
    --bs-btn-primary-disabled-bgcolor:#F9D2C3;
    --bs-btn-primary-disabled-box-shadow:0px 1px 2px 0px rgba(48, 54, 66, 0.10) !important;

/*definition button Secondary*/
    /*normal definition*/
    --bs-btn-secondary-color:#D63D00;
    --bs-btn-secondary-border-radius:4px;
    --bs-btn-secondary-border-width:1px;
    --bs-btn-secondary-border-type:solid;
    --bs-btn-secondary-border-color:#E3E6EF;
    --bs-btn-secondary-bgcolor:#FFFFFF;
    --bs-btn-secondary-box-shadow:0px 1px 2px 0px rgba(48, 54, 66, 0.10) !important;
    /*hover definition*/
    --bs-btn-secondary-hover-color:#D63D00;
    --bs-btn-secondary-hover-border-radius:4px;
    --bs-btn-secondary-hover-border-width:1px;
    --bs-btn-secondary-hover-border-type:solid;
    --bs-btn-secondary-hover-border-color:#E3E6EF;
    --bs-btn-secondary-hover-bgcolor:#FFFFFF;
    --bs-btn-secondary-hover-box-shadow:0px 4px 8px 0px rgba(48, 54, 66, 0.10) !important;
    /*focus definition*/
    --bs-btn-secondary-focus-color:#D63D00;
    --bs-btn-secondary-focus-border-radius:4px;
    --bs-btn-secondary-focus-border-width:1px;
    --bs-btn-secondary-focus-border-type:solid;
    --bs-btn-secondary-focus-border-color:#982D01;
    --bs-btn-secondary-focus-bgcolor:#FFFFFF;
    --bs-btn-secondary-focus-box-shadow:0px 1px 2px 0px rgba(48, 54, 66, 0.10) !important;
    /*disabled definition*/
    --bs-btn-secondary-disabled-color:#F5B196;
    --bs-btn-secondary-disabled-border-radius:4px;
    --bs-btn-secondary-disabled-border-width:1px;
    --bs-btn-secondary-disabled-border-type:solid;
    --bs-btn-secondary-disabled-border-color:#E3E6EF;
    --bs-btn-secondary-disabled-bgcolor:#FFFFFF;
    --bs-btn-secondary-disabled-box-shadow:none !important;

/*definition buttons Home primary*/
   /*normal definition*/
   --bs-btn-home-primary-color:#FFFFFF;
   --bs-btn-home-primary-border-radius:4px;
   --bs-btn-home-primary-border-width:0px;
   --bs-btn-home-primary-border-type:solid;
   --bs-btn-home-primary-border-color:transparent;
   --bs-btn-home-primary-bgcolor:#D63D00;
   --bs-btn-home-primary-box-shadow:0px 1px 2px 0px rgba(48, 54, 66, 0.10) !important;
   --bs-btn-home-primary-icon-color:#FFFFFF;
   /*hover definition*/
   --bs-btn-home-primary-hover-color:#FFFFFF;
   --bs-btn-home-primary-hover-border-radius:4px;
   --bs-btn-home-primary-hover-border-width:0px;
   --bs-btn-home-primary-hover-border-type:solid;
   --bs-btn-home-primary-hover-border-color:transparent;
   --bs-btn-home-primary-hover-bgcolor:#E94E0F;
   --bs-btn-home-primary-hover-box-shadow:0px 4px 8px 0px rgba(48, 54, 66, 0.10);
   --bs-btn-home-primary-hover-icon-color:#FFFFFF;
   /*focus definition*/
   --bs-btn-home-primary-focus-color:#FFFFFF;
   --bs-btn-home-primary-focus-border-radius:4px;
   --bs-btn-home-primary-focus-border-width:2px;
   --bs-btn-home-primary-focus-border-type:solid;
   --bs-btn-home-primary-focus-border-color:#982D01;
   --bs-btn-home-primary-focus-bgcolor:#D63D00;
   --bs-btn-home-primary-focus-box-shadow:0px 1px 2px 0px rgba(48, 54, 66, 0.10);
   --bs-btn-home-primary-focus-icon-color:#FFFFFF;
   /*disabled definition*/
   --bs-btn-home-primary-disabled-color:#FFFFFF;
   --bs-btn-home-primary-disabled-border-radius:4px;
   --bs-btn-home-primary-disabled-border-width:0px;
   --bs-btn-home-primary-disabled-border-type:solid;
   --bs-btn-home-primary-disabled-border-color:transparent;
   --bs-btn-home-primary-disabled-bgcolor:#F9D2C3;
   --bs-btn-home-primary-disabled-box-shadow:0px 1px 2px 0px rgba(48, 54, 66, 0.10);
   --bs-btn-home-primary-disabled-icon-color:#FFFFFF;


/*definition buttons Home secondary*/
    /*normal definition*/
    --bs-btn-home-secondary-color:#D63D00;
    --bs-btn-home-secondary-border-radius:4px;
    --bs-btn-home-secondary-border-width:1px;
    --bs-btn-home-secondary-border-type:solid;
    --bs-btn-home-secondary-border-color:#E3E6EF;
    --bs-btn-home-secondary-bgcolor:#FFFFFF;
    --bs-btn-home-secondary-box-shadow:0px 1px 2px 0px rgba(48, 54, 66, 0.10);
    /*hover definition*/
    --bs-btn-home-secondary-hover-color:#D63D00;
    --bs-btn-home-secondary-hover-border-radius:4px;
    --bs-btn-home-secondary-hover-border-width:1px;
    --bs-btn-home-secondary-hover-border-type:solid;
    --bs-btn-home-secondary-hover-border-color:#E3E6EF;
    --bs-btn-home-secondary-hover-bgcolor:#FFFFFF;
    --bs-btn-home-secondary-hover-box-shadow:0px 4px 8px 0px rgba(48, 54, 66, 0.10);
    /*focus definition*/
    --bs-btn-home-secondary-focus-color:#D63D00;
    --bs-btn-home-secondary-focus-border-radius:4px;
    --bs-btn-home-secondary-focus-border-width:2px;
    --bs-btn-home-secondary-focus-border-type:solid;
    --bs-btn-home-secondary-focus-border-color:#982D01;
    --bs-btn-home-secondary-focus-bgcolor:#FFFFFF;
    --bs-btn-home-secondary-focus-box-shadow:0px 1px 2px 0px rgba(48, 54, 66, 0.10);
    /*disabled definition*/
    --bs-btn-home-secondary-disabled-color:#F5B196;
    --bs-btn-home-secondary-disabled-border-radius:4px;
    --bs-btn-home-secondary-disabled-border-width:1px;
    --bs-btn-home-secondary-disabled-border-type:solid;
    --bs-btn-home-secondary-disabled-border-color:#E3E6EF;
    --bs-btn-home-secondary-disabled-bgcolor:#FFFFFF;
    --bs-btn-home-secondary-disabled-box-shadow:none;
/*Definition btn primary action*/
    --bs-btn-primary-action-color:#FFFFFF;
    --bs-btn-primary-action-bgcolor:#D63D00;
    --bs-btn-primary-action-border-radius:4px;
    --bs-btn-primary-action-border-width:1px;
    --bs-btn-primary-action-border-color:#D63D00;
    --bs-btn-primary-action-border-type: solid;
    --bs-btn-primary-action-ico-color:#FFFFFF;
    --bs-btn-primary-action-box-shadow:0px 4px 8px 0px rgba(48, 54, 66, 0.10);
/*definition button link*/
    --btn-link-color:#B93E0C;
    --btn-link-hover-color:#B93E0C;
/*definition button carousel event*/
    --btn-carousel-bgcolor:#B93E0C;
/*definition for link*/
    --link-color:#870B58;
    --link-ico-bgcolor:#FFFFFF;
/*Definition color input*/
    --input-bgcolor:#870B58;
    --input-border-color:#870B58;
/*Definition border color vac details*/
    --bs-card-header-border-bottom-color:#870B58;
    --bs-tabs-border-bottom-color: #870B58;

/*definition text*/
    --primary-txt-color:#1E3B59;
    --secondary-txt-color:#FFFFFF;
    --date-txt-color:#870B58;
    --h4-color:#870B58;
    --h4-font-weight: 700;
    --h4-font-size:1.50rem;
    --h5-color:#870B58;
    --h5-font-weight:700;
    --h5-font-size:1.50rem;
    --h5-text-welkom-color:#FFFFFF;
    --h5-cpnr-font-size:24px;
    --h5-cpnr-font-weight:700;
    --h6-color:#555D71;
    --h6-font-weight: 500;
    --h6-font-size: 1rem;
/*definition for tabs*/
    --bs-tabs-color:#76084C; 
    --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:#76084C;
    --bs-tabs-border-radius:4px;

    --bs-tabs-active-color:#FFFFFF; 
    --bs-tabs-active-bgcolor:#76084C;
    --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:#76084C;
    --bs-tabs-active-border-radius:4px;
/*definition arrow list (eg: news list)*/
    --bs-timeline-list-color:#76084C;
    --bs-timeline-list-bgcolor:transparent;
    --bs-timeline-list-border-color:#76084C;
/*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:#76084C;
    --bs-stepper-active-color:#76084C;
    --bs-stepper-inactive-bgcolor:#FFFFFF;
    --bs-stepper-inactive-color:#000000;
/*Webshop*/
    --bs-webshop-icon-color:#76084C;
    --pdt-selected-border-color:#34c38f;
    --pdt-selected-border-width:2px;
    --bs-carousel-selected-item-border-color:#76084C;
    --bs-carousel-selected-item-border-width:2px;
    --bs-carousel-selected-item-after-bgcolor:#76084C;
    --bs-nav-link-active-color:#76084C;
    --bs-nav-link-active-border-color:#76084C;
    --bs-nav-link-active-shadow-color:#76084C;
    --bs-nav-icon-bgcolor:##FFFFFF;
    --bs-nav-icon-border-color:#76084C;
    --bs-nav-icon-color:#76084C76084C;
}