body {
    /* Disables pull-to-refresh but allows overscroll glow effects. */
    overscroll-behavior-y: contain;
}

.taal_nb, .taal_nn, .taal_es, .taal_fr, .taal_it, .taal_pt, .taal_de, .taal_en, .taal_da, .taal_nl{
    display:none;
}

.readonly{
    background-color:#EFEFEF;
}

.label {
    display: inline-block;
    font-size: 0.8em;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    margin-right: 0.3em;
    margin-bottom: 0.1em;
    border:1px solid black;
}

.footer_message {
    position:fixed;
    left:0px;
    bottom:0px;
    padding:1em;
    width:100%;
    background:#FFFFFF;
    border-top:0.3em solid #CCCCCC;
}
.footer_message_created{
    border-top-color:#50b432;
}

.footer_message_updated {
    border-top-color:#edcd1b;
}

.machine{
    margin-bottom:0.5em;
}

.verloopdatum{
    border-left-width:0.3em;
    border-left-style:solid;
    margin-bottom:0.1em;
    padding-left:0.3em;
}

.actief{
    border-left-width:0.3em;
    border-left-style:solid;
    margin-bottom:0.1em;
    padding-left:0.3em;
    border-color: green;
}

.niet_actief{
    border-left-width:0.3em;
    border-left-style:solid;
    margin-bottom:0.1em;
    padding-left:0.3em;
    border-color: red;
}

.verloopdatum_link{
    color:#0033f1;
    cursor:pointer;
}

.par{
    padding-top:0.4em;
    padding-bottom:0.4em;
}

.beheer_user_menu{
    font-size:0.8em;
    line-height:2.4em;
    color:black;
    padding-left:4.5em;
    padding-top:0.13em;
    padding-bottom:0.1em;
    display:flex;
    justify-content: space-between;
    background-repeat:no-repeat;
    background-size:16px 16px;
    background-position:20px 5px;
    background-image:url('/img/modern/menu/naar_beheer.svg');
}

.user_menu{
    font-size:0.8em;
    line-height:2.4em;
    color:#666666;
    padding-left:2em;
    padding-top:0.13em;
    padding-bottom:0.1em;
    display:flex;
    justify-content: space-between;
}

.mini_menu{
    display:flex;
    margin-right:1em;
}

.mini_menu_item{
    font-size:1.1em;
    color:black !important;
    line-height:1.7em;
    margin-left:0.8em;
    margin-right:0.4em;
    margin-top:0.4em;
    padding-left:1.9em;
    background-repeat:no-repeat;
    background-size:1.5em 1.5em;
}

.mini_menu .mini_menu_item:hover{
    text-decoration: underline;
}

.mini_menu .naar_database{
    background-image:url('/img/modern/menu/naar_database.svg');
}

.mini_menu .privacy_mode{
    background-image:url('/img/modern/menu/invisible.svg');
}

.mini_menu .naar_keuren{
    background-image:url('/img/modern/menu/naar_keuren.svg');
}

.mini_menu .naar_beheer{
    background-image:url('/img/modern/menu/naar_beheer.svg');
}

.mini_menu .uitloggen{
    background-image:url('/img/modern/menu/uitloggen.svg');
}

#menu_database{
    display:none;
    justify-content: flex-end;
    font-size:0.9em;
    padding-bottom:0.2em;
    padding-top:0.2em;
}

#menu_database a{
    display:inline-block;
    cursor:pointer;
    padding:0.3em;
    padding-left:0.7em;
    padding-right:0.7em;
    border:1px solid transparent;
    color:black !important;
}

#menu_database a:hover{
    border:1px solid #CCCCCC;
}

.mini_menu .taal{
    margin-right:0.5em;
}

.mini_menu .taal img{
    height:2.3em;
}

