@charset "utf-8";
/* CSS Document Clientregistratie & volgsysteem  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin         : 0;
    padding        : 0;
    border         : 0;
    font-size      : 100%;
    font           : inherit;
    vertical-align : baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display : block;
}

blockquote, q {
    quotes : none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content : '';
    content : none;
}

table {
    border-collapse : collapse;
    border-spacing  : 0;
}

html {
    width       : 100%;
    height      : 100%;
    margin      : 0;
    padding     : 0;
    font-family : "Arial", Helvetica, sans-serif;
    font-size   : 12px;
    font-weight : normal;
    line-height : 16px;
}

body {
    margin           : 0;
    padding          : 0;
    background-color : #a5c2e0;
    font-family      : "Arial", Helvetica, sans-serif;
    font-size        : 12px;
    font-weight      : normal;
    overflow-y         : scroll!important;
    line-height      : 17px;
    color            : #333333;
}

@font-face {
    font-family : 'FontAwesome';
    src         : url("../fonts/fontawesome-webfont.eot?v=4.1.0");
    src         : url("../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
    font-weight : normal;
    font-style  : normal;
}

pre {
    white-space : pre-wrap; /* css-3 */
    white-space : -moz-pre-wrap; /* Mozilla, since 1999 */
    /*white-space : -pre-wrap; !* Opera 4-6 *!*/
    white-space : -o-pre-wrap; /* Opera 7 */
    word-wrap   : break-word;
}

em {
    font-style : italic !important;
}

strong {
    font-weight : bold !important
}

table td {
    word-break : break-word;
}

/* page_nav: to-top / to-footer buttons */
.page_nav a {
    color           : #076ca1;
    text-decoration : none;
}

.page_nav {
    width    : auto;
    right    : 32px;
    display  : inline-block;
    position : absolute;
}

.page_nav.bottom {
    width          : 100%;
    padding-top    : 30px;
    padding-bottom : 15px;
    overflow       : hidden;
}

.page_bottom {
    width      : 100%;
    text-align : right;
    display    : block;
}

.page_bottom:after, .page_top:after {
    font-weight  : bold;
    color        : #e11309;
    font-size    : 20px;
    position     : relative;
    top          : 2px;
    padding-left : 6px;
    display      : inline;
    font-family  : FontAwesome;
}

.page_top {
    width : auto;
}

.page_bottom:after {
    content : "\f106";
}

.page_top:after {
    content : "\f107";
}
/* header */

#wrapper {
    position         : relative;
    margin           : auto;
    background-color : #e7f7ff;
    width: 100%;
    height: auto;
    padding: 0 0 5px;
}
#wrapper:after {
    color       : #c5c5c5;
    content     : " copyright CRVS 2020 - WMOMO / My Link Design vof";
    font-size   : 10px;
    line-height : 25px;
    top         : 6px; left: 15px;
    margin      : 5px 30px 5px 0px;
    position    : relative;
}
@media screen and (min-width:60em) {
    #wrapper_index { width: 500px;}
}
@media screen and (max-width:59.999em) {
    #wrapper_index {width: 100%; }
}

#wrapper_index {
    position: relative;
    margin: auto;
    padding-top: 9%;
    padding-bottom: 91%;
    overflow: hidden;
    -moz-box-shadow: 2px 2px 3px #87abe0;
    background: linear-gradient(180deg, #ffffff, #c9e5ef);
}
#logo {
    background-image: url(../images/groot-hoogwaak-logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 85px;
    margin-left: 18px;
    margin-bottom: 10px;
    width: 192px;
    display: inline-block;
}
.logo_crvs { width: 30%; height: 85px; float:right;
    background-image: url(../images/logo_CRVSnieuw.png);
    background-size: 85px;
    background-position: right 25px top;
    background-repeat: no-repeat;}
.logo {
    display     : none;
    width       : 65px;
    height      : 40px;
    font-size   : 0;
    font-weight : bold;
    color       : #076ca1;
    padding     : 38px 30px 0 0;
}
#inloggen {
    margin: 3% 6% 0;
    padding: 0 0;
    height: auto;
    width: 88%;
    color: #155078;
    text-align: center;
}
#inloggen label { color:#ffffff;}
.kopjeInlog { font-weight: bold; font-size: 20px; color:#67a5bd; margin-bottom: 7px;}
input.no_input {
    border-style : solid;
    border-width : 1px;
    border-color : #ffffff !important
}

input.no_input {
    padding-top : 0 !important
}
#login_fieldset input[type=password], #login_fieldset input[type=text] {
    padding: 3%;
    width: 94%;
    border-color: #ffffff; border-radius:7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
    border-style: solid;
    border-width: 1px;
    margin-right: 0;
}
.fieldset_center {text-align: center;}
.extra_info_inloggen_right { text-align: center;}


#nav {
    width  : 970px;
    height : 25px;
    margin : 4px 10px 4px 13px;
    color  : white;
}
/*weghalen*/
#content_wrapper {
    width  : 100%;
    margin : 0 0 600px;
    height : auto;

}

#main_content {
    width : 100%;
}
#content { display:inline-block;
    height: auto;
    padding: 70px 3% 0;
    margin    : 0 0 0 0;
    width: 94%;
    font-size : 12px;
    color     : #333333 !important
}

fieldset#login_fieldset { border-top: 1px solid #2f6d95; padding: 0; margin: 0;}
#login_fieldset legend {
    color     : #155078;
    font-size : 16px;
}

#login {
    width  : 400px;
    margin : auto;
}

#form_inloggen {
    box-shadow : none;
    padding    : 5%;
    background-color: #2f6d95; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
    width: 90%;
}
form#form_inloggen a {
    text-decoration : none; display:inline-block; width: 90%;
    color           : #ffffff;
    margin-top : 15px;
    padding-top: 10px; border-top: 1px dotted #71c3e3;
}

#to_do_list {
    width : 220px;
}

.add_name {
    width: 96%;
    border-right: 1px solid #1a8ab2;
    border-left: 1px solid #1a8ab2;
    display: inline-block;
    margin: 6px 0 0 0;
    padding: 0px 2% 0px;
    font-size: 13px;
    line-height: 15px;
}
.add_name a { color:#313132}
.toevoeging_naam {
    display : none !important;
}

.toevoeging_naam.stamkaart {
    display : none !important;
}

.head_title_small, .head_title {

}

/*hier*/


/*.stamkaart_welzijn, .stamkaart_jongere, .stamkaart_client, .stamkaart_mantelzorger, .stamkaart_vrijwilliger,*/
/*.stamkaart_participant {*/
/*    padding : 35px 25px 20px;*/
/*    margin  : -27px -18px -40px -23px;*/
/*    display: inline-block;*/
/*    width: 99%;*/
/*}*/
.stamkaart { padding: 0 1%;}
.stamkaart_vrijwilliger .titel_stamkrt:before {
    font-family: FontAwesome;
    content: "\f007 ";
    color: #fff!important;
    font-size: 12px;
    border: 1px solid #34c58e;
    padding: 4px;
    border-radius: 6px;
    margin-right: 8px;
    background-color: #34c58e;
}
.stamkaart_mantelzorger .titleRBU:before {
    font-family: FontAwesome;
    content: "\f007 ";
    color: #fff!important;
    font-size: 12px;
    border: 1px solid #cc66cc;
    padding: 4px;
    border-radius: 6px;
    margin-right: 8px;
    background-color: #cc66cc;
}
.stamkaart_client .titleRBU:before {
    font-family: FontAwesome;
    content: "\f007 ";
    color: #fff!important;
    font-size: 12px;
    border: 1px solid #32b0da;
    padding: 4px;
    border-radius: 6px;
    margin-right: 8px;
    background-color: #32b0da;
}
.stamkaart_participant .titleRBU:before {
    font-family: FontAwesome;
    content: "\f007 ";
    color: #fff!important;
    font-size: 12px;
    border: 1px solid #ff7f00;
    padding: 4px;
    border-radius: 6px;
    margin-right: 8px;
    background-color: #ff7f00;
}
.stamkaart_inwoner .titleRBU:before {
    font-family: FontAwesome;
    content: "\f007 ";
    color: #fff!important;
    font-size: 12px;
    border: 1px solid #8b23fe;
    padding: 4px;
    border-radius: 6px;
    margin-right: 8px;
    background-color: #8b23fe;
}

#box_middle_lichtblauw {
    height: auto;
    padding: 0 0 20px;
    display: inline-block;
    width: 100%;

}

.stamkaart_client .kopjeBlauw, .stamkaart_vrijwilliger .kopjeBlauw, .stamkaart_mantelzorger .kopjeBlauw,
.stamkaart_participant .kopjeBlauw, .stamkaart_jongere .kopjeBlauw {
    display : none;
}

/* EINDE TOEVOEGING t.b.v. naam- en adresbalk */

.verbergen, .verbergen textarea {
    display    : none !important;
    visibility : hidden;
}

.kopje_mi.intake {
    width       : 100%;
    font-weight : bold;
    margin      : 10px 0 15px;
    color       : #076ca1;
    font-size   : 17px;
}

.kopje_mi {
    width       : 100%;
    font-weight : bold;
    margin      : 10px 0;
    color       : #076ca1;
    font-size   : 17px;
}

.kopje_mi.intake_smal {
    float        : left;
    width        : 35%;
    font-weight  : bold;
    margin-right : 0.5em;
    color        : #076ca1;
    font-size    : 17px;
}

.rood {
    color : #ff99cc;
}

.home table th.todo_status {
    width : 100px;
}

.home table th.todo_door {
    width : 110px;
}
/* DAGDELEN SJABLOON*/
.beschikbaarheid_vrijwilliger.nocolum fieldset {
    width        : 14% !important;
    float        : left;
    padding-left : 2px;
    padding-top: 0;
    margin-top: 0;
}

.div_breed {
    width         : 100%;
    display       : inline-block;
    padding       : 4px 0 4px 5px;
    margin-bottom : 4px;
    border-top    : 1px dotted #cccccc;
    margin-top    : 5px;
}

.besch_checkbox {
    float : left;
    width : auto;
}

.besch_dag {
    display : none;
}

ul.besch_row.nocolumn {
    column-count         : 1 !important;
    -webkit-column-count : 1 !important;
    -moz-column-count    : 1 !important;
}

ul.besch_row {
    column-count         : 7;
    -webkit-column-count : 7;
    -moz-column-count    : 7;
}

.beschikbaarheid_vrijwilliger li {
    list-style-type : none;
    margin          : 0;
    padding         : 11px 0 7px 5px;
    overflow        : hidden;
}

ul.besch_row.bold {
    font-weight : bold;
    padding     : 0 !important;
}

ul.besch_row {
    overflow       : hidden;
    border-bottom  : none !important;
    padding-bottom : 0 !important;
}

ul.besch_row_lef {
    border-bottom : none !important;
    padding       : 0 0 7px 0 !important;
    border-right  : 1px solid #d9dbe2 !important
}

ul.besch_row.bold, ul.besch_row_lef.top {
    border-bottom : 1px solid #d1d3da !important;
}

ul.besch_row_lef.top li {
    padding-bottom : 0 !important;
}

.besch_row.bold:before {
    display : none;
}

.beschikbaarheid_vrijwilliger {
    background-color : #e2f0f7;
    width            : 97%;
    border           : 1px solid #e2f0f7;
    padding          : 0 1%;
    margin           : 15px 0;
    overflow         : hidden;
}

.besch_row_lef li {
    width       : 100%;
    font-weight : bold;
}

.beschikbaar_links {
    float : left;
    width : 18%;
}

.beschikbaar_rechts {
    float : left;
    width : 82%;
}

.beschikbaar_links .besch_row_lef li {
    padding-bottom : 13px;
}

.beschikbaar_uiterst_rechts {
    width : 5%;
    float : left;
}

.bold {
    margin-bottom : 5px;
}

.check_all_boxes {
    width      : 100%;
    padding    : 10px 0;
    text-align : center;
    display    : inline-block;
}

.check_all_boxes label {
    width    : auto;
    margin   : auto ;
    position : relative;
}

li.li_small {
}

/*/////////////////////////*/
input[type="checkbox"] {
    width: 15px !important;
    transform: scale(1.5);
    margin-right: 4px;
    appearance: none;
    border: 1px solid #5bb1d1; /* Randkleur instellen */
    cursor: pointer;
    margin-bottom: 0;

}
input[type="checkbox"]:checked {
    background-color: #5bb1d1;
}
input::focus {
    border: 2px solid #9bbde1; /* Blauwe rand wanneer de input actief is */
    outline: none; /* Verwijder standaard browser-omlijning */
}

input[type=checkbox] {
    background-color : #ffffff;
}

fieldset.box_lite {
    border                : 1px solid #e8ecf7;
    padding               : 2%;
    background-color      : #eef3f6;
    border-radius         : 6px;
    -moz-border-radius    : 6px;
    -webkit-border-radius : 6px;
}

fieldset.box_next {
    border           : 1px solid #f9fffd;
    background-color : #dde9f6;
}

fieldset.box_top {
    background-color : #ffffff;
    border           : 1px solid #ffffff;
}

fieldset.box_submit {
    padding    : 0 3%;
    width      : 94%;
    text-align : center;
}
fieldset.box_submit.zoek {
    margin: 0; padding: 0;
}
fieldset.box_submit .btn {
    padding   : 8px 15px !important;
    font-size : 14px;
}

ul.afdeling {
    display              : inline-block;
    width                : 100%;
    -webkit-column-count : 3;
    -moz-column-count    : 3;
    column-count         : 3;
    -webkit-column-gap   : 30px;
    -moz-column-gap      : 30px;
    column-gap           : 30px;
}

#content .afdeling.switch a.btn {
    margin-right : 25px !important;
}

.afdeling li {
    list-style-type : none;
    margin-bottom   : 10px;
    display         : inline-block;
    width           : 100%;
    border-right    : 1px dotted #9cc1d4;
}

#content .afdeling a.btn {
    color     : #ffffff;
    padding   : 10px !important;
    font-size : 17px;
    display   : inline-block;
}

.afdeling a.btn:after {
    content      : "\f105";
    font-family  : FontAwesome;
    display      : inline;
    padding-left : 8px;
}

form.boxstyle.white {
    background-color : #ffffff;
}

form.boxstyle, form.boxstyle {
    padding            : 3% 2% ;
    width: 96%;
    -moz-box-shadow    : none;
    -webkit-box-shadow : none;
    box-shadow         : none;
}

form.boxstyle label, form.boxstyle label {
    color     : #3e87bd;
    font-size : 15px;
}

form.boxstyle label.no_border {
    border-bottom : none;
}

/*form.hulpvraag label:before { content:"- "; color: #4fadf3}*/
.boxstyle textarea, form.boxstyle textarea {
    width : 60% !important;
}
fieldset.box_top.zoek {
    padding               : 2% 0;
    margin                : 0 0 ;
    width: 100%;
}
fieldset.box_top, fieldset.box_next {
    width                 : 95%;
    padding               : 3% 2% 2% 3%;
    margin                : 0 0 30px;
    border-radius         : 6px;
    -moz-border-radius    : 6px;
    -webkit-border-radius : 6px;
}

.boxstyle select.uur {
    width : 52px;
}

.boxstyle select.minuut {
    width : 52px;
}

.boxstyle select.day {
    width : 52px;
}

.boxstyle select.month {
    width : 105px;
}

.boxstyle select.year {
    width : 70px;
}

form.boxstyle select {
    width : 15%;
}

.form_lijn {
    width          : 100%;
    height         : 1px;
    padding-bottom : 3px;
    margin-bottom  : 4px;
}

.pagination ul {
    margin   : auto;
    padding  : 15px 0;
    position : relative;
    width    : 60%;
    overflow : hidden;
}

.pagination li {
    float           : left;
    width           : auto;
    padding-right   : 35px;
    list-style-type : none;
    color           : #831f82;

}

.pagination li:before {
    content : "-";
    padding : 0 3px 0 0;
}

.pagination li a {
    border       : 1px solid #e9d2eb;
    padding      : 0px 5px;
    margin-right : 10px;
    display      : inline-block;
}


.afspraken {
    width   : 100%;
    padding : 0;
}

.activiteit {
    padding-top: 20px;
    width : 100%;
}

.clientdetails_left {
    width  : 100%;
    margin : 0 0;
}

.clientdetails_left.driekwart {
    width  : 97%;
    margin : 0 3% 0 0;
}

.soc_panel {
    width  : 100%;
    margin : 0 0 10px 0;
}

.crvs {
    background-image: url(../images/logo_CRVSnieuw.png);
    background-repeat: no-repeat;
    background-position: left 9px  top 0px;
    background-size: contain;
    height: 45px;
    /* background-image: url(../images/groot-hoogwaak-logo.svg); */
    /* background-size: contain; */
    /* background-repeat: no-repeat; */
    /* background-position: left center; */
    font-size: 0;
    margin-top: 4px;
    padding: 0 0;
    color: #076ca1;
    width: 40%;
}
#box_top_lichtblauw {
    width : 100%;
}

#topmenu {
    background-color : #076ca1;
    margin           : 5px 0 10px;
    padding-bottom   : 15px;
    height           : 74px;
}

.hide {
    display : none !important;
}

.show_ul_slimmenu {}

.hide_ul_slimmenu {
    display : block;
}

.slimmenu_wrap.desktop, .slimmenu_wrap {
    width : 96%;
}

.top_top_menu_right {
    float : right;
    width : auto;
}

.top_top_left {
    float   : left;
    width   : auto;
    display : block;
}

.topmenutop {
    width : auto;
}


/*//////// NIEUW TOPMENU */
.topmenu_extra {
    float      : right;
    width      : auto;
    margin-top : 5px;
}

#topmenu {
    width    : 100%;
    overflow : hidden;
}

.top_top_menu_right a {
    padding   : 0 0px;
    margin    : 5px 0 0px;
    display   : inline-block;
    font-size : 11px;
}

.top_top_menu_right {
    text-align : right;
    float      : right;
    width      : auto;
    display    : inline-block;
}

.afdeling_participant {
    color   : #fff;
    background-color:#076ca1;
    padding : 10px;
}

.afdeling_participant a {
    color         : #fff;
    padding: 5px;
    margin-top    : 0;
    cursor        : pointer;
    text-decoration: none;
    width: 100%; display:inline-block;
}

.afdeling_participant a:hover {
    color : #fff;
}

.afdeling_participant a:after {
    content      : "\f105";
    font-family  : FontAwesome;
    padding-left : 3px;
    font-weight  : normal;
    position     : relative;
    font-size    : 12px;
    top          : 1px;
}
a.gebruikersnaam {
    margin-right : 7px;
}

.top_top_menu_right a:hover {
    color : #000000;
}

input.groen {
    background-color : #34c58e;
    color            : #ffffff;
}

a.legenda_topmenu {
    color  : #ffffff;
    float  : right;
    margin : 9px 9px 0 0;
}

.terug_btn_Menu {
    float    : right;
    position : absolute;
    left     : 100%;
}

.top_top_left ul > li a {
    color       : #0a9ad8 !important;
    font-weight : bold;
}

.top_top_left li > ul a {
    color       : #ffffff !important;
    font-weight : bold;
}

.top_top_left a:hover {
    color : #ffffff !important;
}

#topmenu .topmenu_client a {
    padding-left : 21px;
}

