/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
.ui-widget {
  font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
  font-size: 13px;
}

table {
    border-collapse: separate !important;
}

label.label {
  max-width: 300px;
}

#calendar_overzicht table {
    margin-right: 20px;
}

#compare_table .selected:before,
#compare_table .selected:after {
    content: none;
}

#compare_table .selected {
    border: none !important;
}

.pageblock.gearchiveerd header {
  background-color: #ffffaa;
}

.sa-calendar {
  display: inline !important;
  /*display: inline-flex !important;*/
  color: #404040 !important;
  height: 30px !important;
}
input[type="text"].sa-calendar,
.sa-calendar input[type="text"] {
  padding-left: 8px !important;
}
.sa-calendar.double {
  width: 138px;
}

#webInschrijvingsInfo .label {
  color: #826430 !important;
  font-size: 100%;
}

.formtable tr {
    height: 35px ;
}

.inschrlijst th {
    height: 34px;
    vertical-align: middle !important;
}

.pageblock,
#tabs {
    margin-left: 10px;
    margin-right: 10px;
}

.disabled {
    color: #999;
}

label.input > div {
  margin-bottom: 5px !important;
}

.jarviswidget-ctrls .fa,
.jarviswidget-loader .fa,
.widget-toolbar #eid_bt_on,
.widget-toolbar #eid_bt_off
{
    line-height: 2.5;
}

.fa-2 {
    font-size: 2em;
}
.fa-3 {
    font-size: 4em;
}
.fa-4 {
    font-size: 7em;
}
.fa-5 {
    font-size: 12em;
}
.fa-6 {
    font-size: 20em;
}

.hidden-menu #main
{
    margin: 0 !important;
    left: 0 !important;
}

/*********** RIBBON ************/
#ribbon {
    background: none repeat scroll 0 0 #474544 !important;
}

.smart-style-3 #ribbon .breadcrumb li a {
    color: #ccc !important;
}

.smart-style-3 #ribbon .breadcrumb li:last-child {
    color: #E4E4E4 !important;
}

/*********** ACTIONSMENU ************/
div.actionsmenu {
    float: left;
    width: 100%;
    position: relative;
    font-size: 13px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: 0;
    border-width: 1px 1px 2px 1px;
    border-style: solid;
    border-right-color: #CCC !important;
    border-bottom-color: #CCC !important;
    border-left-color: #CCC !important;
    border-top-color: #CCC !important;
    padding: 13px 13px 10px  ;
    padding: 13px 13px 10px  ;
    /* as per version 1.3 */
    overflow: visible;
}

div.actionsmenu img {
    width: 16px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

div.actionsmenu h1 {
    font-size: 17px;
    font-weight: 300;
    line-height: normal;
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
    color: #444444;
    padding-bottom: 2px;
    margin-top: 3px;
    margin-bottom: 6px;
}

/********** FILTER ************/
div.filter {
    background-color: #FFFFFF;
    border: 1px solid #7A8FAD;
    padding: 2px;
    margin: 0px;
    margin-top: 3px;
    margin-bottom: 3px;
}

div.filter div.verticalseparator {
    display:inline;
    border-left:1px solid #999999;
    width:1px;
    margin-left:7px;
    margin-right:7px;
}


div.filter div.filtergroup {
    display: inline;
    border: 1px solid #BBBBBB;
    padding: 2px;
    padding-top: 1px;
}

/********** OBJECTDETAILS, FORMTABLE, GRID ************/
table.objectdetails td table,
.formtable {
    width: 100%;
    /*margin-bottom: 18px;*/
    padding: 18px;
}
.grid {
    width: 100%;
    margin-bottom: 18px;
}

#zoekresultaten ~ .btn {
    float:right;
    margin-top: 10px !important;
}

table.objectdetails td table > thead > tr > th,
table.objectdetails td table > tbody > tr > th,
table.objectdetails td table > tfoot > tr > th,
table.objectdetails td table > thead > tr > td,
table.objectdetails td table > tbody > tr > td,
table.objectdetails td table > tfoot > tr > td,
.formtable > thead > tr > th,
.formtable > tbody > tr > th,
.formtable > tfoot > tr > th,
.formtable > thead > tr > td,
.formtable > tbody > tr > td,
.formtable > tfoot > tr > td,
.grid > thead > tr > th,
.grid > tbody > tr > th,
.grid > tfoot > tr > th,
.grid > thead > tr > td,
.grid > tbody > tr > td,
.grid > tfoot > tr > td {
    padding: 4px;
    line-height: 1.428571429;
    vertical-align: top;
}
table.objectdetails td table > thead > tr > th,
.formtable > thead > tr > th,
.grid > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
}
table.objectdetails td table > caption + thead > tr:first-child > th,
table.objectdetails td table > colgroup + thead > tr:first-child > th,
table.objectdetails td table > thead:first-child > tr:first-child > th,
table.objectdetails td table > caption + thead > tr:first-child > td,
table.objectdetails td table > colgroup + thead > tr:first-child > td,
table.objectdetails td table > thead:first-child > tr:first-child > td,
.formtable > caption + thead > tr:first-child > th,
.formtable > colgroup + thead > tr:first-child > th,
.formtable > thead:first-child > tr:first-child > th,
.formtable > caption + thead > tr:first-child > td,
.formtable > colgroup + thead > tr:first-child > td,
.formtable > thead:first-child > tr:first-child > td,
.grid > caption + thead > tr:first-child > th,
.grid > colgroup + thead > tr:first-child > th,
.grid > thead:first-child > tr:first-child > th,
.grid > caption + thead > tr:first-child > td,
.grid > colgroup + thead > tr:first-child > td,
.grid > thead:first-child > tr:first-child > td {
    border-top: 0;
}
table.objectdetails td table > tbody + tbody,
.formtable > tbody + tbody,
.grid > tbody + tbody {
    border-top: 2px solid #dddddd;
}

