@charset "utf-8";
/* jCSS Document Clientregistratie & volgsysteem ZWOLLE DOET */

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         : scroll;
    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           : #0985c6;
    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";
}


/* TOEVOEGEN IN HTML: .add_name t.b.v. naam en adresbalk boven in bij elke actie m.b.t. een client/vrijwilliger/mantelzorger etc. */
.add_name {
    width                              : auto !important;
    display                            : inline;
    z-index                            : 99;
    position                           : relative;
    margin                             : -20px 0 0 0;
    padding                            : 10px 20px 9px 17px;
    border                             : 1px solid #a7c8e9;
    border-top                         : 1px solid #e2ebf5;
    background-color                   : #f8f8f8;
    color                              : #b70000;
    font-size                          : 13px;
    line-height                        : 15px;
    -moz-border-radius-bottomleft      : 4px;
    -moz-border-radius-bottomright     : 4px;
    -moz-border-radius-bottomleft      : 4px;
    -moz-border-radius-bottomright     : 4px;
    -webkit-border-bottom-right-radius : 4px;
    -webkit-border-bottom-left-radius  : 4px;
}

/* na toevoeging bestaande styles werwijderen: .toevoeging_naam én .toevoeging_naam.stamkaart */
/* na toevoeging bestaande wijzigen: .stamkaart_client, .stamkaart_mantelzorger, .stamkaart_vrijwilliger etc. */
/* na toevoeging bestaande wijzigen: .head_title_small, .head_title */
/* na toevoeging bestaande wijzigen: #box_middle_lichtblauw */
.toevoeging_naam {
    display : none !important;
}

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

.head_title_small, .head_title {
    padding-top : 20px !important;
}

.stamkaart_welzijn, .stamkaart_jongere, .stamkaart_client, .stamkaart_mantelzorger, .stamkaart_vrijwilliger,
.stamkaart_participant {
    padding : 35px 22px 20px;
    margin  : -27px -22px -40px -21px;
}
#box_middle_lichtblauw {
    background-color: #e2ebf5;
    height: auto;
    border-bottom: 1px solid #c1d7f2;
    padding: 0 22px 20px 21px;
    display: inline-block;
    width: 97%;
}
#content {
    padding-top : 10px;
}

.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       : #0985c6;
    font-size   : 17px;
}

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

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

.rood {
    color : #ff99cc;
}

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

.home table th.todo_door {
    width : 110px;
}

/* dagdelen zonder sjabloon, gewoon een opsomming van dagdelen
.beschikbaarheid .checkboxes_FloatLeft  ul { border:none!important; margin-bottom: 0!important;}
.beschikbaarheid .checkboxes_FloatLeft  li { margin: 0 10px 10px 0!important; border-bottom: 1px solid #d7ebf5; color: #3e87bd;   }
.beschikbaarheid label { font-weight: bold; font-size: 14px;}
.beschikbaarheid input[type=radio] { margin: 0 5px 0 0;  transform: scale(1); }
.beschikbaarheid input[type="checkbox"]:checked + label {	color: #3e87bd;}
.beschikbaarheid input:focus, .beschikbaarheid select:focus, .beschikbaarheid textarea:focus { border: 1px solid #3e87bd; background-color: #d8eefd;}
.beschikbaarheid { border: 1px solid #edf4f9;  background-color: #c8e3f8;}
.beschikbaarheid {width: 89%; padding: 3% 3% 1% ; margin: 0 0 30px ; border-radius: 6px; -moz-border-radius: 6px;  -webkit-border-radius: 6px;}
 /////////// */

/* 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 : #eaecf3;
    width            : 94%;
    border           : 1px solid #d9dbe2;
    padding          : 0 3%;
    margin           : 15px 0;
    overflow         : hidden;
}

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

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

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

.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 40%;
    position : relative;
}

li.li_small {
}

/*/////////////////////////*/
input[type="checkbox"] {
    width : 15px !important
}

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 .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% 0 0;
    background-color   : #e2ebf5;
    -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, 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;
    padding         : 2px 0;
}

.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;
}


/* SMALL TABLET LANDSCAPE   */
@media only screen and (max-width : 39.9999em) {
}

/* iPAD PORTRAIT */
@media screen and (min-width : 40em) and (max-width : 59.9999em) {
}

/* landscape tablet and normal monitor */
@media screen and (min-width : 60em) and (max-width : 79.9999em) {
}

/* HIER HET BEGIN VAN :  bigger monitor (>= ??? na iPad) */
@media screen and (min-width : 80em) {
}

/* nieuwe styles tbv nieuwe loginboxjes en brede layout */
#wrapper_index {
    width : 550px;
    position: relative;
    margin: 7% auto auto auto;
    padding-top: 5px;
    height: auto;
    background-color: #ffffff;
    background-image: url(../images/logo_CRVSnieuw.png);
    background-size: 13%;
    background-position: right 15px top 15px;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-box-shadow: 2px 2px 3px #87abe0;
    -webkit-box-shadow: 2px 2px 3px #87abe0;
    box-shadow: 2px 2px 3px #87abe0;
}
#logo {
    background-image: url(../images/Logo_SMZ.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 110px;
    width: 222px;
    display: inline-block;
    margin: 10px 0 0 15px;
}