.menu{
    padding-left:10px;
    padding-top:5px;
    padding-bottom:3px;
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

.menu_image{
    background-image:url("/public/img/keuren_online_hor.svg");
    background-repeat:no-repeat;
    background-position: right;
    background-size:auto 1.6em;
    margin-right:1em;
}

.menu a{
    display:inline-block;
    cursor:pointer;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    border:1px solid transparent;
    color:black !important;
}

.menu a:hover{
    border:1px solid #CCCCCC;
}

.menu .text{
    margin-top:0.3em;
    font-size:0.8em;
    text-align:center;
}

.menu .image{
    background-repeat:no-repeat;
    background-size:2.1em 2.1em;
    height:2.1em;
    width:2.1em;
    margin-left:auto;
    margin-right:auto;
}

.menu .tab_ruler{
    border-left:1px solid #9a9a9a;
    display:inline-block;
    height:40px;
}

.menu .meer{
    display:none;
}

.menu .meer .image{
    background-image:url('/img/modern/menu/meer.svg');
}

.menu .keuren_home .image{
    background-image:url('/img/modern/menu/home.svg');
}

.menu .tab_design .image{
    background-image:url('/img/modern/menu/ontwerp.svg');
}

.menu .start_keuren .image, .menu .tab_keuren .image{
    background-image:url('/img/modern/menu/start_keuren.svg');
}

.menu .keuringen_aanmelden .image{
    background-image:url('/img/modern/menu/aanmelding_toevoegen.svg');
}

.menu .rapportages .image{
    background-image:url('/img/modern/menu/rapportages.svg');
}

.menu .keuringen .image{
    background-image:url('/img/modern/menu/keuringen.svg');
}

.submenu .keuringen_verwijderd .image{
    background-image:url('/img/modern/menu/deleted.svg');
}

.menu .koppeling .image{
    background-image:url('/img/modern/menu/databronnen.svg');
}

.menu .projecten .image{
    background-image:url('/img/modern/menu/projecten.svg');
}

.menu .groepen .image{
    background-image:url('/img/modern/menu/groepen.svg');
}

.menu .materiaal .image{
    background-image:url('/img/modern/menu/materiaal.svg');
}

.menu .facturen .image{
    background-image:url('/img/modern/menu/invoice2.svg');
}

.submenu .facturen_overzicht .image{
    background-image:url('/img/modern/menu/invoice2.svg');
}

.menu .keuringen_extern .image{
    background-image:url('/img/modern/menu/keuringen_extern.svg');
}

.menu .klanten .image{
    background-image:url('/img/modern/menu/klanten.svg');
}

.menu .gebruikers .image{
    background-image:url('/img/modern/menu/klanten.svg');
}

.submenu .gebruikers .image{
    background-image:url('/img/modern/menu/klanten.svg');
}

.submenu .rechten .image{
    background-image:url('/img/modern/menu/key.svg');
}

.menu .machines .image{
    background-image:url('/img/modern/menu/machines.svg');
}

.menu .stickers .image{
    background-image:url('/img/modern/menu/stickers.svg');
}

.menu .mobiel_keuren .image{
    background-image:url('/img/modern/menu/mobiel_keuren.svg');
}

.menu .nen3140{
    display:none !important;
}

.menu .handboek .image{
    background-image:url('/img/modern/menu/handboek.svg');
}

.menu .documentatie .image{
    background-image:url('/img/modern/menu/documentatie.svg');
}

.menu .uitloggen .image{
    background-image:url('/img/modern/menu/uitloggen.svg');
}

.menu .naar_beheer .image{
    background-image:url('/img/icons22/preferences-system.png');
}

.menu .admin_home .image, .menu .tab_administratie .image{
    background-image:url('/img/modern/menu/admin_home.svg');
}

.menu .mijn_bedrijf .image{
    background-image:url('/img/modern/menu/mijn_bedrijf.svg');
}

.menu .uitnodigen .image{
    background-image:url('/img/modern/menu/uitnodigen.svg');
}

.menu .inplannen .image{
    background-image:url('/img/modern/menu/inplannen.svg');
}

.menu .emails .image{
    background-image:url('/img/modern/menu/emails.svg');
}

.menu .apps .image{
    background-image:url('/img/modern/menu/app.svg');
}

.menu .statistieken .image{
    background-image:url('/img/modern/menu/statistieken.svg');
}

.menu .importeren .image{
    background-image:url('/img/modern/menu/importeren.svg');
}

.menu .keuringtypen .image{
    background-image:url('/img/modern/menu/keuringtypen.svg');
}

.menu .machinetypen .image{
    background-image:url('/img/modern/menu/machinetypen.svg');
}

.menu .status_codes .image{
    background-image:url('/img/modern/menu/status_codes.svg');
}

.menu .vertalingen .image{
    background-image:url('/img/modern/menu/vertalingen.svg');
}

.menu .instellingen .image{
    background-image:url('/img/modern/menu/instellingen.svg');
}

.menu .tabellen .image{
    background-image:url('/img/modern/menu/tabellen.svg');
}

.menu .werkbonnen .image{
    background-image:url('/img/modern/menu/werkbon.svg');
}

.menu .planning .image, .submenu .planning .image{
    background-image:url('/img/modern/menu/inplannen.svg');
}

.submenu{
    padding-left:10px;
    padding-top:6px;
    padding-bottom:4px;
    border-bottom:1px solid #CCCCCC;
    display:none;
    flex-wrap:wrap;
}

.submenu .image{
    display:flex;
    width:25px;
    height:25px;
    background-size:25px 25px;
}

.submenu .text{
    font-size:0.9em;
    font-family:Arial;
    margin-left:10px;
    white-space:nowrap;
    display:flex;
}

.submenu a{
    display:flex;
    line-height:25px;
    cursor:pointer;
    padding:4px;
    padding-left:10px;
    padding-right:10px;
    border:1px solid transparent;
    color:black !important;
}

.submenu a:hover{
    border:1px solid #CCCCCC;
}

.submenu .keuringen_historie .image{
    background-image:url('/img/modern/menu/keuringen_historie.svg');
}

.submenu .keuringen_valideren .image{
    background-image:url('/img/modern/menu/keuringen_valideren.svg');
}

.submenu .keuringen_tijdelijk .image{
    background-image:url('/img/modern/menu/keuringen_tijdelijk.svg');
}

.submenu .keuringen_planning .image{
    background-image:url('/img/modern/menu/inplannen.svg');
}

.submenu .keuringen_analyse .image{
    background-image:url('/img/modern/menu/keuringen_analyse.svg');
}

.submenu .keuringen_extern .image{
    background-image:url('/img/modern/menu/keuringen_extern.svg');
}

.submenu .keuringtypen_extern .image{
    background-image:url('/img/modern/menu/keuringtypen_extern.svg');
}

.submenu .klanten .image{
    background-image:url('/img/modern/menu/sub_klanten.svg');
}

.submenu .nieuws .image{
    background-image:url('/img/modern/menu/opmerkingen.svg');
}

.submenu .communicatie .image{
    background-image:url('/img/modern/menu/email_verstuurd.svg');
}

.submenu .afspraken .image{
    background-image:url('/img/modern/menu/opleiding_aanmeldingen.svg');
}

.submenu .aanmeldingen .image{
    background-image:url('/img/modern/menu/opleiding_aanmeldingen.svg');
}

.submenu .klantlogins .image{
    background-image:url('/img/modern/menu/klantlogins.svg');
}

.submenu .documenten .image{
    background-image:url('/img/modern/menu/documenten.svg');
}

.submenu .fotos .image{
    background-image:url('/img/modern/menu/photos.svg');
}

.menu .documenten .image{
    background-image:url('/img/modern/menu/documenten.svg');
}

.submenu .verzamellijst .image{
    background-image:url('/img/modern/menu/verzamellijst.svg');
}

.submenu .blanco .image{
    background-image:url('/img/modern/menu/blanco.svg');
}

.submenu .templates .image{
    background-image:url('/img/modern/menu/instellingen.svg');
}

.submenu .machines .image{
    background-image:url('/img/modern/menu/sub_machines.svg');
}

.menu .uitgeven .image{
    background-image:url('/img/modern/menu/qr_code.svg');
}

.menu .uitgiftes .image{
    background-image:url('/img/modern/menu/shuffle.svg');
}

.submenu .machine_locaties .image{
    background-image:url('/img/modern/menu/steekproef_kaart.svg');
}

.submenu .machinepark .image{
    background-image:url('/img/modern/menu/machinepark.svg');
}

.submenu .documenten .image{
    background-image:url('/img/modern/menu/documenten.svg');
}

.submenu .verhuur .image{
    background-image:url('/img/modern/menu/verhuur.svg');
}

.submenu .voorraad .image{
    background-image:url('/img/modern/menu/voorraad.svg');
}

.submenu .labels .image{
    background-image:url('/img/modern/menu/labels.svg');
}

.submenu .bestellen .image{
    background-image:url('/img/modern/menu/bestellen.svg');
}

.submenu .helpdesk_sub .image{
    background-image:url('/img/modern/menu/helpdesk.svg');
}

.submenu .faq .image{
    background-image:url('/img/modern/menu/faq.svg');
}

.submenu .handleidingen .image{
    background-image:url('/img/modern/menu/handleiding.svg');
}

.submenu .introductie_video .image{
    background-image:url('/img/modern/menu/introductie_video.svg');
}

.submenu .mijn_bedrijf .image{
    background-image:url('/img/modern/menu/sub_mijn_bedrijf.svg');
}

.submenu .bedrijven .image{
    background-image:url('/img/modern/menu/mijn_bedrijf.svg');
}

.submenu .contact .image{
    background-image:url('/img/modern/menu/contact.svg');
}

.submenu .opleiding_aanmeldingen .image{
    background-image:url('/img/modern/menu/opleiding_aanmeldingen.svg');
}

.submenu .diplomas .image{
    background-image:url('/img/modern/menu/diplomas.svg');
}

.submenu .maak_uitnodiging .image{
    background-image:url('/img/modern/menu/maak_uitnodiging.svg');
}

.submenu .uitgenodigd .image{
    background-image:url('/img/modern/menu/uitgenodigd.svg');
}

.submenu .uitnodiging_config .image{
    background-image:url('/img/modern/menu/uitnodiging_config.svg');
}

.submenu .email_verstuurd .image{
    background-image:url('/img/modern/menu/email_verstuurd.svg');
}

.submenu .email_concepten .image{
    background-image:url('/img/modern/menu/email_concepten.svg');
}

.submenu .email_afzenders .image{
    background-image:url('/img/modern/menu/email_afzenders.svg');
}

.submenu .email_templates .image{
    background-image:url('/img/modern/menu/email_templates.svg');
}

.submenu .werk .image{
    background-image:url('/img/modern/menu/materiaal.svg');
}

.submenu .werk_categorieen .image, .submenu .time .image{
    background-image:url('/img/modern/menu/time.svg');
}

.submenu .prijslijsten .image{
    background-image:url('/img/modern/menu/prijslijsten.svg');
}

.submenu .agenda .image{
    background-image:url('/img/modern/menu/calendar.svg');
}

.submenu .artikelen .image{
    background-image:url('/img/modern/menu/box.svg');
}

.submenu .werkbonnen .image{
    background-image:url('/img/modern/menu/werkbon.svg');
}

.beheer_menu{
    border-top:1px solid #333333;
    border-bottom:1px solid #333333;
}

.beheer_menu .home .image{
    background-image:url('/img/modern/menu/home.svg');
}

.beheer_menu .keuringen .image{
    background-image:url('/img/modern/menu/keuringen.svg');
}

.beheer_menu .stickers .image{
    background-image:url('/img/modern/menu/stickers.svg');
}

.beheer_menu .relaties .image{
    background-image:url('/img/modern/menu/klanten.svg');
}

.beheer_menu .steekproeven .image{
    background-image:url('/img/modern/menu/steekproeven.svg');
}

.beheer_menu .opmerkingen .image{
    background-image:url('/img/modern/menu/opmerkingen.svg');
}

.beheer_menu .certificering .image{
    background-image:url('/img/modern/menu/certificering.svg');
}

.beheer_menu .spuitdoppen .image{
    background-image:url('/img/modern/menu/water.svg');
}

.beheer_menu .email .image{
    background-image:url('/img/modern/menu/emails.svg');
}

.beheer_menu .documenten .image{
    background-image:url('/img/modern/menu/documenten.svg');
}

.beheer_menu .rapporten .image{
    background-image:url('/img/modern/menu/statistieken.svg');
}

.beheer_menu .statistieken .image{
    background-image:url('/img/modern/stats/futures.svg');
}

.beheer_menu .geavanceerd{
    border-left:1px solid #9a9a9a;
}

.beheer_menu .geavanceerd .image{
    background-image:url('/img/modern/menu/geavanceerd.svg');
}

.beheer_menu .keuringtypen .image{
    background-image:url('/img/modern/menu/keuringtypen.svg');
}

.beheer_menu .machinetypen .image{
    background-image:url('/img/modern/menu/machinetypen.svg');
}

.beheer_menu .databronnen .image{
    background-image:url('/img/modern/menu/databronnen.svg');
}

.beheer_menu .rai_dynamics .image{
    background-image:url('/img/modern/menu/rai_dynamics.svg');
}

.beheer_menu .tabellen .image{
    background-image:url('/img/modern/menu/tabellen.svg');
}

.beheer_menu .vertalingen .image{
    background-image:url('/img/modern/menu/vertalingen.svg');
}

.beheer_menu .module_configuraties .image{
    background-image:url('/img/modern/menu/module_configuraties.svg');
}

.beheer_menu .mobiel_keuren .image{
    background-image:url('/img/modern/menu/mobiel_keuren.svg');
}

.beheer_menu .naar_administratie{
    border-left:1px solid #9a9a9a;
}

.beheer_menu .naar_administratie .image{
    background-image:url('/img/modern/menu/beheer_naar_administratie.svg');
}


.beheer_submenu .stickers .image{
    background-image:url('/img/modern/menu/beheer_stickers.svg');
}

.beheer_submenu .bestellingen .image{
    background-image:url('/img/modern/menu/bestellen.svg');
}

.beheer_submenu .sticker_varianten .image{
    background-image:url('/img/modern/menu/sticker_varianten.svg');
}


.beheer_submenu .bedrijven .image{
    background-image:url('/img/modern/menu/sub_klanten.svg');
}

.beheer_submenu .medewerkers .image{
    background-image:url('/img/modern/menu/klanten.svg');
}

.beheer_submenu .bedrijfsklanten .image{
    background-image:url('/img/modern/menu/bedrijfsklanten.svg');
}

.beheer_submenu .klantlogins .image{
    background-image:url('/img/modern/menu/key.svg');
}

.beheer_submenu .inlogacties .image{
    background-image:url('/img/modern/menu/login.svg');
}

.beheer_submenu .actieve_sessies .image{
    background-image:url('/img/modern/menu/actieve_sessies.svg');
}


.beheer_submenu .opmerkingen .image{
    background-image:url('/img/modern/menu/sub_opmerkingen.svg');
}

.beheer_submenu .opmerking_categorieen .image{
    background-image:url('/img/modern/menu/labels.svg');
}


.beheer_submenu .keuringen .image{
    background-image:url('/img/modern/menu/keuringen_historie.svg');
}

.beheer_submenu .gewijzigde_keuringen .image{
    background-image:url('/img/modern/menu/gewijzigde_keuringen.svg');
}

.beheer_submenu .delen .image{
    background-image:url('/img/modern/menu/share.svg');
}

.beheer_submenu .exporteer .image{
    background-image:url('/img/modern/menu/tabellen.svg');
}

.beheer_submenu .uitbesteden .image{
    background-image:url('/img/modern/menu/klanten.svg');
}


.beheer_submenu .bedrijf_certificaten .image{
    background-image:url('/img/modern/menu/bedrijf_certificaten.svg');
}

.beheer_submenu .opleidingen .image{
    background-image:url('/img/modern/menu/opleidingen.svg');
}


.beheer_submenu .steekproef_kaart .image{
    background-image:url('/img/modern/menu/steekproef_kaart.svg');
}

.beheer_submenu .steekproef_kaart_bedrijven .image{
    background-image:url('/img/modern/menu/map_bedrijven.svg');
}

.beheer_submenu .steekproeven .image{
    background-image:url('/img/modern/menu/sub_steekproeven.svg');
}

.beheer_submenu .steekproef_keurmeesters .image{
    background-image:url('/img/modern/menu/klanten.svg');
}

.beheer_submenu .steekproef_groepen .image{
    background-image:url('/img/modern/menu/groepen.svg');
}


.beheer_submenu .spuitdoppen .image{
    background-image:url('/img/modern/menu/water.svg');
}



.beheer_submenu .nieuwe_bedrijfsmailing .image{
    background-image:url('/img/modern/menu/maak_uitnodiging.svg');
}

.beheer_submenu .afzenders_bedrijven .image{
    background-image:url('/img/modern/menu/sub_klanten.svg');
}


.beheer_submenu .bedrijf_statussen .image{
    background-image:url('/img/modern/menu/sub_klanten.svg');
}

.beheer_submenu .bedrijf_lid_typen .image{
    background-image:url('/img/modern/menu/lidtype.svg');
}

.beheer_submenu .machine_merken .image{
    background-image:url('/img/modern/menu/labels.svg');
}

.beheer_submenu .voorwaarde .image{
    background-image:url('/img/modern/menu/voorwaarde.svg');
}


.beheer_submenu .module_configuraties .image{
    background-image:url('/img/modern/menu/module_configuraties.svg');
}

.beheer_submenu .maatwerk .image{
    background-image:url('/img/modern/menu/maatwerk.svg');
}

.beheer_submenu .config_domein .image{
    background-image:url('/img/modern/menu/emails.svg');
}

.beheer_submenu .webservices .image{
    background-image:url('/img/modern/menu/mobiel_keuren.svg');
}

.beheer_submenu .parameters .image{
    background-image:url('/img/modern/menu/parameters.svg');
}


.beheer_submenu .databases .image{
    background-image:url('/img/modern/menu/naar_database.svg');
}

.beheer_submenu .sessies .image{
    background-image:url('/img/modern/menu/actieve_sessies.svg');
}

.beheer_submenu .update .image{
    background-image:url('/img/modern/menu/update.svg');
}


a:link{
    color:#0033f1;
    text-decoration:none;
}

a:visited{
    color:#0033f1;
    text-decoration:none;
}

a:hover{
    color:#0033f1;
    text-decoration:none;
}

a:active{
    color:#0033f1;
    text-decoration:none;
}

body{
    font-family:Arial;
    font-size:0.833em;
    margin:0px;
    padding:0px;
}

td{
    font-size:1em;
}

th{
    font-size:1em;
    text-align:left;
}

.standaard td{
    background-color:#EFEFEF;
}

#validatie{
    border-color:#e74736;
    border-width:2px;
    border-style:solid;
    background-image:url('/img/foutmelding.png');
    background-repeat:no-repeat;
    background-color:#EFEFEF;
    color:black;
    display:none;
    padding-top:25px;
    padding-bottom:0px;
    padding-left:5px;
    padding-right:20px;
    margin-right:20px;
    margin-top:10px;
    margin-bottom:20px;
}