.btnMenu { width: auto;
    float                 : right;
    background            : none repeat scroll 0 0 #25aee8;
    border                : none;
    color                 : #ffffff;
    cursor                : pointer;
    font-size             : 11px;
    margin                : 8px 5px 0 10px;
    padding               : 2px 5px 4px;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
}

.btnMenu:hover {
    background-color : #333333;
    color            : #ffffff;
}

/* oude #box_top_lichtblauw VERWIJDEREN */
#box_top_lichtblauw {
    background-color : #b7cee6;
    height           : 45px;
}

/* onderstaande styles VERWIJDEREN uit stylesheet:
#andermenu, .gebruikersnaam, .terug_btn_Menu, .top_top_left, .top_top_left a #andermenu .topmenu_client a, .btnMenu, .btnMenu:hover */
/*///////// EINDE NIEUW TOPMENU */

/* MI OVERZICHTSPAGINA */

.mi_overzicht {
    color       : #666666;
    line-height : 19px;
}

.mi_overzicht ul {
    margin               : 15px 0;
    padding              : 0 20px 15px 0;
    -moz-column-count    : 2;
    -moz-column-gap      : 50px;
    -webkit-column-count : 2;
    -webkit-column-gap   : 50px;
    column-count         : 2;
    column-gap           : 50px;
}

.mi_overzicht li {
    list-style-type  : none;
    margin           : 0 0 25px;
    overflow         : hidden;
    padding          : 10px 20px 20px;
    border           : 1px solid #cbddf1;
    background-color : #cbddf1;
}

#content .mi_overzicht a {
    font-size : 17px !important;
}

.mi_overzicht a {
    display     : block;
    margin      : 0 0 10px;
    font-size   : 15px;
    padding     : 5px;
    border      : 1px solid #cbddf1;
    font-weight : bold;
}

.mi_overzicht.niveaus li {
    padding : 10px 20px 20px 35px;
}

.mi_overzicht.niveaus a {
    margin-left : -10px;
}

.mi_overzicht.niveaus a:after {
    content      : "\f040";
    font-family  : fontawesome;
    display      : inline;
    color        : #076ca1;
    padding-left : 30px;
}

.mi_overzicht.niveaus a:before {
    content : "";
}

#content .mi_overzicht a:hover {
    padding             : 5px;
    background-color    : #b7cee6;
    border              : 1px solid #b7cee6;
    text-shadow         : none;
    -webkit-text-shadow : none; /* for chrome */
    -moz-text-shadow    : none; /* for firefox */
    -o-text-shadow      : none; /* for opera */
    -ms-text-shadow     : none; /* for ie 9+ */
    -khtml-text-shadow  : none; /* for gecko based browser*/
}

.mi_overzicht header {
    font-weight : bold;
    font-size   : 18px;
    color       : #076ca1;
    margin      : 15px 0 15px 5px;
}

.mi_overzicht a:before {
    font-family   : fontawesome;
    display       : inline;
    content       : "\f105";
    padding-right : 5px;
}

/* EINDE MI OVERZICHTSPAGINA */

/* nieuwe legandapagina */
.legenda_pagina {
    width            : 96%;
    margin           : auto;
    padding          : 2%;
    background-color : #cbddf1;
}

.legenda_pagina ul {
    width                : 50%;
    -moz-column-count    : 2;
    -moz-column-gap      : 50px;
    -webkit-column-count : 2;
    -webkit-column-gap   : 50px;
    column-count         : 2;
    column-gap           : 50px;
}

.legenda_pagina li {
    list-style-type : none;
    padding-right   : 10%;
    width           : 100%;
    overflow        : hidden;
}


.fieldset.cijferscore {
    float : left;
}
th.klacht {
    width : 42%;
}

.klacht_datum {
    width : 10%;
}

.klacht_naam {
    width : 18%;
}

.kacht_door {
    width : 18%;
}

.klacht_status {
    width : 11%;
}


.floatinbutton a {
    position              : fixed;
    background-color      : #155078;
    color                 : #ffffff !important;
    font-weight           : bold;
    background-repeat     : no-repeat;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    margin                : 0 0 0 10px;
    padding               : 8px 15px;
    font-size             : 13px;
    letter-spacing        : 1px;
}

.floatinbutton a:hover {
    background-color : #a0d1e3;
}
#box_bottom_lichtblauw {
    height : 20px;
}

.message {
    padding          : 0;
    margin           : 0 0 10px 0;
    background-color : #24ade7;
    color            : #ffffff;
    clear            : both;
}
.message_home {
    padding: 4px;
    color: #7891a7;
    background-color: #d9f0fd;
    border: 1px solid #a8ccd9;
    border-radius: 5px;
    margin: 5px 0;
}
.uitloggen {
    margin : 18px 0 0 55px;
}

.uitloggen a {
    font-size             : 13px;
    background-color      : #5ab1d1;
    padding               : 6px 7px 7px;
    font-weight           : bold;
    color                 : #ffffff;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    text-decoration       : none;
}

.uitloggen a:hover {
    background-color : #25aee8;
    -moz-box-shadow       : 3px 3px 8px #9bbcdd;
    -webkit-box-shadow    : 3px 3px 8px #9bbcdd;
    box-shadow            : 3px 3px 8px #b1cbe4;
}
#header {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    position: fixed ;
    z-index: 1000;
    display: inline-block;
    height: 52px;
    background: linear-gradient(90deg, #1b699b,#1683A5FF);
    background: -webkit-linear-gradient(to bottom, rgb(27, 105, 155), rgb(26, 145, 183));
    background: -o-linear-gradient(to bottom, rgb(27, 105, 155), rgb(26, 145, 183));
    background: -moz-linear-gradient(to bottom, rgb(27, 105, 155), rgb(26, 145, 183));
    background: linear-gradient(to bottom, rgb(27 105 155), rgb(26 145 183));
}
#header div { float: left;}
.wrap_header_menu { display:inline-block; width: 100%; border: 1px solid #C00; position: fixed;}
/*.legenda_terug { padding-top: 50px; width: 100%; display:inline-block;}*/
.stappen {
    font-size : 20px;
    color     : #000000;
    padding   : 10px 0 0 0;
    margin    : 10px 0;
}

.stappen:before {
    content     : "> ";
    font-size   : 30px;
    font-weight : bold;
    color       : #ffcc00;
}

#content a.dubbele_koppelen {
    background-color      : #076ca1;
    color                 : #ffffff !important;
    padding               : 7px 10px;
    margin-bottom         : 20px;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
}

/* ///////////MAIN LAYOUT ////////////// */
label.wit {
    background-color : #ffffff !important;
}

.registratie_toev_top label {
    width : 15% !important;
}

.supplier_list {
    padding  : 3px 0;
    display  : block;
    clear    : both;
    overflow : hidden;
}

.aanbieder_checkbox {
    margin : 8px 0;
}

.supplier_list label {
    width : 150px;
}

.verslag_registratie {
    background-color : #d5f4ff;
    width            : 60%;
    padding          : 7px;
}

.menu_row {
    width          : 100%;
    display        : inline-block;
    padding-bottom : 4px;
}

/*#clientmenu {*/
/*    overflow: hidden;*/
/*    border: 1px solid #d2ebf7;*/
/*    clear: both;*/
/*    height: auto;*/
/*    margin: 0 0 10px 0;*/
/*    padding: 10px 15px;*/
/*    width: auto;*/
/*    border-radius: 8px;*/
/*    -webkit-box-shadow: 7px 9px 25px -19px #6699cc;*/
/*    -moz-box-shadow: 7px 9px 25px -19px #6699cc;*/
/*    box-shadow: inset 1px 1px 65px 2px #e4edf3;*/
/*}*/
    #clientmenu {
        overflow: hidden;
        background-color: #2f6d95;
        clear: both;
        height: auto;
        margin: 0 0 10px 0;
        padding: 10px 15px;
        width: auto;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;

    }


#clientmenu div {
    float : left;
}

#clientmenu li {
    list-style-type : none;
}

#clientmenu ul {
    padding : 0 0 10px 0;
}

#clientmenu a:link, #clientmenu a:visited, #clientmenu a:active {
    color                 : #ffffff!important;
    padding               : 5px 5px 3px 5px;
    width                 : auto;
    clear                 : right;
    line-height           : 23px !important;
    border-radius         : 0px;
    -moz-border-radius    : 0px;
    -webkit-border-radius : 0px;
    margin-bottom         : 5px;
}

#clientmenu a:before {
    content     : "\f061";
    font-family : FontAwesome;
    font-weight : bold;
    font-size   : 11px;
    padding     : 0 7px 3px 0;
    font-weight : bold;
}

#clientmenu a:before:hover {
    color : #ffffff !important;
}

/*.stamkaart_client #clientmenu a:before {*/
/*    color : #b0ddf4;*/
/*}*/

/*.stamkaart_mantelzorger #clientmenu a:before {*/
/*    color : #cc66cc;*/
/*}*/

/*.stamkaart_vrijwilliger #clientmenu a:before {*/
/*    color : #34c58e;*/
/*}*/

/*.stamkaart_jongere #clientmenu a:before {*/
/*    color : #a5df00;*/
/*}*/

/*.stamkaart_welzijn #clientmenu a:before {*/
/*    color : #a5df00;*/
/*}*/

/*.stamkaart_participant #clientmenu a:before {*/
/*    color : #ff7f00;*/
/*}*/

#clientmenu a:hover:before {
    content     : "> ";
    color       : #f27145;
    padding     : 0 7px 0 0;
    font-weight : bold;
}

#content #clientmenu a:hover {
    background-color      : #f27145;
    color                 : #ffffff !important;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    border-bottom         : 1px solid #f27145;
    text-shadow           : none;
    text-shadow           : none;
    -webkit-text-shadow   : none; /* for chrome */
    -moz-text-shadow      : none; /* for firefox */
    -o-text-shadow        : none; /* for opera */
    -ms-text-shadow       : none; /* for ie 9+ */
    -khtml-text-shadow    : none; /* for gecko based browser*/
}

.menu_client_left, .menu_client_right,.menu_client_right2, .menu_client_right_right  {
    width : 96%;
}
.menu_client_right_right a {
    background-color      : #076ca1;
    padding               : 5px 10px;
    color                 : #ffffff !important;
    border-radius         : 4px !important;
    -moz-border-radius    : 4px !important;
    -webkit-border-radius : 4px !important;
    display               : block;
    width                 : 50px !important;
    border-bottom         : none !important;
}

.menu_client_right_right a:before {
    content : "" !important;
}

.historie_netwerk {
    width   : auto;
    float   : right;
    height  : 40px;
    display : block;
}

.historie_netwerk a {
    float                 : right !important;
    background-color      : #25aee8;
    padding               : 5px 10px;
    color                 : #ffffff !important;
    border-radius         : 4px !important;
    -moz-border-radius    : 4px !important;
    -webkit-border-radius : 4px !important;
    display               : block;
    border-bottom         : none !important;
}


ul.domein_sk li {
    list-style-type : none;
    margin          : 0;
    padding         : 0;
}

.form_sociale_kaart ul.domein_sk {
    width                : 100%;
    overflow             : hidden;
    margin               : 0;
    padding              : 5px 0 30px;
    -moz-column-count    : 3;
    -moz-column-gap      : 20px;
    -webkit-column-count : 3;
    -webkit-column-gap   : 20px;
    column-count         : 3;
    column-gap           : 20px;
}

/* tabbladen stamkaart */

.stamkaart_tabs {
    float : left;
    width : auto;
}

.stamkaart_status {
    float : left;
    width : auto;
}


/*.stamkaart_mantelzorger {  background-color : #f2e1eb;}*/
/*.stamkaart_vrijwilliger {    background-color : #d9f9dc;;}*/
/*.stamkaart_jongere {    background-color : #f9fde8;}*/
/*.stamkaart_welzijn {    background-color : #efffcf;}*/
/*.stamkaart_participant {    background-color : #fff5ea;}*/
/*.stamkaart_inwoner {    background-color : #eae0f5;}*/

.soort_client .stamkaart_status a, .soort_client .historie_netwerk a {
    padding-left : 10px;
}

.soort_client a.button_blauw_historie {
    margin-right : 0;
}

.soort_client a.wijzig_status {
    padding : 9px 12px 9px 10px;
}

.soort_client {
    width    : 100%;
    overflow : hidden;
    padding  : 10px 0 0 0;
}

.soort_client a {
    text-transform        : capitalize;
    letter-spacing        : 1px;
    font-size             : 15px !important;
    float                 : left;
    padding               : 10px 12px 10px 35px;
    display               : inline;
    width                 : auto;
    margin                : 0 13px 10px 0;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    text-shadow           : none !important;
    -webkit-text-shadow   : none !important; /* for chrome */
    -moz-text-shadow      : none !important; /* for firefox */
    -o-text-shadow        : none !important; /* for opera */
    -ms-text-shadow       : none !important; /* for ie 9+ */
    -khtml-text-shadow    : none !important; /* for gecko based browser*/
}
.inwoner:after, .inwoners:after {
    content: "Inwoner";
    color: #fff;
    display: inline-block;
    padding-left: 25px;
}
a.tab_inwoner {
    background-color: #8b23fe;
}
a.tab_client {
    background-color : #5ed7ff;
}

a.tab_mantelzorger {
    background-color : #cc66cc;
}

a.tab_mantelzorger_jong {
    background-color : #a5df00;
}

/*a.tab_vrijwilliger {*/
/*    background-color : #34c58e;*/
/*}*/

a.tab_deelnemer, a.tab_participant {
    background-color : #ff7f00;
}

a.tab_contactpersoon {
    background-color : #FFC837;
}

a.wijzig_status {
    background-color : #a0d1e3;
    text-transform   : lowercase !important;
}

label.anders:before, .algemene_button.verwijderen a:after, .page_title .algemene_button a:before, .personal_agenda:after, .agenda:after, .mijn_todo:after, .todo:after, .wijzig2 a:after, .verwijder a:after, .wijzig a:after, a.wijzig_status:after, .losse_notities:after, #crvs-home:before, .todo_home:after,
.algemene_button.vrijwilligers_v_match a:after,
.algemene_button.zoekoptie_vrijwilliger a:after {
    display     : inline-block;
    font-family : "fontawesome";
}

.algemene_button.vrijwilligers_v_match a:after,
.algemene_button.zoekoptie_vrijwilliger a:after {
    content      : "\f061";
    padding-left : 10px;
    font-size    : 16px;
}

.algemene_button.vrijwilligers_v_match a:hover,
.algemene_button.zoekoptie_vrijwilliger a:hover {
    background-color : #cc6699;
}

a.wijzig_status:after {
    content     : "\f040";
    font-size   : 16px;
    padding     : 0 0 0 5px;
    font-weight : bold;
}

a.wijzig_status:hover {
    background-color : #076ca1 !important;
    color            : #dbedff !important;
    border           : 1px solid #076ca1 !important;
}

a.wijzig_status {
    border : 1px solid #a0d1e3 !important;
}

.status_left {
    width : 70%;
    float : left;
}

.status_right {
    width       : 25%;
    margin-left : 5%;
    float       : left;
}

a.nieuw_dossier_aanmaken {
    padding               : 10px 20px;
    background-color      : #076ca1;
    color                 : #ffffff !important;
    border-radius         : 0 0 4px 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
}

a.nieuw_dossier_aanmaken:hover {
    background-color : #999999;
}

a.nieuw_dossier_aanmaken:before {
    padding     : 0 10px 0 0;
    margin-top  : 5px;
    display     : inline;
    font-family : fontawesome;
    color       : #ffffff;
    font-size   : 18px;
    content     : "\f067";
}

.dossiers {
    margin : 20px 0 0;
}

.dossiers ul {
    background-color : #ffffff;
    box-shadow       : 2px 2px 3px #bad0e7;
    margin           : 10px 0;
    overflow         : hidden;
    padding          : 5px 15px 15px;
    width            : 70%;

}

.nieuw_dossier {
    height   : auto;
    display  : block;
    overflow : hidden;
    padding  : 20px 0;
}

.dossier_status {
    font-weight : bold;
}

.dossier_datum {
    margin-right : 25px;
}

.dossiers ul li {
    list-style-type : none;
    padding         : 15px 0;
    margin-bottom   : 10px;
    border-bottom   : 1px solid #dedede;
}

a.dossier_sluiten, a.nieuw_dossier_aanmaken {
    padding               : 10px 20px;
    color                 : #ffffff !important;
    border-radius         : 0 0 4px 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
}

a.nieuw_dossier_aanmaken {
    background-color : #b2b400;
}

a.dossier_sluiten {
    background-color : #cc676e;
}

a.dossier_sluiten:hover, a.nieuw_dossier_aanmaken:hover {
    background-color : #999999;
}

a.nieuw_dossier_aanmaken:before {
    content : "\f067";
}

a.dossier_sluiten:before {
    content : "\f07b";
}


a.nieuw_dossier_aanmaken:before, a.dossier_sluiten:before {
    padding     : 2px 10px 0 0;
    display     : inline;
    font-family : fontawesome;
    color       : #ffffff;
    font-size   : 18px;
    position    : relative;
}

.dossiers {
    margin : 20px 0 0;
}

.dossiers ul {
    background-color : #ffffff;
    box-shadow       : 2px 2px 3px #bad0e7;
    margin           : 10px 0;
    overflow         : hidden;
    padding          : 5px 15px 15px;
    width            : 92%;

}

.nieuw_dossier {
    height   : auto;
    display  : block;
    overflow : hidden;
    padding  : 0 0 20px 0;
}

.dossier_status {
    font-weight : bold;
}

.dossier_datum {
    margin-right : 25px;
}

.dossier_datum.gesloten {
    color       : #cc534d;
    font-weight : bold;
}

.dossier_datum.geopend {
    color       : #b2b400;
    font-weight : bold;
}

.dossiers ul li {
    list-style-type : none;
    padding         : 15px 0;
    margin-bottom   : 10px;
    border-bottom   : 1px solid #dedede;
}

label.small.groter {
    font-size   : 14px;
    font-weight : bold;
}

a.tab_inwoner:hover, a.tab_contactpersoon:hover, a.tab_participant:hover, a.tab_deelnemer:hover, a.tab_client:hover, a.tab_mantelzorger:hover, a.tab_mantelzorger_jong:hover, a.tab_vrijwilliger:hover {
    background-color : #076ca1;
}

.field_comments {
    display        : block;
    padding-bottom : 10px;
    overflow       : hidden;
}

#content .verwijder.stamkaart a, #content .wijzig.stamkaart a { color:#5e93af;}
#content .wijzig.stamkaart a { margin-left : 0;}

.wijzig.stamkaart.gebruiker {
    margin-left : 0px;
}

.wijzig.stamkaart.left, .wijzig.left {
    margin-left : 0;
}