#wrapper {
    width   : 90%;
    padding : 0 15px 15px;
}

.afspraken {
    width   : 90%;
    padding : 20px;
}

.activiteit {
    width : 56%;
}

.clientdetails_left {
    width  : 40%;
    margin : 0 20px 0 0;
}

.clientdetails_left.driekwart {
    width  : 75%;
    margin : 0 20px 0 0;
}


#box_top_lichtblauw {
    width : 100%;
}
#header {
    width  : 100%; height: 100px;
    background-image: url(../images/logo_CRVSnieuw.png);
    background-repeat: no-repeat;
    background-position: right 0px top 12px;
    background-size: 5%;
}
.crvs {
    background-image: url(../images/Logo_SMZ.jpg);
    height: 100px;
    background-position: 0;
    background-size: contain;
    font-size: 0;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0 100px 0 0;
    color: #0985c6;
    width: 160px;
    float:left;
}
#inloggen { width : 90%; margin  : 0 0 0;  padding : 0 5% 0;  height  : auto; text-align:center;}
#login_fieldset input[type=password], #login_fieldset input[type=text] {
    padding: 11px;
    width: 57%;
    border-color: #dbd7d7;
    box-shadow: 1px 1px 4px #e7e1e1;
    border-style: solid;
    border-width: 1px;
    margin-right: 0;
}
#login_fieldset legend {
    color     : #0985c6;padding: 0 3px;
    font-size : 16px;
}
fieldset#login_fieldset { border-top: 1px solid #eee; padding: 15px 2%; width: 96%;}

#inloggen form, #form_inloggen {
    box-shadow : none;
    padding    : 0 15px;
    width      : 95%;
}


#box_top_lichtblauw {
    width : 100%;
}

.message {
    padding          : 0;
    margin           : 0 0 10px 0;
    background-color : #24ade7;
    color            : #ffffff;
    clear            : both;
}

.uitloggen {
    float: right;
    margin: 36px 134px 0 35px;
}
.uitloggen a {
    font-size             : 13px;
    background-color      : #cc0000;
    padding               : 10px;
    font-weight           : bold;
    color                 : #ffffff;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    text-decoration       : none;
    -moz-box-shadow       : 3px 3px 8px #9bbcdd;
    -webkit-box-shadow    : 3px 3px 8px #9bbcdd;
    box-shadow            : 3px 3px 8px #b1cbe4;
}

.uitloggen a:hover {
    background-color : #25aee8;
}
/* Sociale Kaart breder*/
.soc_column {
    width: 30%;
    float          : left;
    padding-bottom : 100px;
    margin-right: 3%;
}
.soc_panel {
    width: 100%;
    margin: 0 5px 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;
}
/*  */




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

.hide {
    display : none !important;
}

.show_ul_slimmenu {
    display : none;
}

.hide_ul_slimmenu {
    display : block;
}

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

.top_top_menu_right {
    text-align: right;
    float: right;
    width: auto;
    display: inline-flex;
    margin-top: 31px;
    border: 1px solid #c9d5e3;
    padding: 3px 9px 5px;
    background-color: #e2ebf5;
    border-radius: 3px;
    box-shadow: 3px 3px 5px #d4e6f7;
}
.top_top_menu_right a {
    padding: 0 0;
    margin: 2px 0 0;
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
}
a.gebruikersnaam {
    color: #0985c6;
    margin-right: 7px;
}
.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;
}

.afdeling_participant {
    color   : #0985c6;
    padding : 0 0px 0;
}

.afdeling_participant a {
    color         : #065782;
    padding-right : 0;
    padding-left  : 5px;
    padding-top   : 2px;
    margin-top    : 0;
    cursor        : pointer;
}

.afdeling_participant a:hover {
    color : #25aee8;
}

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

.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 {
    float                 : right;
    background            : none repeat scroll 0 0 #25aee8;
    border                : none;
    color                 : #ffffff;
    cursor                : pointer;
    font-size             : 11px;
    margin                : 8px 15px 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        : #0985c6;
    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       : #0985c6;
    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;
}

.uploaden .btn1 {
    margin-top : 2px;
}

.uploaden #image, .uploaden .btn1 {
    float : left;
}

.logo {
    display     : none; /*background-image:url(../images/travers-welzijn_240.jpg); background-repeat: no-repeat; background-position: 0 10px; */
    width       : 265px;
    height      : 40px;
    font-size   : 0;
    font-weight : bold;
    color       : #0985c6;
    padding     : 38px 30px 0 0;
}




input.no_input {
    border-style : solid;
    border-width : 1px;
    border-color : #ffffff !important
}

input.no_input {
    padding-top : 0 !important
}
th.klacht {
    width : 42%;
}

.klacht_datum {
    width : 10%;
}

.klacht_naam {
    width : 18%;
}

.kacht_door {
    width : 18%;
}

.klacht_status {
    width : 11%;
}

form#form_inloggen a {
    text-decoration : none;
    color           : #0985c6;
}
form#form_inloggen a.login_probleem {
    margin-left : 15px !important;
}


.floatinbutton a {
    position              : fixed;
    background-color      : #0985c6;
    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 : #a7c8e9;
}

/* ===== */