#validatie ul{
    padding-top:0px;
    margin-top:0px;
    margin-bottom:4px;
    margin-left:0px;
    padding-left:20px;
}

#validatie ul li{

    margin-left:-20px;
    padding-top:5px;
    padding-bottom:5px;
    font-size:1em;
    background-image:url("/img/icons/list-error.png");
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 20px;
    list-style-type:none;
}



#waarschuwingen{
    border-color:#ff8315;
    border-width:2px;
    border-style:solid;
    background-image:url('/img/waarschuwing.png');
    background-repeat:no-repeat;
    background-color:#EFEFEF;
    color:black;
    padding-bottom:3px;
    display:none;
    padding-top:25px;
    padding-bottom:0px;
    padding-left:5px;
    padding-right:20px;
    margin-right:20px;
    margin-top:10px;
    margin-bottom:20px;
}

#waarschuwingen ul{
    padding-top:0px;
    margin-top:0px;
    margin-bottom:4px;
    margin-left:0px;
    padding-left:20px;
}

#waarschuwingen ul li{

    margin-left:-20px;
    padding-top:5px;
    padding-bottom:5px;
    font-size:1em;
    background-image:url("/img/icons/list-error.png");
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 20px;
    list-style-type:none;
}


a img{
    border-width:0px;
}

#main{
    margin-left:1.5em;
    margin-top:0.75em;
}

h1{
    font-size:1.4em;
    font-weight:normal;
    font-family:Arial;
    color:black;
    letter-spacing:0.06em;
    margin-bottom:0.65em;
    margin-top:0.26em;
}

h2{
    color:#000000;
    font-family:Arial;
    font-weight:normal;
    font-size:1.2em;
    margin-bottom:0.4em;
    margin-top:1.05em;
}

form{
    margin:0px;
    padding:0px;
}

.tekst_invoer{
    padding-left:0.3em;
    padding-right:0.3em;
    padding-top:0.2em;
    padding-bottom:0.2em;
    background-color: #FFFFFF;
    border-color:#CCCCCC;
    border-width:1px;
    border-style:solid;
    width:140px;
    font-family:Arial;
    margin:0px;
    font-size:1em;
}

.tekst_uitvoer{
    padding-left:4px;
    padding-top:3px;
    padding-bottom:3px;
    font-family:Arial;
}

.color_invoer{
    padding-left:3px;
    padding-top:2px;
    padding-bottom:2px;
    border-width:0px;
    background-color: #FFFFFF;
    border-color:#CCCCCC;
    border-width:1px;
    border-style:solid;
    width:140px;
    cursor:pointer;
    font-family:Arial;
}

.tekst{
    margin-top:5px;
    margin-bottom:5px;
    font-weight:normal;
    font-style:normal;
}

.tekst br{
    font-size:50%;
}

.button{
    cursor:pointer;
    border-width:0px;
}

.formulier_tabel{
    margin-top:5px;
    margin-bottom:5px;
    border:0px;
}

.formulier_tabel .uitleg{
    font-size:0.8em;
    padding-left:2px;
    padding-bottom:8px;
}

.formulier_tabel td{
    padding-right:10px;
    padding-left:0px;
    padding-top:2px;
    padding-bottom:2px;
    border:0px;
}

.formulier_tabel th{
    padding-right:10px;
    padding-left:0px;
    padding-top:2px;
    padding-bottom:2px;
    font-size:1em;
    border:0px;
}

.formulier_tabel .header{

    color:black;
    font-weight:bold;
    padding-left:1px;
    padding-right:3px;
    padding-top:12px;
}

.hidden{
    display:none;
}

.simpel_tabel td{
    vertical-align:top;
}




.zoeken_tabel{
    background-color:#F3F3F3;
    border-color:#5390a5;
    border-width:1px;
    border-style:solid;
}

.zoeken_tabel td{
    vertical-align:top;
}

.zoeken_tabel .submit{
    vertical-align:bottom;
}

.zoeken_tabel th{
    padding-right:10px;
}

.popup{
    background-color:white;
    padding:10px;
    padding-bottom:80px;
    overflow:auto;
}

.select{
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    padding-left:4px;
    padding-right:3px;
}

.select .base{
    vertical-align:center;
    margin:0px;
    padding-top:2px;
    padding-bottom:2px;
    background-color:white;
    overflow-x:hidden;
}

.select .empty{
    padding:7px;
    color:red;
    font-style:italic;
}

.select .table{
    border-color:black;
    border-style:solid;
    border-width:1px;
    margin:0px;
    padding:0px;
    z-index:80;
}

.select .table td{
    padding-right:5px;
    padding-left:3px;
    padding-top:1px;
    padding-bottom:1px;
    white-space:nowrap;
    height:1px;
    cursor:pointer;
    border-bottom-width:0px;
}

.select .mouseover{
    background-color:#569039;
    color:white;
}

.select .selected{
    background-color:#569039;
    color:white;
}

.select .reset{
    font-size:0.8em;
    background-color:#EFEFEF;
    cursor:pointer;
    text-align:center;
    padding-top:1px;
    padding-bottom:1px;
    color:#353535;
    border-bottom-color:black;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-right-color:black;
    border-right-width:1px;
    border-right-style:solid;
}

.noreset .reset{
    display:none;
}


.multiselect{
    display:block;
}

.multiselect .add{
    border-color:#CCCCCC;
    border-width:1px;
    border-style:solid;
    padding-left:4px;
    padding-right:3px;
}

.multiselect .add .base{
    vertical-align:center;
    margin:0px;
    padding-top:2px;
    padding-bottom:2px;
    background-color:white;
    overflow-x:hidden;
}

.multiselect .add .empty{
    padding:7px;
    color:red;
    font-style:italic;
}

.multiselect .add .table{
    border-color:black;
    border-style:solid;
    border-width:1px;
    margin:0px;
    padding:0px;
    z-index:80;
}

.multiselect .add .table td{
    padding-right:5px;
    padding-left:3px;
    padding-top:1px;
    padding-bottom:1px;
    white-space:nowrap;
    height:1px;
    cursor:pointer;
    border-bottom-width:0px;
}

.multiselect .add .mouseover{
    background-color:#66adff;
    color:white;
}

.multiselect .add .selected{
    background-color:#66adff;
    color:white;
}

.multiselect .add .reset{
    font-size:0.8em;
    background-color:#EFEFEF;
    cursor:pointer;
    text-align:center;
    padding-top:1px;
    padding-bottom:1px;
    color:blue;
    border-bottom-color:black;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-right-color:black;
    border-right-width:1px;
    border-right-style:solid;
}

.noadd .add{
    display:none;
}

.multiselect .presentation tfoot img{
    cursor:pointer;
}

.multiselect .presentation tfoot td{
    background-color:#F3F3F3;
    border-top-color:#CCCCCC;
    border-top-width:1px;
    border-top-style:solid;
    border-left-color:#CCCCCC;
    border-left-width:1px;
    border-left-style:solid;
    padding-left:3px;
    padding-top:2px;
    padding-bottom:0px;
}

.multiselect .presentation tbody .mouseover{
    background-color:#ddecfd;
}

.multiselect .presentation tbody .selected{
    color:white;
    background-color:#66adff;
}

.multiselect .presentation table tbody .grey td{
    background-color:#EFEFEF;
}

.multiselect .presentation table{
    background-color:white;
    border-right-color:#CCCCCC;
    border-right-width:1px;
    border-right-style:solid;
    border-bottom-color:#CCCCCC;
    border-bottom-width:1px;
    border-bottom-style:solid;
}

.multiselect .presentation{
    margin-top:10px;
    margin-right:10px;
    margin-bottom:10px;
}

.multiselect .presentation .empty{
    font-weight:bold;
    color:black;
    margin-top:20px;
    margin-bottom:10px;
    margin-left:0px;
    border-left-width:4px;
    border-left-color:#CCCCCC;
    border-left-style:solid;
    padding-left:15px;
    padding-top:5px;
    padding-bottom:5px;
}

.multiselect .presentation  tbody td{
    border-left-color:#CCCCCC;
    border-left-width:1px;
    border-left-style:solid;
    border-top-color:#CCCCCC;
    border-top-width:1px;
    border-top-style:solid;
    padding-left:3px;
    padding-right:3px;
    padding-top:2px;
    padding-bottom:2px;
}

.multiselect .presentation  thead th{
    font-size:0.8em;
    letter-spacing:1px;
    background-color:#333333;
    font-weight:normal;
    color:white;
    padding-left:5px;
    padding-right:3px;
    padding-top:3px;
    padding-bottom:3px;
}

.multiselect .presentation tbody a:link{
    font-size:0.8em;
}

.multiselect .presentation tbody a:visited{
    font-size:0.8em;
}

.multiselect .presentation tbody a:active{
    font-size:0.8em;
}

.multiselect .presentation tbody a:hover{
    font-size:0.8em;
}

.datatable tfoot img{
    cursor:pointer;
}

.datatable tfoot td{
    background-color:#F3F3F3;
    border-top-color:#CCCCCC;
    border-top-width:1px;
    border-top-style:solid;
    border-left-color:#CCCCCC;
    border-left-width:1px;
    border-left-style:solid;
    padding-left:3px;
    padding-top:2px;
    padding-bottom:0px;
}

.datatable tbody .mouseover{
    background-color:#ddecfd;
}

.datatable tbody .selected{
    color:white;
    background-color:#66adff;
}

.datatable table tbody .grey td{
    background-color:#EFEFEF;
}

.datatable table{
    background-color:white;
    border-right-color:#CCCCCC;
    border-right-width:1px;
    border-right-style:solid;
    border-bottom-color:#CCCCCC;
    border-bottom-width:1px;
    border-bottom-style:solid;
}

.datatable{
    margin-top:10px;
    margin-right:10px;
    margin-bottom:10px;
}

.datatable .empty{
    font-weight:normal;
    font-style:italic;
    color:black;
    margin-top:30px;
    margin-bottom:10px;
    margin-left:0px;
    border-left-width:4px;
    border-left-color:red;
    border-left-style:solid;
    padding-left:15px;
    padding-top:5px;
    padding-bottom:5px;
}

.datatable td{
    vertical-align:top;
}

.datatable  tbody td{
    border-left-color:#CCCCCC;
    border-left-width:1px;
    border-left-style:solid;
    border-top-color:#CCCCCC;
    border-top-width:1px;
    border-top-style:solid;
    padding-left:3px;
    padding-right:3px;
    padding-top:2px;
    padding-bottom:2px;
}