/* status actief / niet actief */
.client_status input[type="radio"] {
    margin : 0 25px -3px 5px !important;
}
.client_status label { font-weight: bold; margin-bottom: 15px;}
.client_status {
    width: 90%;
    margin: 0 5%;
    padding: 5px 0 10px;
    border-bottom: 1px dotted #cccccc;
}
.client_status a { border: 1px solid #ccc; padding: 4px 10px;}
fieldset.status_client {
    border-bottom : none !important;
}

form.wijzig_status fieldset {
    padding-bottom : 20px;
    margin-bottom  : 20px !important
}

/*///////////////*/

.let_op_alert {
    float                 : left;
    background-color      : #fcdbcf;
    color                 : #f27145;
    border                : 1px solid #f8b6a0;
    padding               : 10px 15px;
    margin                : 0 10px 10px 0;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
}

/*ul.soc_kaart { height:100%;  width: 100%; overflow:hidden; margin:0; padding: 0;
-moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
	}*/

ul.soc_kaart {
    height   : 100%;
    width    : 100%;
    overflow : hidden;
    margin   : 0;
    padding  : 0;
}

ul.soc_kaart > li {
    width              : 28%;
    float              : left;
    margin             : 0 50px 40px 0;
    padding            : 0 0 0 0;
    overflow           : hidden;
    background-color   : #eef4fd;
    -webkit-box-shadow : 7px 9px 25px -19px #6699cc;
    -moz-box-shadow    : 7px 9px 25px -19px #6699cc;
    box-shadow         : 7px 9px 25px -19px #6699cc;
}


ul.soc_kaart li {
    list-style-type : none;
}

ul.soc_kaart > ul {
    margin  : 0;
    padding : 0;
}

ul.soc_kaart2 li {
    margin        : 0 0 0 10px;
    padding       : 5px;
    border-bottom : 1px solid #cbdff1;
}

.soc_kaart h2 {
    font-size        : 14px;
    background-color : #00b4e8;
    padding          : 10px 0 10px 10px;
    margin           : 0;
    color            : #ffffff;
    width            : 100%;
}

ul.soc_kaart2 {
    display  : block;
    overflow : hidden;
    width    : 97%;
    margin   : 0;
    padding  : 10px 0;
}

ul.soc_kaart2 li a {
    text-shadow         : none !important;
    -webkit-text-shadow : none !important; /* for chrome */
    -moz-text-shadow    : none !important; /* for firefox */
    -o-text-shadow      : none !important; /* for opera */
    -ms-text-shadow     : none !important; /* for ie 9+ */
    -khtml-text-shadow  : none !important; /* for gecko based browser*/
}

ul.soc_kaart2 li:hover {
    background-color   : #cbdff1;
    -webkit-box-shadow : 7px 9px 25px -19px #6699cc;
    -moz-box-shadow    : 7px 9px 25px -19px #6699cc;
    box-shadow         : 7px 9px 25px -19px #6699cc;
}

/*//// slepen ////*/
.soc_column {
    padding-bottom : 100px;
}

.soc_panel {
    padding            : 0 0 0 0;
    overflow           : hidden;
    background-color   : #eef4fd;
    -webkit-box-shadow : 7px 9px 25px -19px #6699cc;
    -moz-box-shadow    : 7px 9px 25px -19px #6699cc;
    box-shadow         : 7px 9px 25px -19px #6699cc;
}

.soc_panel-header {
    padding       : 0.2em 0.3em;
    margin-bottom : 0.5em;
    position      : relative;
}

.portlet-toggle {
    position   : absolute;
    top        : 50%;
    right      : 0;
    margin-top : -8px;
}

.soc_panel-content {
    padding : 0.4em;
}

.portlet-placeholder {
    border : 1px dotted black;
    margin : 0 1em 1em 0;
    height : 50px;
}

.arrow-down {
    margin-left  : 30px;
    padding      : 0 !important;
    width        : 0;
    height       : 0;
    border-left  : 7px solid transparent;
    border-right : 7px solid transparent;
    border-top   : 7px solid #00b4e8;
}

/*//// slepen einde ////*/

.anylinkcss li.helpdesk_li {
    margin    : 5px 0 0;
    padding   : 10px 4px 0 5px;
    color     : #a6f9ff;
    font-size : 14px;
}

.menu_hr {
    color         : #ffffff;
    height        : 1px;
    border-top    : 1px solid #ffffff;
    border-bottom : none;
}

.box_verstuurd {
    padding               : 30px 30px 30px 100px;
    background-image      : url(../images/verstuurd.fw.png);
    background-repeat     : no-repeat;
    background-color      : #eaf1f8;
    border                : 1px solid #d1dfef;
    border-radius         : 6px;
    -moz-border-radius    : 6px;
    -webkit-border-radius : 6px;
    color                 : #4bd2ff;
    font-weight           : bold;
    font-size             : 16px;
}

#voorziening_list ul {
    height : 2540px;
}

.clearfix {
    width  : 100%;
    height : 1px;
    clear  : both;
}

.clearfix_lijn {
    margin : 8px 0 0 0;
    height : 1px;
    clear  : both;
    width  : 95% !important
}

.clearfix_lijn_solid {
    height     : 1px;
    clear      : both;
    border-top : 1px dotted #eeeeee;
    margin     : 0 20px 0 0;
    width      : 95% !important
}


tr.wonen_class {
    background-color : #ccffcc;
}

tr.welzijn_class {
    background-color : #c8c878;
}

tr.vervoer_class {
    background-color : #bfeffd;
}

tr.inkomen_class {
    background-color : #93ccf2;
}

tr.dienstverlening_class {
    background-color : #bbdff7;
}

tr.zorg_class {
    background-color : #88f1f7;
}

tr.inkomensondersteuning_class {
    background-color : white;
}

input#bekijk {
    cursor                : pointer;
    background-color      : #00b4e8;
    border                : 1px solid #00b4e8;
    color                 : #ffffff;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    padding-left          : 10px;
    padding-right         : 10px;
}

input#bekijk:hover {
    background-color : #076ca1;
    border           : 1px solid #076ca1;
}



TABLE {
    table-layout : auto;
    font-size    : 12px;
    line-height  : 17px;
    color        : #333333;
}

TABLE {
    margin : 0 0 10px 0;
}

td {
    color : #333333;
}

TD, TH, TR {
    table-layout   : auto;
    font-size      : 12px;
    line-height    : 17px;
    vertical-align : top;
    padding        : 3px 8px 4px 8px;
    border-spacing : 0px;

}

td.subreg {
    width        : 100%;
    padding      : 0 0 0 5px;
    table-layout : auto;
}

.subreg tr.subreg2 td {
    border : none;
}

.subreg table {
    box-shadow : none !important;
}

#content .registrations table.center {
    width : 98% !important;
}

.registrations table.center {
    border-left        : 1px solid #abc7e2;
    margin-bottom      : 0 !important;
    -webkit-box-shadow : 7px 9px 25px -19px #333333;
    -moz-box-shadow    : 7px 9px 25px -19px #6699cc;
    box-shadow         : 7px 9px 25px -19px #6699cc;
}

.registrations tr.subreg2 td {
    border-top : 1px solid #abc7e2 !important;
}

.registrations tr.subreg2 td {
    background-color   : #e0f0fa;
    -webkit-box-shadow : none !important;
    -moz-box-shadow    : none !important;
    box-shadow         : none !important;
}

.subreg2 a {
    text-decoration : underline !important
}

tr.subreg table th {
    border-bottom : 1px solid #5f94c9;
    border-top    : none;
}

tr.subreg {
    width            : 100%;
    margin-top       : 5px;
    padding-bottom   : 20px;
    table-layout     : auto;
    background-color : #c2ddf8;
}

tr.subreg td {
    background-color : #e2f3fc;
}

.registrations tr.subreg td {
    -webkit-box-shadow : inset 10px 12px 50px -19px #6cc8f9;
    -moz-box-shadow    : inset 10px 12px 50px -19px #6cc8f9;
    box-shadow         : inset 10px 12px 35px -19px #6cc8f9;
}

#content a {
    color           : #076ca1;
    font-family     : Arial, Helvetica, sans-serif;
    font-size       : 12px;
    line-height     : 16px;
    text-decoration : none;

}

#content a:hover {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    line-height         : 16px;
    text-decoration     : none;
    color               : #000000;
    text-shadow         : 1px 2px 2px #5f94c9;
    -webkit-text-shadow : 1px 2px 2px #5f94c9; /* for chrome */
    -moz-text-shadow    : 1px 2px 2px #5f94c9; /* for firefox */
    -o-text-shadow      : 1px 2px 2px #5f94c9; /* for opera */
    -ms-text-shadow     : 1px 2px 2px #5f94c9; /* for ie 9+ */
    -khtml-text-shadow  : 1px 2px 2px #5f94c9; /* for gecko based browser*/
}

th.subreg {
    text-align : left;
}

.table_border table {
    border     : 1px solid #a5c2e0;
    border-top : none;
}

#content table {
    width              : 100% !important;
    -moz-box-shadow    : 3px 3px 10px #adc8e2;
    -webkit-box-shadow : 3px 3px 10px #adc8e2;
    box-shadow         : 3px 3px 10px #adc8e2;
}

#content table tr {
    margin-right : 10px;
}

#content a img {
    border : none;
}

#content .clientdetails_left table {
    border-spacing : 0 !important;
}

table.table_small {
    width      : 40%;
    text-align : left;
}

td.column_aantal, th.column_aantal {
    width : 50px;
}

table.center.alle_vrijwilligers {
    margin-top : 20px;
}

table.center.alle_vrijwilligers tr.head {
    background-color : #cc6699
}

table.center.alle_vrijwilligers tr.even {
    background-color : #ecc6d9;
}

table.center.alle_vrijwilligers tr.odd {
    background-color : #f2d9e6;
}

table.center.alle_vrijwilligers td {
    border-bottom : 1px solid #ebadd6;
    border-right  : 1px solid #ebadd6;
}

table.center.alle_vrijwilligers td {
    border-bottom : 1px solid #ebadd6;
    border-right  : 1px solid #ebadd6;
}

table.center th.beschikbaar_tlf {
    width : 100px;
}

table.center th.beschikbaar_naam {
    width : 250px;
}

table.center th.beschikbaar_email {
    width : 200px;
}


table.center {
    border-spacing : 0 !important;
}

table.center td {
    border-right  : 1px solid #abc7e2;
    border-bottom : 1px solid #abc7e2;
}

table.center th {
    border-right  : 1px solid #87aed6;
    border-bottom : 1px solid #5f94c9;
}

form.breed {
    width : 96.5% !important
}

form.tabel_breed {
    padding : 0 !important;
    width   : 99.5% !important
}

form.tabel_breed .btn {
    margin             : 0 10px 10px 0 !important;
    float              : right !important;
    -moz-box-shadow    : 3px 3px 8px #9bbcdd;
    -webkit-box-shadow : 3px 3px 8px #addde9;
    box-shadow         : 3px 3px 8px #addde9;
}

.form_sociale_kaart select {
    width : auto;
}

.form_sociale_kaart textarea {
    width : 50% !important;
}

.form_sociale_kaart input[type=text] {
    width : 50% !important;
}

form.form_klein label, form.form_klein select, form.form_klein input {
    float : left;
}

form.form_klein label {
    width     : auto;
    margin    : 0 20px 0 0;
    padding   : 4px 0;
    font-size : 14px;
}

form.form_klein select {
    padding : 5px 2px;
    margin  : 0 15px 0 0;
}

form.form_klein input[type=submit] {
    margin  : 0;
    padding : 0;
}

.home_home table td {
    border-right : 1px solid #abc7e2;
}

.home_home table {
    border-left : 1px solid #abc7e2;
}

.home_home .page_title {
    float               : none !important;
    width               : 100%;
    -moz-text-shadow    : 2px 2px 3px #ffffff;
    text-shadow         : 2px 2px 6px #ffffff;
    -webkit-text-shadow : 2px 2px 6px #ffffff;
    -o-text-shadow      : 2px 2px 6px #ffffff;
    -ms-text-shadow     : 2px 2px 6px #ffffff;
    -khtml-text-shadow  : 2px 2px 6px #ffffff;

}

.home table td {
    padding-top   : 10px;
    border-bottom : 1px solid #abc7e2;
}

.home table .head2 th {
    border-bottom : none !important;
    border-top    : none !important;
}

.home table th {
    font-weight   : bold;
    border-right  : none;
    border-bottom : 1px solid #5f94c9;
    border-top    : 1px solid #5f94c9;
    padding       : 5px 10px 5px 8px;
}

form.management_form table th {
    text-align : left;
    border     : none !important;
}

form.management_form table {
    box-shadow         : none !important;
    -webkit-box-shadow : none !important;
    -moz-box-shadow    : none !important;
}

.home table {
    border-spacing : 0 !important;
}

input[type="checkbox"].csscheckbox {
    width  : 22px !important;
    height : 22px !important;
    margin : 0 !important;
}

.bv_mess {
    background-color : #f59e9f;
    padding          : 10px;
    margin-bottom    : 10px;
    color            : #b60a40;
}

.print_excel {
    float   : right;
    color   : #1e6441 !important;
    width   : auto;
    margin  : -5px 0 0 0;
    padding : 0 0 0 0;
    display : block;
    cursor  : pointer;
}

.print_excel.right-top {
    margin-top : 0;
}

.print_excel input {
    margin : 0;
}

.excel_button {
    border            : none;
    background-image  : url(../images/excel-button.png);
    background-repeat : no-repeat;
    width             : 30px;
    height            : 30px;
    cursor            : pointer;
    background-color  : #e2ebf5;
}

.excel_button a {
    height : 20px;
}

.pdf_button {
    border            : none;
    background-color  : #d8e4f2;
    background-image  : url(../images/pdf.png);
    background-repeat : no-repeat;
    width             : 25px;
    height            : 25px;
    cursor            : pointer;
}

#content .toe a {
    /*background-image : url(../images/toestemming.png);*/
}

#content .res a {
    background-image : url(../images/resultaat.png);
}

#content .ar a {
    background-image : url(../images/archief.png);
}

#content .pdf a {
    background-image : url(../images/pdf.png);
}

#content .vs a {
    /*background-image : url(../images/versturen.png);*/
}
#content .vo a {
    background-image : url(../images/volgen.png);
    color            : #ffffff;
}

/*#content .plus a {*/
/*    background-image : url(../images/plus.png);*/
/*}*/

#content .ma {
    background-image    : url(../images/match.png);
    background-position : 3px 11px;
    background-repeat   : no-repeat;
    background-size     : 22px 22px;
    display             : block;
    width               : 25px;
    overflow            : hidden;
}
#content .maV {
    background-image    : url(../images/matchV.png);
    background-position : 3px 11px;
    background-repeat   : no-repeat;
    background-size     : 22px 22px;
    display             : block;
    width               : 25px;
    overflow            : hidden;
}

/*#content .dt a,#content .af a,#content .wij a,#content .plus a, */
#content .maV a, #content .toe a, #content .res a, #content .ar a, #content .pdf a,  #content .vs a, #content .ma a,  #content .vo a, #content .ma a, #content .ex a {
    background-size     : 22px 22px;
    display             : block;
    width               : 25px;
    min-height          : 25px;
    background-repeat   : no-repeat;
    background-position : top center;
    font-size           : 0;
}
/* #content .dt,#content .af,#content .wij, #content .vw */
#content .toe, #content .res, #content .ar, #content .pdf, #content .vs, #content .ma, #content .vo, #content .ex, #content .maV {
    width   : 25px;
    padding : 11px 0 0 5px;
    margin  : 0;
}

#content .maV a {
    color          : #ffffff;
    height         : 100%;
    padding-bottom : 50%;
}
/*#content .af a,#content .dt a, #content .wij a,#content .plus a,  */
#content .toe a, #content .res a, #content .ar a, #content .pdf a, #content .vs a, #content .ma a, #content .vo a, #content .ma a, #content .ex a, #content .maV a {
    background-size     : 22px 22px;
    display             : block;
    width               : 25px;
    height              : 25px;
    background-repeat   : no-repeat;
    background-position : top center;
    font-size           : 0;
}
/*#content .dt,#content .wij, #content .af,*/
#content .maV, #content .toe, #content .res, #content .ar, #content .pdf, #content .vs, #content .ma, #content .vo, #content .ex {
    width   : 25px;
    padding : 4px 0 0 5px;
    margin  : 0;
}

#content .registrations td a {
    background-repeat   : no-repeat;
    background-position : top center;
}

.registrations {
    overflow : hidden;
    padding  : 15px 0 10px;
    width    : 100%;
    height   : auto;
}

.registrations td {
    background-color : #d0deee;
    border-bottom    : 1px solid #a5c2e0;
    padding-top      : 10px;
}

tr.headRBU th {
    color : #076ca1;
}

th.toevoegen.afdeling {
    text-align : right !important;
}

th.toevoegen.afdeling a:after {
    font-family : fontawesome;
    display     : inline;
    content     : "\f067";
    font-size   : 17px;
    padding     : 0 0 0 10px;
    position    : relative;
    top         : 2px;
}

label.participant {
    font-size   : 17px;
    font-weight : bold;
}

form.form_klein {
}

.registrations .clearboth {
    margin-bottom  : 0;
    padding-bottom : 0;
}

.actief {
    color       : #33cc00;
    font-weight : bold;
}

.inactief {
    color       : #ff0000;
    font-weight : bold;
}

#voorziening_list ul {
    margin               : 0;
    padding              : 0;
    width                : 100%;
    line-height          : 20px;
    -moz-column-count    : 3;
    -moz-column-gap      : 20px;
    -webkit-column-count : 3;
    -webkit-column-gap   : 20px;
    column-count         : 3;
    column-gap           : 20px;
}

#voorziening_list li {
    float           : left;
    list-style-type : none;
    margin          : 0;
    width           : 240px;
    height          : auto;
    text-align      : left;
    overflow        : hidden;
    margin          : 0 20px 5px 0;
    padding         : 0 0 4px 0;
    border-bottom   : 1px dotted #eeeeee;
}

#voorziening_list label {
    background-color : #ffffff;
    width            : 205px;
    padding-top      : 0;
    text-align       : left;
}

#voorziening_list input[type="checkbox"] {
    margin-top : 5px;
}

#voorziening_list input[type="checkbox"] {
    width : 15px !important
}

.resultaat_checkbox {
    float  : left;
    margin : 0 10px 8px 1px;
}

.result {
    float : right !important
}

.result {
    width : 96% !important
}

.result {
    clear : right !important
}

.result {
    padding : 0 !important
}

.result {
    margin : 0 !important
}

#voorziening_res_list ul.normal {
    height        : 50%;
    border-bottom : 1px dotted #076ca1;
    overflow      : hidden;
}

#voorziening_res_list ul {
    margin               : 10px 20px 0 0;
    padding              : 0 0 5px 0;
    width                : 95%;
    line-height          : 20px;
    border-bottom        : 1px solid #a5c2e0;
    overflow             : hidden;
    -moz-column-count    : 2;
    -moz-column-gap      : 20px;
    -webkit-column-count : 3;
    -webkit-column-gap   : 20px;
    column-count         : 3;
    column-gap           : 20px;
}

.mantelzorgcompliment ul.resultaat_li {
    padding-top : 0 !important;
}

ul.resultaat_li {
    padding              : 15px 0 10px 0 !important;
    margin               : 0 0 10px !important;
    -moz-column-count    : 2;
    -moz-column-gap      : 20px;
    -webkit-column-count : 2;
    -webkit-column-gap   : 20px;
    column-count         : 2;
    column-gap           : 20px;
}

ul.resultaat_li li {
    list-style-type : none;
    overflow        : hidden;
}

.resultaat_li label {
    width       : 80% !important;
    padding-top : 0;
    color       : #666666;
}

li.marginbottom {
    margin-bottom : 10px;
}

.resultaat_li fieldset {
    border     : none;
    margin     : 15px 0;
    padding    : 15px 0 10px !important;
    width      : 95%;
    border-top : 1px solid #eeeeee;
}