/*
#andermenu .gebruikersnaam a { border-right: none; color:#0A9AD8;}
#andermenu .gebruikersnaam a:hover { border-right: none; color:#000;}
.gebruikersnaam { width: auto; float:right; padding-right: 4px; border-right: 1px solid #0985c6; margin-right: 8px;}
.terug_btn_Menu {float: right; position: absolute; left: 100%;}
.top_top_left { width: auto; height: auto; padding-left: 12px; overflow:hidden;  float: left;}
.top_top_left a { color:#0A9AD8!important; font-weight: bold; font-size: 13px!important; }
#andermenu .topmenu_client a { padding-left: 21px;}
.btnMenu { float: right;background: none repeat scroll 0 0 #25aee8;  border: none;  color: #fff;  cursor: pointer;  font-size: 11px;  margin: 8px 15px 0 10px;  padding: 2px 5px 4px;border-radius: 4px; -moz-border-radius: 4px;  -webkit-border-radius: 4px;}
.btnMenu:hover { background-color: #333; color: #fff; }
*/

#box_bottom_lichtblauw {
    height : 20px;
}

.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      : #0985c6;
    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;
    background-color   : #ffffff;
    clear              : both;
    height             : auto;
    margin             : 0 0 10px 0;
    padding            : 10px 17px;
    width              : 95%;
    -webkit-box-shadow : 7px 9px 25px -19px #6699cc;
    -moz-box-shadow    : 7px 9px 25px -19px #6699cc;
    box-shadow         : 7px 9px 25px -19px #6699cc;
}


#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                 : #0c489f;
    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     : "\f105";
    font-family : FontAwesome;
    font-weight : bold;
    font-size   : 15px;
    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 {
    width : 33%;
}

.menu_client_right {
    width : 33%;
}

.menu_client_right2 {
    width : 33%;
}

.menu_client_right_right {
    width : 33%;
}

.menu_client_right_right a {
    background-color      : #0985c6;
    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;
}

.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  : 20px 0;
}

.soort_client a {
    text-transform        : capitalize;
    letter-spacing        : 1px;
    font-size             : 15px !important;
    color                 : #ffffff !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*/
}

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_participant {
    background-color : #ff7f00;
}

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

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

.wijzig_status:before {
    content       : "\f137";
    padding-right : 10px;
}

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, .wijzig_status:before, 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;
    color       : #ffffff;
    font-weight : bold;
}

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

a.wijzig_status {
    border : 1px solid #a7c8e9 !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      : #0985c6;
    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            : 70%;

}

.nieuw_dossier {
    height   : auto;
    display  : block;
    overflow : hidden;
    padding  : 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_contactpersoon:hover, a.tab_participant:hover, a.tab_client:hover, a.tab_mantelzorger:hover, a.tab_mantelzorger_jong:hover, a.tab_vrijwilliger:hover {
    background-color : #0985c6;
}

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

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

.wijzig.stamkaart {
    margin-left : 5px;
}

.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 0 5px !important;
}

.client_status {
    width         : 100%;
    padding       : 5px 0 10px;
    border-bottom : 1px dotted #cccccc;
}

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 {
    float          : left;
    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
}


#wrapper {
    position         : relative;
    margin           : auto;
    height           : auto;
    background-color : #ffffff;
    box-shadow: 1px 1px 30px #6c92b9;
}

#wrapper:after {
    color       : #c5c5c5;
    content     : " copyright CRVS 2024 - WMOMO";
    font-size   : 10px;
    line-height : 25px;
    top         : 17px;
    margin      : 5px 30px 5px 0px;
    position    : relative;
}

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 : #0985c6;
    border           : 1px solid #0985c6;
}

#nav {
    width  : 970px;
    height : 25px;
    margin : 4px 10px 4px 13px;
    color  : white;
}

#content_wrapper {
    width  : 100%;
    margin : 5px 0 0 0;
    height : auto;
}

#main_content {
    width : 100%;
}

#content {
    margin    : 0 0 0 0;
    font-size : 12px;
    color     : #333333 !important
}

#to_do_list {
    width : 220px; /* padding: 0 0 0 0px; */
}


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;
    color              : #0985c6;
    -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:link, #content a:visited, #content a:active {
    color           : #0985c6;
    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;
}

/*input[type=checkbox].css-checkbox { width: 25px;height: 25px; position:absolute; z-index:-1000; left:-1000px;
overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
input[type=checkbox].css-checkbox + label.css-label {
    padding-left:37px;
    height:14px;
    display:inline-block;
    line-height:25px;
    background-repeat:no-repeat;
    background-position: 0 0;
	font-size:32px;
    vertical-align:middle;
    cursor:pointer;

}


input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -20px;
}
label.css-label {
    background-image:url(../images/csscheckbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

*/

.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 .af a {
    background-image : url(../images/afgehandeld.png);
}

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

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

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

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

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

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

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

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

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