.datatable  thead th{
    font-size:0.8em;
    letter-spacing:1px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    font-weight:normal;
    color:black;
    padding-left:5px;
    padding-right:3px;
    padding-top:3px;
    padding-bottom:3px;
    vertical-align:bottom;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
    background: #EFEFEF; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

.datatable tbody .subheader td{
    font-size:0.8em;
    letter-spacing:1px;
    background-color:#333333;
    border-left:1px solid #CCCCCC;
    font-weight:normal;
    color:white;
    padding-left:5px;
    padding-right:3px;
    padding-top:3px;
    padding-bottom:3px;
}

.datatable tbody a:link, .datatable tbody a:visited, .datatable tbody a:active, .datatable tbody a:hover{
    font-size:0.8em;
}

.datatable .basis_link a:link, .datatable .basis_link a:visited, .datatable .basis_link a:hover, .datatable .basis_link a:active{
    font-size:1em;
    font-weight:bold;
    color:#006aff;
    text-decoration:none;
}

.datatable .numeric{
    text-align:right;
    font-family:'Courier New';
}

.markeer_rood td{
    background-color:#E47297;
}


.money{
    text-align:right;
    font-family:'Courier new';
    font-size:1em;
    padding-left:10px;
    white-space:nowrap;
}

.time{
    text-align:right;
    font-family:'Courier new';
    font-size:0.9em;
    padding-left:10px;
    white-space:nowrap;
}

.colorpicker{
    padding-left:3px;
    border-width:0px;
    background-color: #FFFFFF;
    border-top-color:#CCCCCC;
    border-top-width:1px;
    border-top-style:solid;
    border-bottom-color:#66412d;
    border-bottom-width:1px;
    border-bottom-style:solid;
    text-align:center;
    font-family:'Courier New';
    width:120px;
}

.formulier_tabel .rte td{
    padding:0px;
    margin:0px;
}

.formulier_tabel .rte table{
    padding:0px;
    margin:0px;
}

.body_table .rte td{
    padding:0px;
    margin:0px;
}

.body_table .rte table{
    padding:0px;
    margin:0px;
}

.simpel_tabel .rte td{
    padding:0px;
    margin:0px;
}

.simpel_tabel .rte table{
    padding:0px;
    margin:0px;
}

.simpel_tabel td{
    vertical-align:top;
}

.rte td{
    padding:0px;
    margin:0px;
}

.rte table{
    padding:0px;
    margin:0px;
}

.rte iframe{
    border-width:1px;
    border-color:#CCCCCC;
    border-style:solid;
    margin:0px;
    padding:0px;
}

.wait{
    text-align:center;
    background-color:white;
}

.wait img{
    margin-top:50px;
    margin-left:auto;
    margin-right:auto;
}

.samengesteld_ouder td{
    background-color:#fffd5c;
}

.form_button{
    border:1px #CCCCCC solid;
    background-color:#EFEFEF;
}

.reset_tabel{
    margin:0px;
    padding:0px;
    border-width:0px;
}

.reset_tabel th{
    margin:0px;
    padding:0px;
    border-width:0px;
}

.reset_tabel td{
    margin:0px;
    padding:0px;
    border-width:0px;
}

.fileselect .browse{
    color:black;
    cursor:pointer;
    font-weight:bold;
    background:#EFEFEF;
    padding-left:4px;
    padding-right:3px;
    padding-top:2px;
    padding-bottom:2px;
    width:170px;
    text-align:center;
    border-width:1px;
    border-color:#666666;
    border-style:solid;
    margin:0px;
}

.fileselect .status{
    padding-left:4px;
    padding-right:3px;
    padding-top:2px;
    padding-bottom:2px;
}

.button_tabel{
    background-color:transparent;
}

.datatable .button_tabel{
    background-color:transparent;
    border-width:0px;
}

.button_tabel tr td{
    border-width:0px;
    padding-left:0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:10px;
    vertical-align:top;

}

.button_save:link{
    display:block;
    text-align:center;
    background-color: #569039;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid #569039;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.button_save:visited{
    display:block;
    text-align:center;
    background-color: #569039;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid #569039;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.button_save:hover {
    display:block;
    text-align:center;
    background-color: #569039;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.button_save:active {
    display:block;
    text-align:center;
    background-color: #569039;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.button_cancel:link{
    display:block;
    text-align:center;
    background-color: #ab040c;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid #ab040c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.button_cancel:visited{
    display:block;
    text-align:center;
    background-color: #ab040c;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid #ab040c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.button_cancel:hover {
    display:block;
    text-align:center;
    background-color: #ab040c;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.button_cancel:active {
    display:block;
    text-align:center;
    background-color: #ab040c;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.button_act:link{
    display:block;
    text-align:center;
    background-color: #353535;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid #353535;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.button_act:visited{
    display:block;
    text-align:center;
    background-color: #353535;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid #353535;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.button_act:hover {
    display:block;
    text-align:center;
    background-color: #353535;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.button_act:active {
    display:block;
    text-align:center;
    background-color: #353535;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}



.button_sonima:link{
    display:block;
    text-align:center;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: black;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid #000000;
}
.button_sonima:visited{
    display:block;
    text-align:center;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: black;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid #000000;
}
.button_sonima:hover {
    display:block;
    text-align:center;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: black;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid black;
}
.button_sonima:active {
    display:block;
    text-align:center;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: black;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid black;
}





.button_search:link{
    display:block;
    text-align:center;
    background-color: #569039;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid #569039;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.button_search:visited{
    display:block;
    text-align:center;
    background-color: #569039;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid #569039;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.button_search:hover {
    display:block;
    text-align:center;
    background-color: #569039;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.button_search:active {
    display:block;
    text-align:center;
    background-color: #569039;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.button_select{
    display:inline-block;
}

.button_select .base{
    display:block;
    text-align:center;
    background-color: #569039;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid #569039;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.button_select .empty{
    padding:7px;
    color:red;
    font-style:italic;
}

.button_select .table{
    border-color:black;
    border-style:solid;
    border-width:1px;
    margin:0px;
    padding:0px;
    z-index:80;
}

.button_select .table td{
    padding-right:5px;
    padding-left:3px;
    padding-top:1px;
    padding-bottom:1px;
    white-space:nowrap;
    height:1px;
    cursor:pointer;
    border-bottom-width:0px;
}

.button_select .table .mouseover{
    background-color:#569039;
    color:white;
}

.button_select .table .selected{
    background-color:#569039;
    color:white;
}

.button_tabel .button_select .table .mouseover{
    background-color:#569039;
    color:white;
}

.button_tabel .button_select .table .selected{
    background-color:#569039;
    color:white;
}

.button_select .reset{
    display:none;
}

.button_fileselect{
    display:block;
    text-align:center;
    background-color: #074baa;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
    padding-right:9px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid #074baa;
    cursor:pointer;
}


.button_fileselect .status{

}


.formulier_tabel .verplicht{
    color:red;
    font-weight:bold;
    font-size: 0.9em;
    font-family:monospace;
}

.moderntable .object_menu, .datatable .object_menu{
    background-color:#EFEFEF;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
}

.moderntable .object_menu a:link, .datatable .object_menu a:link{
    display:block;
    padding-bottom:3px;
    padding-top:3px;
    padding-left:5px;
    padding-right:5px;
    border-bottom:1px solid #CCCCCC;
    font-size:1em;
    color:black;
    white-space:nowrap;
}

.moderntable .object_menu a:active, .datatable .object_menu a:active{
    display:block;
    padding-bottom:3px;
    padding-top:3px;
    padding-left:5px;
    padding-right:5px;
    border-bottom:1px solid #CCCCCC;
    font-size:1em;
    color:black;
    white-space:nowrap;
}

.moderntable .object_menu a:visited, .datatable .object_menu a:visited{
    display:block;
    padding-bottom:3px;
    padding-top:3px;
    padding-left:5px;
    padding-right:5px;
    border-bottom:1px solid #CCCCCC;
    font-size:1em;
    color:black;
    white-space:nowrap;
}

.moderntable .object_menu a:hover, .datatable .object_menu a:hover{
    display:block;
    padding-bottom:3px;
    padding-top:3px;
    padding-left:5px;
    padding-right:5px;
    border-bottom:1px solid #CCCCCC;
    font-size:1em;
    color:white;
    background-color:#569039;
    white-space:nowrap;
}




.basis_uitleg{
    margin-top:10px;
    margin-bottom:10px;
    padding:8px;
    background-color:#EFEFEF;
    border:2px solid #666666;
}

.basis_waarschuwing{
    margin-top:10px;
    margin-bottom:10px;
    padding:8px;
    background-color:#EFEFEF;
    border-width:2px;
    border-style:solid;
    border-color:red;
}


.bestellingen_table{
    margin-top:10px;
    margin-right:10px;
    margin-bottom:10px;
}

.bestellingen_table .empty{
    font-weight:normal;
    font-style:italic;
    color:black;
    margin-top:30px;
    margin-bottom:10px;
    margin-left:0px;
    border-left-width:4px;
    border-left-color:red;
    border-left-style:solid;
    padding-left:15px;
    padding-top:5px;
    padding-bottom:5px;
}

.bestellingen_table table{
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
}

.bestellingen_table table tbody td{
    border-bottom:1px solid #CCCCCC;
    padding-top:5px;
    padding-bottom:5px;
    vertical-align:top;
    padding-left:10px;
    padding-right:30px;
}

.bestellingen_table table tfoot td{
    background-color:#EFEFEF;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    padding:5px;
}

.bestellingen_table table tfoot img{
    cursor:pointer;
}


.tekst_invoer .empty{
    color:#666666;
    font-style:italic;
}

.search_table{
    z-index:100;
    position:absolute;
    display:none;
    border:1px solid #CCCCCC;
    border-bottom:0px;
    background-color:white;
    max-height:200px;
    overflow-y:auto;
}

.search_table .empty{
    padding-bottom:2px;
    padding-top:2px;
    padding-left:5px;
    padding-right:5px;
    border-bottom:1px solid #CCCCCC;
    color:red;
    font-weight:bold;
}

.search_table .reset{
    padding-bottom:1px;
    padding-top:1px;
    padding-left:5px;
    padding-right:5px;
    border-bottom:1px solid #CCCCCC;
    background-color:#EFEFEF;
    color:black;
    font-size:0.8em;
    cursor:pointer;
}

.search_table .value{
    padding-bottom:2px;
    padding-top:2px;
    padding-left:5px;
    padding-right:5px;
    border-bottom:1px solid #CCCCCC;
    cursor:pointer;
}

.search_table .value:hover{
    background-color:#66adff;
    color:white;
}

.search_table .selected{
    background-color:#66adff;
    color:white;
}

.datatable tbody td .bijlage{
    display:inline-block;
    border:1px solid #CCCCCC;
    font-size:1em;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    margin-right:5px;
    margin-top:3px;
    margin-bottom:3px;
}

.multisearchselect{
    padding-bottom:5px;
}

.menu .uitloggen{
    display:none;
}


.validation{
    background-color:white;
}

.validation .input_description{
    font-weight:bold;
}

.validation .errors{
    display:block;
    border-width:2px;
    border-color:red;
    border-style:solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:10px;
    margin-right:10px;
}

.validation .error{
    display:block;
    padding-bottom:2px;
    padding-top:2px;
}

.validation .warnings{
    margin-top:5px;
    display:block;
    border-width:2px;
    border-color:orange;
    border-style:solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:10px;
    margin-right:10px;
}

.validation .warning{
    display:block;
}

.i_text{
    border-width:1px;
    border-style:solid;
    border-color:#CCCCCC;
    padding:0.3em;
    font-size:1.2em;
    font-family:Arial, sans-serif;
    width:97%;
    max-width:590px;
}

.i_signature{
    border-width:1px;
    border-style:solid;
    border-color:#CCCCCC;
    padding:0em;
    width:97%;
    max-width:600px;
    overflow:hidden;
    height:12em;
}

.i_color{
    border-width:1px;
    border-style:solid;
    border-color:#CCCCCC;
    padding:0.3em;
    font-size:1.2em;
    font-family:Arial, sans-serif;
    width:6em;
}

.i_date{
    border-width:1px;
    border-style:solid;
    border-color:#CCCCCC;
    padding:0.3em;
    font-size:1.2em;
    font-family:Arial, sans-serif;
    width:6em;
}

.i_decimal{
    border-width:1px;
    border-style:solid;
    border-color:#CCCCCC;
    padding:0.3em;
    font-size:1.2em;
    font-family:Arial, sans-serif;
    width:6em;
}

.i_decimal:disabled{
    background-color:white;
}

.i_search{
    border-width:1px;
    border-style:solid;
    border-color:#CCCCCC;
    font-size:1.2em;
    padding-left:5px;
}

.i_checkbox, .i_radio{
    display: inline-block;
    text-align:center;
    cursor:pointer;
    padding: 0.4em 0.9em 0.3em 0.5em;
    margin-right:1em;
    margin-bottom:0.7em;
    margin-top:0.2em;
    color: black;
    font-size: 1em;
    font-weight:normal;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 0.15em solid #CCCCCC;
    line-height:1.5em;

    -webkit-border-radius: 0.4em;
    -moz-border-radius:  0.4em;
    border-radius:  0.4em;

    background: #EFEFEF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f6f6f6, #EFEFEF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f6f6f6, #EFEFEF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f6f6f6, #EFEFEF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f6f6f6, #EFEFEF); /* Standard syntax */
}

.i_checkbox_yes{
    border: 0.15em solid #91dc68;
    box-shadow:0 0 5px #666666;
    background:none;
    background-color:white;
}

.i_checkbox_yes .icon{
    width:1.8em;
    height:1.3em;
    float:left;
    background-image:url('/img/modern/checkbox_checked2.svg');
    background-size:1.3em 1.3em;
    background-position: 0em 0em;
    background-repeat:no-repeat;
}

.i_checkbox_no{
    color:#666666;
}

.i_checkbox_no .icon{
    width:1.8em;
    height:1.3em;
    float:left;
    background-image:url('/img/modern/checkbox_unchecked.svg');
    background-size:1.3em 1.3em;
    background-position: 0em 0em;
    background-repeat:no-repeat;
}


.i_radio_yes{
    border: 0.15em solid #91dc68;
    box-shadow:0 0 5px #666666;
    background:none;
    background-color:white;
}

.i_radio_yes .icon{
    width:1.8em;
    height:1.3em;
    float:left;
    background-image:url('/img/modern/radio_checked.svg');
    background-size:1.3em 1.3em;
    background-position: 0em 0em;
    background-repeat:no-repeat;
}

.i_radio_no{
    color:#666666;
}

.i_radio_no .icon{
    width:1.8em;
    height:1.3em;
    float:left;
    background-image:url('/img/modern/radio_unchecked.svg');
    background-size:1.3em 1.3em;
    background-position: 0em 0em;
    background-repeat:no-repeat;
}

.i_select{
    display:block;
    background-color:white;
    font-size:1.2em;
    border-width:1px;
    border-style:solid;
    border-color:#CCCCCC;
    background-image:url("/img/modern/select_arrow.png");
    background-repeat:no-repeat;
    background-position:right 0.4em top 0.5em;
    background-size:0.6em 0.6em;
    cursor:pointer;
    max-width:600px;
}

.i_select .value{
    display:block;
    cursor:pointer;
    padding:0.3em;
    margin-right:1.4em;
}


.i_select .reset{
    color:#ea3939;
    font-size:0.9em;
    display:inline-block;
    margin-left:0.5em;
    margin-right:0.5em;
    font-style:italic;
}

.multi_select{
    margin-bottom: 0.2em;
}

.i_search_select{
    display:block;
    background-color:white;
    border-width:1px;
    border-style:solid;
    border-color:#CCCCCC;
    background-image:url('/img/modern/search.svg');
    background-repeat:no-repeat;
    background-position:right 0.2em top 0.4em;
    background-size:1em 1em;
    cursor:pointer;
    font-size:1.2em;
    max-width:600px;
}

.i_search_select .reset{
    color:#ea3939;
    font-size:0.9em;
    display:inline-block;
    margin-left:0.5em;
    margin-right:0.5em;
    font-style:italic;
}

.i_search_select .value{
    display:block;
    cursor:pointer;
    padding:0.3em;
    margin-right:1.4em;
    min-height:1.15em;
}

.i_search_select .searchbox{
    font-size:1em;
    display:block;

    border:0px;
    margin:0px;
    margin-right:1.3em;

    padding:0.3em;
    min-height:1.15em;
}

.i_search_select_table tbody .selected{
    background-color:#EFEFEF;
}

.i_search_select_table{
    overflow-y:auto;
    max-height:350px;
    width:auto;
}

.i_search_select_table table{
    margin-left:0px;
    margin-top:5px;
    cursor:pointer;

    background-color:white;
    border-right-color:#CCCCCC;
    border-right-width:1px;
    border-right-style:solid;
    border-bottom-color:#CCCCCC;
    border-bottom-width:1px;
    border-bottom-style:solid;
}

.text_mode .i_search_select{
    width:100%;
}

.i_search_select_table .empty{
    white-space:nowrap;
    font-weight:normal;
    font-style:italic;
    color:black;
    margin-top:5px;
    border-width:2px;
    border-style:solid;
    border-color:red;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.i_search_select_table  tbody td{
    border-left-color:#CCCCCC;
    border-left-width:1px;
    border-left-style:solid;
    border-top-color:#CCCCCC;
    border-top-width:1px;
    border-top-style:solid;
    padding:0.3em;
    font-size:1.2em;
}

.i_search_select_table tbody tr:hover{
    background-color:#ddecfd;
}


.i_search_select_table tfoot td{
    background-color:#F3F3F3;
    border-top-color:#CCCCCC;
    border-top-width:1px;
    border-top-style:solid;
    border-left-color:#CCCCCC;
    border-left-width:1px;
    border-left-style:solid;
    padding-left:3px;
    padding-top:2px;
    padding-bottom:0px;
}

.i_search_select_table tfoot div{
    display:inline-block;
}


.i_search_select_table tfoot .previous_page{
    width:1.3em;
    height:1.3em;
    background-image:url('/img/modern/back.svg');
    background-size:1.3em 1.3em;
    background-repeat:no-repeat;
    background-position:top left;
    margin-right:0.5em;
}

.i_search_select_table tfoot .next_page{
    width:1.3em;
    height:1.3em;
    background-image:url('/img/modern/next.svg');
    background-size:1.3em 1.3em;
    background-repeat:no-repeat;
    background-position:top right;
    margin-right:1em;
}

.i_search_select_table tfoot .to_page{
    padding-left:3px;
    padding-right:3px;
    height:16px;
}

.i_search_select_table tfoot .current_page{
    font-weight:bold;
    font-size:12pt;
    padding-left:3px;
    padding-right:3px;
    height:16px;
}

.i_search_select_table tfoot .result_size{
    cursor:default;
    margin-left:10px;
    margin-right:10px;
    font-size:8pt;
}

.i_file{
    border-width:1px;
    border-style:solid;
    border-color:#CCCCCC;
    margin:0px;
    padding:0px;
    font-size:1.2em;
    background-image:url("/img/modern/file.svg");
    background-repeat:no-repeat;
    background-position:right 0.2em top 0.2em;
    background-size:1.3em 1.3em;
    width:97%;
    max-width:600px;
}

.i_file .browse{
    display:block;
    cursor:pointer;
    padding:0.3em;
    margin-right:2em;
}

.i_file .status{
    display:block;
    padding:0.3em;
    margin-right:2em;
}

.i_file a:link, .i_file a:visited, .i_file a:hover, .i_file a:active{
    color:#c90c0f!important;
}

.i_multifile{
}

.i_multifile_sub{
    border-width:1px;
    border-style:solid;
    border-color:#CCCCCC;
    margin:0px;
    padding:0px;
    font-size:1.2em;
    background-image:url("/img/modern/file.svg");
    background-repeat:no-repeat;
    background-position:right 0.2em top 0.2em;
    background-size:1.3em 1.3em;
    width:97%;
    max-width:600px;
    margin-bottom:0.3em;
}

.i_multifile_sub .browse{
    display:block;
    cursor:pointer;
    padding:0.3em;
    margin-right:2em;
}

.i_multifile_sub .status{
    display:block;
    padding:0.3em;
    margin-right:2em;
}

.i_multifile_sub a:link, .i_multifile_sub a:visited, .i_multifile_sub a:hover, .i_multifile_sub a:active{
    color:#c90c0f!important;
}


.i_select_table table{
    margin-left:0px;
    margin-top:5px;
    cursor:pointer;
    background-color:white;
    border-right-color:#CCCCCC;
    border-right-width:1px;
    border-right-style:solid;
    border-bottom-color:#CCCCCC;
    border-bottom-width:1px;
    border-bottom-style:solid;
}

.i_select_table .empty{
    font-weight:normal;
    font-style:italic;
    color:black;
    margin-top:5px;
    border-width:2px;
    border-style:solid;
    border-color:red;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.i_select_table  tbody td{
    border-left-color:#CCCCCC;
    border-left-width:1px;
    border-left-style:solid;
    border-top-color:#CCCCCC;
    border-top-width:1px;
    border-top-style:solid;
    padding:0.3em;
    font-size:1.2em;
}

.i_select_table tbody tr:hover{
    background-color:#ddecfd;
}

.i_select_table tbody .selected{
    background-color:#EFEFEF;
}

.i_select_table{
    overflow-y:auto;
    height:180px;
    width:auto;
}

.input{
    display: block;
    padding-top: 0.4em;
    max-width:800px;
}

.koptekst{
    font-family:sans-serif;
    font-size:1.4em;
    font-weight:normal;
    letter-spacing:0.02em;
    padding: 20px 5px 2px 0px;
}

.input_omschrijving{
    display: block;
    font-size:1em;
    padding: 0.5em 0.5em 0.1em 0em;
    vertical-align: top;
    font-weight:bold;
}

.input_field{
    display: block;
    padding: 0.3em 0.3em 0em 0em;
}

.input_remarks{
    padding-left:0.1em;
    padding-top:0.3em;
    max-width:600px;
}

.flex{
    display:flex;
    flex-wrap:wrap;
}

.flex_block{
    margin-right:3em;
}

.flex_output{
    display:flex;
    margin-top:-0.5em;
    margin-bottom:0.4em;
}

.flex_output .output{
    max-width:20em;
    margin-right:1.5em;
}

.keuringspunten{
    border-bottom: 1px solid #CCCCCC;
}

.keuringspunten .input_omschrijving{
    font-weight:normal;
    font-size:1em;
}

.keuringspunten .output_omschrijving{
    font-weight:normal;
    font-size:1em;
}

.keuringspunten .code{
    font-weight:bold;
    font-size:1em;
    display:inline-block;
    padding-right:0.7em;
}

.keuringspunt{
    display: inline-block;
    text-align:center;
    cursor:pointer;
    padding: 0.5em 1em 0.4em 1em;
    margin-right:1em;
    margin-bottom:0.7em;
    margin-top:0.2em;
    color: #666666;
    font-size: 1em;
    font-weight:normal;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 0.1em solid #CCCCCC;

    -webkit-border-radius: 0.4em;
    -moz-border-radius:  0.4em;
    border-radius:  0.4em;

    background: #EFEFEF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f6f6f6, #EFEFEF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f6f6f6, #EFEFEF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f6f6f6, #EFEFEF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f6f6f6, #EFEFEF); /* Standard syntax */
}

.subform .keuringspunt{
    background: #FFFFFF;
}

.keuringspunt_selected{
    padding: 0.4em 0.9em 0.3em 0.9em;
    color: black;
    border: 0.2em solid #CCCCCC;
}

.opmerking_toevoegen{
    background-image:url("/img/modern/buttons/list.svg");
    background-size:2em 2em;
    background-repeat:no-repeat;
    width:2em;
    height:2em;
    margin-top:0.3em;
    margin-right:0.8em;
    cursor:pointer;
    display:inline-block;
    vertical-align:top;
}

.foto_toevoegen {
    background-image:url("/img/modern/buttons/camera.svg");
    background-size:2em 2em;
    background-repeat:no-repeat;
    width:2em;
    height:2em;
    margin-top:0.3em;
    cursor:pointer;
    display:inline-block;
    vertical-align:top;
}

.i_photo .foto_toevoegen{
    width:3em;
    height:3em;
    background-size:3em 3em;
}

.foto_toevoegen input{
    display:none;
}

.input_field .fotos img{
    width:97%;
    max-width:590px;
    display:block;
}

.input_field .verwijder_foto{
    color:red;
    display:inline-block;
    border-left:0.2em solid #CCCCCC;
    border-right:0.2em solid #CCCCCC;
    border-bottom:0.2em solid #CCCCCC;
    letter-spacing:1px;
    padding:0.4em;
    font-size:0.9em;
    margin-bottom:0.5em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    cursor:pointer;
    background: #EFEFEF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f6f6f6, #EFEFEF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f6f6f6, #EFEFEF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f6f6f6, #EFEFEF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f6f6f6, #EFEFEF); /* Standard syntax */
}



.opmerkingen{
    margin-right:1em;
    display:none;
}

.opmerkingen textarea{
    width:100%;
    margin-bottom:0.3em;
}

.search .required{
    font-size:1.5em;
    line-height:1em;
    color:red;
    font-weight:bold;
    font-family:monospace;
}

.required{
    font-size:1.5em;
    line-height:1.3em;
    color:red;
    font-weight:bold;
    font-family:monospace;
}

.ascending{
    background-image:url('/img/modern/ascending.svg');
    background-size:1em 1em;
    background-repeat: no-repeat;
    padding-left:1.2em;
}

.descending{
    background-image:url('/img/modern/descending.svg');
    background-size:1em 1em;
    background-repeat: no-repeat;
    padding-left:1.2em;
}

.buttons{
    margin-top:1.5em;
}

.button{
    display:inline-block;
    cursor:pointer;
    padding: 0.6em 1em 0.6em 1em;
    margin-bottom:0.5em;
    margin-right:0.5em;
    color: black!important;
    font-size: 1em;
    font-weight:normal;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid #CCCCCC;

    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;

    background: #EFEFEF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f6f6f6, #EFEFEF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f6f6f6, #EFEFEF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f6f6f6, #EFEFEF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f6f6f6, #EFEFEF); /* Standard syntax */
}

.button_add{
    display:inline-block;
    cursor:pointer;
    padding: 0.6em 1em 0.6em 2em;
    margin-bottom:0.5em;
    margin-right:0.5em;
    color: black!important;
    font-size: 1em;
    font-weight:normal;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid #CCCCCC;

    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;

    background:
            url('/img/modern/buttons/add.svg') 0.4em 0.3em/1.5em no-repeat,
            linear-gradient(#f6f6f6, #EFEFEF) center repeat
;
}

.button_copy{
    display:inline-block;
    cursor:pointer;
    padding: 0.6em 1em 0.6em 2em;
    margin-bottom:-0.5em;
    margin-top:1em;
    margin-right:0.5em;
    color: black!important;
    font-size: 1em;
    font-weight:normal;
    letter-spacing:1px;
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    vertical-align:middle;
    white-space:nowrap;
    border: 1px solid #CCCCCC;

    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;

    background:
            url('/img/modern/buttons/copy.svg') 0.4em 0.3em/1.5em no-repeat,
            linear-gradient(#f6f6f6, #EFEFEF) center repeat
;
}

.subform{
    padding:0.4em;
    padding-bottom:1em;
    margin-top:1em;
    margin-right:1em;
    border-left:0.4em solid #3dbce9;
    max-width:590px;
    background: linear-gradient(#f6f6f6, #EFEFEF)
}

.subform_header{
    font-size:0.8em;
    letter-spacing:0.1em;
}

.subform_delete{
    float:right;
    height:2em;
    cursor:pointer;
}

.font_green{
    color:#569039!important;
}

.font_red{
    color: #c90c0f!important;
}

.font_blue{
    color: #0033f1!important;
}

.button_block{
    width:30em;
    white-space:normal;
    display:block;!important
}

.input .values div{
    cursor:pointer;
    padding:0.3em;
    padding-top:0.8em;
    padding-bottom:0.8em;
    border-bottom:1px solid #CCCCCC;
    max-width:590px;
}

.input .values div:hover{
    background-color:#EFEFEF;
}

.value_tip{
    position:absolute;
    display:none;
    background-color:#666666;
    color:white;
    font-size:0.8em;
}

.value_tip .tip_content{
    margin:0.2em;
}

.ui-datepicker-trigger{
    height:1.7em;
    padding-top:0.2em;
    padding-left:0.3em;
    display:inline-block;
    vertical-align:top;
    cursor:pointer;
}



.moderntable tfoot td{
    background-color:#F3F3F3;
    border-top-color:#CCCCCC;
    border-top-width:1px;
    border-top-style:solid;
    border-left-color:#CCCCCC;
    border-left-width:1px;
    border-left-style:solid;
    padding-left:3px;
    padding-top:4px;
    padding-bottom:2px;
}


.moderntable tfoot div{
    display:inline-block;
    cursor:pointer;
}

.moderntable tfoot .previous_page{
    width:1.3em;
    height:1.3em;
    background-image:url('/img/modern/back.svg');
    background-size:1.3em 1.3em;
    background-repeat:no-repeat;
    background-position:top left;
    margin-right:0.5em;
}

.moderntable tfoot .next_page{
    width:1.3em;
    height:1.3em;
    background-image:url('/img/modern/next.svg');
    background-size:1.3em 1.3em;
    background-repeat:no-repeat;
    background-position:top right;
    margin-right:1em;
}

.moderntable tfoot .to_page{
    padding-left:3px;
    padding-right:3px;
    height:16px;
}

.moderntable tfoot .current_page{
    font-weight:bold;
    font-size:12pt;
    padding-left:3px;
    padding-right:3px;
    height:16px;
}

.moderntable tfoot .result_size{
    cursor:default;
    margin-left:10px;
    margin-right:10px;
    font-size:8pt;
}

.moderntable tfoot div{
    display:inline-block;
}

.moderntable tbody .mouseover{
    background-color:#ddecfd;
}

.moderntable tbody .selected{
    color:white !important;
    background-color:#66adff !important;
}

.moderntable table tbody .grey td{
    background-color:#EFEFEF;
}

.moderntable table{
    background-color:white;
    border-right-color:#CCCCCC;
    border-right-width:1px;
    border-right-style:solid;
    border-bottom-color:#CCCCCC;
    border-bottom-width:1px;
    border-bottom-style:solid;
}

.moderntable .historie{
    color:#666666;
    background-color:#EFEFEF;
}

.moderntable{
    margin-top:0.2em;
    margin-right:0em;
    margin-bottom:1em;
}

.moderntable .empty{
    font-weight:normal;
    font-style:italic;
    color:black;
    margin-top:30px;
    margin-bottom:10px;
    margin-left:0px;
    border-left-width:4px;
    border-left-color:red;
    border-left-style:solid;
    padding-left:15px;
    padding-top:4px;
    padding-bottom:5px;
}

.moderntable .link_icon{
    height:1.3em;
    width:1.3em;
    margin-left: 0.1em;
    margin-right: 0.1em;
}

.moderntable .inline_icon{
    height:1.3em;
    margin-left: 0.1em;
    margin-right: 0.1em;
    display: inline-block;
}

.moderntable tbody td{
    border-left-color:#CCCCCC;
    border-left-width:1px;
    border-left-style:solid;
    border-top-color:#CCCCCC;
    border-top-width:1px;
    border-top-style:solid;
    padding-left:0.2em;
    padding-right:0.2em;
    padding-top:0.3em;
    padding-bottom:0.2em;
    vertical-align: top;
}

.moderntable tbody tr:hover{
    background-color:#ddecfd;
}

.moderntable thead td{
    font-size:0.8em;
    letter-spacing:1px;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    font-weight:normal;
    color:black;
    padding-left:0.3em;
    padding-right:0.3em;
    padding-top:0.3em;
    padding-bottom:0.2em;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
    background-color: #EFEFEF; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

.moderntable tbody .subheader td{
    font-size:0.8em;
    letter-spacing:1px;
    background-color:#333333;
    border-left:1px solid #CCCCCC;
    font-weight:normal;
    color:white;
    padding-left:0.2em;
    padding-right:0.2em;
    padding-top:0.3em;
    padding-bottom:0.2em;
}

.moderntable tbody a:link{
    font-size:1em;
    color:#0033f1;;
}

.moderntable tbody a:visited{
    font-size:1em;
    color:#0033f1;;
}

.moderntable tbody a:active{
    font-size:1em;
    color:#0033f1;;
}

.moderntable tbody a:hover{
    font-size:1em;
    color:#0033f1;;
}

.moderntable img{
    display:block;
    border:0px;
}

.moderntable .numeric{
    text-align:right;
    font-family:'Courier New';
}

.output{
    display: block;
    padding-top: 0.4em;
}

.output_omschrijving{
    display: block;
    font-size:1em;
    padding: 0.5em 0.5em 0.1em 0em;
    vertical-align: top;
    font-weight:bold;
}

.output_waarde{
    display: block;
    padding: 0.3em 0.3em 0em 0em;
}

.search{
    display:flex;
    flex-wrap:wrap;
    max-width:75em;
}

.search .multi_select{
    margin-bottom:0.1em;
}

.search .input{
    max-width:20em;
    margin-right:1em;
}

.search .input_omschrijving{
    font-size:0.8em;
    padding:0.3em 0.3em 0.1em 0em;
}

.search input .i_date{
    width:8em;
}

.search .font_blue{
    align-self:flex-end;
    margin-bottom:0em;
    margin-top:1em;
}

.extra_search{
    display:none;
}

.desktop_row{
    display:table-row;;
}

.table_link img{
    height:1.3em;
    margin-top:-0.1em;
    padding-left:0.05em;
    padding-right:0.05em;
}

.icon_link{
    display:inline-block !important;
    background-position:0.3em 0em;
    background-repeat:no-repeat;
    background-size:2.4em 2.4em;
    height:2.4em;
    width:3em;
    margin-top:0em;
    opacity: 0.7;
}

.icon_link_details{
    background-image:url('/img/modern/buttons/details.svg');
    background-position:0.8em 0.5em;
    background-size:1.4em 1.4em;
}

.icon_link_edit{
    background-image:url('/img/modern/buttons/edit.svg');
    background-position:0.6em 0.3em;
    background-size:1.8em 1.8em;
}

.icon_link_eye{
    background-image:url('/img/modern/buttons/eye.svg');
    background-position:0.6em 0.3em;
    background-size:1.8em 1.8em;
}

.icon_link_password{
    background-image:url('/img/modern/buttons/password.svg');
    background-position:0.6em 0.3em;
    background-size:1.8em 1.8em;
}

.icon_link_delete{
    background-image:url('/img/modern/buttons/delete.svg');
    background-position:0.7em 0.4em;
    background-size:1.6em 1.6em;
}

.icon_link_pdf{
    background-image:url('/img/modern/buttons/pdf.svg');
    background-position:0.7em 0.4em;
    background-size:1.6em 1.6em;
}

.icon_link_print{
    background-image:url('/img/modern/buttons/print.svg');
    background-position:0.6em 0.3em;
    background-size:1.8em 1.8em;
}

.icon_link_email{
    background-image:url('/img/modern/buttons/email.svg');
    background-position:0.6em 0.3em;
    background-size:1.8em 1.8em;
}

.icon_link_add{
    background-image:url('/img/modern/buttons/add.svg');
    background-position:0.5em 0.2em;
    background-size:2em 2em;
}

.icon_link_sign{
    background-image:url('/img/modern/buttons/sign.svg');
    background-position:0.5em 0.2em;
    background-size:2em 2em;
}

.icon_link_copy{
    background-image:url('/img/modern/buttons/copy.svg');
    background-position:0.5em 0.2em;
    background-size:2em 2em;
}


.resultaten{
    display:block;
    margin-right:1em;
}

.resultaten tbody{
    display:block;
}

.resultaten td{
    display:block;
}

.resultaten .groep{
    display:flex;
    font-weight:bold;
    padding-bottom:0.5em;
    padding-top:0.5em;
    border-bottom:1px solid #666666;
    width:97%;
    max-width:590px;
    padding-right:2em;
}

.resultaten .code{
    padding-right:1em;
    padding-left:0.5em;
}

.resultaten .punt{
    display:flex;
    padding-left:1em;
    padding-right:0.7em;
    padding-bottom:0.5em;
    padding-top:0.5em;
    width:97%;
    max-width:590px;
    justify-content: space-between;
    border-bottom:1px solid #CCCCCC;
    border-right:0.3em solid white;
}

.resultaten .omschrijving{
    padding-right:1em;
    text-align:left;
    width:100%;
}

.resultaten .veld{
    display:flex;
    padding-left:0.5em;
    padding-bottom:0.5em;
    padding-top:0.5em;
    width:97%;
    max-width:590px;
    border-bottom:1px solid #CCCCCC;
}

.resultaten .veld img{
    max-width:95%;
    padding-left:0.5em;
    padding-bottom:0.5em;
    padding-top:0.5em;
}

.resultaten .veld_kop{
    font-weight:bold;
    padding-right:0.3em;
    min-width:6em;
}

.resultaten .opmerking{
    display:flex;
    width:97%;
    max-width:590px;
    padding-left:2em;
    padding-bottom:0.5em;
    padding-top:0.2em;
    border-bottom:1px solid #CCCCCC;
}

.resultaten .subform_big_header{
    font-size:1em;
    margin-top:0.5em;
    font-weight:bold;
}

.resultaten .opmerking_tekst{
    padding-left:2em;
    font-size:1em;
}

.resultaten .foto{
    padding-left:2em;
}

.resultaten .foto img{
    width:97%;
    max-width:590px;
    margin-bottom:0.8em;
    margin-top:0.5em;
}

.decimal{
    text-align:right;
    font-family:Courier, monospace;
}

.mobile_row{
    display:none;
}

.mobile_row .buttons{
    display:none;
}

.html_col{
    max-width:700px;
}

.html_col div{
    margin:0.3em;
    margin-bottom:0.4em;
    margin-top:0.4em;
}

.html_col div div{
    margin:0em;
}

.html_col .header{
    font-weight:bold;
    margin-bottom:0.6em;
}

.html_col .header a{
    color:black !important;
}

.html_col. flex{
    display:flex;
    flex-wrap:wrap;
    margin:0em;
}

.html_col .flex_block{
    margin-bottom:0.4em;
    margin-top:0.4em;
    margin-right:1em;
    margin-left:0em;
}

.rij_delen td:first-child{
    border-left:0.2em solid green;
}

.rij_niet_delen td:first-child{
    border-left:0.2em solid red;
}

.three_cols{
    column-count:auto;
    column-width:17em;
    max-width:80em;
}

.three_cols div{
    column-break-inside:avoid;
    -webkit-column-break-inside: avoid;
}

.meetreeks_cols{
}

.meetreeks_col{
    display:inline-block;
    width:3.5em;
    padding:0.4em;
    text-align:right;
    border:1px solid #CCCCCC;
    margin-right:0.5em;
}

.meetreeks_row_header{
    font-size:0.8em;
    font-weight:bold;
    margin-bottom:0.4em;
    margin-top:0.7em;
}

.template_row{
    font-style:italic;
}

.home_logo{
    float:right;
    margin-right:2em;
}

#logo_ko{
    display:none;
}

#logo_ko a:hover{
    box-shadow:none;
}

#klant_header_logo{
    display:block;
    float:right;
}

#klant_header_logo a:hover, #klant_header_logo a{
    box-shadow:none;
    border:0px;
}

@media only screen and (max-width: 910px) {

    #klant_header_logo {
        display: none;
    }

    #logo_ko {
        padding-top: 0.5em;
        border-top: 1px solid #CCCCCC;
        background-color: white;
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
        text-align: center;
        font-size: 0.9em;
        padding-bottom: 10px;
        display: block;
    }
}

@media only screen and (max-width: 1010px) {
    .menu_image {
        background-image: none;
    }
}


.scenario_message {
    position:fixed;
    left:0px;
    bottom:0px;
    padding:1em;
    width:100%;
    background:#FFFFFF;
    border-top:0.3em solid black;
}

.red_placeholder::placeholder{
    color:red;
    opacity: 1;
}

@media only screen and (max-width: 601px) {

    .scenario_message {
        display:none !important;
    }

    .home_logo{
        display:none;
    }

    .user_menu {
        display: none;
    }

    .desktop_row{
        display:none;
    }

    .mobile_row{
        display:table-row;
    }

    .mobile_row div{
        margin:0.3em;
        margin-bottom:0.4em;
        margin-top:0.4em;
    }

    .mobile_row .header{
        font-weight:bold;
        margin-bottom:0.6em;
    }

    .mobile_row .header a{
        color:black !important;
    }

    .mobile_row. flex{
        display:flex;
        flex-wrap:wrap;
        margin:0em;
    }

    .mobile_row .flex_block{
        margin-bottom:0.4em;
        margin-top:0.4em;
        margin-right:1em;
        margin-left:0em;
    }

    .moderntable table{
        width:100%;
    }

    .menu{
        padding-left:0px;
        padding-top:0.2em;
        padding-bottom:0px;
        border-top:0px solid #CCCCCC;
        border-bottom:0px solid #CCCCCC;
        display:block;
    }

    .menu a{
        display:inline-block;
        cursor:pointer;
        padding:0.2em;
        padding-left:1em;
        padding-right:0.5em;
        border:0px solid transparent;
        color:black !important;

        border:0px solid #CCCCCC;
        margin-top:0.2em;
        margin-bottom:0.2em;

    }

    .menu a:hover, menu a:active{

        border:0px solid #CCCCCC;
        /*border-bottom:1px solid #CCCCCC;*/
    }


    .menu .text{
        margin-top:0.3em;
        font-size:0.8em;
        text-align:center;
    }

    .menu .image{
        background-repeat:no-repeat;
        background-size:2.1em 2.1em;
        height:2.1em;
        width:2.1em;
        margin-left:auto;
        margin-right:auto;
    }

    /*
    .menu .text{
        margin-left:0.5em;
        font-size:1.1em;
        line-height:1.5em;
        letter-spacing:0.04em;
    }

    .menu .image{
        background-repeat:no-repeat;
        background-size:1.7em 1.7em;
        height:1.7em;
        width:1.7em;
        margin-left:inherit;
        margin-right:inherit;
        margin-top:0.2em;
        margin-bottom:0.2em;
    }*/

    .menu .tab_ruler{
        display:none;
    }

    .menu .meer{
        display:inline-block;
    }

    .menu .uitloggen{
        display:inline-block;
    }

    .menu .desktop{
        display:none;
    }

    .submenu{
        display:none;
        padding-left:0px;
        padding-top:0.2em;
        padding-bottom:0px;
        border-top:0px solid #CCCCCC;
        border-bottom:1px solid #CCCCCC;
    }

    .submenu .text{
        margin-top:0.3em;
        font-size:0.8em;
        line-height:1.4em;
        text-align:center;
        margin-left:0px;
    }

    .submenu .image{
        background-repeat:no-repeat;
        background-size:2.1em 2.1em;
        height:2.1em;
        width:2.1em;
        margin-left:auto;
        margin-right:auto;
    }

    .submenu a{
        display:inline-block;
        cursor:pointer;
        padding:0.2em;
        padding-left:1em;
        padding-right:0em;
        border:0px solid transparent;
        color:black !important;
        border:0px solid #CCCCCC;
        margin-top:0.2em;
        margin-bottom:0.2em;
    }

    .submenu a:hover, .submenu a:active{
        border-width:0px;
    }

    .button_block{
        width:auto;
        display:block;!important
    }

    #main{
        margin-left:1em;
        margin-right:1em;
        margin-top:0.75em;
    }

    .search .input{
        max-width:none;
    }

    .search .extra{
        display:none;
    }

    .extra_search{
        display:inline-block;
    }

}

input[type='number']{
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
}

#qr_canvas{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%
}

