/*START HEADER*/
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@font-face {
    font-family: 'Switzer';
    src: url('../../fonts/Switzer-Regular.woff2') format('woff2'),
         url('../../fonts/Switzer-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }


body {
    font-family: "Switzer", sans-serif;
    font-weight: 400;
    color:#1E1E1E;
    background-color:#E8EBEF !important;
}


:root {
    --body-bgColor: #E8EBEF;
    --body-bgColor-radial-from:#C0FE4C;
    --body-bgColor-radial-to:#E8EBEF;
    --header-item-color: #1E1E1E;
    --text-loader-color: #C0FE4C;
    --page-topbar-bgcolor: #FFFFFF;
    --header-profile-user-bgcolor: #FFFFFF;
    --logo-lg-height: 25px;
    --logo-sm-height: 10px;
    --userNameHeader-color:#1E1E1E;
    --burger-menu-icon-color:#1E1E1E;
    --viewMore-color:#C0FE4C;
    --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: #E8EBEF;
    --vertical-menu-link-color: #1E1E1E;
    --vertical-menu-menuTitle: #1E1E1E;
    --vertical-menu-link-active-color:#FFFFFF;
    --vertical-menu-link-active-bgColor:#144880;
    --vertical-menu-link-hover-bgcolor:#144880;
    --vertical-menu-link-border-radius:10px;
    --vertical-submenu-link-bgcolor:#144880;
    --vertical-submenu-bgcolor:#FFFFFF;
    --vertical-submenu-color:#FFFFFF;
/*definition bullet menu and notification*/
    --info-ico-color:#FFFFFF;
    --info-ico-bgcolor:#144880;
    --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:#144880;
    --ico-cbs-stat-color:#D63D00;
/*defintion card*/
    --card-box-shadow-color: #1E1E1E05;
    --card-border-color: #E8EbEE;
    --card-border-radius: 16px;
    --card-bgcolor: #FFFFFF;
    --card-bgColor-radial-left-from:#C0FE4C;
    --card-bgColor-radial-left-to:#ffffff;
    --card-bgColor-radial-right-from:#144880;
    --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:#144880;

/*START definition buttons Primary*/
    /*normal definition*/
    --bs-btn-primary-color:#144880;
    --bs-btn-primary-border-radius:16px;
    --bs-btn-primary-border-width:1px;
    --bs-btn-primary-border-type:solid;
    --bs-btn-primary-border-color:#144880;
    --bs-btn-primary-bgcolor:#FFFFFF;
    --bs-btn-primary-box-shadow:none !important;
    /*hover definition*/
    --bs-btn-primary-hover-color:#144880;
    --bs-btn-primary-hover-border-radius:16px;
    --bs-btn-primary-hover-border-width:1px;
    --bs-btn-primary-hover-border-type:solid;
    --bs-btn-primary-hover-border-color:#144880;
    --bs-btn-primary-hover-bgcolor:#FFFFFF;
    --bs-btn-primary-hover-box-shadow:none !important;
    /*focus definition*/
    --bs-btn-primary-focus-color:#144880;
    --bs-btn-primary-focus-border-radius:16px;
    --bs-btn-primary-focus-border-width:1px;
    --bs-btn-primary-focus-border-type:solid;
    --bs-btn-primary-focus-border-color:#144880;
    --bs-btn-primary-focus-bgcolor:#FFFFFF;
    --bs-btn-primary-focus-box-shadow:none !important;
    /*disabled definition*/
    --bs-btn-primary-disabled-color:#144880;
    --bs-btn-primary-disabled-border-radius:16px;
    --bs-btn-primary-disabled-border-width:1px;
    --bs-btn-primary-disabled-border-type:solid;
    --bs-btn-primary-disabled-border-color:#144880;
    --bs-btn-primary-disabled-bgcolor:#FFFFFF;
    --bs-btn-primary-disabled-box-shadow:none !important;
/*END definition buttons Primary*/

/*START definition button Secondary*/
    /*normal definition*/
    --bs-btn-secondary-color:#144880;
    --bs-btn-secondary-border-radius:16px;
    --bs-btn-secondary-border-width:1px;
    --bs-btn-secondary-border-type:solid;
    --bs-btn-secondary-border-color:#144880;
    --bs-btn-secondary-bgcolor:#FFFFFF;
    --bs-btn-secondary-box-shadow:none !important;
    /*hover definition*/
    --bs-btn-secondary-hover-color:#144880;
    --bs-btn-secondary-hover-border-radius:16px;
    --bs-btn-secondary-hover-border-width:1px;
    --bs-btn-secondary-hover-border-type:solid;
    --bs-btn-secondary-hover-border-color:#144880;
    --bs-btn-secondary-hover-bgcolor:#FFFFFF;
    --bs-btn-secondary-hover-box-shadow:none !important;
    /*focus definition*/
    --bs-btn-secondary-focus-color:#144880;
    --bs-btn-secondary-focus-border-radius:16px;
    --bs-btn-secondary-focus-border-width:1px;
    --bs-btn-secondary-focus-border-type:solid;
    --bs-btn-secondary-focus-border-color:#144880;
    --bs-btn-secondary-focus-bgcolor:#FFFFFF;
    --bs-btn-secondary-focus-box-shadow:none !important;
    /*disabled definition*/
    --bs-btn-secondary-disabled-color:#144880;
    --bs-btn-secondary-disabled-border-radius:16px;
    --bs-btn-secondary-disabled-border-width:1px;
    --bs-btn-secondary-disabled-border-type:solid;
    --bs-btn-secondary-disabled-border-color:#144880;
    --bs-btn-secondary-disabled-bgcolor:#E8EbEE;
    --bs-btn-secondary-disabled-box-shadow:none !important;

/*END definition button Secondary*/

/*START definition buttons Home primary*/
   /*normal definition*/
   --bs-btn-home-primary-color:#1E1E1E;
   --bs-btn-home-primary-border-radius:25px;
   --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:#C0FE4C;
   --bs-btn-home-primary-box-shadow: none !important;
   --bs-btn-home-primary-icon-color:#1E1E1E;
   /*hover definition*/
   --bs-btn-home-primary-hover-color:#FFFFFF;
   --bs-btn-home-primary-hover-border-radius:25px;
   --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:#1E1E1E;
   --bs-btn-home-primary-hover-box-shadow:none !important;
   --bs-btn-home-primary-hover-icon-color:#FFFFFF;
   /*focus definition*/
   --bs-btn-home-primary-focus-color:#FFFFFF;
   --bs-btn-home-primary-focus-border-radius:25px;
   --bs-btn-home-primary-focus-border-width:0px;
   --bs-btn-home-primary-focus-border-type:solid;
   --bs-btn-home-primary-focus-border-color:transparent;
   --bs-btn-home-primary-focus-bgcolor:#1E1E1E;
   --bs-btn-home-primary-focus-box-shadow:none !important;
   --bs-btn-home-primary-focus-icon-color:#FFFFFF;
   /*disabled definition*/
   --bs-btn-home-primary-disabled-color:#595A5B;
   --bs-btn-home-primary-disabled-border-radius:25px;
   --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:#E8EBEF;
   --bs-btn-home-primary-disabled-box-shadow:none !important;
   --bs-btn-home-primary-disabled-icon-color:#595A5B;
/*END definition buttons Home primary*/

/*START definition buttons Home secondary*/
    /*normal definition*/
    --bs-btn-home-secondary-color:#C0FE4C;
    --bs-btn-home-secondary-border-radius:16px;
    --bs-btn-home-secondary-border-width:0px;
    --bs-btn-home-secondary-border-type:solid;
    --bs-btn-home-secondary-border-color:transparent;
    --bs-btn-home-secondary-bgcolor:#144880;
    --bs-btn-home-secondary-box-shadow: none !important;
    /*hover definition*/
    --bs-btn-home-secondary-hover-color:#FFFFFF;
    --bs-btn-home-secondary-hover-border-radius:16px;
    --bs-btn-home-secondary-hover-border-width:0px;
    --bs-btn-home-secondary-hover-border-type:solid;
    --bs-btn-home-secondary-hover-border-color:transparent;
    --bs-btn-home-secondary-hover-bgcolor:#1E1E1E;
    --bs-btn-home-secondary-hover-box-shadow: none !important;
    /*focus definition*/
    --bs-btn-home-secondary-focus-color:#FFFFFF;
    --bs-btn-home-secondary-focus-border-radius:16px;
    --bs-btn-home-secondary-focus-border-width:2px;
    --bs-btn-home-secondary-focus-border-type:solid;
    --bs-btn-home-secondary-focus-border-color:#transparent;
    --bs-btn-home-secondary-focus-bgcolor:#1E1E1E;
    --bs-btn-home-secondary-focus-box-shadow: none !important;
    /*disabled definition*/
    --bs-btn-home-secondary-disabled-color:#FFFFFF;
    --bs-btn-home-secondary-disabled-border-radius:16px;
    --bs-btn-home-secondary-disabled-border-width:1px;
    --bs-btn-home-secondary-disabled-border-type:solid;
    --bs-btn-home-secondary-disabled-border-color:#transparent;
    --bs-btn-home-secondary-disabled-bgcolor:#1E1E1E;
    --bs-btn-home-secondary-disabled-box-shadow:none !important;
/*Definition btn primary action*/
    --bs-btn-primary-action-color:#C0FE4C;
    --bs-btn-primary-action-bgcolor:#144880;
    --bs-btn-primary-action-border-radius:16px;
    --bs-btn-primary-action-border-width:0px;
    --bs-btn-primary-action-border-color:transparent;
    --bs-btn-primary-action-border-type: solid;
    --bs-btn-primary-action-ico-color:#C0FE4C;
    --bs-btn-primary-action-box-shadow:none;

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

/*definition text*/
    --primary-txt-color:#1E1E1E;
    --secondary-txt-color:#1E1E1E;
    --date-txt-color:#144880;
    --h4-color:#1E1E1E;
    --h4-font-weight: 500;
    --h4-font-size:1.50rem;
    --h5-color:#1E1E1E;
    --h5-font-weight:500;
    --h5-font-size:1.50rem;
    --h5-text-welkom-color:#1E1E1E;
    --h5-cpnr-font-size:24px;
    --h5-cpnr-font-weight:500;
    --h6-color:#1E1E1E;
    --h6-font-weight: 500;
    --h6-font-size: 1rem;
/*definition for tabs*/
    --bs-tabs-color:#144880; 
    --bs-tabs-bgcolor:#C0FE4C;
    --bs-tabs-box-shadow: none;
    --bs-tabs-border-width:0px;
    --bs-tabs-border-style:solid;
    --bs-tabs-border-color:transparent;
    --bs-tabs-border-radius:16px;

    --bs-tabs-active-color:#C0FE4C; 
    --bs-tabs-active-bgcolor:#144880;
    --bs-tabs-active-box-shadow: none;
    --bs-tabs-active-border-width:0px;
    --bs-tabs-active-border-style:solid;
    --bs-tabs-active-border-color:transparent;
    --bs-tabs-active-border-radius:16px;
/*definition arrow list (eg: news list)*/
    --bs-timeline-list-color:#144880;
    --bs-timeline-list-bgcolor:transparent;
    --bs-timeline-list-border-color:#144880;
/*definition ico for event, question, notification*/
    --bs-ico-color:#1E1E1E;
    --bs-ico-bgcolor:#FFFFFF;
    --bs-ico-border-color:#1E1E1E;
/*definition stepper*/
    --bs-stepper-active-bgcolor:#144880;
    --bs-stepper-active-color:#144880;
    --bs-stepper-inactive-bgcolor:#FFFFFF;
    --bs-stepper-inactive-color:#144880;
/*defintion webshop */
    --bs-webshop-icon-color:#144880;
    --pdt-selected-border-color:#144880;
    --pdt-selected-border-width:2px;
    --bs-carousel-selected-item-border-color:#144880;
    --bs-carousel-selected-item-border-width:2px;
    --bs-carousel-selected-item-after-bgcolor:#144880;
    --bs-nav-link-active-color:#144880;
    --bs-nav-link-active-border-color:#144880;
    --bs-nav-link-active-shadow-color:#144880;
    --bs-nav-icon-bgcolor:##FFFFFF;
    --bs-nav-icon-border-color:#144880;
    --bs-nav-icon-color:#144880;
}

h4,
.page-title-box H4 {
    font-family: "Dela Gothic One", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size:26px !important;
    text-transform: uppercase !important;
}

#sidebar-menu ul li a:hover,
#sidebar-menu ul li a:hover i {
    color: #FFFFFF !important;
}

.active>.page-link, .page-link.active {
    background-color:#144880 !important;
    border-width: 0px !important;
}

#sidebar-menu ul li ul.sub-menu li a i{
    color:#144880 !important;
}

#sidebar-menu ul li ul.sub-menu li a:hover i{
    color:#FFFFFF !important;
}

.page-arrow i{
    color:#144880 !important;
}