#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 .maV a, #content .toe a, #content .res a, #content .ar a, #content .pdf a, #content .af a, #content .vs a, #content .vw a, #content .dt a, #content .ma a, #content .wij a, #content .vo a, #content .ma a, #content .plus 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 .toe, #content .res, #content .ar, #content .pdf, #content .af, #content .vs, #content .vw, #content .dt, #content .ma, #content .wij, #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 .toe a, #content .res a, #content .ar a, #content .pdf a, #content .af a, #content .vs a, #content .vw a, #content .dt a, #content .ma a, #content .wij a, #content .vo a, #content .ma a, #content .plus 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 .maV, #content .toe, #content .res, #content .ar, #content .pdf, #content .af, #content .vs, #content .vw, #content .dt, #content .ma, #content .wij, #content .vo, #content .ex {
    width   : 25px;
    padding : 11px 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 : #0985c6;
}

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 #0985c6;
    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 : #0985c6;
}

.result_cl {
    width : 65%;
    color : #0985c6;
}

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:#0985c6;  color:#a7c8e9; 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       : #0985c6;
    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            : #0985c6;
}

.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;
    margin-bottom : 10px;
    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 #0985c6;
    margin-bottom : 20px;
}

.afspraken {
    float              : right;
    border             : 1px solid #ffffff;
    margin             : 0 0 20px 0;
    background-color   : #ffffff;
    -webkit-box-shadow : 7px 9px 25px -19px #6699cc;
    -moz-box-shadow    : 7px 9px 25px -19px #6699cc;
    box-shadow         : 7px 9px 25px -19px #6699cc;
}

.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 #a7c8e9;;
}

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

.clt_details {
    width : 220px;
}

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

.clientdetails_left, .activiteit {
    float : left;
}

.activiteit tr.titleRBU {
    border-bottom : 1px solid #0985c6;
}

.headRBU .titleRBU {
    color     : #0985c6;
    font-size : 16px;
}

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


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

tr.kopje_activiteit {
    text-align : left;
    color      : #0985c6 !important;
}

tr.kopje_activiteit th {
    border-top    : none;
    border-right  : none;
    font-size     : 16px !important;
    border-bottom : 1px solid #0985c6 !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;
}


.wijzig {
    float        : left;
    margin-right : 10px;
}


.reg_toevoegen a {
    background-color      : #0985c6;
    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 : #0985c6;
    color            : #ffffff !important
}

/* padding 8px 15px standaard bij float buttons */
.verwijder a, .wijzig a {
    background-color      : #a7c8e9;
    color                 : #ffffff !important;
    font-weight           : bold;
    background-repeat     : no-repeat;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    margin                : 0;
    padding               : 8px 15px;
    font-size             : 13px;
    letter-spacing        : 1px;
    line-height           : 16px;
}

.reg_toevoegen a:hover, .wijzig a:hover {
    background-color : #25aee8;
    color            : #ffffff !important
}

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

.verwijder a:after {
    content     : "\f00d";
    font-size   : 12px;
    padding     : 0 0 0 10px;
    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 {
    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 {
    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 : #a7c8e9;
}

.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 : #0985c6;
    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 : #0985c6;
    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      : #0985c6 !important;
    font-size  : 15px !important;
    padding    : 5px 15px 4px 8px;
    text-align : left !important
}

tr.head1 {
    font-size        : 14px;
    color            : #0985c6;
    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;
}

form {
    width              : 96%;
    background-color   : #ffffff;
    padding            : 2% 2% 15px;
    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;
}

/* 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 : 65%;
}

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


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

.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 {
    float         : left;
    margin-right  : 5px;
    margin-bottom : 5px;
    font-family   : Arial, Helvetica, sans-serif;
    font-size     : 17px;
    line-height   : 22px;
    font-weight   : bold;
    color         : #0985c6 !important
}

.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 15px 15px 17px;
    width            : 95%;
}

.label {
    color            : #0985c6;
    font-weight      : normal !important;
    font-size        : 12px !important;
    padding          : 3px 6px;
    background-color : #f2f8ff;
}

.form_breed .kopjeKleiner {
    color : #0985c6;
}

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 {
    margin  : 10px 0 15px;
    padding : 15px 0% 10px 2%;
    width   : 98%;
}

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 : #0985c6;
}

.faq_right2 {
    font-weight : bold;
}

.faq_right1 {
    font-weight    : bold;
    color          : #0985c6;
    text-transform : uppercase;
}

.faq_left2, .faq_right2 {
    color : #0985c6;
}

.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;
}

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

.error {
    color   : #cc0000;
    padding : 5px 0;
}

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

legend {
    font-family : Arial, Helvetica, sans-serif;
    color       : #0985c6;
    font-size   : 15px;
    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 #0985c6;
    padding       : 20px 0 20px 2%;
    margin        : 0 1% 20px 2%;
    width         : 95%;
}


/* 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%;
}

.myDate {
    font-size : 12px;
}

.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 #0985c6;
    border-left       : 4px solid #0985c6;
    -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          : #0985c6;
    padding-bottom : 5px;
}

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

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

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

label.voorziening {
    width : 15%;
}

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

label {
    font-family   : Arial, Helvetica, sans-serif;
    color         : #0985c6;
    font-size     : 12px;
    float         : left;
    width         : 35%;
    margin-bottom : 8px;
    margin-right  : 0.5em;
    padding-top   : 0.2em;
    font-weight   : normal;
}

input {
    border-radius         : 3px;
    -moz-border-radius    : 3px;
    -webkit-border-radius : 3px;
    margin                : 2px 2px 8px 2px;
    padding               : 3px 5px;
}

textarea {
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
}

select {
    border-radius         : 3px;
    -moz-border-radius    : 3px;
    -webkit-border-radius : 3px;
    padding               : 3px 5px;
}

input, textarea, select {
    border-color : #c5c5c5 #e7e7e7 #e7e7e7;
    border-style : solid;
    border-width : 1px;
}

textarea {
    padding    : 4px;
    width      : 55%;
    min-height : 200px;
}

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

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;
}

.btn3, .btn {
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    font-size             : 16px;
    border                : 1px solid #0985c6;
    background            : #0985c6;
    color                 : #ffffff;
    padding               : 5px 13px 5px !important;
    margin                : 10px 2px 0;
    cursor                : pointer;
    -moz-box-shadow       : 3px 3px 8px #9bbcdd;
    -webkit-box-shadow    : 3px 3px 8px #addde9;
    box-shadow            : 3px 3px 8px #addde9;
}

.btn:hover, .btn1:hover {
    background-color : #999999;
    border           : 1px solid #999999;
}

.btn1 {
    text-transform        : capitalize;
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    font-size             : 11px;
    border                : 1px solid #0985c6;
    background            : #0985c6;
    color                 : #ffffff;
    padding               : 2px 10px 5px !important;
    cursor                : pointer;
    margin                : 0 2px;
    width                 : 60px !important;
    -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          : #0985c6 !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 #0985c6;
}

.kopje {
    color          : #0985c6 !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 {
    overflow      : hidden;
    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 : 20%;
}

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;
}

.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-bottom : 5px;
}

.head_title_small.border {
    border-bottom  : 1px solid #a5c2e0;
    margin-bottom  : 15px;
    padding-bottom : 5px !important;
}

.home .page_title {
    padding : 10px 0 0 9px;
    color   : #0985c6;
}

.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_contactpersoon, a.tab_participant, a.tab_vrijwilliger, 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;
    -moz-box-shadow     : 3px 3px 8px #9bbcdd;
    -webkit-box-shadow  : 3px 3px 8px #9bbcdd;
    box-shadow          : 3px 3px 8px #9bbcdd;
    text-shadow         : 2px 2px 4px #3973ac !important;
    -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*/
}

