/*
 Theme Name:   Meubelbeurs Brussel Registratie Thema
 Theme URI:    http://www.meubelbeurs.be/
 Description:  Meubelbeurs Registratie Module begeleidend thema
 Author:       Monocle
 Author URI:   http://www.monocle.be
 Template:     twentyfourteen
 Version:      1.0.0
 Text Domain:  mb-registration
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
html, body {
    /* font:400 16px/1.5 "Source Sans Pro", Helvetica, sans-serif ; */
    font: 300 12px/1.7 Helvetica, Arial, sans-serif;
    color: #102157;
    background-color: #FFED00;
}

input[type="text"], textarea {
    width: 98%;
}

table {
    width: 100%;
}

thead th {
    text-align: left;
}

table td {
    padding: 10px;
}

#lang_sel_list.lang_sel_list_horizontal {
    float: right;
}

strong {
    font-weight: bold;
}

#lang_sel_list.lang_sel_list_horizontal a {
    color: #102157;
    background-color: #FFED00;
    padding: 5px 3px;
}

#lang_sel_list.lang_sel_list_horizontal a:hover,
#lang_sel_list.lang_sel_list_horizontal .lang_sel_sel {
    color: #fff;
    background-color: #102157;
}

#lang_sel_list.lang_sel_list_horizontal .icl-nl a {
    content: 'NL';
}

#lang_sel_list.lang_sel_list_horizontal .icl-fr a {
    content: 'FR';
}

#lang_sel_list.lang_sel_list_horizontal .icl-en a {
    content: 'EN';
}

#lang_sel_list.lang_sel_list_horizontal .icl-de a {
    content: 'DE';
}

.site {
    background-color: #FFED00;
    border: 0;
}

.form-page-content input,
.form-page-content textarea,
.form-page-content select {
    width: 98%;
}

input.document-upload-file {
    width: 70%;
}
button.upload-document-submit {
    width: 29%;
}

.form-page-content ul,
.form-page-content ul li {
    list-style: none;
}

.site-header, .entry-header, .entry-content, .entry-summary, .entry-meta {
    max-width: 1012px !important;
    margin: 0 auto;
}

.ui-widget-content,
.ui-widget-header {
    background: none !important;
}

.ui-widget-content {
    border: 0 !important;
}

.ui-widget.ui-widget-content {
    border: 1px solid #102157 !important;
}

.ui-widget-header {
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-bottom: 1px solid #102157 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #102157 !important;
    color: #fff !important;
    border: 1px solid #102157 !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: #102157 !important;
    background: #FFED00 !important;
    border: 1px solid #102157 !important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #fff !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #102157 !important;
}

#ui-datepicker-div {
    border: 0 !important;
    display: none;
}

form#registerForm .wrap {
    margin-bottom: 10px;
}

form#registerForm div.form-page div.form-page-content div.category > h3 {
    cursor: pointer;
}

form#registerForm div.form-page div.form-page-content div.category > h3.has-changes:before {
    content: '*';
    color: #006505;
}

form#registerForm div.form-page div.form-page-content div.category section.category-products {
    display: none;
}

form#registerForm div.form-page table.productTable tr.changed {
    background-color: #c3ff88;
}

form#registerForm div.form-page table.productTable tr.changed td {
    border-bottom: 1px solid #006505;
    border-top: 1px solid #006505;
}

form#registerForm div.form-page table.productTable h4 {
    margin: 0;
}

.entry-header, .entry-content, .entry-summary, .entry-meta {
    max-width: 1012px !important;
}

button, input[type="submit"], input[type="button"], input[type="reset"] {
    float: right;
    clear: both;
}

.ui-widget {
    font-family: inherit;
    font-size: inherit;
}

.upload-document {
    margin-bottom: 15px;
}

#promo-information td {
    border: 0;
}

#contact-list .add-new-contact {
    border: 2px solid #102157 !important;
}
#contact-list .add-new-contact td,
#contact-list .add-new-contact th {
    padding: 6px 10px 6px 10px;
}

html .mceContentBody {
    width: 100% !important;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }