/* Border color van de verdlofdetails popups */
.VerlofDetailGroup {
    /*border-color: orange !important;*/
}

/* Kleur verplichte schermen */
#main .workflowTabelNaam a.HuidigeScreenVerplichtScreen,
#main .workflowTabelNaam a.NietHuidigeSchermVerplichtScreen {
    /*color: orange !important;*/
}




/* Achtergrond van de header */
#header {
    /*background: #666 !important;*/
}

    /* Links van de header */
    #header #left {
        /*background: #045d85;*/
    }

    /* Rechts van de header */
    #header #right {
        /*background: #045d85;*/
    }

/* Tekst kleur van een link zoals "opnieuw inloggen", "wachtwoord vergeten" */
A.link, #main a, #main a:active, #main a:visited {
    /*color:  #666 */
}

    /* Schermnamen op het dashboard en de submenu's. Namen van rapporten etc in de menu's, Into, Geplaatst, ReadMore van de nieuwsberichten  */
    .title,
    .SubMenuItemStyle .dx-vam,
    #main .workflowTabelNaam a.HuidigeScreen,
    #main .workflowTabelNaam a.NietHuidigeScherm,
    #main a .dx-vam,
    .Intro,
    .ReadMore,
    .ReadMore a,
    .Geplaatst {
            /* color: #666 !important; */
    }

        /* Titel van de nieuwsberichten */
        .Titel,
        .Titel a {
            /* color: #035f86 !important; */
        }
/* Het kader van invoer velden. */
.dxeTextBox,
.dxeButtonEdit,
.dxeMemo {
    /*border-color: gray !important;*/
}

/* De opvulkleur van de iconen op het dashboard bij een mouseover.*/
ul.icons li:hover {
    /*background-color: lightgray !important;*/
}

/* De border kleur van de iconen op het dashboard*/
ul.icons li {
    /* border-color: Orange !important; */
}

/* breadcrumbs, Tekst in ESS-secties op dashboard */
.breadcrumbs a,
.WelcomePanel,
.WerknemerCombobox,
.dxrpControl td.dxrpHeader,
.dxrpControl td.dxrpHeader span.dxrpHT,
.dxrpControlGB span.dxrpHeader .WelcomePanel input.dxeEditArea {
    /*color: #0099FF !important;*/
}

/* Opvulling ESS-Sectie headers */
.dxrpControl td.dxrpHeader {
    /* background-color: #4000FF !important; */
}

/* Borders die te zien zijn op pagina's met weinig tekst, zoals Login, loggedout, sessionexpired.*/
.smallpagegroup {
    /*border-color: gray !important;*/
}

/* de borders van de secties op startpagina.*/
#WebClientSection,
.SectionBorder,
.dxrpControl.dxrp-noCollapsing > tbody > tr.dxrpCR > .dxrpcontent:first-child,
.dxrpControl > tbody > tr.dxrpCR > .dxrpcontent > .dxrpAW > .dxrpCW, .dxrpControl > tbody > tr.dxrpCR > .dxrpcontent > .dxrpCW,
.WelcomePanel, /* Header */
.dxrpControl td.dxrpHeader,
.dxrpControl td.dxrpHeader span.dxrpHT,
.dxrpControl > tbody > tr > .dxrpcontent,
.dxrpControlGB span.dxrpHeader .WelcomePanel input.dxeEditArea, dxpnlControl,
.dlTegoed td, .dlTegoed th {
    /*border-color: #F2F2F2 !important;*/
}

/* Even regels in een grid */
.DefaultRow {
    /* background-color: #FACC2E !important; */
}

/* Oneven regels in een grid*/
.AlternatingRow {
    /* background-color: #DF013A !important; */
}

/* Geselecteerde row in een grid */
.FocusedRow {
    /*background-color: #9B9B9B !important;*/
}

/* Headers van grids. Hover style van de menu's */
.HeaderStyle, .HeaderStyle *,
.dxgvControl,
.dxgvDisabled,
.HoveredStyle {
    /*background-color: #F2F2F2 !important;*/
}

/* standaard font van grids; laatste border van de grid. */
.dxgvControl,
.dxgvDisabled {
    /* color: black !important; */
    /* border-bottom-color: gray !important;*/ 
}


/* Readonly velden */
.ReadOnly,
.ReadOnly .dxeEditAreaSys,
.ReadOnly .dxeEditArea,
.ReadOnly .dxeMemoEditAreaSys,
.ReadOnly input[type="text"].dxeEditAreaSys,
.ReadOnly input[type="password"].dxeEditAreaSys,
.ReadOnly .dxeMemo,
.ReadOnly .dxICheckBox {
    /*border-color: darkgray !important;*/
    /*color: darkgray !important;*/
}

/* Font-Style van de grid headers. */
.HeaderStyle,
.HeaderStyle *,
.SessionHeaderSyle,
.HeaderStyleVerlofMutatiesDetailsRightAlign,
.HeaderStyleVerlofMutatiesDetailsLeftAlign {
    /*color: navy !important;*/
}

/* Tekstklur van buttons. */
.button .text {
    /*color: #333;*/
}



/* De font-family  */
body,
*, .dxeBase, .dxeEditAreaSys, .dxeListBoxItem,
.CellStyle,
.LastCellStyle,
.HeaderStyle,
.HeaderStyle *,
#ParentContainerTable tr th,
#ContainerTable tr th,
input, textarea, keygen, select, button,
.dxrpControl,
.ItemVerlofMutatiesDetailsStyleRightAlign,
.ItemVerlofMutatiesDetailsStyleLeftAlign {
    /* font-family: Sans-serif !important; */
}

body {
    /*font-size: 14px;*/
}

.breadcrumbs a {
    /*font-size: 16px;*/
}

.button .text {
    /*font-size: 14px;*/
}

ul.icons li a span {
    /*font-size: 11.2px;*/
}

.WerknemerCombobox .dxeEditAreaSys,
.WerknemerCombobox .dxeEditArea,
.WerknemerCombobox input[type="text"].dxeEditAreaSys {
    /*font-size: 18px !important;*/
}

.WelcomePanel, /* Header */
.dxrpControl td.dxrpHeader,
.dxrpControl td.dxrpHeader span.dxrpHT,
.dxrpControlGB span.dxrpHeader .WelcomePanel input.dxeEditArea {
    /* font-size: 18px; */
}

/* Schermnamen in de wizards. */
#main .workflowTabelNaam a {
    /* font-size: 12px; */
}


/* Schermnamen op het dashboard en de submenu's. Namen van rapporten etc in de menu's  */
.title {
    /* font-size: 11.2px; */
}

.PeopleIncMenuImage {
    /* background-image: url(Icon_Blue.png); */
    /* background-image: url(Icon_Gray.png); */
    /* background-image: url(Icon_Green.png); */
    /* background-image: url(Icon_Purple.png); */
    /* background-image: url(Icon_Red.png); */
    /* background-image: url(Icon_Yellow.png); */
}

#logo {
    /*background: none;*/
}

#HeaderTemplate_HeaderImage {
    /*background: none;*/
}