.sectie_contactpersoon {
    background-image    : url(../images/icon-client.png);
    background-position : 3px 2px;
    background-color    : #e5e322 !important;
    -moz-box-shadow     : 3px 3px 8px #9bbcdd;
    -webkit-box-shadow  : 3px 3px 8px #9bbcdd;
    box-shadow          : 3px 3px 8px #9bbcdd;
}

.sectie_mantelzorger {
    background-image    : url(../images/icon-client.png);
    background-position : 3px 2px;
    background-color    : #cc66cc;
    -moz-box-shadow     : 3px 3px 8px #9bbcdd;
    -webkit-box-shadow  : 3px 3px 8px #9bbcdd;
    box-shadow          : 3px 3px 8px #9bbcdd;
}

.sectie_mantelzorger_inactief {
    background-image    : url(../images/icon-client_inactief.png);
    background-position : 3px 2px;
    background-color    : #cc66cc;
}

.sectie_vrijwilliger_inactief {
    background-image    : url(../images/icon-client_inactief.png);
    background-position : 3px 2px;
    background-color    : #34c58e;
}

.sectie_vrijwilliger, .sectie_participanten {
    background-image    : url(../images/icon-client.png);
    background-repeat   : no-repeat;
    background-position : 3px 2px;
    background-color    : #34c58e;
    -moz-box-shadow     : 3px 3px 8px #9bbcdd;
    -webkit-box-shadow  : 3px 3px 8px #9bbcdd;
    box-shadow          : 3px 3px 8px #9bbcdd;
}

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

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

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

.sectie_jonge_vrijwilliger {
    background-image    : url(../images/icon-client.png);
    background-repeat   : no-repeat;
    background-position : 3px 2px;
    background-color    : #a5df00;
    -moz-box-shadow     : 3px 3px 8px #9bbcdd;
    -webkit-box-shadow  : 3px 3px 8px #9bbcdd;
    box-shadow          : 3px 3px 8px #9bbcdd;
}

/* algemene styling tabs */
/* SECTIE */
.sectie_welzijn,
.sectie_verzoek, .sectie_faq, .sectie_artsen, .sectie_documenten, .sectie_cmp, .sectie_activiteiten, .sectie_socialekaart, .sectie_persoon, .sectie_personen, .sectie_mi, .sectie_aanbieders, .sectie_mi,
.sectie_voorziening, .sectie_vrijwilliger_inactief, .sectie_mantelzorger_inactief, .sectie_groepen, .sectie_projecten, .sectie_alarmering, .sectie_hulpdiensten,
.sectie_wmo, .sectie_volunteers, .sectie_mi_tijdregistratie, .sectie_mi_clientinfo, .sectie_miclienten, .sectie_extern, .sectie_klachten, .sectie_participanten, .sectie_users, .sectie_medewerkers,
.sectie_informatie, .sectie_mijntodo, .sectie_todo, .sectie_vrijwilliger, .sectie_jonge_vrijwilliger, .sectie_mantelzorger, .sectie_clienten, .sectie_contactpersoon, .sectie_hulpvragen, .sectie_algemeen, .sectie_beheer, .sectie_superuser, .sectie_legenda {
    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 10px 0;
}