#voorziening_res_list li {
    float           : left;
    list-style-type : none;
    margin          : 0;
    width           : 100%;
    height          : auto;
    text-align      : left;
    overflow        : hidden;
    margin          : 0 20px 5px 0;
    padding         : 0 0 4px 0;
}

#voorziening_res_list label {
    background-color : #ffffff;
    width            : 205px;
    padding-top      : 0;
    text-align       : left;
}

#voorziening_res_list input[type="checkbox"] {
    margin-top : 5px;
}

#voorziening_res_list input[type="checkbox"] {
    width : 15px !important
}

.result_dt {
    width : 100px;
    color : #076ca1;
}

.result_cl {
    width : 65%;
    color : #076ca1;
}

th.resultaat, th.verwijder {
    width       : 40px;
    font-weight : normal;
    font-size   : 10px;
    color       : #25aee8;
}


.result_details {
    background-color : #ffffff;
    padding          : 20px 20px 20px 40px;
    overflow         : hidden;
}

.result_details_left {
    float : left;
    width : 40%;
}

.result_details_right {
    float        : left;
    width        : 50%;
    padding-left : 75px;
}

/*.result_vraag, .result_memo_kopje { background-color:#076ca1;  color:#a0d1e3; font-size: 13px; margin: 0 0 10px 0; padding: 5px 10px;}
.result_vraag_sub { font-weight: ; background-color: #a5c2e0;  color:#fff; font-size: 13px; margin: 10px 0; padding: 5px 10px;}
*/

.result_overig, .result_vraag, .result_memo_kopje {
    color       : #076ca1;
    font-size   : 15px;
    font-weight : bold;
    margin      : 0 0 10px 0;
    padding     : 5px 0;
}

.result_vraag_sub {
    background-color : #a5c2e0;
    color            : #ffffff;
    font-size        : 13px;
    margin           : 10px 0;
    padding          : 5px 10px;
}

.totaal_overig {
    background-color : #2463a2;
    color            : #ffffff;
    font-size        : 13px;
    margin           : 10px 0;
    padding          : 5px 10px;
}

.totaal_overig.groot strong {
    font-size    : 19px;
    padding-left : 8px;
}

.result_details ul {
    margin           : 0 0 20px 0;
    padding          : 20px 0;
    background-color : #eef3f9;
    color            : #076ca1;
}

.result_details li {
    margin          : 0 0 0 28px;
    padding         : 0;
    list-style-type : disc;
    color           : #5ed7ff;
}

.result_voorziening {
    background-color : #eef3f9;
    color            : #2463a2;
    margin           : 0 0 20px;
    padding          : 10px 20px;
}

.list_color {
    color : #2463a2;
}

.memo_resultaat {
    border     : 1px solid #cccccc;
    margin     : 15px 0 25px;
    padding    : 15px;
    min-height : 200px;
}

.result_memo li {
    color : #2463a2;
}

label.datum_ontvangst {
    width : 45%;
}

label.datum_gesprek {
    width : 45%;
}

.clearboth {
    clear         : both;
    overflow      : hidden;
    padding       : 10px 0;
}

.clientdetails_left table {
    border        : 1px solid #a5c2e0;
    margin-bottom : 0 !important;
}

.clientdetails_left td {
    padding : 7px 8px !important;
}

.clientdetails_left_breed {
    width         : 600px;
    border-top    : 1px solid #076ca1;
    margin-bottom : 20px;
}

.afspraken {
    float              : right;
    margin             : 0 0 ;
}

.afspraken table {
    -webkit-box-shadow : none !important;
    -moz-box-shadow    : none !important;
    box-shadow         : none !important;
}


.client_dt.pasfoto img {
    max-height : 150px;
    width      : auto;
    border     : 10px solid #a0d1e3;;
}

.client_dt {
    width        : 140px;
    border-right : 1px dotted #076ca1;
    color        : #076ca1;
}

.clt_details {
    width : 220px;
}

#content p {
    display : inline-block !important;
}

.clientdetails_left, .activiteit {
    float : left;
}

.activiteit tr.titleRBU {
    border-bottom : 1px solid #076ca1;
}

.headRBU .titleRBU {
    color     : #076ca1;
    font-size : 16px;
}

#content .activiteit table tr.kopje_activiteit2 th {
    border-top       : none;
    border-right     : 1px solid #abc7e2;
    text-align       : left;
    color            : #076ca1;
    background-color : #e3ecf4 !important;
}


tr.kopje_activiteit2 {
    border-left : 1px solid #076ca1 !important;
}

tr.kopje_activiteit {
    text-align : left;
    color      : #076ca1 !important;
}

tr.kopje_activiteit th {
    border-top    : none;
    border-right  : none;
    font-size     : 16px !important;
    border-bottom : 1px solid #076ca1 !important
}

#content .activiteit table, #content .activiteit table td, #content .activiteit table th {
    background-color : #ffffff !important;
}

#content .afspraken table.center {
    background-color : #c0d3e9;
    padding          : 0;
    table-layout     : auto;
    width            : 100% !important;
    font-family      : Arial, Helvetica, sans-serif;
    font-size        : 12px;
    line-height      : 17px;
    vertical-align   : top;
}
div.wijzig { width: 100%;}
.wijzig {
    margin-right : 10px;
}


.reg_toevoegen a {
    background-color      : #076ca1;
    color                 : #ffffff !important;
    background-repeat     : no-repeat;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    border                : 1px solid #0f57c4;
    margin                : 0;
    padding               : 4px 10px 5px;
    font-size             : 13px !important;
}

.wijzig2 a {
    background-color      : #25aee8;
    color                 : #ffffff !important;
    font-weight           : bold;
    background-repeat     : no-repeat;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    margin                : 0 0 0 10px;
    padding               : 5px 15px 5px;
    font-size             : 13px;
    letter-spacing        : 1px;
    line-height           : 16px;
}

.wijzig2 a:hover {
    background-color : #076ca1;
    color            : #ffffff !important
}

/* padding 8px 15px standaard bij float buttons */
#content .verwijder a, #content .wijzig a {
    display: inline-block;
    font-weight: bold;
    background-repeat: no-repeat;
    margin: 0;
    padding: 8px 0 4px;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 16px;
}
.reg_toevoegen a:hover, .wijzig a:hover, .verwijder a:hover  {
    background-color : #076ca1; color:#fff!important;
}

.wijzig2 a:after, .wijzig a:after {
    content     : "\f040";
    font-size   : 12px;
    padding     : 0 0 0 4px;
    font-weight : bold;
}

.verwijder a:after {
    content     : "\f00d";
    font-size   : 16px;
    position: relative; top: 1px;
    padding     : 0 0 0 4px;
    color       : #cc0000;
    font-weight : bold;
}

.algemene_button.verwijderen a:after {
    content     : "\f00d";
    font-size   : 13px;
    padding     : 0 0 0 10px;
    color       : #ffffff;
    font-weight : bold;
}

.page_title .algemene_button.floatnone {
    float : none !important;
}

.page_title .algemene_button, .algemene_button {
height: 40px; display:inline-block; float:left;
}

.algemene_button.matchmaken a:after {
    content     : "M";
    color       : #ffffff;
    padding     : 0 3px 0 4px;
    margin-left : 10px;
    font-size   : 16px;
}

.algemene_button.verwijderen.match a:after {
    font-size : 19px;
}

.algemene_button.wijzigen a:after {
    font-size   : 19px;
    content     : "\f040";
    margin-left : 10px;
}


.page_title .algemene_button.floatright {
    float : right !important;
}

.algemene_button.floatright {
    float      : right !important;
    margin-top : 10px;
}

/* padding 8px 15px standaard bij float buttons */
.page_title .algemene_button a, .algemene_button a, a.algemene_button {
    background-color      : #25aee8;
    color                 : #ffffff !important;
    font-weight           : bold;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    margin                : 0 10px 0 0;
    padding               : 10px 15px;
    font-size             : 13px;
    letter-spacing        : 1px;
}

.algemene_button a:hover {
    background-color : #99b81e;
    text-shadow      : none !important;
}

.page_title .algemene_button a:hover {
    background-color : #a0d1e3;
}

.page_title .algemene_button a:before, .algemene_button a:before, .exporteren_excel a:after, .algemene_button.lijst-mailen a:after, .algemene_button.matchmaken a:after, .algemene_button.wijzigen a:after {
    display     : inline;
    font-family : "FontAwesome";
}

.page_title .algemene_button.terug a:before {
    content : "\f137";
}

.exporteren_excel a:after {
    content : "\f1c3";
}

.exporteren_excel a:after, .page_title .algemene_button.terug a:before, .algemene_button.lijst-mailen a:after {
    font-size   : 15px;
    color       : #ffffff;
    font-weight : bold;
    padding     : 0 0 0 10px;
}

.algemene_button.lijst-mailen a {
    background-color : #9966cc;
}
.algemene_button.lijst-mailen a:after {
    content : "\f0e0";}

.exporteren_excel a {
    background-color      : #cc0000;
    color                 : #ffffff !important;
    font-weight           : bold;
    background-repeat     : no-repeat;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    margin                : 0 0 0 10px;
    padding               : 8px 15px;
    font-size             : 13px;
    letter-spacing        : 1px;
}


.geen_acties {
    width    : 100%;
    padding  : 0 0 15px;
    height   : auto;
    overflow : hidden;
}

/* /////// TABEL OPMAAK/////////// */
.head_title_small.wrap {
    margin-bottom : 40px;
}

hr.invisible.wrap {
    margin  : 0;
    height  : 1px;
    padding : 0;
    display : block;
}

.sectie_personal {
    border             : 1px solid #abc7e2;
    border-top         : none;
    background-color   : #bfd6ee;
    -moz-box-shadow    : 3px 3px 10px #adc8e2;
    -webkit-box-shadow : 3px 3px 10px #adc8e2;
    box-shadow         : 3px 3px 10px #adc8e2;
}

.personal_wrap.sectie {
    width         : auto;
    padding       : 7px 8px;
    border-bottom : 1px solid #abc7e2;
}

div.head {
    width            : auto;
    background-color : #076ca1;
    padding          : 4px 15px 1px 8px;
    text-align       : left !important;
    text-align       : left;
    font-size        : 13px;
    color            : #ffffff !important;
    height           : auto;
    font-weight      : bold;
}

.selectie_tot {
    background-color : #eeeeee;
    text-align       : center;
}

tr.head_licht {
}

tr.head {
    background-color : #076ca1;
    padding          : 5px 15px 4px 8px;
    text-align       : left !important;
    font-size        : 12px;
    color            : #ffffff !important;
    height           : auto;
    font-weight      : normal !important;
}

tr.head th {
    font-size : 12px;
}

tr.head .client_dt, tr.head .clt_details {
    color : #ffffff;
}


.home table tr.head th {
    border : none;
}


tr.head2 th {
    color      : #076ca1 !important;
    font-size  : 15px !important;
    padding    : 5px 15px 4px 8px;
    text-align : left !important
}

tr.head1 {
    font-size        : 14px;
    color            : #076ca1;
    border-left      : 1px solid #abc7e2;
    border-right     : 1px solid #abc7e2;
    background-color : #d8e4f2;
    text-align       : left;
}

tr.head1 th {
    border-bottom : 1px solid #abc7e2 !important;
}

tr.headRBU {
    background-color : #a5c2e0;
    text-align       : left;
    padding          : 0;
    height           : auto;
}

tr.headRBU2 {
    border-left   : 1px solid #abc7e2;
    border-bottom : none;

    text-align    : left;
    padding       : 0;
    height        : auto;
}

tr.subhead {
    background-color : #c0d3e9;
}

tr.sub {
    background-color : #a7c0e1;
}

tr.subRBU {
    background-color : #a7c0e1;
    width            : 100%;
}

tr.even {
    border-left      : 1px solid #abc7e2;
    background-color : #bfd6ee;
}

tr.odd {
    border-left      : 1px solid #abc7e2;
    background-color : #cbddf1;
}


.table_reg_datum table {
    float : left;
}

.startdatum, .einddatum {
    border   : 1px solid #666666;
    float    : left;
    overflow : hidden;
}

form.verslagforms_archiveren {
    width            : 99.5% !important;
    padding          : 0 0 10px 0 !important;
    background-color : #d8e4f2 !important;
}


/* mantelzorgcompliment */

#content .mtz_compl a:after, .register a:after {
    font-family : "FontAwesome";
    display     : inline;
}

.register a:after {
    content      : "\f040";
    font-size    : 20px;
    font-weight  : bold;
    padding-left : 10px;
    color        : #25aee8;
}

#content .mtz_compl a {
    color : #cc66cc !important;
}

#content .mtz_compl a:after {
    font-family  : "FontAwesome";
    display      : inline;
    content      : "\f06b";
    font-size    : 20px;
    font-weight  : bold;
    padding-left : 10px;
}

form.client_zoeken {
    width : 96%;
}

form.client_zoeken span.error {
    width    : 100%;
    overflow : hidden;
    display  : block;
}


/* registreren */
.niet_verplicht {
    background-color : #ecf5ff;
    padding: 15px;
}

.niet_verplicht .kopjeBold {
    border-bottom : 1px solid #d9ebff;
    width         : auto;
}

textarea#registration, textarea#confidential {
    background-color : #e6f2ff !important;
    width            : 60% !important;
}

textarea.breed {
    width : 60% !important;
}

.management_form {
    width   : 793px;
    height  : auto;
    border  : 1px solid #acd1dd;
    padding : 15px;
    margin  : 0 0 10px 0 !important
}


form#periodform {
    width            : 890px;
    background-color : #ffffff;
}

.title {
    font-family      : Arial, Helvetica, sans-serif;
    font-size        : 24px;
    line-height      : 30px;
    background-color : #006666;
    color            : #dcdcdc;
}

.subtitle {
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 16px;
    line-height : 22px;
    font-weight : bold;
    color       : #006666;
}

.titleRBU {
    margin-right: 5px;
    margin-bottom: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #076ca1!important;
    display: inline-block;
    width: auto;
}
.header {
    font-family      : Arial, Helvetica, sans-serif;
    font-size        : 24px;

    background-color : #006666;
    color            : #dcdcdc;
}


#errors {
    text-align       : left;
    font-family      : Verdana, Arial, Helvetica, sans-serif, "Futura Bk";
    font-size        : 11px;
    color            : #ff0000;
    background-color : #f4f4f4;
    width            : 47em;
    margin           : 0 0 0 0;
}

#errors li {
    width   : 568px;
    padding : 5px 0 10px 15px;
    cursor  : auto;

}


#errors_inloggen {
    text-align       : left;
    font-family      : Verdana, Arial, Helvetica, sans-serif, "Futura Bk";
    font-size        : 11px;
    color            : #ff0000;
    background-color : #f4f4f4;
    width            : 27em;
    padding          : 3px;
    border           : 1px solid #efefef;
}

/*  FORMS */

.labelred {

    color : red;

}

.let_op_alert {
    background-color : #fbdcdb;
    border           : 1px solid #ffbbbb;
    padding          : 15px;
    width            : 70%;
}

.label {
    color            : #076ca1;
    font-weight      : normal !important;
    font-size        : 12px !important;
    padding          : 3px 6px;
    background-color : #f2f8ff;
}
label.blank {display:none;}
.form_breed .kopjeKleiner {
    color : #076ca1;
}

fieldset.gebruiker {
    background-color : #f5f5f5;
    border-color     : #eeeeee;
}

fieldset.gebruiker label {
    width : 15%;
}

.logingegevens {
    padding          : 10px;
    background-color : #e6eff9;
    border           : 1px solid #a5c2e0;
}

.management_form fieldset {
    border  : none;
    margin  : 0;
    padding : 0;
}


fieldset.submit {
    font    : 80%/1 sans-serif;
    border  : none;
    display : block;
    margin  : 0 0 0 0;
    padding : 0 15px;
    width   : 95%;
}

fieldset.all_float_left label, fieldset.all_float_left input, fieldset.all_float_left select {
    float : left;
}

fieldset.all_float_left input {
    margin  : 0 10px 0 0;
    padding : 2px;
}

.faq_list ul {
    padding  : 0;
    margin   : 0;
    overflow : hidden;
}

.faq_list li {
    overflow        : hidden;
    list-style-type : none;
}

.faq_list div {
    overflow : hidden;
}

.faq_left {
    width : 15%;
    color : #076ca1;
}

.faq_right2 {
    font-weight : bold;
}

.faq_right1 {
    font-weight    : bold;
    color          : #076ca1;
    text-transform : uppercase;
}

.faq_left2, .faq_right2 {
    color : #076ca1;
}

.faq_left, .faq_right1 {
    background-color : #b7cee6;
    border           : 1px solid #abc7e2;
}

.home table td.faq_left2, .home table td.faq_right2 {
    border-bottom : none;
}

.faq_right3 {
    padding : 10px !important;
    border  : 1px solid #abc7e2;
    margin  : 10px 20px 20px 10px;
    display : block;
}
.error {
    color   : #cc0000;
    padding : 5px 0;
}

label#val-error.error {
    float : right;
}

legend {
    font-family : Arial, Helvetica, sans-serif;
    color       : #076ca1;
    font-size   : 17px;
    margin      : 0 0 5px 0;
    font-weight : bold;
}

#info {
    background-color   : #ffffff;
    padding            : 15px;
    width              : 90%;
    margin             : 0 0 10px 0;
    -moz-box-shadow    : 2px 2px 3px #bad0e7;
    -webkit-box-shadow : 2px 2px 3px #bad0e7;
    box-shadow         : 2px 2px 3px #bad0e7;
}

#info ul {
    margin  : 0 0 0 20px;
    padding : 0;
}

#info li {
    margin          : 0;
    padding         : 0;
    list-style-type : none;
    padding         : 5px 0;
    margin          : 5px 0;
}

hr.invisible {
    border   : none;
    width    : 100%;
    clear    : both;
    display  : inline-block;
    overflow : hidden;
}

hr.border {
    border        : none;
    border-bottom : 1px solid #a5c2e0;
    height        : 1px;
    padding       : 0;
    margin        : 20px 0 10px;
    width         : 100%;
    display       : inline-block;
    overflow      : hidden;
    clear         : both;
}

fieldset.border {
    border-left   : 1px solid #eeeeee;
    border-right  : 1px solid #eeeeee;
    border-bottom : 1px solid #076ca1;
    padding       : 20px 0 20px 2%;
    margin        : 0 1% 5% 2%;
    width         : 95%;
}
fieldset.border_list {
    border-left   : 1px solid #eeeeee;
    border-right  : 1px solid #eeeeee;
    border-top : 1px solid #a3bdde;
    border-bottom : 1px solid #eeeeee;
    padding       : 1% 2% 0 2%;
    margin        : 2% 1% 2% 0;
    width         : 95%;
}
fieldset.border_list ul {
    -moz-column-count: 3; -moz-column-gap: 20px;     -webkit-column-count: 3;    -webkit-column-gap: 20px;    column-count: 3;    column-gap: 20px;
    overflow: hidden; padding-top: 10px;     margin-bottom: 20px;    height: auto;
    width: 100%;    display: inline-block;
}
fieldset.border_list li { list-style-type: none;
}
legend.small { font-size: 15px;}
/* tabel in div-form */
.form_container {
    width   : 100%;
    display : inline-block;
}

.form_row.head {
    font-weight : bold;
    margin      : 15px 0 20px;
}