#qr_div{
    position:fixed;
    left:0;
    top:0;
    z-index:99;
    display:none;
    width:100%; height:100%;
    background-color:white;
}

#qr_video{
    position:fixed;
    left:0;
    top:0;
    z-index:100;
    display:none;
    width:100%; height:100%;
    object-fit: contain;
}

#qr_close_scanner{
    display:none;
    z-index:101;
    position:fixed;
    left:1em;
    top:1em;
}

:focus {
    outline-width: 1px;
    outline-style: solid;
    outline-color: #0382f2;
    box-shadow:0 0 6px #9ecaed;
}

.moderntable a{
    display:block;
}

.icon_link:hover, .table_link:hover, a:hover, .verloopdatum_link:hover{




    box-shadow:0 0 6px #666666;
}

.table_link:hover{
    background-color:white;
}

.button:hover{
    border-color:black;
    box-shadow:none;
}

.handleiding .header{
    color: #266eb8;
    font-size: 1.4em;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.handleiding .subheader{
    color: #266eb8;
    font-size: 1.2em;
    margin-top: 0.7em;
    margin-bottom: 0.3em;
}

.handleiding .kleine_header{
    color: #333333;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.handleiding img{
    box-shadow: 0px 0px 10px 0px #333333;
    margin-bottom: 3em;
    margin-top:1em;
}

.handleiding a img{
    box-shadow: none;
    margin-bottom: 3em;
    margin-top:1em;
}

.handleiding{
    max-width: 1000px;
}

.handleiding .text{
    padding: 0.5em;
}

.nen3140_tabel td{
    display:table-cell;
    padding-right:10px;
    padding-bottom:3px;
    padding-top:3px;
}

.nen3140_tabel .meting{
    text-align:right;
}

.nen3140_tabel .header{
    font-weight:bold;
}

.historie_opmerking{
    margin-bottom:0.3em;
    margin-top:0.3em;
}

.historie_opmerking_header{
    font-weight:bold;
    font-size:0.8em;
}

.news_warning{
    padding-bottom:1em;
    padding-top:0.5em;
}

.validation_error{
    box-shadow: 0px 0px 3px 1px red;
}

.validation_error.keuringspunten{
    padding-left:10px;
}

.validation_warning{
    box-shadow: 0px 0px 3px 1px orange;
}

.validation_warning.keuringspunten{
    padding-left:10px;
}

@media print {
    @page{
        size: A4 landscape;
    }

    .user_menu, #menu_database, .menu, .submenu, .search, .buttons{
        display: none !important;
    }

    body{
        font-size:0.7em;
    }

    a, .verloopdatum_link{
        color: black !important;
    }

    .label{
        color: black !important;
    }

    .moderntable tfoot{
        display:none;
    }

}


	/*! jQuery UI - v1.12.1 - 2017-07-19
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
	/*
colpick Color Picker / colpick.com
*/