/********** FORMTABLE, GRID ************/
.grid > thead > tr > th,
.grid > tbody > tr > th,
.grid > tfoot > tr > th,
.grid > thead > tr > td,
.grid > tbody > tr > td,
.grid > tfoot > tr > td {
    border-top: 1px solid #dddddd;
}
.formtable > tbody > tr > th,
.grid > tbody > tr > th {
    width: 20%;
    vertical-align: middle;
}

/********** GRID ************/
.grid > tbody > tr:hover > td,
.grid > tbody > tr:hover > th {
    background-color: #ecf3f8;
}

/********** BUTTONS ************/
.pageblock input[type="submit"],
.pageblock input[type="button"] {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 5px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.428571429;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}

.pageblock input[type="submit"] {
    color: #ffffff;
    background-color: #3276b1;
    border-color: #2c699d;
}

.pageblock input[type="submit"]:hover {
    color: #ffffff;
    background-color: #296191;
    border-color: #1f496d;
}

/********** PAGEBLOCK CONTENTS ************/
.pageblock > table:before,
.pageblock > table:after,
.pageblock > form:before,
.pageblock > form:after,
.pageblock > ul:before,
.pageblock > ul:after,
.pageblock > fieldset:before,
.pageblock > fieldset:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}

.pageblock > table:after,
.pageblock > form:after,
.pageblock > ul:after,
.pageblock > fieldset:after {
    clear: both;
}

.pageblock > table,
.pageblock > form,
.pageblock > ul,
.pageblock > fieldset {
    zoom: 1;
}

.pageblock > table,
.pageblock > form,
.pageblock > ul,
.pageblock > fieldset{
    float: left;
    width: 100%;
    position: relative;
    font-size: 13px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-top: none;
    border-right-color: #CCC !important;
    border-bottom-color: #CCC !important;
    border-left-color: #CCC !important;
    /* as per version 1.3 */
    overflow: visible;
}

.pageblock > table,
.pageblock > form,
.pageblock > ul,
.pageblock > fieldset{
    border-bottom: 1px solid #CCC;
}

.pageblock .objectdetails table
{
    margin: 0px;
}

#zoekform  table .formtable {
    margin:13px 13px 0px;
}

.pageblock > ul > li {
    margin-left: 35px;
}

.pageblock > ul > li:last-child {
    margin-bottom: 9px;
}

.pageblock > table,
.pageblock > form,
.pageblock > ul,
.pageblock > fieldset {
    background-color: #fff !important;
}

.pageblock .widget-body {
    margin: 0;
    border: 1px solid #ccc;
    border-top: none;
}

.pageblock .row {
    margin: 0;
}

#zoekform {
    margin: 0;
    outline: none;
    color: #666;
    position: relative;
}

.pageblock > fieldset {
    position:relative;
    padding-top:70px;
}

.pageblock > fieldset > legend {
    position:absolute;
    top:10px;
    left:0px;
    padding-left: 13px;
    padding-right: 13px;
}​


/********** FORMS/FILTER ************/
.mutliChangeIcon{
  vertical-align: inherit!important;
  left: 305px;
  position: absolute;
  top: 7px;
}

.smart-style-3 input:not([type]),
.smart-style-3 input[type="text"] {
  max-width: 300px;
}

.pageblock .formtable .input input,
.pageblock .formtable .select select,
.pageblock .formtable .radio i,
.pageblock .formtable .checkbox i,
.pageblock .formtable .toggle i,
.pageblock .formtable .icon-append,
.pageblock .formtable .icon-prepend,
.pageblock form .input input,
.pageblock form .select select,
.pageblock form .radio i,
.pageblock form .checkbox i,
.pageblock form .toggle i,
.pageblock form .icon-append,
.pageblock form .icon-prepend,
.smart-form .input input,
.smart-form .select select,
.smart-form .radio i,
.smart-form .checkbox i,
.smart-form .toggle i,
.smart-form .icon-append,
.smart-form .icon-prepend {
  max-width: 300px;
  display: inline-block !important;
}

.pageblock .formtable label.checkbox,
.modal-body .formtable label.checkbox {
    display: inline-block !important;
}


