body {
    background: #fff;
}

a {
    color: #222222;
}

th, td, caption {
    padding: 0 0 0 5px;
}

.nozebra tr:is(:nth-child(even), .even) td {
    background: inherit;
}

input:not([type="checkbox"]):not([type="radio"]), textarea, select {
    margin: 0.2em 0;
}

table.border { border-collapse:collapse;}
table.border td, table.border th, td.border { border: 1px solid #C0C0C0; padding: 2px;}

a img {border: none; cursor: pointer; }
a.inline { display: inline; }
td {vertical-align: top;}

.clickable { text-decoration: underline; cursor: pointer; }

table td.kanniet   { background:#555555; color:red; text-align: center; }
table td.leeg      { background:#FFFFFF; text-align: center; }
table td.gevraagd  { background:#BBBBBB; text-align: center; }

table td.bevestigd { text-align: center; }
table td.bevestigd.rij1 { background:#FFCCFF; }
table td.bevestigd.rij2 { background:#99CC99; }
table td.bevestigd.rij3 { background:#FFFFCC; }
table td.bevestigd.rij4 { background:#CCFFFF; }
table td.bevestigd.rij5 { background:#FFCC99; }


.sticky {
    background:#ffffd2;
}
.contactopnemen{
    background:#ffd2d2;
}

textarea.beschrijving {
    width: 330px; height: 5.4ex
}

textarea.opmerking {
    width: 150px; height: 5.4ex
}


.ajax-loading {
    display: none;
}

.hidden {
    display: none;
}



div.factuurregel div {
    display: inline-block;
}

.winst
{
    color: #666666;
}

.ui-button-text img
{
    vertical-align: middle;
}

#teBetalen
{
    font-size: 1.2em;
}

#teBetalen th, #teBetalen td
{
    border-top: 1px solid #666;
}

#totaalFactuur th, #totaalFactuur td
{
    border-top: 1px solid #666;
}

.factuurRegelChild td
{
    color: #777;
}


/*.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}*/
ul.error_list {
    background: #fbe3e4;
    color: #8a1f11;
    border-color: #fbc2c4;
    margin: 0 5px 1em;
}
.error_list a {color:#8a1f11;}


/* Striped backgrounds, based on: http://lea.verou.me/demos/css3-patterns.html */
.dagplanning-boeking-interesse {
    background-size: 50px 50px; /* Controls the size of the stripes */
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
        transparent 75%, transparent);
}


tr.creditfactuur
{
  color: #888888;
}

.bigSelect2Dropdown
{
    width: 400px !important;
}


.select2-container.smallSelect2Input .select2-choice
{
    height: 19px;
    line-height: 19px;
}

.boeking-bijzonderheden {
    width: 1000px;
    height: 100px;
}


.contact-contactpersoon {
    border: 1px solid lightgray;
    margin-bottom: 3px;
}

.align-with-text {
    vertical-align: text-top;
}

.checkbox_list, ul.radio_list {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

a.delete.delete { /* Specificity hack */
    color: red;
    text-decoration: none;
}
a.delete:hover {
    color: #800;
}

.producten-overzicht ul {
    margin: 0;
}

.fakeRecras2 {
    background: #FFF;
    color: #333;
    font-size: 1rem;
    margin: 0 1em;
}
.fakeRecras2 * {
    box-sizing: border-box;
}
.fakeRecras2 tbody tr:nth-child(even) td, .onlineBoekingContact tbody tr:nth-child(even) td {
    background: transparent;
}
.fakeRecras2 th {
    padding-bottom: 21px;
    vertical-align: bottom;
}
.fakeRecras2 td {
    padding-bottom: 15px;
}
.fakeRecras2 input {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    font-size: 1em;
    padding: 6px 12px;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.fakeRecras2 input:focus {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    outline: 0;
}
.fakeRecras2 input[type="submit"] {
    background: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    border-color: #245580;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    color: #fff;
    float: right;
}
.fakeRecras2 .recrasLogo {
    display: block;
    height: auto;
    margin: 2em auto;
    max-width: 100%;
}
.fakeRecras2 header {
    border-bottom: 0.1em solid #ddd;
    margin-bottom: 1.5em;
}
.fakeRecras2 table {
    margin-bottom: 1em;
}
.fakeRecras2 label {
    padding-right: 1em;
}
.fakeRecras2 .alert-warning,
.fakeRecras2 .error_list {
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
    padding: 15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
}
.fakeRecras2 .alert-warning {
    background-image: linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%);
    border-color: #f5e79e;
    color: #8a6d3b;
    margin-top: 1em;
}
.fakeRecras2 .error_list {
    background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);
    border-color: #dca7a7;
    color: #a94442;
    list-style: none;
    margin: 0 0 15px;
}
.fakeRecras2 input:not([type="submit"]) {
    width: 100%;
}

.fakeRecras2 header,
.fakeRecras2 main {
    width: 100%;
}
@media screen and (min-width: 641px) {
    .fakeRecras2 header,
    .fakeRecras2 main {
        margin-left: auto;
        margin-right: auto;
        width: 485px;
    }
}