@import "Style.css";
@font-face {
    font-family: 'ElegantIcons';
    src: url('fonts/ElegantIcons.eot');
    src: url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'), 
         url('fonts/ElegantIcons.woff') format('woff'), 
         url('fonts/ElegantIcons.ttf') format('truetype'), 
         url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
    font-weight: normal;
    font-style: normal;
}


input,textarea,select
{
    border:solid 1px lightgray;
    border-radius: 3px;
    padding-left: 2px;
}

div#TabContent input,div#TabContent textarea,div#TabContent select
{
    width:564px;
    margin-top:1px;
}

div#TabContent input.Currency
{
    width:555px;
}

div#TabContent select
{
	width:570px;
}

div#TabContent fieldset input,
div#TabContent fieldset textarea
{
	width:550px;
}

div#TabContent fieldset input.Currency
{
	width:541px;
}

div#TabContent fieldset select
{
	width:556px;
}

div#TabContent hr
{
	width:720px;
	text-align:left;	
}

a:hover
{
	color:Maroon;
}

form, body
{
    height:100%;
    margin:0px;
    padding:0px;
}

html
{
	/*overflow-x:hidden;*/
}

.ButtonNoTopMargin{
    margin-top: 0px !important;
}

.ButtonLarge {
    font-size: 13px;
    padding: 6px 15px 6px 15px !important;
}
input.Button, div#TabContent input.Button {
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    margin: 10px 10px 0px 0px;
    color: white;
    width: auto;
    background-color: var(--ee_blauw);
    border-radius: 3px;
    padding: 3px 7px 3px 7px;
    background-image: none;
}

    input.Button:active {
        border-color: steelblue;
    }

    input.Button:hover, div#TabContent input.Button:hover {
        background-color: #7987CD;
        border-color: transparent;
    }

    input.Button:disabled, div#TabContent input.Button:disabled {
        color: lightgray;
        border-color: transparent;
    }


input.NoBorder, .NoBorder input
div#TabContent input.NoBorder,div#TabContent .NoBorder input
{
    border:0px;
    width:auto;
    background-color:Transparent;
}

.NoBorder label {
    width: auto;
    display: inline;
    float: none;
    clear: none;
    color: #5f5f5f;
    height: auto;
    border-bottom-width: 4px !important;
    border-bottom-style: solid !important;
    border-bottom-color: transparent !important;
}

div#TabContent .Invalid
{
    border-color:#364584;
    background-color:red;
}

div#TabContent .Required,div#TabContent  .Invalid
{
    /*width:550px;
    padding-right:35px;
    background-image:url(../media/Required.gif);
    background-position:top right;
    background-repeat:no-repeat;
    background-attachment:fixed;*/
}

label
{
    width:150px;
    display:inline;
    float:left;
    color:#5f5f5f;
    border-bottom:4px solid white;
    clear:left;
    padding:0px auto 5px auto;  
    height:16px;    
}

div#TabHolder a {
    text-decoration: none;
    cursor: pointer;
    width: 100%;
}

    div#TabHolder a span {
        float: left;
    }

    div#TabHolder a span.Text {
        height: 20px;
        padding-top: 10px; 
        padding-left: 15px;
        display: inline-block;
        border: none;
        font-weight: bold;
    }

    div#TabHolder a:hover span.Text {
        color: #364584;
        font-weight: bold;
    }

    div#TabHolder a.Selected span.Text {
        color: #364584;
        font-weight: bold;
    }

div#Buttons {
    background-color: var(--kaders-bg-color);
    width: 768px;
    height: 55px;
    padding-left: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


div#TabContentBackground {
    width: 768px;
    padding: 10px;
    background-color: var(--kaders-bg-color);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

div#TabContent {
    border-radius: 10px;
    background-color: white;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 750px;
    min-height: 150px;
    height: auto;
    overflow: hidden;
}

p.TabIntroduction
{
    font-style: italic;
}

p.TabIntroduction {
    font-style: italic;
}

div.Title {
    font-size: 18px;
    color: var(--title-color);
    display: inline;
    margin: 6px 0 6px 0;
    float: left;
}

a.Title {
    font-size: 18px;
    color: var(--title-color);
}

caption
{
    font-size:12px;
    text-align:left;
}

div#divNormal input, div#divNormal .Invalid
{
	width:40px;
	border:1px solid #acacac;
}

div#divNormal textarea
{
	border:1px solid #acacac;
}

div#divNormal td
{
	/*text-align:center;*/
	padding:1px;
}

table#VerticalText td /*span.VerticalText*/
{
	text-align:center;
}

tr.Row td
{
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ededed,endColorStr=white);
}