.pageblock .formtable .select i,
.pageblock form .select i,
.smart-form .select i {
  /*left: 286px !important;*/
  height: 11px !important;
  width: 4px !important;
}

.smart-form fieldset+fieldset {
    border: none;
}

.form-control.hasDatepicker {
  padding-left: 8px !important;
  max-width: 290px !important;
}

.select-multiple select {
  min-height: 32px;
}

.pageblock form label.label,
.pageblock label.label,
fieldset label.label {
  color: #333;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 6px;
  text-align: left;
}
.pageblock .formtable *,
.pageblock .formtable *:after,
.pageblock .formtable *:before,
.pageblock form *,
.pageblock form *:after,
.pageblock form *:before {
  margin: 0;
  padding: 0;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.pageblock form .btn {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.pageblock .formtable .radio + .radio,
.pageblock .formtable .checkbox + .checkbox,
.pageblock form .radio + .radio,
.pageblock form .checkbox + .checkbox {
  margin-top: 0;
}
.pageblock form footer .btn {
  float: right;
  height: 31px;
  margin: 10px 0 0 5px;
  padding: 0 22px;
  font: 300 15px/29px 'Open Sans', Helvetica, Arial, sans-serif;
  cursor: pointer;
}
.pageblock form legend {
  padding-top: 15px;
}
.pageblock form {
  margin: 0;
  outline: none;
  color: #666;
  position: relative;
}
.pageblock form .formtable {
  padding: 13px 13px;
}

.pageblock form header {
  display: block;
  padding: 8px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
  background: white;
  font-size: 16px;
  font-weight: 300;
  color: #232323;
  margin: 10px 14px 0;
}
.pageblock form fieldset {
  display: block;
  padding: 25px 14px 5px;
  border: none;
  background: rgba(255, 255, 255, 0.9);
  position: relative;
}
.pageblock form section {
  margin-bottom: 15px;
  position: relative;
}
.pageblock form footer {
  display: block;
  padding: 7px 14px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(248, 248, 248, 0.9);
}
.pageblock form footer:after {
  content: '';
  display: table;
  clear: both;
}
.pageblock .formtable .label
.pageblock form .label {
  display: block;
  margin-bottom: 6px;
  line-height: 19px;
  font-weight: 400;
  font-size: 13px;
  color: #333;
  text-align: left;
}
.pageblock form .label.col {
  margin: 0;
  padding-top: 7px;
}
.pageblock form .note,
.note {
  margin-top: 6px;
  padding: 0 1px;
  font-size: 11px;
  line-height: 15px;
  color: #999;
}
.note {
  margin-top: 2px;
  font-size: 10px;
}
.pageblock form .note a {
  font-size: 13px;
}

.contextmenu {
    border-top: 1px solid #ccc !important;
    box-sizing: border-box;
}

.pageblock>div {
    padding: 0 !important;
}
.pageblock>header {
    line-height: 0 !important;
}

.pageblock .formtable .input,
.pageblock .formtable .select,
.pageblock .formtable .textarea,
.pageblock .formtable .radio,
.pageblock .formtable .checkbox,
.pageblock .formtable .toggle,
.pageblock .formtable .button
.pageblock form .input,
.pageblock form .select,
.pageblock form .textarea,
.pageblock form .radio,
.pageblock form .checkbox,
.pageblock form .toggle,
.pageblock form .button {
  position: relative;
  display: inline;
  font-weight: 400;
}
.pageblock .formtable .radio,
.pageblock .formtable .checkbox,
.pageblock form .radio,
.pageblock form .checkbox {
  display: block;
}
.pageblock .formtable .input input,
.pageblock .formtable .select select,
.pageblock .formtable .textarea textarea,
.pageblock form .input input,
.pageblock form .textarea textarea,
.pageblock form .select select {
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 0px 10px;
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  background: #fff;
  font: 13px/16px 'Open Sans', Helvetica, Arial, sans-serif;
  color: #404040;
}
/*
		 * File inputs
		 */
.pageblock form .input-file .button {
  position: absolute;
  top: 4px;
  right: 4px;
  float: none;
  height: 22px;
  margin: 0;
  padding: 0 14px;
  font-size: 13px;
  line-height: 22px;
}
.pageblock form .input-file .button:hover {
  box-shadow: none;
}
.pageblock form .input-file .button input {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  font-size: 30px;
  cursor: pointer;
  opacity: 0;
}
/*
		 * Selects
		 */
.pageblock .formtable .select i,
.pageblock form .select i {
  position: absolute;
  top: 2px;
  right: 11px;
  width: 5px;
  height: 11px;
  background: white;
  box-shadow: 0 0 0 9px white;
}
.pageblock .formtable .select.select-multiple i,
.pageblock form .select.select-multiple i {
  top: 8px;
}
.pageblock .formtable .select i:after,
.pageblock .formtable .select i:before,
.pageblock form .select i:after,
.pageblock form .select i:before {
  content: '';
  position: absolute;
  right: 0;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.pageblock .formtable .select i:after,
.pageblock form .select i:after {
  bottom: 0;
  border-top: 4px solid #404040;
}
.pageblock .formtable .select i:before,
.pageblock form .select i:before {
  top: 0;
  border-bottom: 4px solid #404040;
}
.pageblock .formtable .select-multiple select,
.pageblock form .select-multiple select {
  height: auto;
}
/*
		 * Text areas
		 */
.pageblock .formtable .textarea textarea,
.pageblock form .textarea textarea {
  height: auto;
  resize: none;
  margin-bottom: 10px;
  width: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}

.pageblock .formtable .textarea-resizable textarea,
.pageblock form .textarea-resizable textarea {
  resize: vertical;
}
.pageblock .formtable .textarea-expandable textarea,
.pageblock form .textarea-expandable textarea {
  height: 31px;
}
.pageblock .formtable .textarea-expandable textarea:focus,
.pageblock form .textarea-expandable textarea:focus {
  height: auto;
}
/*
		 * Radio and checkboxes
		 */
/*.pageblock form .checkbox {*/
    /*width: 1px;*/
/*}*/

.pageblock .formtable .radio,
.pageblock .formtable .checkbox,
.pageblock form .radio,
.pageblock form .checkbox {
  margin-bottom: 4px;
  padding-left: 25px;
  font-size: 15px;
  line-height: 25px;
  color: #404040;
  cursor: pointer;
  font-size: 13px;
}
.pageblock .formtable .radio:last-child,
.pageblock .formtable .checkbox:last-child,
.pageblock form .radio:last-child,
.pageblock form .checkbox:last-child {
  margin-bottom: 0;
}
.pageblock .formtable .radio input,
.pageblock .formtable .checkbox input,
.pageblock form .radio input,
.pageblock form .checkbox input {
  position: absolute;
  left: -9999px;
}
.pageblock .formtable .radio i,
.pageblock .formtable .checkbox i,
.pageblock form .radio i,
.pageblock form .checkbox i {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 17px;
  height: 17px;
  outline: none;
  border-width: 1px;
  border-style: solid;
  background: #FFF;
}
.pageblock .formtable .radio i,
.pageblock form .radio i {
  border-radius: 50%;
}
.pageblock .formtable .radio input + i:after,
.pageblock .formtable .checkbox input + i:after,
.pageblock form .radio input + i:after,
.pageblock form .checkbox input + i:after {
  position: absolute;
  opacity: 0;
  transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  -ms-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
}
.pageblock .formtable .radio input + i:after,
.pageblock form .radio input + i:after {
  content: '';
  top: 4px;
  left: 4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.pageblock .formtable .checkbox input + i:after,
.pageblock form .checkbox input + i:after {
  content: '\f00c';
  top: -1px;
  left: 1px;
  width: 15px;
  height: 15px;
  font: normal 16px/19px FontAwesome;
  text-align: center;
}
.pageblock .formtable .checkbox input:checked:hover + i:after,
.pageblock form .checkbox input:checked:hover + i:after {
  content: '\f00d';
}
.pageblock .formtable .checkbox input:checked:disabled:hover + i:after,
.pageblock form .checkbox input:checked:disabled:hover + i:after {
  content: '\f00c';
}
.pageblock .formtable .radio input:checked + i:after,
.pageblock .formtable .checkbox input:checked + i:after,
.pageblock form .radio input:checked + i:after,
.pageblock form .checkbox input:checked + i:after {
  opacity: 1;
}
.pageblock form .inline-group {
  margin: 0 -30px -4px 0;
}
.pageblock form .inline-group:after {
  content: '';
  display: table;
  clear: both;
}
.pageblock form .inline-group .radio,
.pageblock form .inline-group .checkbox {
  float: left;
  margin-right: 30px;
}
.pageblock form .inline-group .radio:last-child,
.pageblock form .inline-group .checkbox:last-child {
  margin-bottom: 4px;
}

.pageblock .formtable tr.required th .label
{
    font-weight: bold;
}

tr.error th .label
{
    color: red !important;
}

tr.error td .input input,
tr.error td .select select,
tr.error td .textarea textarea
{
    background-color: #FEEFEF !important;
    border: 1px solid red !important;
}

td.error .input input,
td.error .select select,
td.error .textarea textarea
{
    background-color: #FEEFEF !important;
    border: 1px solid red !important;
}

/*
		 * normal state
		 */
.pageblock .formtable .select select,
.pageblock .formtable .input input,
.pageblock .formtable .textarea textarea,
.pageblock .formtable .radio i,
.pageblock .formtable .checkbox i,
.pageblock .formtable .toggle i,
.pageblock .formtable .icon-append,
.pageblock .formtable .icon-prepend,
.pageblock form .input input,
.pageblock form .select select,
.pageblock form .textarea textarea,
.pageblock form .radio i,
.pageblock form .checkbox i,
.pageblock form .toggle i,
.pageblock form .icon-append,
.pageblock form .icon-prepend {
  border-color: #BDBDBD;
  transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -ms-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
}
.pageblock .formtable .toggle i:before,
.pageblock form .toggle i:before {
  background-color: #3276B1;
}
.pageblock .formtable .rating label,
.pageblock form .rating label {
  color: #ccc;
  transition: color 0.3s;
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
.pageblock .formtable .button,
.pageblock form .button {
  background-color: #3276B1;
  opacity: 0.8;
  transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
}
.pageblock .formtable .button.button-secondary,
.pageblock form .button.button-secondary {
  background-color: #b3b3b3;
}
.pageblock .formtable .icon-append,
.pageblock .formtable .icon-prepend,
.pageblock form .icon-append,
.pageblock form .icon-prepend {
  color: #A2A2A2;
}
/*
		 * hover state
		 */
.pageblock .formtable .input:hover input,
.pageblock .formtable .select:hover select,
.pageblock .formtable .textarea:hover textarea,
.pageblock .formtable .radio:hover i,
.pageblock .formtable .checkbox:hover i,
.pageblock .formtable .toggle:hover i,
.pageblock form .input:hover input,
.pageblock form .select:hover select,
.pageblock form .textarea:hover textarea,
.pageblock form .radio:hover i,
.pageblock form .checkbox:hover i,
.pageblock form .toggle:hover i {
  border-color: #5D98CC;
}
.pageblock .formtable .rating input + label:hover,
.pageblock .formtable .rating input + label:hover ~ label,
.pageblock form .rating input + label:hover,
.pageblock form .rating input + label:hover ~ label {
  color: #3276B1;
}
.pageblock .formtable .button:hover,
.pageblock form .button:hover {
  opacity: 1;
}
.pageblock .formtable .radio:hover i,
.pageblock .formtable .checkbox:hover i,
.pageblock .formtable .toggle:hover i,
.pageblock form .radio:hover i,
.pageblock form .checkbox:hover i,
.pageblock form .toggle:hover i {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
/*
		 * radio/toggle/checkbox active state
		 */
.pageblock .formtable .radio:active i,
.pageblock .formtable .checkbox:active i,
.pageblock .formtable .toggle:active i,
.pageblock form .radio:active i,
.pageblock form .checkbox:active i,
.pageblock form .toggle:active i {
  background: #F0F0F0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
/*
		 * focus state
		 */
.pageblock .formtable .input input:focus,
.pageblock .formtable .select select:focus,
.pageblock .formtable .textarea textarea:focus,
.pageblock .formtable .radio input:focus + i,
.pageblock .formtable .checkbox input:focus + i,
.pageblock .formtable .toggle input:focus + i,
.pageblock form .input input:focus,
.pageblock form .select select:focus,
.pageblock form .textarea textarea:focus,
.pageblock form .radio input:focus + i,
.pageblock form .checkbox input:focus + i,
.pageblock form .toggle input:focus + i {
  border-color: #3276B1;
}
/*
		 * checked state
		 */
.pageblock .formtable .radio input + i:after,
.pageblock form .radio input + i:after {
  background-color: #3276B1;
}
.pageblock .formtable .checkbox input + i:after,
.pageblock form .checkbox input + i:after {
  color: #3276B1;
}.pageblock .formtable .radio input:checked + i,
 .pageblock .formtable .checkbox input:checked + i,
 .pageblock .formtable .toggle input:checked + i,
.pageblock form .radio input:checked + i,
.pageblock form .checkbox input:checked + i,
.pageblock form .toggle input:checked + i {
  border-color: #3276B1;
}
.pageblock .formtable .rating input:checked ~ label,
.pageblock form .rating input:checked ~ label {
  color: #3276B1;
}
/*
		 * error state
		 */
.pageblock form .state-error input,
.pageblock form .state-error select,
.pageblock form .state-error textarea,
.pageblock form .radio.state-error i,
.pageblock form .checkbox.state-error i,
.pageblock form .toggle.state-error i {
  background: #fff0f0;
  border-color: #A90329;
}
.pageblock form .toggle.state-error input:checked + i {
  background: #fff0f0;
}
.pageblock form .state-error + em {
  display: block;
  margin-top: 6px;
  padding: 0 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #D56161;
}
.pageblock form .rating.state-error + em {
  margin-top: -4px;
  margin-bottom: 4px;
}
.pageblock form .state-error select + i {
  background: #FFF0F0;
  box-shadow: 0 0 0 9px #FFF0F0;
}
.state-error .icon-append,
.state-error .icon-prepend {
  color: #ed1c24;
}
/*
		 * success state
		 */
.pageblock form .state-success input,
.pageblock form .state-success select,
.pageblock form .state-success textarea,
.pageblock form .radio.state-success i,
.pageblock form .checkbox.state-success i,
.pageblock form .toggle.state-success i {
  background: #f0fff0;
  border-color: #7DC27D;
}
.pageblock form .toggle.state-success input:checked + i {
  background: #f0fff0;
}
.pageblock form .note-success {
  color: #6fb679;
}
.pageblock form .state-success select + i {
  background: honeyDew;
  box-shadow: 0 0 0 9px honeyDew;
}
/*
		 * disable state
		 */
.pageblock form .input.state-disabled input,
.pageblock form .select.state-disabled,
.pageblock form .textarea.state-disabled,
.pageblock form .radio.state-disabled,
.pageblock form .checkbox.state-disabled,
.pageblock form .toggle.state-disabled,
.pageblock form .button.state-disabled {
  cursor: default !important;
  opacity: 0.6 !important;
}
.pageblock form .input.state-disabled:hover input,
.pageblock form .select.state-disabled:hover select,
.pageblock form .textarea.state-disabled:hover textarea,
.pageblock form .radio.state-disabled:hover i,
.pageblock form .checkbox.state-disabled:hover i,
.pageblock form .toggle.state-disabled:hover i {
  border-color: #e5e5e5 !important;
}
.pageblock form .state-disabled.radio input:checked + i,
.pageblock form .state-disabled.checkbox input:checked + i,
.pageblock form .state-disabled.toggle input:checked + i,
.pageblock form .state-disabled.checkbox input + i:after,
.pageblock form .state-disabled.radio input + i:after {
  border-color: #e5e5e5 !important;
  color: #333 !important;
}
.pageblock form .state-disabled.radio input + i:after {
  background-color: #333;
}
/*
		 * submit state
		 */
.pageblock form .message {
  display: none;
  color: #6fb679;
}
.pageblock form .message i {
  display: block;
  margin: 0 auto 20px;
  width: 81px;
  height: 81px;
  border: 1px solid #6fb679;
  border-radius: 50%;
  font-size: 30px;
  line-height: 81px;
}
.pageblock form.submited fieldset,
.pageblock form.submited footer {
  display: none;
}
.pageblock form.submited .message {
  display: block;
  padding: 25px 30px;
  background: rgba(255, 255, 255, 0.9);
  font: 300 18px/27px 'Open Sans', Helvetica, Arial, sans-serif;
  text-align: center;
}

/********** DASHBOARD MENU ************/
#tt-startmenu:not(.searching) .tt-tile {
    text-align: center !important;
}

.tt-search .fa,
.tt-tile .fa {
 line-height: 1 !important;
}

#tt-startmenu {
    z-index: 999 !important;
    position: fixed;
    top: 0px;
    height: 100% !important;
}

/********** EXTRA ************/
span.object_updated_at {
    font-size: 11px;
    padding-left: 20px;
}

/********** ARCHIVE ************/
tr > td.gearchiveerd,
tr > td.gearchiveerd,
tr > td.gearchiveerd,
tr > th.gearchiveerd,
tr > th.gearchiveerd,
tr > th.gearchiveerd,
tr.gearchiveerd > td,
tr.gearchiveerd > td,
tr.gearchiveerd > td,
tr.gearchiveerd > th,
tr.gearchiveerd > th,
tr.gearchiveerd > th {
    background-color: #fcf8e3 !important;
}
tr > td.gearchiveerd:hover,
tr > th.gearchiveerd:hover,
tr.gearchiveerd:hover > td,
tr.gearchiveerd:hover > th {
    background-color: #faf2cc;
}
li.gearchiveerd {
  background-color: #fcf8e3 !important;
}

/********** DASHBOARD MELDINGEN / ALERTS ************/
.item {
    margin-bottom: 20px !important;
    margin-top: 0px !important;
    padding: 5px 15px 5px 34px !important;
    color: #675100 !important;
    border-width: 0 !important;
    border-left-width: 5px !important;
    border-color: #e38d13 !important;
    background: #e3e3c7 !important;
    opacity: 0.7;
    text-shadow: none !important;
}

.alert {
    padding: 5px !important;
    margin: 10px !important;
}
/********** TAKENLIJST ************/
#takenlijst.item {
    border-color: #dfb56c !important;
    color: #826430 !important;
    background: #efe1b3 !important;
}

#takenlijst.item:hover .icon {
    border: none;
}

#takenlijst.item > div {
    border: none !important;
}

#takenlijst.item > div > table > tbody > tr > td:first-child,
#takenlijst.item > div > table > tbody > tr > td:first-child + td {
    border-width: 0px 1px 0px 0px;
    border-style: solid;
    border-color: #dfb56c;
    padding: 0px 6px 0px 6px !important;
}

#takenlijst.item > div > table > tbody > tr > td:first-child + td +td {
    padding-left: 6px;
}