/*Main container*/
.colpick {
	position: absolute;
	width: 346px;
	height: 170px;
	overflow: hidden;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	background:#ebebeb;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	/*Prevents selecting text when dragging the selectors*/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/*Color selection box*/
.colpick_color {
	position: absolute;
	left: 7px;
	top: 7px;
	width: 156px;
	height: 156px;
	overflow: hidden;
	outline: 1px solid #aaa;
	cursor: crosshair;
}
.colpick_color_overlay1 {
	position: absolute;
	left:0;
	top:0;
	width: 156px;
	height: 156px;
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; /* IE8 */
	background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}
.colpick_color_overlay2 {
	position: absolute;
	left:0;
	top:0;
	width: 156px;
	height: 156px;
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; /* IE8 */
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
}
/*Circular color selector*/
.colpick_selector_outer {
	background:none;
	position: absolute;
	width: 11px;
	height: 11px;
	margin: -6px 0 0 -6px;
	border: 1px solid black;
	border-radius: 50%;
}
.colpick_selector_inner{
	position: absolute;
	width: 9px;
	height: 9px;
	border: 1px solid white;
	border-radius: 50%;
}
/*Vertical hue bar*/
.colpick_hue {
	position: absolute;
	top: 6px;
	left: 175px;
	width: 19px;
	height: 156px;
	border: 1px solid #aaa;
	cursor: n-resize;
}
/*Hue bar sliding indicator*/
.colpick_hue_arrs {
	position: absolute;
	left: -8px;
	width: 35px;
	height: 7px;
	margin: -7px 0 0 0;
}
.colpick_hue_larr {
	position:absolute;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 7px solid #858585;
}
.colpick_hue_rarr {
	position:absolute;
	right:0;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent; 
	border-right: 7px solid #858585; 
}
/*New color box*/
.colpick_new_color {
	position: absolute;
	left: 207px;
	top: 6px;
	width: 60px;
	height: 27px;
	background: #f00;
	border: 1px solid #8f8f8f;
}
/*Current color box*/
.colpick_current_color {
	position: absolute;
	left: 277px;
	top: 6px;
	width: 60px;
	height: 27px;
	background: #f00;
	border: 1px solid #8f8f8f;
}
/*Input field containers*/
.colpick_field, .colpick_hex_field  {
	position: absolute;
	height: 20px;
	width: 60px;
	overflow:hidden;
	background:#f3f3f3;
	color:#b8b8b8;
	font-size:12px;
	border:1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.colpick_rgb_r {
	top: 40px;
	left: 207px;
}
.colpick_rgb_g {
	top: 67px;
	left: 207px;
}
.colpick_rgb_b {
	top: 94px;
	left: 207px;
}
.colpick_hsb_h {
	top: 40px;
	left: 277px;
}
.colpick_hsb_s {
	top: 67px;
	left: 277px;
}
.colpick_hsb_b {
	top: 94px;
	left: 277px;
}
.colpick_hex_field {
	width: 68px;
	left: 207px;
	top: 121px;
}
/*Text field container on focus*/
.colpick_focus {
	border-color: #999;
}
/*ContextField label container*/
.colpick_field_letter {
	position: absolute;
	width: 12px;
	height: 20px;
	line-height: 20px;
	padding-left: 4px;
	background: #efefef;
	border-right: 1px solid #bdbdbd;
	font-weight: bold;
	color:#777;
}
/*Text inputs*/
.colpick_field input, .colpick_hex_field input {
	position: absolute;
	right: 11px;
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	background: transparent;
	border: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	text-align: right;
	outline: none;
}
.colpick_hex_field input {
	right: 4px;
}
/*ContextField up/down arrows*/
.colpick_field_arrs {
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 21px;
	cursor: n-resize;
}
.colpick_field_uarr {
	position: absolute;
	top: 5px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #959595;
}
.colpick_field_darr {
	position: absolute;
	bottom:5px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #959595;
}
/*Submit/Select button*/
.colpick_submit {
	position: absolute;
	left: 207px;
	top: 149px;
	width: 130px;
	height: 22px;
	line-height:22px;
	background: #efefef;
	text-align: center;
	color: #555;
	font-size: 12px;
	font-weight:bold;
	border: 1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.colpick_submit:hover {
	background:#f3f3f3;
	border-color:#999;
	cursor: pointer;
}

/*full layout with no submit button*/
.colpick_full_ns  .colpick_submit, .colpick_full_ns .colpick_current_color{
	display:none;
}
.colpick_full_ns .colpick_new_color {
	width: 130px;
	height: 25px;
}
.colpick_full_ns .colpick_rgb_r, .colpick_full_ns .colpick_hsb_h {
	top: 42px;
}
.colpick_full_ns .colpick_rgb_g, .colpick_full_ns .colpick_hsb_s {
	top: 73px;
}
.colpick_full_ns .colpick_rgb_b, .colpick_full_ns .colpick_hsb_b {
	top: 104px;
}
.colpick_full_ns .colpick_hex_field {
	top: 135px;
}

/*rgbhex layout*/
.colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s, .colpick_rgbhex .colpick_hsb_b {
	display:none;
}
.colpick_rgbhex {
	width:282px;
}
.colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit {
	width:68px;
}
.colpick_rgbhex .colpick_new_color {
	width:34px;
	border-right:none;
}
.colpick_rgbhex .colpick_current_color {
	width:34px;
	left:240px;
	border-left:none;
}

/*rgbhex layout, no submit button*/
.colpick_rgbhex_ns  .colpick_submit, .colpick_rgbhex_ns .colpick_current_color{
	display:none;
}
.colpick_rgbhex_ns .colpick_new_color{
	width:68px;
	border: 1px solid #8f8f8f;
}
.colpick_rgbhex_ns .colpick_rgb_r {
	top: 42px;
}
.colpick_rgbhex_ns .colpick_rgb_g {
	top: 73px;
}
.colpick_rgbhex_ns .colpick_rgb_b {
	top: 104px;
}
.colpick_rgbhex_ns .colpick_hex_field {
	top: 135px;
}

/*hex layout*/
.colpick_hex .colpick_hsb_h, .colpick_hex .colpick_hsb_s, .colpick_hex .colpick_hsb_b, .colpick_hex .colpick_rgb_r, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_b {
	display:none;
}
.colpick_hex {
	width:206px;
	height:201px;
}
.colpick_hex .colpick_hex_field {
	width:72px;
	height:25px;
	top:168px;
	left:80px;
}
.colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input {
	height: 25px;
	line-height: 25px;
}
.colpick_hex .colpick_new_color {
	left:9px;
	top:168px;
	width:30px;
	border-right:none;
}
.colpick_hex .colpick_current_color {
	left:39px;
	top:168px;
	width:30px;
	border-left:none;
}
.colpick_hex .colpick_submit {
	left:164px;
	top: 168px;
	width:30px;
	height:25px;
	line-height: 25px;
}

/*hex layout, no submit button*/
.colpick_hex_ns  .colpick_submit, .colpick_hex_ns .colpick_current_color {
	display:none;
}
.colpick_hex_ns .colpick_hex_field {
	width:80px;
}
.colpick_hex_ns .colpick_new_color{
	width:60px;
	border: 1px solid #8f8f8f;
}

/*Dark color scheme*/
.colpick_dark {
	background: #161616;
	border-color: #2a2a2a;
}
.colpick_dark .colpick_color {
	outline-color: #333;
}
.colpick_dark .colpick_hue {
	border-color: #555;
}
.colpick_dark .colpick_field, .colpick_dark .colpick_hex_field {
	background: #101010;
	border-color: #2d2d2d;
}
.colpick_dark .colpick_field_letter {
	background: #131313;
	border-color: #2d2d2d;
	color: #696969;
}
.colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input {
	color: #7a7a7a;
}
.colpick_dark .colpick_field_uarr {
	border-bottom-color:#696969;
}
.colpick_dark .colpick_field_darr {
	border-top-color:#696969;
}
.colpick_dark .colpick_focus {
	border-color:#444;
}
.colpick_dark .colpick_submit {
	background: #131313;
	border-color:#2d2d2d;
	color:#7a7a7a;
}
.colpick_dark .colpick_submit:hover {
	background-color:#101010;
	border-color:#444;
}
	.app_header{
    color:white;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#036db6+1,42bbe9+100 */
    background: #036db6; /* Old browsers */
    background: -moz-linear-gradient(left,  #036db6 1%, #42bbe9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #036db6 1%,#42bbe9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #036db6 1%,#42bbe9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#036db6', endColorstr='#42bbe9',GradientType=1 ); /* IE6-9 */

    padding-left:22px;
    padding-top:7px;
    padding-bottom:5px;
    font-size:0.8em;
}

#app_online{
    float:right;
    display:block;
    margin-right:1em;
    font-weight:bold;
    min-width:4em;
    max-width:8em;
    padding-left:1em;
    padding-right:1em;
    text-align:center;
    color:black;
    background-color:white;

    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
}

.menu{
    border-top-width:0px;
}

#fullscreen{
    width:100%;
    height:100%;
    position: fixed; top: 0; right: 0; bottom: 0; left: 0;
    background-color:white;
    text-align:center;
    padding-top:20%;
    background-color:#036db6;
    color:white;
}

#messages{
    margin-top:1em;
    max-height:8em;
    overflow:hidden;
    color:white;
}

#messages .finished{
    color:white;
    font-weight:bold;
}

#messages .progress{
    color:white;
}

#messages .error{
    color:red;
    background-color:white;
    padding:5px;
    max-width:40em;
    margin-left:auto;
    margin-right:auto;
}