.form_row.head, .form_row {
    width   : 98%;
    padding : 2px;
    display : inline-block;
}

.f_cel.belemm_start_sit, .f_cel.belemm_act_sit, .f_cel_b.program, .f_cel.program_datum, .f_cel.program, .f_cel_doel, .f_cel_doel_b, .f_cel_doel_b, .f_cel_f, .f_cel_b, .f_cel {
    display : inline-block;
    height  : auto;
    padding : 2px;
    margin  : 2px;
    float   : left;
    content : " ";
}

.f_cel_b {
    font-weight : bold;
}


.f_cel_b.partic_plek {
    width : 5%;
}

.f_cel.org {
    width : 22%;
}

.f_cel.dagdeel {
    width : 8%;
}

.f_cel.startdtm, .f_cel.einddtm {
    width : 12%;
}

.f_cel.toel {
    width : 35%;
}

/*input#datepicker:before { content: "\f073"; font-family: FontAwesome; display:inline;}*/
input#datepicker { width: 180px;}
.f_cel.startdtm input[type=date], .f_cel.einddtm input[type=date] {
    width : 93%;
}

.f_cel.toel input {
    width : 95%;
}

.form_row.head .f_cel.belemm {
    width : 21%;
}

.form_row.head .f_cel.start_sit {
    width : 39%;
}

.form_row.head .f_cel.act_sit {
    width : 34%;
}

.f_cel_b.belemm {
    width : 18%;
}

.f_cel.belemm_start_sit {
    width : 39%;
}

.f_cel.belemm_act_sit {
    width : 39%;
}

.form_container.participatieplek {
    margin-bottom : 20px;
}

.form_container.participatieplek input[type=radio] {
    margin-right : 5px;
}

.f_cel_b.doel {
    width : 12%;
}

.f_cel.doel {
    width : 80%;
}

.f_cel.doel textarea {
    width : 95% !important;
}

.f_cel_b.program {
    width : 11%;
}

.f_cel.program {
    width : 65%;
}

.f_cel.program_datum {
    width : 10%;
}

.f_cel.program textarea {
    width : 95% !important;
}


/* ///////////////*/

/* CUSTOM CHECKBOXES */
.custom-checkbox {
    position       : relative;
    display        : inline-block;
    width          : auto;
    float          : left;
    vertical-align : text-bottom;
    font-size      : 15px;
}

.custom-checkbox > .box {
    float            : left;
    margin           : 0 5px 0 25px;
    position         : relative;
    display          : block;
    width            : 18px;
    height           : 18px;
    border           : 1px solid #dac8d5;
    background-color : #fbf8ff;
    border-radius    : 4px;
}

.custom-checkbox > .box > .tick {
    position          : absolute;
    left              : 2px;
    top               : -2px;
    width             : 18px;
    height            : 10px;
    border-bottom     : 4px solid #076ca1;
    border-left       : 4px solid #076ca1;
    -webkit-transform : rotate(-45deg);
    -moz-transform    : rotate(-45deg);
    -o-transform      : rotate(-45deg);
    -ms-transform     : rotate(-45deg);
    transform         : rotate(-45deg);
    display           : none;
}

.custom-checkbox > input:checked + .box > .tick {
    display : block;
}

.custom-checkbox > input {
    position : absolute;
    outline  : none;
    left     : 20px;
    top      : 0px;
    padding  : 0;
    width    : 20px;
    height   : 20px;
    border   : none;
    margin   : 0;
    opacity  : 0;
    z-index  : 1;
}

.custom-checkbox > input:active + .box {
    border-color     : #aaaaaa;
    background-color : #dddddd;
}

/*////////////////////////*/

.historie_reg_datum, .historie_reg_prod, .historie_reg_action, .historie_reg {
    font-size : 13px;
}

#info ul.historie_reg_client {
    margin : 0 20px;
}

ul.historie_reg_client div {
    font-size : 13px;
}

#info ul.historie_reg_client li {
    display       : block;
    margin        : 0 0 5px 0;
    padding       : 10px 0 20px;
    overflow      : hidden;
    border-bottom : 1px solid #f5f5f5;
}

.historie_reg_datum {
    float          : left;
    width          : 35%;
    color          : #076ca1;
    padding-bottom : 5px;
}

.historie_reg_prod {
    float       : left;
    width       : 55%;
    font-weight : normal;
    color       : #076ca1;
}

.historie_reg_action {
    width       : auto;
    font-weight : normal;
    color       : #666666;
}

.historie_reg {
    border           : 1px solid #e6eef7;
    color            : #076ca1;
    width            : 97%;
    font-weight      : bold;
    margin           : 5px 0 0 0;
    padding          : 5px 10px;
    background-color : #e6eef7;
}

label.voorziening {
    width : 15%;
}

label.voorziening:after {
    content : "";
}
form {
    width              : 96%;
    background-color   : #ffffff;
    padding            : 2% 2% 15px;
    margin             : 10px 0;
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
}
fieldset {
    margin  : 10px 0 15px;
    padding : 15px 0 10px;
}
label {
    font-family   : Arial, Helvetica, sans-serif;
    color         : #155078;
    font-size     : 12px;
    float         : left;
    width         : 98%;
    margin-bottom : 8px;
    margin-right  : 0.5em;
    padding-top   : 0.2em;
    font-weight   : normal;
}

input {
    width: 94%;
    border-radius         : 3px;
    -moz-border-radius    : 3px;
    -webkit-border-radius : 3px;
    margin                : 2px 2px 8px 2px;
    padding               : 7px;
}

textarea {
    width: 94%;
    padding    : 7px;
    min-height : 100px;
    font-size: 16px;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
}

select {
    width: 97%;
    border-radius         : 3px;
    -moz-border-radius    : 3px;
    -webkit-border-radius : 3px;
    padding               : 7px;
}

input, textarea, select {
    border-color: #c4deeb;
    border-style: solid;
    border-width: 1px;
    box-shadow: #dfeef5 1px 1px 9px inset
}

textarea, select {
    margin : 2px 2px 8px 2px;
}

textarea.text_hulpvraag { min-height:45px;}

form.management_form .btn {
    margin             : 0 2px 0 !important;
    -moz-box-shadow    : 3px 3px 8px #9bbcdd;
    -webkit-box-shadow : 3px 3px 8px #addde9;
    box-shadow         : 3px 3px 8px #addde9;
}

form.management_form table td {
    border-bottom : none !important;
}

.btn3 {
    margin : 5px 0 0 15px !important;
}

.btn.right {
    margin-left : 15px !important;
}
.btn.login { margin-top: 0; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;}
.btn3, .btn {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 16px;
    border: 1px solid #155078;
    background: #155078;
    color: #ffffff;
    padding: 5px 13px 5px !important;
    margin: 10px 0 0;
    width: auto;
    cursor: pointer;
    display:flex; justify-self: center;
}
#startRecognition:after { }
#startRecognition { text-transform: none; }
.fa-volume { padding-left: 7px;}
.btn:hover, .btn1:hover {
    background-color : #999999;
    border           : 1px solid #999999;
    -moz-box-shadow: 3px 3px 8px #9bbcdd;
    -webkit-box-shadow: 3px 3px 8px #addde9;
    box-shadow: 3px 3px 8px #addde9;
}

.btn1 {
    text-transform: capitalize;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 15px;
    border: 1px solid #155078;
    background: #155078;
    color: #ffffff;
    padding: 8px 10px !important;
    cursor: pointer;
    margin: 0 2px;
    width: auto;
    -moz-box-shadow: 3px 3px 8px #9bbcdd;
    -webkit-box-shadow: 3px 3px 8px #addde9;
    box-shadow: 3px 3px 8px #addde9;
}
.btn1:hover {
    background-color : #333333;
    border           : 1px solid #333333;
}

.btn2 {
    font-size  : 11px;
    border     : 1px solid #413370;
    background : #ffffff;
}

.button_printen {
    float : right;
}

form.form_breed {
    width   : 850px;
    padding : 20px 0 0 50px;
    margin  : 0;
    color   : #000000;
}

.blok_print {
    width            : 850px;
    padding          : 20px 0 20px 50px;
    margin           : 0;
    background-color : #ffffff;
    border           : 1px solid #acd1dd;
    color            : #333333;
}

.form_breed input.day {
    width : 3%;
}

.form_breed input.month {
    width : 3%;
}

.form_breed input.year {
    width : 6%;
}

.form_breed input {
    width : 200px;
}

.form_breed label {
    height           : auto;
    padding          : 0 1% 2px 1%;
    margin           : 2px 2px 0 0;
    background-color : #f2f8ff;
}

select.day {
    width : 40px;
}

select.month {
    width : 40px
}

select.year {
    width : 6%;
}


/*form.form_small {*/
/*    width : 26%;*/
/*}*/

/*form.form_small div {*/
/*    float : left;*/
/*}*/

select#maand .big {
    padding : 3px 0;
    margin  : 0 !important;
}

selec#jaar .big {
    padding : 3px 0;
    margin  : 0 !important;
}

/*.form_breed input.radio_button {*/
/*    width : 20px;*/
/*}*/

/*.form_breed input[type=radio] {*/
/*    width : 20px;*/
/*}*/

/*.form_breed select {*/
/*    width : 55px;*/
/*}*/

.kopjeBold {
    color          : #076ca1 !important;
    display        : block;
    clear          : both;
    font-weight    : bold;
    text-transform : uppercase;
    font-size      : 15px;
    width          : 100% !important;
    padding        : 0 0 5px 0;
    margin-bottom  : 15px;
    border-bottom  : 1px dotted #076ca1;
}

.kopje {
    color          : #076ca1 !important;
    display        : block;
    clear          : both;
    font-weight    : bold;
    text-transform : uppercase;
    font-size      : 12px;
    padding        : 10px 0 10px 0;
    width          : 100% !important
}

.kopje.center {
    width   : auto !important;
    padding : 10px 0 0 10px !important;
}

/*form.form_breed {*/
/*    width   : 850px;*/
/*    padding : 20px 0 0 50px;*/
/*}*/

/*.form_breed input {*/
/*    width : 200px;*/
/*}*/

/*.form_breed label {*/
/*    height           : auto;*/
/*    font-weight      : normal;*/
/*    padding          : 0 1% 2px 1%;*/
/*    margin           : 2px 2px 0 0;*/
/*    background-color : #f2f8ff;*/
/*}*/

/*.form_breed label.allerbreedst {*/
/*    margin           : 2px 2px 0 0;*/
/*    padding          : 0 1% 2px;*/
/*    background-color : #f2f8ff;*/
/*    width            : 382px;*/
/*    float            : left;*/
/*    text-align       : right;*/
/*}*/

/*.form_breed label.breedst {*/
/*    color            : #333333;*/
/*    margin           : 0px 0 0 0;*/
/*    background-color : #ffffff;*/
/*    width            : 602px;*/
/*    float            : left;*/
/*    text-align       : right;*/
/*    padding          : 0 10px 0 10px;*/
/*}*/

/*.form_breed label.small {*/
/*    width      : 12%;*/
/*    float      : left;*/
/*    text-align : left;*/
/*}*/

/*.form_breed label.smaller {*/
/*    width      : 42%;*/
/*    float      : left;*/
/*    text-align : left;*/
/*}*/

/*.form_breed label.middle {*/
/*    width      : 55%;*/
/*    float      : left;*/
/*    text-align : left;*/
/*}*/

/*.form_breed label.breed {*/
/*    width      : 86%;*/
/*    float      : left;*/
/*    text-align : left;*/
/*}*/

/*.form_breed label.breder {*/
/*    width      : 22%;*/
/*    float      : left;*/
/*    text-align : left;*/
/*}*/

/*.form_breed label.smallest {*/
/*    color            : #2b4a8b;*/
/*    width            : 14%;*/
/*    height           : auto;*/
/*    padding          : 0 1% 2px 1%;*/
/*    margin           : 0 2px 0 0;*/
/*    background-color : #f2f8ff;*/
/*    text-align       : left;*/
/*}*/

/*.form_breed label.breedst {*/
/*    color            : #2b4a8b;*/
/*    width            : 50%;*/
/*    height           : auto;*/
/*    padding          : 0 1% 2px 1%;*/
/*    margin           : 2px 2px 0 0;*/
/*    background-color : #f2f8ff;*/
/*}*/

/*.form_breed input.radio_button {*/
/*    width : 20px;*/
/*}*/

/*.form_breed input[type=radio] {*/
/*    width : 20px;*/
/*}*/

.form_breed select {
    width : auto;
}

.sectie {
    padding : 0 0 10px 0;
}

.sectie div {
    overflow : hidden;
}

label.breed {
    width : 100%;
}

.klanttevredenheid input[type=radio] {
    margin : 0 20px 0 3px;
}

.cijferscore {
    width : 94%;
}

.cijferscore label {
    width : auto;
    float : left;
}

.cijferscore input[type=radio] {
    margin : 0 20px 0 7px;
}

.cijferscore {
    display:inline-block;
    padding       : 10px 10px 0 10px;
    margin-bottom : 25px;
    border        : 1px dotted #cccccc;
    border-bottom : 1px solid #eeeeee;
}

.nospace.mantelzorg_intake {
    margin-bottom : 20px;
}

.nospace.mantelzorg_intake ul.resultaat_li {
    padding-top : 0 !important;
}

.right_breed {
    float : left;
    width : 60%;
    color : #666666;
}

.nospace.mantelzorg_intake label {
    color : #666666;
}

.nospace.mantelzorg_intake input {
}

label.small {
    width : 100%;
}

fieldset .kopjeBlauw {
    display : block;
}

fieldset.nospace {
    border      : none;
    padding     : 5px 0 0 0;
    width       : 97%;
    margin      : 0;
    line-height : 23px;
}

fieldset.nospace.full {
    width : 100%;
}

label.extraspace.left {
    padding-left : 30px;
}

.nospace legend, .nospace label, .nospace input {
    float : left;
}

.fieldset_right {
    float : left;
    width : 45%;
}

.fieldset_right .radio_right, .fieldset_right .right_breed {
    float : left;
}
form.mantelzorgcompliment .fieldset_right { width: 60%;}
.resultaat_li.mzw { width: 100%;}
.resultaat_li label.auto-label  { width: auto!important;}
.resultaat_li.mzw li { padding-left: 5%; display:inline-flex; width: 95%;}
.resultaat_li.mzw input { margin-right: 15px;}
.resultaat_li.mzw.small li { width: 45%!important; float:left;}
.row { width: 100%!important; display:inline-block;}
.row.anders { padding-left: 43px;}
.anders-nl { display:inline-flex; flex-direction: column;}
input.mzw_anders { width: 78%; }
.nospace.float_right label, .nospace.float_right input {
    float : none;
}

fieldset.nospace.float_right, fieldset.nospace.labelwide {
    line-height : 28px;
}

.nospace.labelwide input[type=radio] {
    margin : 5px;
}

.mantelzorgcompliment .nospace legend {
    width        : 35%;
    margin-right : 0.5em !important;
}

.mantelzorgcompliment .nospace legend {
    font-size   : 14px;
    font-weight : bold;
}


.nospace label, .nospace input {
    width   : auto;
    margin  : 0 4px;
    padding : 0;
}

.nospace.labelwide label.leftlabel {
    width : 30% !important;
    color : #333333;
}

.nospace input[type=radio] {
    margin : 4px;
}

.leftlabel.small {
    width : 25%;
}

.blok {
    width       : 100%;
    overflow    : hidden;
    height      : auto;
    padding-top : 20px;
}

.nospace input[type=checkbox] {
    margin : 4px;
}

.nospace.border-bottom {
    padding       : 10px 0;
    border-bottom : 1px dotted #25aee8;
    margin        : 0 10px 15px;
}

.head_title_small, .head_title {
    overflow      : hidden;
    margin-top: 10px;
}

.head_title_small.border {

    margin-bottom  : 15px;
    padding-bottom : 5px !important;
}

.home .page_title {
    padding : 10px 0 0;
    color   : #076ca1;
}

.home_home_leesmij { padding-bottom: 7px;  overflow:hidden; display:inline-block; height: 45px;}
#content .home_home_leesmij a {
    background-color: #a8ccd9;
    font-size: 15px!important;
    padding: 10px;
    margin-right: 20px;
    font-weight: bold;
    color: #155078 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}


.page_title.hulpdienstinfo {
    width : 83%;
}

.datum {
    width : 70px;
}

.client {
    width : 200px;
}

.adviseur {
    width : 160px;
}

.checkbox_leeg .custom-checkbox {
    display : inline;
    content : ".";
    width   : 15%;
}

a.tab_inwoner, a.tab_contactpersoon, a.tab_participant,  a.tab_mantelzorger, a.tab_mantelzorger_jong, a.tab_client {
    background-image    : url(../images/icon-client.png);
    background-position : 3px 2px;
    background-repeat   : no-repeat;
    color               : #ffffff !important;
}
.sectie_stagiairs {
    padding: 9px 15px 9px 37px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    float: left;
    font-size: 14px;
    margin: 0 0 10px 0;
    background-color: #7CDFFF;
}

.sectie_inwoners {
    background-color: #8b23fe !important;
}

.sectie_mantelzorger {
    background-color    : #cc66cc !important;
}
.sectie_mantelzorger_jong {
    background-color    : #a5df00!important;
}