#takenlijst.item > img,
#takenlijst.item > i {
    float: left;
}

#takenlijst.item > img:hover,
#takenlijst.item > i:hover {
    border: none;
}

.ttBase-dialog-modal h2 {
    border-bottom: none !important;
    padding: 0px 0px 10px 45px !important;
}

/********** ACTIVITEITEN ************/
table.twoColumnLayout {
    width: 100%;
}

table.twoColumnLayout td {
    vertical-align: top;
}

table.twoColumnLayout td.fixedColumn {
    padding-right: 10px;
    width: 230px;
}

table.twoColumnLayout .actionsmenu {
    width: 90% !important;
}

table.twoColumnLayout #activiteiten {
    padding-right: 13px;
}

/********** OPMERKINGEN ************/
div.opmerking, div.opmerking-alert, div.opmerking-prive {
    margin-bottom: 20px;
    margin-top: 0px;
    color: #675100;
    border-width: 0px;
    border-left-width: 5px;
    padding: 10px !important;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-style: solid;
    background: none repeat scroll 0 0 #efe1b3;
}

div.opmerking-alert,
div.opmerking-alert a {
    border-color: #953b39 !important;
    color: #ffffff !important;
    background-color: #c26565 !important;
    text-shadow: none !important;
}

div.opmerking-prive {
    border-color: #9cb4c5 !important;
    color: #305d8c !important;
    background-color: #d6dde7 !important;
}