.sectie_welzijn, .sectie_verzoek, .sectie_persoon, .sectie_personen, .sectie_faq, .sectie_artsen, .sectie_cmp, .sectie_socialekaart, .sectie_activiteiten, .sectie_aanbieders, .sectie_mi, .sectie_voorziening,
.sectie_vrijwilliger_inactief, .sectie_mantelzorger_inactief, .sectie_groepen, .sectie_projecten, .sectie_alarmering, .sectie_hulpdiensten, .sectie_wmo,
.sectie_volunteers, .sectie_mi, .sectie_mi_tijdregistratie, .sectie_mi_clientinfo, .sectie_miclienten, .sectie_extern, .sectie_klachten, .sectie_informatie, .sectie_mijntodo,
.sectie_todo, .sectie_clienten, .sectie_contactpersoon, .sectie_hulpvragen, .sectie_algemeen, .sectie_klachten, .sectie_beheer, .sectie_superuser, .sectie_legenda {
    background-image   : url(../images/bg_button.jpg);
    background-repeat  : repeat-y;
    background-color   : #5ed7ff;
    -moz-box-shadow    : 3px 3px 8px #9bbcdd;
    -webkit-box-shadow : 3px 3px 8px #9bbcdd;
    box-shadow         : 3px 3px 8px #9bbcdd;
}


.sectie_clienten, .sectie_personen {
    background-image    : url(../images/icon-client.png) !important;
    background-position : 3px 2px;
    background-repeat   : no-repeat;
}

.sectie_contactpersoon, .sectie_personen {
    background-image    : url(../images/icon-client.png) !important;
    background-position : 3px 2px;
    background-repeat   : no-repeat;
}


.sectie_medewerkers {
    background-image    : url(../images/icon-medewerkers.png);
    background-repeat   : no-repeat;
    background-position : 5px 0;
    background-color    : #e492de;
    -moz-box-shadow     : 3px 3px 8px #9bbcdd;
    -webkit-box-shadow  : 3px 3px 8px #9bbcdd;
    box-shadow          : 3px 3px 8px #9bbcdd;
}

.sectie_users {
    background-image    : url(../images/icon-gebruikers.png);
    background-repeat   : no-repeat;
    background-position : 5px 0;
    background-color    : #d656cc;
    -moz-box-shadow     : 3px 3px 8px #9bbcdd;
    -webkit-box-shadow  : 3px 3px 8px #9bbcdd;
    box-shadow          : 3px 3px 8px #9bbcdd;
}

.medewerkers {
    padding-left : 20px;
}

.users {
    padding-left : 30px;
}

.sectie_hulpdiensten {
    background-color   : #d656cc;
    -moz-box-shadow    : 3px 3px 8px #9bbcdd;
    -webkit-box-shadow : 3px 3px 8px #9bbcdd;
    box-shadow         : 3px 3px 8px #9bbcdd;
}


.sectie_todo.todo {
    width : 135px
}

.sectie_agenda {
    float       : left;
    font-size   : 14px;
    font-weight : bold;
    padding     : 0 5px 10px 0;
    color       : #0985c6;
}

.sectie_todo.todo .agenda {
    padding-left : 47px;
}

/* :AFTER EN :BEFORE */
.sectie_welzijn:after, .verzoek:after, .faq:after, .arts:after, .documenten:after, .cmp:after, .medewerkers:after, .mijn_todo:after, .todo_home, .vrijwilliger:after, .jonge_vrijwilliger:after, .activiteiten:after, .socialekaart,
.personen:after, .management_info:after, .aanbieders:after, .mi:after, .voorziening:after, .groepen:after, .projecten:after, .alarmering:after,
.sectie_hulpdiensten:after, .hulpdienst:after, .miclienten:after, .sectie_mi_clientinfo:after, .sectie_mi_tijdregistratie:after, .sectie_wmo:after, .miclienten:after,
.miclientinfo:after, .participanten:after, .users:after, .todo:before, .hometeam:after, .mantelzorger:after, .clienten:after, .contactpersoon:after, .personen:after, .informatie:after,
.sectie_informatie, .sectie_mijntodo, .sectie_todo, .extern:after, .klacht:after, .hulpdiensten:after, .hulpvragen:after, .persoon:after, .algemeen:after, .beheer:after, .superuser:after, .legenda:after, .welzijn: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 : "Documenten"
}

.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 : "Trajecten";
}

.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";
    padding-left : 25px;
}

.beheer:after {
    content : "Beheer";
}

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

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

/* einde algemene styling tabs */

label.anders {
    color : #333333;
}

.module_zelf {
    color       : #0985c6;
    font-weight : bold;
}

form.intake_mantelzorger, form.mantelzorgcompliment {
    width : 95%;
}

label.label_lang {
    width : 100%;
    float : none;
}

.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 10px;
    padding         : 0 0 0px;
    list-style-type : none;
    overflow        : hidden;
}

.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 #0985c6;
    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 {
    border               : 1px dotted #dddddd;
    margin               : 10px 0;
    padding              : 15px 15px 15px 25px;
    -moz-column-count    : 2;
    -moz-column-gap      : 20px;
    -webkit-column-count : 2;
    -webkit-column-gap   : 20px;
    column-count         : 2;
    column-gap           : 20px;
}

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 {
    background-color : #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;
}