.sectie_mantelzorger_inactief {
    background-color    : #cc66cc;
}
{  background-image: linear-gradient(45deg, #24c0f1, #71d4ff)!important;}
.sectie_groepen, .sectie_beheer {
    background: linear-gradient(90deg, #1b699b,#1683A5FF);
    background: -webkit-linear-gradient(to bottom, rgb(27, 105, 155), rgb(26, 145, 183));
    background: -o-linear-gradient(to bottom, rgb(27, 105, 155), rgb(26, 145, 183));
    background: -moz-linear-gradient(to bottom, rgb(27, 105, 155), rgb(26, 145, 183));
    background: linear-gradient(to bottom, rgb(27 105 155), rgb(26 145 183));
    /*background: linear-gradient(90deg, #1c6ea3, #258dd1);*/
    /*background: -webkit-linear-gradient(to bottom, rgb(28, 110, 163), rgb(37, 141, 209));*/
    /*background: -o-linear-gradient(to bottom, rgb(28, 110, 163), rgb(37, 141, 209));*/
    /*background: -moz-linear-gradient(to bottom, rgb(28, 110, 163), rgb(37, 141, 209));*/
    /*background: linear-gradient(to bottom, rgb(28, 110, 163), rgb(37, 141, 209));*/
    border-radius         : 6px;
    -moz-border-radius    : 6px;
    -webkit-border-radius : 6px;
    float                 : left;
    font-size             : 14px;
    display:inline-flex;
    color:#fff!important;
    padding               : 9px 15px 9px 10px;
    margin                : 0 0 5px 0;
}
.groepen:before{
    font-family: FontAwesome;
    display: inline;
    content: "\f007";
    color: #fff;
    opacity: 0.8;
    font-size: 20px;
    padding-right: 6px;
}
a.tab_vrijwilliger,
.sectie_vrijwilliger_inactief,
.sectie_vrijwilliger, .sectie_participanten {
    background: linear-gradient(90deg, #34c58e, #7dfaca);
    background: -webkit-linear-gradient(to bottom, rgb(52, 197, 142), rgb(125, 250, 202));
    background: -o-linear-gradient(to bottom, rgb(52, 197, 142), rgb(125, 250, 202));
    background: -moz-linear-gradient(to bottom, rgb(52, 197, 142), rgb(125, 250, 202));
    background: linear-gradient(to bottom, rgb(52, 197, 142), rgb(125, 250, 202));
    padding               : 9px 10px 11px;
    border-radius         : 6px;
    -moz-border-radius    : 6px;
    -webkit-border-radius : 6px;
    float                 : left;
    font-size             : 14px;
    display:inline-flex;
    color:#fff!important;
}
a.tab_vrijwilliger:before, .sectie_vrijwilliger_inactief:before,
.sectie_vrijwilliger:before, .sectie_participanten:before {
    font-family: FontAwesome;
    display: inline;
    content: "\f007";
    color: #fff;
    opacity: 0.8;
    font-size: 20px;
    padding-right: 6px;
}

.sectie_participanten {
    background-color : #ff7f00 !important;
}

.jonge_vrijwilliger:after {
    content      : "Welzijn";
    color        : #fff;
    font-size    : 14px;
    font-weight  : normal;
    display      : inline-block;
}

.participanten:after, .vrijwilliger:after {
    color        : #fff;
    font-size    : 14px;
    font-weight  : normal;
    display      : inline-block;
}

.sectie_jonge_vrijwilliger {
    background-color    : #a5df00;
}
/* algemene styling tabs */
/* SECTIE */
.sectie_aanbieders,
.sectie_activiteiten,
.sectie_algemeen,
.sectie_alarmering,
.sectie_artsen,
.sectie_cmp,
.sectie_clienten,
.sectie_contactpersoon,
.sectie_contactpersonen,
.sectie_documenten,
.sectie_extern,
.sectie_faq,
.sectie_hulpdiensten,
.sectie_hulpvragen,
.sectie_informatie,
.sectie_klachten,
.sectie_legenda,
.sectie_mantelzorger,
.sectie_medewerkers,
.sectie_mantelzorger_inactief,
.sectie_mijntodo,
.sectie_mi,
.sectie_mi_tijdregistratie,
.sectie_mi_clientinfo,
.sectie_miclienten,
.sectie_participanten,
.sectie_persoon,
.sectie_personen,
.sectie_projecten,
.sectie_socialekaart,
.sectie_superuser,
.sectie_todo,
.sectie_users,
.sectie_verzoek,
.sectie_volunteers,
.sectie_voorziening,
.sectie_welzijn,
.sectie_wmo,
.sectie_inwoners,
.sectie_documenten {
    background-repeat     : no-repeat;
    padding               : 9px 15px 9px;
    border-radius         : 6px;
    -moz-border-radius    : 6px;
    -webkit-border-radius : 6px;
    float                 : left;
    font-size             : 14px;
    margin                : 0 0 5px 0;
    color:#fff;
    background: linear-gradient(90deg, #1683A5FF, #5CAADBFF);
    background: -webkit-linear-gradient(to bottom, rgb(22, 131, 165), rgb(92, 170, 219));
    background: -o-linear-gradient(to bottom, rgb(22, 131, 165), rgb(92, 170, 219));
    background: -moz-linear-gradient(to bottom, rgb(22, 131, 165), rgb(92, 170, 219));
    background: linear-gradient(to bottom, rgb(22 131 165), rgb(92 170 219));
}
.sectie_documenten {
    background: linear-gradient(90deg, #2cbf87, #6ee1b6);
    background: -webkit-linear-gradient(to bottom, rgb(44, 191, 135), rgb(110, 225, 182));
    background: -o-linear-gradient(to bottom, rgb(44, 191, 135), rgb(110, 225, 182));
    background: -moz-linear-gradient(to bottom, rgb(44, 191, 135), rgb(110, 225, 182));
    background: linear-gradient(to bottom, rgb(44, 191, 135), rgb(110, 225, 182));
}
.sectie_contactpersonen, .sectie_mantelzorger_jong, .sectie_inwoners, .sectie_stagiairs, .sectie_mantelzorger_inactief, .sectie_clienten, .sectie_persoon, .sectie_mantelzorger, .sectie_contactpersoon, .sectie_personen, .sectie_jonge_vrijwilliger {
    background-position : 3px 2px;   background-repeat   : no-repeat; display:inline-flex;
}

.sectie_contactpersonen:before, .sectie_mantelzorger_jong:before, .sectie_inwoners:before, .sectie_stagiairs:before, .sectie_mantelzorger_inactief, .sectie_clienten:before, .sectie_persoon:before, .sectie_mantelzorger:before, .sectie_contactpersoon:before, .sectie_personen:before, .sectie_jonge_vrijwilliger:before {
    font-family: FontAwesome;
    display: inline;
    content: "\f007";
    color: #fff;
    opacity: 0.8;
    font-size: 20px;
    padding-right: 6px;
}


.sectie_contactpersonen, .sectie_contactpersoon {background-color    : #FFC837;
}
.sectie_medewerkers {
    background-image    : url(../images/icon-medewerkers.png);
    background-repeat   : no-repeat;
    background-position : 5px 0;
    background-color    : #e492de;
}

.sectie_users {
    background-image    : url(../images/icon-medewerkers.png);
    background-repeat   : no-repeat;
    background-position : 5px 0;
    background-color : #d656cc;
}

.sectie_hulpdiensten {    background-color   : #d656cc;}
.sectie_todo.todo {   width : 135px}
.sectie_agenda {
    float       : left;
    font-size   : 14px;
    font-weight : bold;
    padding     : 0 5px 10px 0;
    color       : #076ca1;
}

.sectie_todo.todo .agenda {
    padding-left : 47px;
}
.users {    padding-left : 30px;}
.medewerkers {padding-left : 20px;}

/* :AFTER EN :BEFORE */
.arts:after,.algemeen:after, .aanbieders:after,.alarmering:after,
.activiteiten:after,
.beheer:after,
.cmp:after,
.clienten:after,
.contactpersoon:after,
.documenten:after,
.extern:after,
.faq:after,
.groepen:after,
.hulpdiensten:after,.hulpdienst:after,.hulpvragen:after,
.hometeam:after,
.informatie:after,.inwoner:after, .inwoners:after
.jonge_vrijwilliger:after,
.klacht:after,
.legenda:after,
.mantelzorger:after,.management_info:after, .medewerkers:after, .mijn_todo:after,
.mi:after,.miclienten:after,.miclientinfo:after,
.participanten:after,.persoon:after,.personen:after,.projecten:after,
.socialekaart, .superuser:after,
.todo_home,.todo:before,
.users:after,
.verzoek:after,.voorziening:after,.vrijwilliger:after,
.welzijn:after,
/*/////*/
.sectie_informatie,
.sectie_mijntodo,
.sectie_todo,
.sectie_welzijn:after,
.sectie_hulpdiensten:after,
.sectie_mi_clientinfo:after,
.sectie_mi_tijdregistratie:after,
.sectie_wmo:after {
    color               : #ffffff;
    font-size           : 14px;
    font-weight         : normal;
    line-height         : 18px;
    letter-spacing      : 1px;
    text-shadow         : 2px 2px 3px #3973ac;
    -webkit-text-shadow : 2px 2px 3px #3973ac; /* for chrome */
    -moz-text-shadow    : 2px 2px 3px #3973ac; /* for firefox */
    -o-text-shadow      : 2px 2px 3px #3973ac; /* for opera */
    -ms-text-shadow     : 2px 2px 3px #3973ac; /* for ie 9+ */
    -khtml-text-shadow  : 2px 2px 3px #3973ac; /* for gecko based browser*/
}

.welzijn:after {
    content : "Welzijn";
}

.vrijwilliger:after {
    content : "Vrijwilliger";
}

.hulpvragen:after {
    content : "Hulpvragen";
}

.losse_notities:after {
    content      : "\f003";
    padding-left : 10px;
    font-size    : 20px;
}

#crvs-home:before {
    content     : "\f015";
    color       : #00b4e8;
    font-size   : 22px;
    font-weight : normal;
    position    : absolute;
    margin-left : -28px;
}

#andermenu a#crvs-home {
    padding-left : 35px;
}

.todo_home:before {
    content     : "To do";
    color       : #ffffff;
    font-size   : 14px;
    font-weight : normal;
    line-height : 18px;
}

.mijn_todo:after, .todo_home:after {
    content      : "\f005";
    padding-left : 5px;
    color        : #ffffff;
}

.todo:before {
    width   : auto;
    float   : left;
    content : "To do";
}

.todo.notitie:before {
    width   : auto;
    float   : left;
    content : "To do > Notitie";
}

.todo.notitie:after {
    width        : auto;
    float        : left;
    content      : "\f003";
    padding-left : 10px;
}

/*.todo:after { float:left;  content: "\f14b"; color: #fff; padding-left: 8px; font-size:19px;}*/

.mijn_todo:after {
    content      : "\f005";
    padding-left : 5px;
    color        : #ffffff;
}

.mijn_todo:before {
    content     : "Mijn to-do";
    color       : #ffffff;
    font-size   : 14px;
    font-weight : normal;
    line-height : 18px;
}

.arts:after {
    content : "Artsen"
}

.documenten:after {
    content : ""
}

.cmp:after {
    content : "Centraal Meldpunt";
}

.socialekaart:after {
    font-size   : 14px;
    font-weight : normal;
    line-height : 18px;
}

.personal_agenda:before {
    content     : "Agenda";
    color       : #ffffff;
    font-size   : 14px;
    font-weight : normal;
    line-height : 18px;
}

.agenda:before {
    content     : "- Agenda";
    color       : #ffffff;
    font-size   : 14px;
    font-weight : normal;
    line-height : 18px;
}

.personal_agenda:after, .agenda:after {
    content      : "\f133";
    padding-left : 5px;
    color        : #ffffff;
}

.verzoek:after {
    content : "Helpdesk CRVS";
    color   : #ffffff;
    display : inline-block;
}

.faq:after {
    content : "FAQ";
    color   : #ffffff;
    display : inline-block;
}

.mantelzorger:after {
    content      : "Mantelzorger";
    color        : #ffffff;
    display      : inline-block;
    padding-left : 25px;
}

.clienten:after {
    content      : "Hulpvrager";
    color        : #ffffff;
    display      : inline-block;
    padding-left : 25px;
}

.contactpersoon:after {
    content      : "Contactpersoon";
    color        : #ffffff;
    display      : inline-block;
    padding-left : 25px;
}

.informatie:after {
    content : "Informatie";
}

.hometeam:after {
    content : "HomeTeam";
}

.users:after {
    content : "Gebruikers";
}

.medewerkers:after {
    content : "Medewerkers";
}

.participanten:after {
    content : "Deelnemer";
}

.extern:after {
    content : "Extern";
}

.klacht:after {
    content : "Klachten";
}

.management_info:after {
    content : "Managementinformatie";
}

.miclienten:after {
    content : "Managementinformatie Clienten";
}

.miclientinfo:after {
    content : "Managementinformatie Clienten";
}

.sectie_mi_tijdregistratie:after {
    content : "Management Informatie Tijdregistratie";
}

.sectie_volunteers:after {
    content : "Vrijwilligers";
}

.sectie_wmo:after {
    content : "Melding Wmo";
}

.hulpdienst:after, .hulpdiensten:after {
    content : "Hulpdiensten";
}

.activiteiten:after {
    content : "Activiteiten";
}

.alarmering:after {
    content : "Alarmering";
}

.projecten:after {
    content : "Projecten";
}

.groepen:after {
    content : "Groepen";
}

.voorziening:after {
    content : "Voorzieningen";
}

.aanbieders:after {
    content : "Aanbieders";
}

.extern:after {
    content : "Extern";
}

.mi:after {
    content : "MI";
}

.persoon:after {
    content : "Persoon";
}

.algemeen:after {
    content : "Algemeen";
}

.socialekaart:after {
    content : "Sociale Kaart";
}

.personen:after {
    content      : "Personen";
}

.beheer:after {
    content : "Beheer";
}
.beheer:before {
    font-family: 'FontAwesome'; content: "\f013"; display:inline; padding-right: 6px;
}

.superuser:after {
    content : "Beheer Superuser";
}

.legenda:after {
    content : "Legenda";
}

/* einde algemene styling tabs */

label.anders {
    color : #333333;
}

.module_zelf {
    color       : #076ca1;
    font-weight : bold;
}

form.intake_mantelzorger, form.mantelzorgcompliment {
    width :auto;
}
.intake_mantelzorger label { font-size: 14px;}
label.label_lang {
    width : 100%;display:block;
    float : none;
    margin-bottom: 8px;
}
.intake_mantelzorger fieldset {
    border: 1px solid #d6eef9;
    border-radius: 5px;
    margin: 5px 0 10px;
    padding: 10px;
}
select {
    border-color: #c4deeb;
    border-style: solid;
    border-width: 1px;
    background-color: #dfeef5;
}
.checkboxes_FloatRight {
    height   : auto;
    overflow : hidden;
    width    : 55%;
    float    : left;
}

.checkboxes_FloatRight ul {
    margin   : 5px 0 10px 0;
    width    : 100%;
    padding  : 0 0px 10px 0;
    overflow : hidden;
    display  : inline-block;
    float    : left;
}

.checkboxes_FloatRight li {
    width           : 40%;
    float           : left;
    margin          : 0 10px 0 0;
    padding         : 0 0 5px;
    list-style-type : none;
    overflow        : hidden;
}

.checkboxes_FloatLeft, .checkboxes_FloatLeft.column5 ul {
    height  : auto;
    width   : 100%;
    display : inline-block;
}

.checkboxes_FloatLeft ul {
    margin   : 10px 0;
    width    : 97%;
    padding  : 10px 0 10px;
    overflow : hidden;
}

.checkboxes_FloatLeft li {
    width: 100% !important;
    display: inline-block;
    margin: 0;
    padding: 0 0 5px;
}
.checkboxes_FloatLeft.column3 li, .checkboxes_FloatLeft.column4 li {
    width : auto;
}

.checkboxes_FloatLeft.column5 li {
    width : 17%;
}

.checkboxes_FloatLeft ul, .checkboxes_FloatLeft.column3.border, .checkboxes_FloatLeft.column4.border, .checkboxes_FloatLeft.column2.border, ul.checkboxes_FloatLeft.column3, ul.checkboxes_FloatLeft.column4, ul.checkboxes_FloatLeft.column3 {
    overflow       : hidden;
    border-bottom  : 1px solid #cccccc;
    padding-top    : 20px;
    padding-bottom : 10px;
    margin-bottom  : 20px;
}

.checkboxes_FloatLeft.column5 ul {
    border-left   : 1px solid #eeeeee;
    border-right  : 1px solid #eeeeee;
    overflow      : hidden;
    border-bottom : 1px solid #076ca1;
    padding       : 20px 0 10px 0;
    margin-bottom : 20px;
}

.checkboxes_FloatLeft.column3 ul, ul.checkboxes_FloatLeft.column3 {
    -moz-column-count    : 3;
    -moz-column-gap      : 20px;
    -webkit-column-count : 3;
    -webkit-column-gap   : 20px;
    column-count         : 3;
    column-gap           : 20px;
}

.column4 {
    /*-moz-column-count    : 20px;*/
    -moz-column-gap      : 20px;
    -webkit-column-count : 4;
    -webkit-column-gap   : 20px;
    column-count         : 4;
    column-gap           : 20px;
}

ul.column2 {
    margin: 10px 0;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 0px;
}
ul.column2 li {
    list-style-type : none;
}

.checkboxes_FloatLeft.column3 label, .checkboxes_FloatLeft.column5 label, .checkboxes_FloatLeft.column2 label, .checkboxes_FloatLeft.column4 label {
    width : 80%;
}


.print_group_label {
    float   : right;
    padding : 3px;
    border  : 1px dotted #25aee8;
    width   : auto;
}
/* AGENDA*/
#content #agenda table {box-shadow: 3px 3px 10px #6699cc; width: 100%!important;}
#content #agenda table td {border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.home #agenda tr.agenda_menu:hover {  background-color: #6699cc;}
#content table.tabel_dagen { width: 100%!important; padding: 0; background-color:#cfeafb;}
#content table.tabel_dagen td { padding: 10px!important;}
.agenda_dagen {background-color:#6699cc;}
#agenda { background-color : #6699cc; margin: 0 2% 0 0;}
.home table td.agenda_dagen {border-bottom: 1px solid #6699cc; width: 100%;}
#content table tr.agenda_tb_wrap {margin-right: 0; width: 100%;}
#agenda {
    background-color : #6699cc; margin: 0 2% 0 0;
}
#agenda #content table {
    -moz-box-shadow: 3px 3px 10px #6699cc;
    -webkit-box-shadow: 3px 3px 10px #6699cc;
    box-shadow: 3px 3px 10px #6699cc;
}
.agenda_table table {
    -moz-box-shadow    : none !important;
    -webkit-box-shadow : none !important;
    box-shadow         : none !important;
}

#agenda td {
    text-align : center !important;
}

.agenda_menu, .agenda_menu a {
    color       : #ffffff !important;
    font-weight : bold;
}

tr .agenda_menu td {
    border-bottom : 1px dotted #6699cc;
}

.agenda_maand {
    font-size      : 15px;
    text-transform : uppercase;
    text-align     : center;
    color          : #ffffff !important;
}

#content #agenda a {
    display : block;
}
/*// END AGENDA ////*/

.th_afspr_info1 {
    width   : 20% !important;
    padding : 10px !important;
}

.th_afspr_info2 {
    width   : 80% !important;
    padding : 10px 10px 10px 0 !important;
}


textarea.textarea_small {
    float  : right;
    width  : 500px;
    margin : 0 100px 0 0;
}

.tabel {
    width    : 100%;
    height   : auto;
    margin   : 0 0 5px 0;
    padding  : 0 0 5px 0;
    clear    : both;
    overflow : hidden;
}

.tabel_small {
    width   : 85%;
    height  : auto;
    margin  : 0 0 10px 0;
    padding : 0 0 10px 0;
}

.tabel_kleiner {
    height       : auto;
    margin       : 0 0 10px 0;
    padding      : 0 10px 10px 0;
    border-right : 1px dotted #cccccc;
    width        : 32% !important
}

.tabel_klein {
    height  : auto;
    margin  : 0 0 10px 0;
    padding : 0 0 10px 0;
    width   : 39% !important
}

.tabel div {
    float  : left;
    width  : 45%;
    margin : 5px 20px 5px 0;
}

.tabel_2 div {
    float         : left;
    width         : 55%;
    margin        : 10px 20px 5px 0;
    border-bottom : 1px dotted #eeeeee;
    padding       : 0 0 5px 0;
}

.bijlage {
    width      : 100%;
    padding    : 20px 20px 20px 50px;
    margin     : 0 0 30px 0;
    border     : 1px solid #333333;
    border-top : 4px solid #333333;
}

.lichtblauw {
    color : #f2f8ff;
    width : 50%;
}

.form_breed_print .tabel, .tabel_2 div, .tabel div, .tabel_klein, .tabel_kleiner, .tabel_small, .tabel {
    color     : #333333;
    font-size : 13px !important
}

.form_breed_print .tabel {
    color : #000000;
}

.kopje_print, .form_breed_print .kopje {
    text-transform : uppercase;
    display        : block;
    clear          : both;
    font-weight    : bold;
    color          : #333333;
    font-size      : 13px;
    padding        : 8px 0 8px 0;
    width          : 100% !important
}

.printoutput {
    background-color : #f2f8ff;
    width            : 200px;
    display          : block;
    float            : left;
    margin           : 0 0 2px 0;
    font-weight      : normal;
    padding          : 2px 10px 2px 10px;
    color            : #000000;
    height           : 15px;
    font-size        : 14px;
}

.printoutput_klein {
    background-color : #f2f8ff;
    width            : 40px;
    display          : block;
    float            : left;
    margin           : 0 0 2px 0;
    font-weight      : bold;
    padding          : 2px 5px 2px 5px;
    color            : #000000;
    height           : 15px;
}

printoutput2 {
    background-color : #ffffff;
    width            : auto;
    display          : block;
    float            : left;
    margin           : 0 0 0 0;
    padding          : 10px;
    color            : #cccccc;
}

.printoutput_small {
    background-color : #f2f8ff;
    margin           : 0 0 0 0;
    font-weight      : bold;
    padding          : 3px 10px 3px 10px;
    color            : #000000;
    float            : left;
    margin           : 0 2px 2px 0;
}

.printoutput_breder {
    background-color : #f2f8ff;
    width            : 300px;
    margin           : 0;
    font-weight      : bold;
    padding          : 10px;
    color            : #000000;
}

.printoutput_breed {
    background-color : #f2f8ff;
    margin           : 0;
    font-weight      : normal;
    padding          : 3px 10px 3px 10px;
    color            : #000000;
    height           : auto;
    width            : 87% !important
}

form.klein select, form.klein label, form.klein input[type=submit] {
    float  : left;
    margin : 0 5px 10px 0;
}

form.klein label {
    width : auto;
}

form.klein select {
    padding : 3px;
}

input.bladeren {
    margin : 0;
    border : none;
    float  : left;
}

.btn.bladeren_upload {
    margin  : 0 0 0 10px;
    float   : left;
    padding : 4px;
}

.btn_printen a {
    color : #ffffff !important
}

.btn_printen {
    margin                : 15px 0 0 50px;
    background            : none repeat scroll 0 0 #076ca1;
    border-radius         : 6px;
    -moz-border-radius    : 6px;
    -webkit-border-radius : 6px;
    border                : 1px solid #076ca1;
    color                 : #ffffff;
    cursor                : pointer;
    font-size             : 11px;
    padding               : 2px;
    width                 : 100px;
    text-align            : center;
    -moz-box-shadow       : 3px 3px 8px #9bbcdd;
    -webkit-box-shadow    : 3px 3px 8px #addde9;
    box-shadow            : 3px 3px 8px #addde9;
}

.btn_printen:hover {
    background-color : #999999;
    color            : #ffffff;
    border           : 1px solid #999999;
}
input[type=radio] { width: 14px;transform: scale(1.5); margin-right: 7px; margin-left: 4px; margin-bottom: 0;
    appearance: none;
    border: 1px solid #5bb1d1; /* Randkleur instellen */
    border-radius: 50%; /* Zorg ervoor dat het rond blijft */
    cursor: pointer;
}

input[type="radio"]:checked {
    background-color: #5bb1d1; /* Opgevulde kleur bij selectie */
}

/*.form_breed_print .btn1 a:visited {*/
/*    background            : none repeat scroll 0 0 #ffffff;*/
/*    border-radius         : 6px;*/
/*    -moz-border-radius    : 6px;*/
/*    -webkit-border-radius : 6px;*/
/*    border                : 1px solid #ffffff;*/
/*    color                 : #ffffff;*/
/*    cursor                : pointer;*/
/*    font-size             : 11px;*/
/*    padding               : 2px;*/
/*    width                 : 100px;*/
/*    text-align            : center;*/
/*}*/

/*.form_breed_print .btn1 a:link, .form_breed_print .btn1 a:active {*/
/*    text-decoration : none;*/
/*    color           : #ffffff;*/
/*    font-size       : 12px;*/
/*}*/

/*.form_breed_print .btn1 a:hover {*/
/*    color : #000000;*/
/*}*/

/*form.form_breed_print {*/
/*    width   : 850px;*/
/*    padding : 20px 0 0 50px;*/
/*}*/

/*form.form_breed_print fieldset {*/
/*    border    : 1px solid #ffffff;*/
/*    display   : block;*/
/*    font-size : 12px;*/
/*    margin    : 0 0 3px;*/
/*    padding   : 0;*/
/*    width     : 100%;*/
/*}*/

/*form.form_breed_print fieldset.small {*/
/*    border    : 1px solid #ffffff;*/
/*    display   : block;*/
/*    font-size : 12px;*/
/*    margin    : 0 0 3px;*/
/*    padding   : 0;*/
/*    width     : 60%;*/
/*}*/

/*.form_breed_print input.day {*/
/*    width : 5%;*/
/*}*/

/*.form_breed_print input.month {*/
/*    width : 5%;*/
/*}*/

/*.form_breed_print input.year {*/
/*    width : 9%;*/
/*}*/

/*.form_breed_print input {*/
/*    width            : 200px;*/
/*    margin           : 0 2px 4px 2px;*/
/*    background-color : #f2f8ff;*/
/*    border           : none !important*/
/*}*/

/*.form_breed_print label {*/
/*    color            : #666666;*/
/*    width            : 490px;*/
/*    height           : auto;*/
/*    padding          : 0 1% 2px 1%;*/
/*    margin           : 2px 2px 0 0;*/
/*    background-color : #ffffff;*/
/*    font-size        : 14px;*/
/*}*/

/*.form_breed_print label.smaller {*/
/*    color            : #666666;*/
/*    width            : 38%;*/
/*    height           : auto;*/
/*    padding          : 0 1% 2px 1%;*/
/*    margin           : 2px 2px 0 0;*/
/*    background-color : #ffffff;*/
/*}*/

/*.form_breed_print label.breder {*/
/*    color            : #666666;*/
/*    width            : 50%;*/
/*    height           : auto;*/
/*    padding          : 0 1% 2px 1%;*/
/*    margin           : 2px 2px 0 0;*/
/*    background-color : #ffffff;*/
/*}*/

/*.form_breed_print label.smallest {*/
/*    color            : #666666;*/
/*    width            : 24%;*/
/*    height           : auto;*/
/*    padding          : 0 1% 2px 1%;*/
/*    margin           : 0 2px 0 0;*/
/*    background-color : #ffffff;*/
/*    text-align       : left;*/
/*}*/

/*.form_breed_print label.heelsmall {*/
/*    color            : #666666;*/
/*    width            : 16%;*/
/*    height           : auto;*/
/*    padding          : 0 1% 2px 1%;*/
/*    margin           : 0 2px 0 0;*/
/*    background-color : #ffffff;*/
/*    text-align       : left;*/
/*}*/

/*.form_breed_print input.radio_button {*/
/*    width  : 16px;*/
/*    margin : 2px 0 0 2px;*/
/*    border : none !important*/
/*}*/

/*.form_breed_print input[type=radio] {*/
/*    width            : 20px;*/
/*    background-color : #f2f8ff !important*/
/*}*/

/*.form_breed_print select {*/
/*    width : 55px;*/
/*}*/

/*form .form_breed_print {*/
/*    font-size : 14px !important*/
/*}*/

/*.form_breed_print label.printform {*/
/*    color            : #666666;*/
/*    margin           : 2px 0 0 0;*/
/*    background-color : #ffffff;*/
/*    float            : left;*/
/*    width            : 35%;*/
/*}*/

/*.form_breed_print label.printform_kleinst {*/
/*    float      : left;*/
/*    width      : 17%;*/
/*    text-align : left;*/
/*}*/

/*.form_breed_print label.printform_klein {*/
/*    color            : #666666;*/
/*    margin           : 10px 0 0 0;*/
/*    background-color : #ffffff;*/
/*    float            : left;*/
/*    width            : 115px;*/
/*    text-align       : right;*/
/*}*/

/*.form_breed_print label.printform_klein2 {*/
/*    color            : #666666;*/
/*    margin           : 10px 0 0 0;*/
/*    background-color : #ffffff;*/
/*    float            : left;*/
/*    width            : 138px;*/
/*    text-align       : right;*/
/*}*/

/*.form_breed_print label.printform_middle {*/
/*    color            : #666666;*/
/*    margin           : 5px 0 0 0;*/
/*    background-color : #ffffff;*/
/*    float            : left;*/
/*    width            : 69%;*/
/*    text-align       : left;*/
/*}*/

/*.form_breed_print label.printform_breder {*/
/*    color            : #333333;*/
/*    margin           : 0px 0 0 0;*/
/*    background-color : #ffffff;*/
/*    width            : 22%;*/
/*    float            : left;*/
/*    text-align       : left;*/
/*    padding          : 0 10px 0 10px;*/
/*}*/

/*.form_breed_print label.breedst {*/
/*    color            : #333333;*/
/*    margin           : 0px 0 0 0;*/
/*    background-color : #ffffff;*/
/*    width            : 522px;*/
/*    float            : left;*/
/*    text-align       : right;*/
/*    padding          : 0 10px 0 10px;*/
/*}*/

/*.form_breed_print label.zestig {*/
/*    color            : #333333;*/
/*    margin           : 0px 0 0 0;*/
/*    background-color : #ffffff;*/
/*    width            : 60%;*/
/*    float            : left;*/
/*    text-align       : left;*/
/*    padding          : 0 10px 0 10px;*/
/*}*/

/*.form_breed_print label.printform_breedst {*/
/*    color            : #333333;*/
/*    margin           : 2px 0 0 0;*/
/*    background-color : #ffffff;*/
/*    width            : 40%;*/
/*    float            : left;*/
/*    text-align       : left;*/
/*    padding          : 0 10px 0 10px;*/
/*}*/

/*.form_breed_print label.printoutput_breder {*/
/*    color            : #000000;*/
/*    margin           : 0px 2px 0px 0;*/
/*    background-color : #ffffff;*/
/*    width            : 22%;*/
/*    float            : left;*/
/*    text-align       : left;*/
/*    padding          : 3px 10px 3px 10px;*/
/*    font-weight      : normal;*/
/*    background-color : #f2f8ff;*/
/*    height           : 15px;*/
/*}*/


/* #### */
.head_title {
    height : auto;
    width  : 637px;
    margin : 0 0 10px 0;
}

.explanation_empty {
    margin : 0 15px 10px 0;
}

.page_title {
    float        : left;
    color        : #076ca1;
    font-size    : 14px;
    font-weight  : bold;
    margin       : 0 0 10px 0;
    padding-left : 17px;
    width        : 97%;
    display: inline-block;
}

.page_title2 {
    color          : #076ca1;
    font-size      : 16px;
    font-weight    : bold;
    margin         : 0 0 10px;
    text-transform : uppercase;
}

.explanation {
    clear              : both;
    padding            : 8px 5%;
    width              : 86%;
    font-weight        : normal;
    color              : #2b4a8b;
    background-color   : #d5f4ff;
    margin             : 0 0 10px 0;
    -moz-box-shadow    : 2px 2px 3px #bad0e7;
    -webkit-box-shadow : 2px 2px 3px #bad0e7;
    box-shadow         : 2px 2px 3px #bad0e7;
}

.explanation2 {
    padding          : 8px 15px;
    width            : 922px;
    font-weight      : normal;
    color            : #2b4a8b;
    background-color : #d5f4ff;
    margin           : 0 0 10px 0;
}

.explanation3 {
    clear              : both;
    padding            : 8px 15px;
    width              : 922px;
    font-weight        : normal;
    color              : #2b4a8b;
    background-color   : #d5f4ff;
    margin             : 0 0 10px 0;
    -moz-box-shadow    : 2px 2px 3px #97b6d7;
    -webkit-box-shadow : 2px 2px 3px #97b6d7;
    box-shadow         : 2px 2px 3px #97b6d7;
}

#content .explanation a {
    background-color : #25aee8;
    padding-left     : 5px;
    color            : #ffffff !important
}

.button_balk {
    float   : left;
    width   : auto;
    height  : auto;
    padding : 9px 0 0 20px;
}

#matching_clients {
    width            : 240px;
    float            : right;
    color            : #333333;
    font-weight      : normal;
    border           : 1px solid #1acee9;
    background-color : #e9eef8;
    padding          : 10px 10px 10px 15px;
    clear            : right;
}

#matching_clients ul {
    margin  : 0;
    padding : 0;
}