/********* Ajax Notification ***********/
#notification {
    position: fixed;
    bottom: 0px;
    padding: 0px;
    height: 25px;
    margin: 0px;
    width: 100%;
    background-color: #EFE1B3;
    color: #826430;
    display: block;
    text-align: center;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-top: 5px;
    z-index: 900;
}

/********* WEBINSCHRIJVINGEN ***********/
#webInschrijvingsInfo {
    background-color: #EFE1B3 !important;
    color: #826430 !important;
    border-width: 0px !important;
    border-left-width: 5px !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-style: solid !important;
    border-color: #826430 !important;
}

#webInschrijvingsInfo .formtable tr {
    height: 0;
}

.formtable #kalenders tr {
    height: auto;
}

/********* BUTTON STYLES ***********/
.button {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
  float: left !important;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
  cursor: pointer;
  opacity: 1 !important;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  color: #333;
  background-color: rgb(240, 240, 240);
}
.button:hover {
  text-decoration: none;
}

.button.submit {
  background-color: #3276b1;
  border-color: #2c699d;
  color: #ffffff;
}
.button.submit:hover {
  background-color: #275b89;
  border-color: #1f496d;
  color: #ffffff;
}

/********* Fix voor jQuery UI Tabs. ***********/
.ui-tabs .ui-tabs-nav li.ui-state-active a {
  border-top-width: 0 !important;
  box-shadow: 0 -2px 0 #57889c;
  font-weight: 700;
  margin-top: 1px !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 10px;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #fff;
  border-color: #ddd #ddd #fff;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  color: #555;
}