.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 25px 0 0;
}

form.klein label {
    width : 15%;
}

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 #0985c6;
    border-radius         : 6px;
    -moz-border-radius    : 6px;
    -webkit-border-radius : 6px;
    border                : 1px solid #0985c6;
    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;
}

.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        : #0985c6;
    font-size    : 14px;
    font-weight  : bold;
    margin       : 0 0 10px 0;
    padding-left : 17px;
    width        : auto;
}

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

.explanation {
    clear              : both;
    padding            : 8px 5%;
    width              : 90%;
    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 : #0985c6;
}

.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           : #0985c6;
    text-transform  : uppercase;
    font-size       : 11px;
}

.kopjeBlauw {
    font-weight : bold;
    color       : #0985c6;
    font-size   : 14px;
}

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

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 #0985c6;
    background            : #0985c6;
    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      : #0985c6;
    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 : #0985c6;
}

.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          : #0985c6;
    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      : #0985c6;
    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;
}


/* TOOLTIP anders*/

.tooltip2 span {
    width : 250px; /* tootip width */
}

.tooltip2 {
    position        : relative; /* make span relative to anchor */
    text-decoration : none; /* no underline */
    cursor          : pointer; /* make cursor point */
}

.tooltip2 img {
    bottom   : 0;
    position : relative;
    width    : 15px;
    height   : 16px;
}

.tooltip2 span { /* main body of tooltip */
    position           : absolute; /* AP it */
    z-index            : 99999999;
    bottom             : 66px; /* FADE IN/OUT BEGIN */
    left               : 50%; /* CENTER TOOLTIP */
    margin-left        : -129px; /* CENTER TOOLTIP */
    opacity            : 0; /* HIDE TOOLTIP in modern browsers */
    visibility         : hidden; /* HIDE TOOLTIP in IE */
    padding            : 10px; /* padding */
    color              : #ffffff; /* text color */
    font-weight        : normal;
    line-height        : 21px;
    font-size          : 15px !important; /* font */
    text-align         : left; /* center text */
    pointer-events     : none; /* no unintended tooltip popup for modern browsers */
    border-radius      : 6px; /* round corners */
    /*text-shadow:1px 1px 2px rgba(0, 0, 0, 0.6); /* text shadow */
    /*noinspection CssOverwrittenProperties*/
    background         : rgb(107, 153, 201); /* IE6/7/8 */
    /*background         : rgb(107, 153, 201); !* modern browsers *!*/
    /*noinspection CssOverwrittenProperties*/
    background-color   : #6b99c9;
    /* border langs ballonnetje */
    /* border:2px solid rgb(255,255,255); /* IE6/7/8 */
    /* border:2px solid rgba(255,255,255); /* modern browsers */
    box-shadow         : 0 2px 4px rgba(0, 0, 0, 0.5); /* shadow */
    -webkit-transition : all 0.3s ease-in-out; /* animate tooltip */
    -moz-transition    : all 0.3s ease-in-out; /* animate tooltip */
    -o-transition      : all 0.3s ease-in-out; /* animate tooltip */
    -ms-transition     : all 0.3s ease-in-out; /* animate tooltip */
    transition         : all 0.3s ease-in-out; /* animate tooltip */
}

.tooltip2 span.dif { /* different width tooltip */
    width       : 190px; /* width */
    margin-left : -102px; /* center it */
}

.tooltip2 span:before, .tooltip span:after { /* bottom triangle - the white border */
    content      : ''; /* add html content */
    position     : absolute; /* AP bottom triangle */
    bottom       : -13px; /* position bottom triangle */
    left         : 50%; /* center bottom triangle */
    margin-left  : -12px; /* center bottom triangle */
    border-left  : 12px solid transparent; /* build bottom triangle */
    border-right : 12px solid transparent; /* build bottom triangle */
    border-top   : 10px solid rgb(255, 255, 255); /* build bottom triangle IE6/7/8 */
    /* voor border langs puntje zet opacity op rgba(255,255,255,.8) */
    border-top   : 10px solid rgba(255, 255, 255, .1); /* build bottom triangle modern browsers */
}

.tooltip2 span:after { /* top triangle - the blue background */
    bottom       : -10px; /* position top triangle */
    margin-left  : -10px; /* center top triangle */
    border-width : 10px; /* build top triangle */
    border-top   : 10px solid rgb(0, 10, 125); /* build top triangle IE6/7/8 */
    border-top   : 10px solid rgb(0, 10, 125); /* build top triangle modern browsers */
}

.tooltip2:hover span { /* reveal tooltip */
    opacity    : 1; /* REVEAL TOOLTIP in modern browsers */
    bottom     : 44px; /* FADE IN/OUT END */
    visibility : visible; /* REVEAL TOOLTIP in IE */
}

.tooltip2 span:hover {
    visibility : hidden; /* hide tooltip when moving from link to span in IE */
}

@media screen and (min-device-width : 320px) and (max-device-width : 768px) {
    .tooltip span {
        display : none;
    }

    .tooltip:hover span {
        display : block;
    }
}

/* iPad & iPhone simulate :hover */

/* END TOOLTIP */

