/* ribbon bottons */
.jqx-fill-state-hover-base,
.jqx-fill-state-pressed-base,
.jqx-fill-state-normal-base {
   font-size: 11px;
}

/* ribbon tabs */
.jqx-ribbon-item-base {
   font-size: 12px;   
}

.jqx-checkbox-default-base {
   border-style: none !important;
}

.jqx-button-base {
   border: transparent; 
}

.jqx-fill-state-hover-base {
   background-color: var(--color-red3);    
}

.jqx-fill-state-pressed-base {
   background: var(--color-red2);       
}

.jqx-ribbon-item-selected-base {
   color: black;
   text-decoration: underline;
   text-decoration-color: var(--color-red);  /* do not remove */
   text-decoration-thickness: 2px;           /* do not remove */
   text-underline-offset: 4px;               /* do not remove */
   border: transparent;
   background: transparent;
}

.jqx-ribbon-item-hover-base {
   text-decoration: underline;
   text-underline-offset: 4px;               /* do not remove */
   text-decoration-color: lightgray;         /* do not remove */
   text-decoration-thickness: 2px;           /* do not remove */
   background: transparent;
   border: transparent;
}

.jqx-fill-state-normal-base {
   background: transparent;   
}

.jqx-ribbon-header-base {
   z-index: 1;
}

.groep_logout,
.groep_mainmenu,
.groep_license,
.groep_bestand,
.groep_toevoegen,
.groep_tabs,
.groep_acties,
.groep_help,
.groep_bestand_options,
.groep_toevoegen_options,
.groep_tijdvak 
{
   float: left;
}

.sectionSeparator_hrm,
.sectionSeparator_main,
.sectionSeparator_options {
    width: 1px;
    height: 90px;
    background-color: #ddd;
    float: left;
    margin: 0;
}

.buttonSeparator {
    width: 1px;
    height: 55px;
    background-color: #eee;
    float: left;
    margin: 5px 1px 0 1px;
}

.separator {
    padding: 0 0 0 1px;
    height: 20px;
    border: solid 1px #fff;
    border-top: 0;
    border-bottom: 0;
    margin: 0 1px;
    width: 1px;
    display: inline-block;
    position: relative;
    background: #bfc3c7;
    background: linear-gradient(#f8f9fa, #bfc3c7, #f8f9fa);
}

.ribbongroup {
   height: 16px;
   font-size: 9px; 
   text-align: center; 
   top: -3px; 
   position: relative;
}

.icon_werknemer_toevoegen {
    background: url('../imageMSO/toevoegen48.png') no-repeat top left;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 1px;
    vertical-align: middle;
}

.icon_werknemer_verwijderen {
    background: url('../imageMSO/verwijderen48.png') no-repeat top left;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 1px;
    vertical-align: middle;
}

.icon_huwelijkspartner {
    background: url('../imageMSO/huwelijkspartner.png') no-repeat top left;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 1px;
    vertical-align: middle;
}

.icon_kinderen {
    background: url('../imageMSO/familie48.png') no-repeat top left;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 1px;
    vertical-align: middle;
}