.pageblock .formtable .mce-widget.mce-btn {
    padding: 4px 10px;
}

.webtekst ul li {
    list-style-type: disc;
    padding-left: 25px;
}
.webtekst ol li {
    list-style-type: decimal;
    padding-left: 25px;
}

/****************************/
/* status coloring  / zaalreservaties       */
/****************************/
.asport_status_nieuw,
.asport_status_optie
{
    background-color: #FFEB84;
}
.asport_status_in_wacht,
.asport_status_voorstel,
.asport_status_bewerkt
{
    background-color: #C1DA81;
}

.asport_status_verstuurd,
.asport_status_deels_behandeld,
.asport_status_goedgekeurd
{
    background-color: #C1DA81;
}

.asport_status_behandeld,
.asport_status_definitief,
.asport_status_aanwezig,
.asport_status_veld_plaats
{
    background-color: #83C77D;
}

.asport_status_geannuleerd,
.asport_status_tijdig_geannuleerd,
.asport_status_veld_overlap_bezet,
.asport_status_onbeschikbaar
{
    background-color: #FCB77A;
}

.asport_status_geweigerd,
.asport_status_te_laat_geannuleerd,
.asport_status_niet_aanwezig,
.asport_status_veld_bezet,
.asport_status_foutief
{
    background-color: #F8696B;
}