.tooltip {
    background-color      : #cccccc;
    -webkit-border-radius : 7px;
    -moz-border-radius    : 7px;
    border-radius         : 7px;
    position              : absolute;
    z-index               : 1020;
    display               : block;
    visibility            : visible;
    padding               : 5px;
    font-size             : 11px;
    line-height           : 23px;
    opacity               : 0;
    filter                : alpha(opacity=0)
}

.tooltip.in {
    opacity : .9;
    filter  : alpha(opacity=90)
}

.tooltip.top {
    margin-top : -2px
}

.tooltip.right {
    margin-left : 2px
}

.tooltip.bottom {
    margin-top : 2px
}

.tooltip.left {
    margin-left : -2px
}

.tooltip.top .tooltip-arrow {
    bottom       : 0;
    left         : 50%;
    margin-left  : -5px;
    border-left  : 5px solid transparent;
    border-right : 5px solid transparent;
    border-top   : 5px solid #f5f5f5;
}

.tooltip.left .tooltip-arrow {
    top           : 50%;
    right         : 0;
    margin-top    : -5px;
    border-top    : 5px solid transparent;
    border-bottom : 5px solid transparent;
    border-left   : 5px solid #f5f5f5;
}

.tooltip.bottom .tooltip-arrow {
    top           : 0;
    left          : 50%;
    margin-left   : -5px;
    border-left   : 5px solid transparent;
    border-right  : 5px solid transparent;
    border-bottom : 5px solid #f5f5f5;
}

.tooltip.right .tooltip-arrow {
    top           : 50%;
    left          : 0;
    margin-top    : -5px;
    border-top    : 5px solid transparent;
    border-bottom : 5px solid transparent;
    border-right  : 5px solid #f5f5f5;
}

.tooltip-inner {
    max-width             : 200px;
    padding               : 15px;
    color                 : #333333;
    background-color      : #ffffff;
    font-size             : 12px;
    line-height           : 22px;
    text-align            : center;
    text-decoration       : none;
    -webkit-border-radius : 4px;
    -moz-border-radius    : 4px;
    border-radius         : 4px
}

.tooltip-arrow {
    position : absolute;
    width    : 0;
    height   : 0
}

/*  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 : #0985c6;
    color            : #ffffff !important;
    border           : 1px solid #0985c6;
}

.matches tr.odd td {
    color         : #ffffff;
    border-right  : 1px solid #0985c6;
    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 : #0985c6;
    padding          : 6px 10px;
    color            : #ffffff;
    width            : auto;
    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 .datum_smal, .matchen .tijd, .matchen .client, .matchen .categorie, .matchen .categorie_smal, .matchen .extra, .matchen .th-wijzig, .matchen .th-match, .matchen .th-verwijder, .matchen .vw.th-verwijder, .matchen .th-archief, .matchen .vraag, .matchen .aantal {
    float : left;
}

.matchen .datum:before, .matchen .tijd:before, .matchen .client:before, .matchen .categorie:before,  .matchen .categorie_smal, .matchen .matchen .vraag:before {
    content : " ";
    display : inline-block;
}

#content .matchen .ma, #content .matchen .dt {
    padding-top : 0 !important;
}

.head.match .datum, .head.match .categorie_smal, .head.match .tijd, .head.match .client, .head.match .categorie, .head.match .vraag {
    color : #ffffff;
}

.matchen .aantal, .matchen .datum,  .matchen .categorie_smal, .matchen .tijd, .matchen .client, .matchen .categorie, .matchen .vraag {
    color : #666666;
}

.matchen .datum {
    width : 10%;
}
.matchen .aantal {
    width : 45px;
}
.matchen .datum_smal {
    width : 11%;
}
.matchen .tijd {
    width : 10%;
}

.matchen .client {
    width : 15%;
}

.matchen .categorie {
    width : 18%;
}
.matchen .categorie_smal { width: 14%}
.matchen .vraag {
    width : 21%;
}

.head.match .aantal, .head.match .categorie {
    color : #ffffff !important;
}

.categorie.zwart {
    color : #666666 !important;
}

.matchen .th-wijzig, .matchen .th-match, .matchen .th-verwijder {
    width : 2% !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 : #0985c6;
}

.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         : #0985c6;
    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 : #0985c6;
}

.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: #0985C6;	padding: 10px;	width: 98%;}
.containerpanel {	border: 4px solid #0985C6;	background-color: #0985C6;	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: #0985c6!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:#0985c6!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:#0985c6; }
.faq_right2 {font-weight: bold;}
.faq_right1 { font-weight: bold; color:#0985c6; text-transform: uppercase;}
.faq_left2, .faq_right2 { color:#0985c6; }
.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:#0985c6; 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;}

a.historie_gespreksverslag { float:right;}
a.historie_gespreksverslag:after { content: "\f061"; font-family: fontawesome; display:inline; padding-left: 7px; }
/*///// END uitklapboxjes  /////*/


.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 { float: left;}

input.datepicker, input#datepicker { width: 140px; text-align: left;}
input.datepicker, #datepicker {    background-image: url(../images/calender2.jpg); background-size: 10%; background-position: right 5px top 5px; background-repeat: no-repeat;    border:1px solid #ccc;
    height:18px;   width:135px;   padding-left:8px;  cursor: pointer;}