#matching_clients li {
    list-style-type : none;
    margin          : 10px 0 0 0;
    padding         : 0;
}

.gemaakte_match {
    border           : 1px solid #abc7e2;
    background-color : #dbefff;
    margin           : 0 0 10px;
    width            : 100%;
}

.matches td {
    padding      : 0;
    border-right : 1px solid #bad0e7;
}

.matches td.td_noborder {
    border : none !important;
}

.gemaakte_match td {
    padding : 5px 10px 5px 8px;
}

.matches .head {
    border-bottom : 1px solid #5f94c9;
}

.matches .datum {
    width : 10%;
}

.matches .client {
    width : 13%;
}

.matches .service {
    width : 17%;
}

.matches .th-vrijwilliger {
    width : 13%;
}

.matches .memo {
    width : 23%;
}

.matches .extra {
    width : 18%;
}

.matches .th-wijzig {
    width : 3%;
}

.matches .th-archief {
    width : 3%;
}

#content table.matches {
    border             : none;
    -moz-box-shadow    : none;
    -webkit-box-shadow : none;
    box-shadow         : none;
}

.matches tr.even {
    background-color : #dbefff;
}

.matches tr.odd {
    background-color : #c5e3fa;
}

.overeenkomsten {
    color : #076ca1;
}

.comments {
    font-size  : 13px;
    font-style : italic;
    color      : #333333;
    width      : 80%;
}

.commentaar {
    background-color   : #fdd9d7;
    font-size          : 15px;
    line-height        : 21px;
    width              : 90%;
    border             : 1px solid #e49e9d;
    margin             : 2% 0;
    padding            : 3% 5%;
    -moz-box-shadow    : 2px 2px 8px #b7cce3;
    -webkit-box-shadow : 2px 2px 8px #bad0e7;
    box-shadow         : 2px 2px 8px #bad0e7;
}

.commentaar header {
    font-weight : bold;
    font-size   : 1.6em;
    margin      : 0 0 30px;
}

/* AGENDA */


/* MELDFORMULIER  */
.opmerkingen {
    clear            : both;
    width            : 937px;
    border           : 1px solid #e9e9e9;
    height           : auto;
    margin           : 0 20px 20px 0;
    padding          : 15px;
    background-color : #ffffff;

}

.opmerkingen br {
    margin : 10px;
}

.opmerkingen a:link, .opmerkingen a:visited, .opmerkingen a:active {
    /*background-image    : u rl(../../../ swol/images/pijl_rood.jpg);*/
    background-position : top left;
    background-repeat   : no-repeat;
    padding             : 0 0 0 25px;
}

.opmerkingen a:hover {
    /*background-image    : url(../../../swol/images/pijl_rood2.jpg);*/
    background-position : top left;
    background-repeat   : no-repeat;
    padding             : 0 0 0 25px;
}

.center_form_div {
    width            : 90%;
    background-color : #ffffff;
    border           : 1px solid #cfd7e2;
    padding          : 15px;
    margin           : 5px 0 20px 0;
}

.center_form_div table {
    border         : 0;
    padding        : 0;
    margin         : 0;
    border-spacing : 0;
}

#content .center_form_div table, #content .center_form_div td, #content .center_form_div tr, #content .center_form_div th {
    line-height : 24px !important
}

.center_form {
    width  : 100%;
    border : 0;
}

.center_form_left {
    width : 40%;
}

.center_form_left2 {
    width : 250px;
}

.center_form_right {
    width : 450px;
}

.center_kopje {
    font-weight    : bold;
    color          : #ea2020;
    text-transform : uppercase;
}

.kopjeKleiner {
    font-weight : bold;
    color       : #000000;
    font-size   : 13px;
}

.kopjeKleinerBlauw {
    font-weight     : bold;
    text-decoration : underline;
    color           : #076ca1;
    text-transform  : uppercase;
    font-size       : 11px;
}

.kopjeBlauw {
    font-weight : bold;
    color       : #076ca1;
    font-size   : 14px;
}

.stamkaart_jongere .kopjeBlauw, .stamkaart_client .kopjeBlauw, .stamkaart_vrijwilliger .kopjeBlauw, .stamkaart_mantelzorger .kopjeBlauw {
    display : none;
}
fieldset.legend { margin: 10px 0;}
.nb { border: none!important;}

hr.border {
    border        : none;
    border-bottom : 1px solid #dbeef6;
    height        : 1px;
    padding       : 0;
    margin        : 20px 0 10px;
    width         : 100%;
    display       : inline-block;
    overflow      : hidden;
    clear         : both;
}

hr.noborder {
    border  : none;
    height  : 1px;
    padding : 0;
    margin  : 0 0;
    width   : 100%;
    display : inline-block;
}

.noborder {
    border   : none;
    height   : 1px;
    padding  : 0;
    margin   : 0 0;
    width    : 100%;
    display  : block;
    overflow : hidden;
}

fieldset.label_small_nostyle input[type=checkbox] {
    float      : left;
    margin-top : 2px;
}

fieldset.label_small_nostyle {
    width     : 100%;
    overflow : hidden;
    border   : 1px solid #e7e7e7;
}

fieldset.label_small_nostyle label {
    width  : 19%;
    float  : left;
    margin : 0;
}

fieldset.label_small_nostyle input {
    margin : 0 5px 0 0;
}

.stamkaart_participant input[type=text], .stamkaart_jongere input[type=text], .stamkaart_client input[type=text], .stamkaart_vrijwilliger input[type=text], .stamkaart_mantelzorger input[type=text] {
}

.stamkaart_hulpvraag {
    width : 175px;
}

.sk_hulpvraag_datum {
    width : 85px;
}

.sk_hulpvraag_tijd {
    width : 40px;
}

.sk_hulpvraag_status {
    width : 50px;
}

.sk_hulpvraag_match {
    width : 5px;
}

.sk_hulpvraag_info {
    width : 5px;
}

#voorziening_res_list label {
    font-weight : normal !important
}

/* meldformulier */


/* //// VAKANTIEKAART ///// */
.vakkaart_van {
    width : 85px;
}

.vakkaart_tot {
    width : 85px;
}

.kopjeBlauw.auto {
    padding-top : 6px;
}

form.vakantiekaart {
    padding-top : 20px;
    width       : 80%;
}

.selectbutton {
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    float                 : left;
    font-weight           : bold;
    background            : #5ed7ff url(../images/down_arrow.png) no-repeat scroll right -3px;
    border                : 1px solid #5ed7ff;
    -moz-box-shadow       : 2px 2px #87abe0;
    -webkit-box-shadow    : 2px 2px 3px #87abe0;
    box-shadow            : 2px 2px 3px #87abe0;
    cursor                : pointer;
    height                : 25px;
    margin                : 0 5px 5px 0;
    overflow              : hidden;
    text-shadow           : 2px 2px 3px #3973ac;
    -webkit-text-shadow   : 2px 2px 3px #3973ac; /* for chrome */
    -moz-text-shadow      : 2px 2px 3px #3973ac; /* for firefox */
    -o-text-shadow        : 2px 2px 3px #3973ac; /* for opera */
    -ms-text-shadow       : 2px 2px 3px #3973ac; /* for ie 9+ */
    -khtml-text-shadow    : 2px 2px 3px #3973ac; /* for gecko based browser*/
}