.asport_status_afgesloten
{
    background-color: #CCCCCC;
}

.aanvraag_veld_geweigerd
{
    text-decoration: line-through;
}

div.alert ul li
{
  margin-left: 20px;
}

.nieuwKnop
{
  padding: 6px 12px !important;
  margin-left: 5px !important;
  margin-bottom: 3px !important;
}
/****************************/
/* Tag input autocomplete   */
/****************************/
.bootstrap-tagsinput .tag {
  color: #fff;
  display: inline-block;
  margin: 3px 0 3px 2px;
  position: relative;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "�?�";
  font-family: fontAwesome;
  font-size: 15px;
  line-height: 17px;
  padding: 2px 1px;
  text-align: center;
}
.bootstrap-tagsinput .tag [data-role="remove"]{
  cursor: pointer;
  display: block;
  height: 19px;
  padding: 6px 4px 3px 5px !important;
  position: absolute;
  right: 0;
  top: -1px;
  width: 17px;
}
.bootstrap-tagsinput > span.tag {
  background: none repeat scroll 0 0 #3276b1;
  border: 1px solid #285e8e;
  border-radius: 0 !important;
  font-size: 13px;
  font-weight: 400;
  padding: 3px 28px 4px 8px !important;
}
.bootstrap-tagsinput > input {
  box-shadow: none !important;
}
.bootstrap-tagsinput {
  max-width: 500px;
}
.bootstrap-tagsinput .dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  display: none;
  float: left;
  font-size: 13px;
  left: 0;
  list-style: outside none none;
  margin: 2px 0 0;
  min-width: 160px;
  padding: 5px 0;
  position: absolute;
  top: 80% !important;
  z-index: 1000;
}
.bootstrap-tagsinput .dropdown-menu li.active a {
  background-color: #3276b1;
}