tr.Actief{ background-color:#364584;}
tr.Actief td{color:white;}


div.Expander
{
	width:719px;border:1px solid gray;border-width:0 0 0 0;padding:2px 0 2px 0
}
div.ExpanderHeader
{
	width:100%;background-color:#ededed;display:block;
}

div.Behandeld, div.Behandeld label, div.Behandeld div
{
	color:#acacac;
}

div.Opmerking
{
	padding-left:5px;
}

div.Behandeld div.Opmerking
{
	/*text-decoration:line-through;*/
}

table.DisplayBusinessObject, table.DisplayBusinessObject td
{
	padding:0px;	
}

/* Dossierlist */

.Actief { color:green;}
.Inactief { color:red;}
.Nognietactief { color:blue;}


fieldset
{
	width:95%;
	clear:both;
	padding:2px;
}

.FullWidth
{
	width:720px;
}

.Header, .Header th, .Header td, .ExpanderHeader {
    background-color: lightgray;
    text-align: left;
}

table#tableHomepage td
{
    vertical-align:top;
}

.RR tr td.Indicator
{
	background-image:url(../media/rr/norm.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

.RR tr td.Indicator
{
	border-bottom:0 !important;
	border-top:0 !important;
}


.RR tr.IsDayLast td.Indicator
{
	background-image:url(../media/rr/day_end.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

d.RR tr.IsWeekLast td.Indicator
{
	background-color:purple;
}

d.RR tr.IsWeekFirst td.Indicator
{
	background-color:green;
}

div.RR tr.IsDayFirst td.Indicator
{
	background-image:url(../media/rr/day_start.png);
	background-position:top;
	background-repeat:no-repeat;
}

.RR tr.IsDayFirstAndLast td.Indicator
{
	background-image:url(../media/rr/day_single.png);
	background-position:center;
	background-repeat:no-repeat;
}

.RR tr.DoesNotConnect td.Indicator
{
	background-color:Maroon;
}

.RR tr.DoesNotConnect_Next td
{
	border-bottom:4px solid maroon;
}

.RR tr.DoesNotConnect_Prev td
{
	border-top:4px solid maroon;
}

.RR tr.sys td,
.RR tr.sys td input
{
	background-color:#ededed;
}


div#myMenu1
{
	width:200px;
}

/*
MEssage dialog
*/

body.Message
{
	overflow:hidden;
}

body.Message td.Content h2
{
	font-size:14px;
}

body.Message div.Message
{
	font-size:12px;
	padding:5px;
}

body.Message, form
{
	margin:0;
	padding:0;
}

body.Message div#ClientMessageHeader
{
	font-size:14px;
	background-color:#364584;
	color:White;
	padding:10px 3px 10px 3px;
}

body.Message div#Content
{
	overflow:scroll;
	overflow-x:hidden;
	padding-right:16px;
}

body.Message div.ScreenButtons
{
	background-color:#ededed;
}

.divGrid
{
	width:720px;
}

.pnlPageNumbers {
    display: inline-block !important;
    padding: 0 0 1px 0;
    margin: 0 8px 2px 0px;
    vertical-align: middle;
}
    .pnlPageNumbers .Button {
        color: black !important;
        background-color: lightgray !important;
        font-size: 10px !important;
        margin: 2px 3px 0 3px !important;
        padding: 0 3px 0 3px !important;
    }

.ddlPageNumbers {
    margin: 2px 3px 0 3px;
    width: 40px !important;
}

div.Warning
{
	width:710px;	
	border:2px solid #364584;
	padding:5px;
	margin-bottom:3px;
}

div.Warning .WarningTitle
{
	padding:3px;
	font-weight:bold;
	color:White;
	background-color:#364584;
}

.role_container {
    width: 650px;
}

.role {
    width: 230px;
    display: inline-block;
  	cursor: pointer;
	cursor: hand;
	margin-left: 40px;
}

.role div.img {
    float: right;
}

.role div.text {
    float: left;
}

div.mouse_over {
    background-color: lightgrey;
}

div.groupbox 
{
    border: 1px black solid;  
    padding: 10px;
    margin: 5px 5px; 
}

div.groupbox_label 
{
    display: inline;
    background-color: White;
    padding: 0px 4px 0px 4px;
    position: absolute;
    top: -2px;
}

input.blocked 
{
    background-color: #F0F0F0;
    border-style: none;
}

div.window {
    background-color: var(--kaders-bg-color);
    padding: 10px;
}
.ButtonIcon {
    width: 24px !important;
    height: 24px !important;
    margin: 10px 10px 3px 3px !important;
    padding: 0 3px 0 3px;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: transparent !important;
}
    .ButtonIcon:hover {
        border-width: 1px !important;
        border-style: solid !important;
        border-color: lightblue !important;
    }
.DisabledDropdown {
    border: 0 !important; /*Removes border*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-overflow: '';
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    overflow: hidden;
    background-color: transparent;
    padding-left: 0px;
    margin-left: 0px;
}

.DisabledDropdow::-ms-expand {
    display: none;
}

.nlw_fc_green {
    color: #a2c148
}

.nlw_fc_blue {
    color: #364584
}

.nlw_bg_green {
    background-color: #a2c148
}

.nlw_bg_blue {
    background-color: #364584
}

.TextTitel {
    color: #364584;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}


/*Enkel voor fieldset 10+*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .DisabledDropdown {
        width: 300% !important;
    }
}

.ButtonEE {
    border-width: 2px !important;
    border-radius: 5px;
    font-size: 21px;
    font-weight: 600 !important;
    color: #fff !important;
    border-color: #fff !important;
    background-image: linear-gradient(180deg,rgba(97,165,24,0.65) 23%,rgba(106,150,58,0.77) 78%);
    padding: .3em 1em;
    line-height: 1.7em !important;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid;
    transition: all .2s ease 0ms;
    -webkit-transition: all .2s;
}
    .ButtonEE:hover {
        transition: all 300ms ease 0ms;
        cursor: pointer;
        border: 2px solid;
        border-color: transparent !important;
        padding-left: .8em;
        background-color: hsla(0,0%,100%,.2);
    }
        .ButtonEE:hover:after {
            font-family: 'ElegantIcons';
            content: attr(data-icon);
            speak: none;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-left: .3em;
            transition: all 2s;
        }

.icon_button {
    display: inline-block;
    font-size: 28px;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 15px;
    margin-bottom: 15px;
    text-decoration: none;
    color: #364584;
}
.icon_button_small {
    display: inline-block;
    font-size: 15px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 2px;
    margin-right: 2px;
    text-decoration: none;
    color: #364584;
}
.div_with_data_icon:before {
    font-family: 'ElegantIcons';
    content: attr(data-icon);
}

a.HelpUrl {
    font-family: 'ElegantIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    margin-left: -20px;
    margin-right: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
    float: right;
    text-decoration: none;
    padding: 0px 4px;
    padding-right: 4px;
    margin-top: 2px;
    color: #364584;
    cursor: pointer;
    font-size: 12px;
}
    a.HelpUrl:before {
        content: "\74";
    }

.DivDashboardChart {
    width: 770px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: var(--kaders-bg-color);
    border-radius: 8px;
}

.Blauw18 {
    font-size: 18px;
    color: var(--ee_blauw);
}

.Blauw14 {
    font-size: 14px;
    color: var(--ee_blauw);
}

.Blauw12 {
    font-size: 12px;
    color: var(--ee_blauw);
}

div.AlgToolbarLeft {
    width: 707px;
    padding: 2px 6px;
    min-height: 23px;
    _height: 23px;
    margin-bottom: 5px;
    background-color: lightgrey;
    border-radius: 5px;
}
    div.AlgToolbarLeft a {
        border-style: none;
        border-color: none;
        color: Black;
        margin: 1px 4px 1px 4px;
        color: black;
        background-color: transparent;
        padding: 3px 14px 3px 0px;
        text-decoration: none;
    }
        div.AlgToolbarLeft a img {
            border: 0px;
            vertical-align: middle;
            margin-right: 2px;
        }
        div.AlgToolbarLeft a:hover, div.AlgToolbarLeft a.Selected {
            color: White;
        }
    div.AlgToolbarLeft input {
        vertical-align: top;
        margin-top: 1px;
        height: 16px;
    }

div.AlgToolbar {
    width: 698px;
    padding: 2px 2px;
    min-height: 24px;
    margin-bottom: 5px;
    background-color: lightgrey;
    border-radius: 5px;
    display: flex;
    align-items: center;
}
    div.AlgToolbar a {
        border-style: none;
        border-color: none;
        color: Black;
        margin: 1px 4px 1px 4px;
        color: black;
        background-color: transparent;
        padding: 3px 7px 3px 7px;
        text-decoration: none;
    }
        div.AlgToolbar a img {
            border: 0px;
            vertical-align: middle;
            margin-right: 2px;
        }
        div.AlgToolbar a:hover, div.AlgToolbar a.Selected {
            color: White;
        }
    div.AlgToolbar input {
        vertical-align: top;
        margin-top: 1px;
        height: 16px;
    }