.button {
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    font-size             : 11px;
    border                : 1px solid #076ca1;
    background            : #076ca1;
    color                 : #ffffff;
    cursor                : pointer;
    -moz-box-shadow       : 3px 3px 8px #9bbcdd;
    -webkit-box-shadow    : 3px 3px 8px #addde9;
    box-shadow            : 3px 3px 8px #addde9;
}

.vakantiekaart_btn {
    margin    : 0 0 0 10px;
    padding   : 5px 10px 5px !important;
    font-size : 14px;
}

.selectbutton.year {
    width : 80px;
    color : #cc0000;
}

select.select.year {
    background : transparent none repeat scroll 0 0;
    border     : 0 none;
    height     : 22px;
    width      : 120%;
}

select.select {
    background : transparent none repeat scroll 0 0;
    border     : medium none;
    color      : #ffffff;
    cursor     : pointer;
}

label.auto {
    width : auto;
}

.selectbutton .select option {
    padding : 5px 7px;
}

.year .option {
    background-color : #ffffff;
    color            : #666666;
}

.year .option:focus {
    background-color : #000000;
    color            : #ffffff;
}

.option_box {
    width  : auto;
    border : 1px solid #333333;
    height : auto;
}

.box_opvallend {
    float                 : right;
    background-color      : #076ca1;
    font-size             : 14px;
    color                 : #ffffff;
    padding               : 5px 10px 7px;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    -moz-box-shadow       : 2px 2px #87abe0;
    -webkit-box-shadow    : 2px 2px 3px #87abe0;
    box-shadow            : 2px 2px 3px #87abe0;
    text-shadow           : 2px 2px 3px #666666;
    -webkit-text-shadow   : 2px 2px 3px #666666; /* for chrome */
    -moz-text-shadow      : 2px 2px 3px #666666; /* for firefox */
    -o-text-shadow        : 2px 2px 3px #666666; /* for opera */
    -ms-text-shadow       : 2px 2px 3px #666666; /* for ie 9+ */
    -khtml-text-shadow    : 2px 2px 3px #666666; /* for gecko based browser*/
}

.home form.vakantiekaart table {
    margin-top : 20px;
}

.home form.vakantiekaart table th {
    text-align : left;
    border-top : none;
}

/*//////////////////*/

.categorie {
    color : #076ca1;
}

.grote_tekst {
    font-size   : 16px;
    color       : #25aee8;
    font-weight : bold;
}

input#delete {
    background-color      : #ff9999;
    padding               : 10px;
    color                 : #cc0000;
    font-size             : 16px;
    border                : 1px solid #ff9999;
    border-radius         : 8px;
    -moz-border-radius    : 8px;
    -webkit-border-radius : 8px;
    cursor                : pointer;
    margin-right          : 50px;
}

input#delete:hover {
    background-color : #990000;
    border           : 1px solid #990000;
}

#annuleren {
    width                 : auto;
    background-color      : #4ed3ff;
    padding               : 10px;
    color                 : #ffffff;
    font-size             : 16px;
    border                : 1px solid;
    border-color          : #4ed3ff !important;
    border-radius         : 8px;
    -moz-border-radius    : 8px;
    -webkit-border-radius : 8px;
    cursor                : pointer;
    margin-right          : 50px;
}

#annuleren:hover {
    background-color : #25aee8;
    border           : 1px solid #25aee8;
    color            : #4ed3ff;
}

/* NETWERK */
.netwerk {
    margin-top : 20px;
}

.kopje_netwerk {
    background-color        : #4aacdb;
    border-top-left-radius  : 4px;
    border-top-right-radius : 4px;
    color                   : #ffffff;
    font-weight             : bold;
    padding                 : 5px 10px;
    width                   : 120px;
}

.page_title1 {
    color          : #076ca1;
    font-size      : 14px;
    font-weight    : bold;
    margin         : 10px 10px 10px 0;
    text-transform : none;
}

tr.ntw1, tr.ntw2, tr.ntw3, tr.ntw {
    font-size : 11px !important;
    color     : #ffffff !important;
}

th.ntw1, th.ntw2, th.ntw3, th.ntw {
    font-size : 12px !important;
    color     : #ffffff !important;
}

th.ntw1, th.ntw2, th.ntw3, th.ntw {
    background-color : #abc6e2 !important;
}

.ntw1 {
    width : 35%;
}

.binnen_crvs, .buiten_crvs {
    margin  : 0 0 10px;
    padding : 10px 15px 15px;
}

.binnen_crvs {
    background-color : #e9eff8;
    border           : 1px solid #24ace6;
    margin-bottom    : 30px;
}

.binnen_crvs tr.odd {
    background-color : #ceddee !important;
}

.binnen_crvs table.center, .buiten_crvs table.center {
    border        : 1px solid #95b8db;
    border-top    : none;
    border-bottom : none;
}

.buiten_crvs {
    background-color : #e9eff8;
    border           : 1px solid #990000;

}

.buiten_crvs .page_title1 {
    color : #990000 !important;
}

.netwerk tr.head2 th {
    font-size : 12px !important;

}

.colorpicker {
    position    : absolute;
    left        : 50%;
    margin-left : 0;
    top         : 20%;
    margin-top  : 400px;
}

.cke_reset {
    width    : 100% !important;
    float    : none !important;
    margin   : 0 0 !important;
    overflow : hidden;
    padding  : 0 !important;
}

.tabel > .cke_reset {
    width         : 95% !important;
    float         : none !important;
    margin-bottom : 10px !important;
}

#timeCount {
    float                 : left;
    position              : fixed;
    left                  : 50%;
    margin-left           : 250px;
    background-color      : #076ca1;
    color                 : #ffffff;
    padding               : 20px 30px;
    font-size             : 15px;
    border-radius         : 3px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 3px;
    -moz-box-shadow       : 2px 2px #87abe0;
    -webkit-box-shadow    : 2px 2px 3px #87abe0;
    box-shadow            : 2px 2px 3px #87abe0;
}

/*  Matches OUD */
#matching_clients {
    width            : 240px;
    float            : right;
    color            : #333333;
    font-weight      : normal;
    border           : 1px solid #1acee9;
    background-color : #e9eef8;
    padding          : 10px 10px 10px 15px;
    clear            : right;
}

#matching_clients ul {
    margin  : 0;
    padding : 0;
}

#matching_clients li {
    list-style-type : none;
    margin          : 10px 0 0 0;
    padding         : 0;
}

.gemaakte_match {
    border           : 1px solid #abc7e2;
    background-color : #dbefff;
    margin           : 0 0 20px;
    width            : 100%;
}

.matches td {
    padding      : 0;
    border-right : 1px solid #bad0e7;
}

.matches td.td_noborder {
    border : none !important;
}

.gemaakte_match td {
    padding : 5px 10px 5px 8px;
}

.matches .head {
    border-bottom : 1px solid #5f94c9;
}

.matches .datum {
    width : 10%;
}

.matches .tijd {
    width : 4%;
}

.matches .client {
    width : 10%;
}

.matches .service {
    width : 13%;
}

.matches .th-vrijwilliger {
    width : 10%;
}

.matches .memo {
    width : 21%;
}

.matches .extra {
    width : 18%;
}

.matches .th-wijzig, .matches .th-match, .matches .th-verwijder {
    width : 3% !important;
}

.matches .vw.th-verwijder, .matches .th-archief {
    width : 3% !important;
}

#content table.matches {
    border             : none;
    -moz-box-shadow    : none;
    -webkit-box-shadow : none;
    box-shadow         : none;
}

.matches tr.even {
    background-color : #dbefff;
}

.matches tr.odd {
    background-color : #076ca1;
    color            : #ffffff !important;
    border           : 1px solid #076ca1;
}

.matches tr.odd td {
    color         : #ffffff;
    border-right  : 1px solid #076ca1;
    border-bottom : none;
}

/* Matches Nieuw */
.matchen td {
    padding      : 0;
    border-right : 1px solid #bad0e7;
}

.matchen td.td_noborder {
    border : none !important;
}

.gemaakte_match td {
    padding : 5px 10px 5px 8px;
}

.matchen .head.match {
    background-color : #076ca1;
    padding          : 6px 10px;
    color            : #ffffff;
    width            : 100%;
    height           : auto;
    overflow         : hidden;
}

.matchen .even {
    background-color : #e2ebf5;
    padding          : 11px 10px 6px 10px;
    overflow         : hidden;
    border-left      : 1px solid #b7cee6;
    border-right     : 1px solid #b7cee6;
}

.matchen .odd {
    background-color : #cbddf1;
    padding          : 11px 10px 6px 10px;
    overflow         : hidden;
    border           : 1px solid #b7cee6;
}

.matchen .datum, .matchen .tijd, .matchen .client, .matchen .categorie, .matchen .extra, .matchen .th-wijzig, .matchen .th-match, .matchen .th-verwijder, .matchen .vw.th-verwijder, .matchen .th-archief, .matchen .vraag {
    float : left;
}

.matchen .datum:before, .matchen .tijd:before, .matchen .client:before, .matchen .categorie:before, .matchen .matchen .vraag:before {
    content : " ";
    display : inline-block;
}

#content .matchen .ma, #content .matchen .dt {
    padding-top : 0 !important;
}

.head.match .datum, .head.match .tijd, .head.match .client, .head.match .categorie, .head.match .vraag {
    color : #ffffff;
}

.matchen .datum, .matchen .tijd, .matchen .client, .matchen .categorie, .matchen .vraag {
    color : #666666;
}

.matchen .datum {
    width : 16%;
}

.matchen .tijd {
    width : 10%;
}

.matchen .client {
    width : 18%;
}

.matchen .categorie {
    width : 18%;
}

.matchen .vraag {
    width : 30%;
}

.head.match .categorie {
    color : #ffffff !important;
}

.categorie.zwart {
    color : #666666 !important;
}

.matchen .th-wijzig, .matchen .th-match, .matchen .th-verwijder {
    width : 3% !important;
}

.matchen .vw.th-verwijder, .matchen .th-archief {
    width : 3% !important;
}

#content table.matchen {
    border             : none;
    -moz-box-shadow    : none;
    -webkit-box-shadow : none;
    box-shadow         : none;
}

.head a.wijzig {
    float                 : right;
    background-color      : #4f9cc4;
    color                 : #ffffff !important;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    padding               : 5px 10px;
}

.head a.wijzig:after {
    font-family           : fontawesome, serif;
    display               : inline;
    content               : "\f040";
    font-size             : 12px;
    padding               : 0 0 0 10px;
    color                 : #ffffff;
    font-weight           : bold;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
}

/*//////////////////*/

.wit_bold {
    font-size   : 15px;
    font-weight : bold;
}

.overeenkomsten {
    color : #076ca1;
}

.comments {
    font-size  : 13px;
    font-style : italic;
    color      : #333333;
    width      : 80%;
}

.memo_left {
    color         : #666666;
    float         : left;
    width         : 10%;
    padding-right : 50px;
    font-weight   : bold;
    display       : inline;
}

.memo_right {
    color         : #666666;
    float         : left;
    width         : 25%;
    padding-right : 50px;
    display       : inline-block;
}

.memo_right.border {
    width        : 30%;
    border-right : 1px solid #cccccc;
    margin-right : 30px;
}

.memo_right:after {
    content : ".";
    color   : #ffffff;
}

tr.match_memo {
    background-color : #cbddf1;
}

.memo_match {
    padding       : 5px 6px;
    width         : 100%;
    height        : auto;
    overflow      : hidden;
    display       : block;
    margin-bottom : 6px;
}

.match_left {
    color         : #076ca1;
    float         : left;
    width         : 20%;
    padding-right : 10px;
    font-weight   : bold;
    display       : inline;
}

.match_right {
    float        : left;
    width        : 60%;
    margin-right : 200px;
    display      : inline-block;
}

.match_col4small {
    width : 10%;
    float : left;
    color : #076ca1;
}

.match_col4medium {
    width : 23%;
    float : left
}

.match_col4large {
    width         : 39%;
    padding-right : 80px;
    float         : left
}

.home table .gemaakte_match {
    border-bottom : 1px solid #cfdfef !important;
}

.gemaakte_match .client a {
    color               : #ffffff !important;
    text-shadow         : 2px 2px 3px #25aee8;
    -webkit-text-shadow : 2px 2px 3px #3973ac; /* for chrome */
    -moz-text-shadow    : 2px 2px 3px #3973ac; /* for firefox */
    -o-text-shadow      : 2px 2px 3px #3973ac; /* for opera */
    -ms-text-shadow     : 2px 2px 3px #3973ac; /* for ie 9+ */
    -khtml-text-shadow  : 2px 2px 3px #3973ac; /* for gecko based browser*/
}


/* Chat containers */
.containertop {	background-color: #076ca1;	padding: 10px;	width: 98%;}
.containerpanel {	border: 4px solid #076ca1;	background-color: #076ca1;	border-radius: 1px;	margin: 20px 0;}
.container {	border: 2px solid #dedede;	background-color: #f1f1f1;	border-radius: 5px;	padding: 10px;	margin: 10px 5px;}
/* Darker chat container */
.darker {	border-color: #ccc;	background-color: #ddd;}
/* Clear floats */
.container::after {	content: "";	clear: both;	display: table;}
/* Style time text */
.time-right {	float: right;	color: #aaa;}
div.overflow {	height: 300px;	overflow: auto;	background-color: white;	margin: 0 5px;	padding-left: 5px;}
.formchat {	width: 99%;	padding: 0 0  20px;	margin: 10px 0 0 10px;	background: #C1D7F2;	box-shadow: none;}
.inputchat {	width: 98%; margin: 10px 0 0;}
.input-group {	background: #C1D7F2;	width: 99%;	margin: 0 5px;}
.kopjeVerzoek {	border-bottom: 1px solid white;	color: white;	width: auto;	display: block;	clear: both;	font-weight: bold;	text-transform: uppercase;	font-size: 15px}

#content table.center.verzoeken { margin-bottom: 20px;}
.home table .head3.border_left  { border-left: 4px solid #25aee8; background-color: #BFD6EE; color: #076ca1!important;  padding: 5px 15px 4px 8px; text-align: left!important;  }
.home table .head3.border_left th { border-right: 1px solid #abc7e2; border-bottom:none; font-size: 15px!important;}
.home table .head4  { border-left: 4px solid #25aee8; background-color: #BFD6EE; }
.home table .head4 td {	color:#076ca1!important; padding-bottom: 10px;}

.faq_list ul { padding: 0; margin: 0; overflow:hidden;}
.faq_list li { overflow:hidden; list-style-type:none; }
.faq_list div { overflow: hidden;}
.faq_left { width: 15%; color:#076ca1; }
.faq_right2 {font-weight: bold;}
.faq_right1 { font-weight: bold; color:#076ca1; text-transform: uppercase;}
.faq_left2, .faq_right2 { color:#076ca1; }
.faq_left, .faq_right1 { background-color:#b7cee6; border: 1px solid #abc7e2;}

.home table td.faq_left2, .home table td.faq_right2 { border-bottom:none;}
.faq_right3 { padding: 10px!important; border: 1px solid #abc7e2; margin: 10px 20px 20px 10px; display:block;}

.faq_verzoek { width: 300px;}
.faq_gebruiker { width: 120px; }
.faq_nummer { width: 48px;}
.faq_datum { width: 65px;}
.faq_min { font-size: 10px;}
.tijd_verzoek {width: 40px;}
.bestand_verzoek {width: 54px;}
.prio_verzoek { width: 45px;}
.status_verzoek { width: 90px;}
.faq_ov_openen { width: 45px;}
.reactie_verzoek { width: 35px;}

.faq_reactie_heropen:before, .faq_ov_openen:after, .bekijk_reactie:before, .reageer:before, a.faq_bekijk_react:after, a.faq_reageer:after { display:inline; font-family: fontawesome; font-size: 15px; position: relative; margin-top: 3px;}

section.faq_top { width: 100%; padding: 10px 0; }
.legenda_deel { width:auto; float:right; text-align: right; padding: 0 0 5px 0; color:#076ca1; display:inline-block;}
.faq_reactie_heropen, .bekijk_reactie, .reageer { float:right; border-right: 1px solid #abc7e2; padding-right: 5px; margin-right: 10px;}

.faq_reactie_heropen:before, #content a.faq_reactie_heropen:after { content: "\f07c"; padding: 0 5px; color: #84b2e0; font-size: 20px;}
#content a.faq_bekijk_react:after, .bekijk_reactie:before { content: "\f1d7"; padding: 0 5px; color: #25aee8; font-size: 20px;}
#content a.faq_reageer:after, .reageer:before { content: "\f061"; padding: 0 5px; font-size: 20px; color: #9b77cc}
.faq_bekijk_react:after { position: relative; margin-top: 2px;}

.faq_ov_openen:after {content: "\f07c"; padding: 0 5px; font-size: 18px; color: #84b2e0;}

.contract_overzicht {width: 50%; float:right; color: #955290; line-height: 21px; background-color: #f3bdf9; padding: 10px; border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;}
.co_inner { width: 45%; float:left; padding-left: 10px;}
.co_inner.left { width: 50%; border-right: 1px solid #ddace2; margin-right: 10px; padding: 0;}
.contract_datum,.contract_verzoeken, .contract_tijdsbesteding, .contract_uren, .contract_saldo { width: 100%;}
.contract_overzicht label { width: 55%; float:left; padding: 0; margin: 0 0 5px; color: #955290;}
.contract_right { width: 35%; float:left; padding-left: 5%; margin: 0 0 5px; font-weight: bold;}
.fieldset.cijferscore {float:left;}
.uploaden .btn1 {margin-top: 2px;}
.uploaden #image {}
.uploaden .btn1 { margin: 10px 40%;}


input.datepicker, input#datepicker { width: 140px; text-align: left;}
input.datepicker, #datepicker {
    background-image: url(../images/calender2.jpg);
    background-size: 7%;
    background-position: right 7px top 4px;
    background-repeat: no-repeat;
    height: 18px;
    width: 92%;
    padding-left: 8px;
    cursor: pointer;
    box-shadow: #dfeef5 1px 1px 9px inset;
}

/* handtekening (jSignature) */
#signature, #signature2, #signature3 { width: 95%; padding: 10px; margin: 10px 0; height: 215px; }
.jSignature { height: 215px!important;}
.signature input[type=button] { position: relative!important;}
img.handtekening_details { width: 30%; max-width: 30%; min-width: 30%; border: 1px solid #eaeaea; background-color:#fff;}

.commentaar {background-color   : #fdd9d7;font-size: 15px; line-height: 21px;width: 90%;border: 1px solid #e49e9d; margin: 2% 0;
    padding: 3% 5%; -moz-box-shadow: 2px 2px 8px #b7cce3; -webkit-box-shadow : 2px 2px 8px #bad0e7; box-shadow: 2px 2px 8px #bad0e7;}
.signature_comments {
    background-color: #edf6ff;
    font-size: 14px;
    color: #175391;
    font-style: italic;
    line-height: 21px;
    width: 95%;
    border-radius: 5px;
    border: 1px solid #edf6ff;
    margin: 3% 0;
    padding: 4% 2% 1% 3%;
    -moz-box-shadow: 2px 2px 8px #b7cce3;
}

.commentaar header { font-weight : bold;  font-size: 1.6em;  margin: 0 0 30px; }