th {
  vertical-align: top !important;
  padding-top: 5px !important;
}
fieldset.checkboxes {
  padding: 0 !important;
}

label.select.select-multiple select {
  margin-bottom: 3px !important;
  float: left !important;
}
label.select.select-multiple a img {
  left: 5px !important;
}

.tabs-left > .nav-tabs > li > a {
    width: 90px;
}

.nav-tabs>li {
    margin-bottom: -1px !important;
}

.tabs {
    margin: 10px !important;
}

.tabs .tab-content {
    border: 1px solid #ddd;
    border-top: none;
    min-height: 100px;
}

.tabs .tab-content ul {
    padding-left: 30px !important;
}

.tabs-left .tab-content {
    border: 1px solid #ddd;
    padding-left: 20px;
    box-sizing: border-box;
    margin-left: 111px !important;
}

.modal-body fieldset label.label {
    margin-bottom: 0 !important;
    line-height: 14px !important;
}

.smart-form .select {
    display: inline !important;
}

.tabs-left fieldset .formtable {
    padding-top: 0 !important;
}

.tabs-left table.dataTable {
    clear: none;
}

/****************************/
/* Fix voor footer in forms */
/****************************/
.footerFix {
  padding-bottom: 54px !important;
}

footer.footerFix {
  position: absolute;
  left: -10px;
  right: -10px;
  padding-bottom: 15px !important;
}


/****************************/
/* Kalender (niet input)    */
/****************************/
table.saCalendar .row:before,
table.saCalendarSmall .row:before {
  content: none;
}
table.saCalendar {
  background-color: #FFFFFF;
  width: auto;
  border: 1px solid gray;
  padding: 0;
  cursor: default;
}
table.saCalendar .monthYear {
  background-color: #f5f5f5;
}
table.saCalendar .dayNames {
  font-weight: bold;
}
table.saCalendar th {
  width: 23px;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
}
table.saCalendar td {
  text-align: right;
  font-size: 11px;
  padding: 2px 3px 0 0;
  cursor: pointer;
}
table.saCalendar td:hover {
  background: #3276b1;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
table.saCalendar td:hover span {
  color: #fff;
}
table.saCalendar tr:hover td.unselectable:hover {
  background-color: #DDDDDD;
  color: #fff;
}
table.saCalendar td.unselectable {
  color: #C2C2C2;
}
table.saCalendar td.unselectable.emptycell {
  cursor: auto;
}

/****************************/
/* Footer in tabs           */
/****************************/
.tab-pane footer {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(248, 248, 248, 0.9);
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  border-top-color: rgba(0, 0, 0, 0.1);
  border-top-style: solid;
  border-top-width: 1px;
  display: block;
  padding-bottom: 15px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 7px;
}

.tab-pane footer::after {
  clear: both;
  content: "";
  display: table;
}

.tab-pane footer .btn {
  -x-system-font: none;
  cursor: pointer;
  float: right;
  font-family: "Open Sans",Helvetica,Arial,sans-serif;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: 15px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-weight: 300;
  height: 31px;
  line-height: 29px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 0;
  margin-top: 10px;
  padding-bottom: 0;
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 0;
  box-sizing: border-box;
}


/****************************/
/* Fix missing border tables*/
/****************************/
.border table {
  border-top-color: #ddd;
  border-top-style: solid;
  border-top-width: 1px;
}

#zoekresultaten code{
  white-space: normal;
}

form .btn {
    font: 300 15px/29px "Open Sans", Helvetica, Arial, sans-serif;
    height: 31px;
    margin: 10px 0 0 5px;
    padding: 0 22px;
}

.btn.smallInlineBtn {
    font-size: 12px;
    padding: 1px 5px;
    line-height: 1.5;
    height: inherit;
    margin: 0;
}
/****************************/
/* testdossiers*/
/****************************/
tr > td.testdossier,
tr > td.testdossier,
tr > td.testdossier,
tr > th.testdossier,
tr > th.testdossier,
tr > th.testdossier,
tr.testdossier > td,
tr.testdossier > td,
tr.testdossier > td,
tr.testdossier > th,
tr.testdossier > th,
tr.testdossier > th {
  background-color: #fcdaa9 !important;
}

/****************************/
/* afgesloten dossiers*/
/****************************/
tr > td.afgesloten,
tr > td.afgesloten,
tr > td.afgesloten,
tr > th.afgesloten,
tr > th.afgesloten,
tr > th.afgesloten,
tr.afgesloten > td,
tr.afgesloten > td,
tr.afgesloten > td,
tr.afgesloten > th,
tr.afgesloten > th,
tr.afgesloten > th {
    background-color: #fcc5b0 !important;
}