#tbsystem { color: #000; font-size: 12px; line-height: 1.42857; min-width: 319px; /* Kalenders ------------------------------------------------------------------------------ */ /* Formulieren ---------------------------------------------------------------------------- */ /* Kassabon ------------------------------------------------------------------------------- */ /* Multiview kalender */ }
#tbsystem .page-containter { margin: 10px auto; position: relative; }
#tbsystem .content { width: 66%; float: left; padding: 10px; }
#tbsystem .receipt { width: 33%; float: left; padding: 10px; }
#tbsystem .contentTriple { width: 80%; float: left; padding: 10px; }
#tbsystem .receiptTriple { width: 20%; float: left; padding: 10px; }
#tbsystem .vet { font-weight: bold; }
#tbsystem a { color: #666; text-decoration: none; }
#tbsystem a:hover { color: #555; }
#tbsystem a:focus { outline: none; }
#tbsystem h1, #tbsystem h2, #tbsystem h3, #tbsystem h4, #tbsystem h5, #tbsystem h6 { margin: 0; padding: 0; }
#tbsystem h2 { font-size: 1em; }
#tbsystem h3 { font-size: 1.2em; font-weight: bold; color: #555; }
#tbsystem p { margin: 5px 0; }
#tbsystem hr { height: 0; border: 0; border-top: 1px solid #555; }
#tbsystem *, #tbsystem *:before, #tbsystem *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#tbsystem *, #tbsystem *:before, #tbsystem *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#tbsystem .clear {
  clear: both!important;
  width: 100%!important;
  visibility: visible!important;
  height: 100%!important;
} 
#tbsystem .clear:before { display: table; content: ""; }
#tbsystem .clear:after { display: table; content: ""; clear: both; }
#tbsystem li:before { display: table; content: ""; }
#tbsystem li:after { display: table; content: ""; clear: both; }
#tbsystem .pull-left { float: left; }
#tbsystem .pull-right { float: right; }
#tbsystem .text-left { text-align: left; }
#tbsystem .text-right { text-align: right; }
#tbsystem .text-center { text-align: center; }
#tbsystem .row { margin-right: -10px; }
#tbsystem .row .col { padding: 2px 10px 2px 0; width: 100%; float: none; }
#tbsystem .row:before { display: table; content: ""; }
#tbsystem .row:after { display: table; content: ""; clear: both; }
#tbsystem .row .col-medium { float: left; width: 50%; }
#tbsystem .row .col-small { float: left; width: 25%; }
#tbsystem .row .col-triple { float: left; width: 33%; }
#tbsystem .arrow-down { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #555; position: absolute; bottom: -10px; }
#tbsystem .arrow-down .active { border-top: 10px solid #555; }
#tbsystem .page-header { display: none; }
#tbsystem .step-header { padding: 10px 15px; position: relative; border-top: 1px solid #555; background-color: #666; color: #fff; }
#tbsystem .step-header h2 { color: #fff; }
#tbsystem .step-header:hover .arrow-down { border-top: 10px solid #555; }
#tbsystem .step-header-top { border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-bottom: 0; border-top: none; }
#tbsystem .step-header-bottom { border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; }
#tbsystem .step-header-active { background: #555; border: none; border-bottom: 1px solid #555; }
#tbsystem .step-header-inactive { cursor: default; }
#tbsystem .step-header-inactive h2 { opacity: 0.6; }
#tbsystem .step-content .step-item { margin: 20px 0; padding: 15px; border-radius: 8px; -webkit-border-radius: 8px; background-color: #F6F6F6; }
#tbsystem .step-content .step-item textarea { width: 100%; height: 100px; }
#tbsystem .step-content h3 { padding: 0 0 15px 0; }
#tbsystem .step-content .step-nav { margin: 20px 0; padding: 15px 0; border-radius: 2px; -webkit-border-radius: 2px; }
#tbsystem .step-content .btn { border-radius: 3px; border: 1px solid #666; background-color: #e9e9e9; display: inline-block; padding: 0 20px; color: #444; line-height: 28px; text-align: center; vertical-align: middle; cursor: pointer; text-decoration: none; font-weight: bolder; background: -moz-linear-gradient(top, white 0%, #d5d5d5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #d5d5d5)); background: -webkit-linear-gradient(top, white 0%, #d5d5d5 100%); background: -o-linear-gradient(top, white 0%, #d5d5d5 100%); background: -ms-linear-gradient(top, white 0%, #d5d5d5 100%); background: linear-gradient(to bottom, white 0%, #d5d5d5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='$light-gray999', GradientType=0); }
#tbsystem .step-content .btn .btn-back { float: left; width: 140px; }
#tbsystem .step-content .btn-next { float: right; width: 140px; }
#tbsystem .acco-item { position: relative; overflow: hidden; height: 155px; background: #fff; margin: 0 0 10px 0; cursor: pointer; box-shadow: 5px 5px 10px #888888; }
#tbsystem .acco-item .image { height: 110px; background: #fff; border: 1px solid #8e8e8e; }
#tbsystem .acco-item .caption { background: #fff; position: absolute; bottom: 0; padding: 5px 3px; font-size: 0.9em; width: 100%; }
#tbsystem .acco-item .caption .name { font-weight: bold; display: block; }
#tbsystem .acco-item .caption .specs { font-weight: 100; }
#tbsystem .acco-item.unselectable { opacity: 0.3; cursor: default; }
#tbsystem .acco-item:hover .caption { background: #333; color: #fff; }
#tbsystem #tbs_languages { width: 100%; text-align: right; }
#tbsystem #tbs_languages img { margin: 4px; cursor: pointer; border: 0; }
#tbsystem .calendar div .col { text-align: center; padding: 15px; }
#tbsystem .calendar .calendar-nav { text-align: center; padding: 0 0 15px 0; width: 100%; }
#tbsystem .calendar .calendar-nav select { display: inline-block; width: 40%; }
#tbsystem .calendar .calendar-nav .link-back, #tbsystem .calendar .calendar-nav .link-forward { display: inline-block; padding: 0 10px; width: 25%; text-align: left; cursor: pointer; }
#tbsystem .calendar .calendar-nav .link-forward { text-align: right; }
#tbsystem .calendar table { display: inline-block; /* Legenda ------------------------------------------------------------------------------- */ }
#tbsystem .calendar table.month { border-collapse: collapse; padding: 0; margin: 0 10px; }
#tbsystem .calendar table td { border: 1px solid #fff; border-radius: 5px; -webkit-border-radius: 5px; min-width: 30px; cursor: default; }
#tbsystem .calendar table thead tr th { text-align: center; line-height: 28px; background-color: #333; color: #fff; font-weight: bold; border-radius: 2px; -webkit-border-radius: 2px; }
#tbsystem .calendar table tbody tr td { margin: 0; padding: 0 1px 1px 0; text-align: center; font-weight: normal; line-height: 28px; min-width: 30px; }
#tbsystem .calendar table tbody tr td.unavailable { background: #FF0000; color: #fff; cursor: default; }
#tbsystem .calendar table tbody tr td.noDeparture { background-color: #ff760c; color: #fff; cursor: pointer; }
#tbsystem .calendar table tbody tr td.available { background-color: #006400; color: #fff; cursor: pointer; }
#tbsystem .calendar table tbody tr td.available.unselectable { background-color: #dcdcdc; color: #000; cursor: default; }
#tbsystem .calendar table tbody tr td.other-month { background-color: #c0c0c0; }
#tbsystem .calendar table tbody tr td.userSelection { background-color: #0f5371 !important; color: #fff !important; font-weight: bold !important; }
#tbsystem .calendar table tbody tr td.departure.selectable { background-color: #FF8C00; color: #fff; cursor: pointer; }
#tbsystem .legenda { text-align: center; }
#tbsystem .legenda-list { margin: 0; padding: 0; list-style: none; }
#tbsystem .legenda-list li { display: inline-block; padding: 0 10px; }
#tbsystem .legenda-list span { display: inline-block; height: 15px; width: 15px; }
#tbsystem .legenda-list span.available { background-color: #006400; color: #fff; }
#tbsystem .legenda-list span.departure.selectable { background-color: #FF8C00; color: #fff; cursor: pointer; }
#tbsystem .legenda-list span.unavailable { background: #FF0000; color: #fff; }
#tbsystem label { padding: 2px 0; line-height: 24px; }
#tbsystem label span { padding: 2px 15px 2px 0; min-width: 170px; display: inline-block; }
#tbsystem label .error { font-weight: bold; }
#tbsystem select, #tbsystem textarea, #tbsystem input[type="text"] { display: inline-block; padding: 4px; vertical-align: middle; border-radius: 2px; -webkit-border-radius: 2px; background-color: #fff; border: 1px solid #666; min-width: 50px; }
#tbsystem select:focus, #tbsystem textarea:focus, #tbsystem input[type="text"]:focus { border-color: black; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
#tbsystem select, #tbsystem input[type="radio"], #tbsystem input[type="checkbox"] { cursor: pointer; }
#tbsystem input[type="radio"], #tbsystem input[type="checkbox"] { margin: 2px 10px 2px 0; display: inline-block; }
#tbsystem .input-full { margin: 0 10px 0 0; width: 350px; }
#tbsystem .input-small { margin: 0 10px 0 0; width: 65px; }
#tbsystem .input-medium { margin: 0 10px 0 0; width: 135px; }
#tbsystem .input-large { margin: 0 10px 0 0; width: 205px; }
#tbsystem input, #tbsystem select { margin: 0 10px 5px 0!important; }
#tbsystem .receipt-content { background-color: #FFF; border: 1px solid #666; border-radius: 6px; -webkit-border-radius: 6px; padding: 15px; position: absolute; width: 300px; overflow-x: auto; max-height: 90%; }
#tbsystem .receipt-list { margin: 0; padding: 5px 0; list-style: none; }
#tbsystem .receipt-list li { border-top: 1px solid #666; padding: 3px 0; clear: both; display: block; }
#tbsystem .receipt-list li .type { font-weight: bold; float: left; display: inline-block; }
#tbsystem .receipt-list li .price { font-weight: bold; float: right; display: inline-block; }
#tbsystem .receipt-list li .label { float: left; display: inline-block; }
#tbsystem .receipt-list li .value { float: right; display: inline-block; }
#tbsystem .receipt-list li .desription { clear: both; display: block; padding-top: 8px; }
#tbsystem .receipt-list li .total-price { font-size: 1.2em; color: #000; padding: 12px 0; }
#tbsystem .receipt-list li .invoiceLine { line-height: 18px; }
#tbsystem .receipt-specs { padding: 20px 0; }
#tbsystem .error-box { padding: 10px; border: 1px solid #FF0000 !important; background: #fff; margin: 10px 0; text-align: center; border-radius: 6px; -webkit-border-radius: 6px; width: 100%; font-weight: bold; }
#tbsystem .redAlert { border: 1px dashed #FF0000 !important; }
#tbsystem .listcontainer { width: 100%; margin: 0; padding: 0; list-style: none; }
#tbsystem .listcontainer li { display: block; border-bottom: 1px solid #8e8e8e; line-height: 36px; margin-right: 12px; }
#tbsystem .listcontainer li:last-child { border-bottom: 0; }
#tbsystem .listcontainer li div { float: left; }
#tbsystem .search-containter { margin: 10px auto; max-width: 940px; position: relative; }
#tbsystem .search-containter .filterbox { width: 30%; float: left; padding: 10px; border: 1px solid #E5E5E5; border-radius: 6px; -webkit-border-radius: 6px; }
#tbsystem .search-containter .results { width: 65%; float: right; padding: 10px; border: 1px solid #E5E5E5; border-radius: 6px; -webkit-border-radius: 6px; }
#tbsystem .search-containter .filter-item { float: none; clear: both; line-height: 20px; padding-bottom: 12px; }
#tbsystem .search-containter #tbs_result_panel { display: table; float: right; }
#tbsystem .search-containter #tbs_results { list-style: none inside none; padding-left: 0; }
#tbsystem .search-containter #tbs_results .tbs_boo_now { float: right; }
#tbsystem .search-containter #tbs_results li { list-style-type: none; border-bottom: 1px solid #E5E5E5; padding-bottom: 20px; }
#tbsystem .search-containter #tbs_results li div { float: left; padding: 8px; }
#tbsystem .search-containter #tbs_results li div img { border: 1px solid #E5E5E5; border-radius: 6px; -webkit-border-radius: 6px; }
#tbsystem .search-containter #tbs_results #tbs_more { display: none; }
#tbsystem .search-containter #tbs_results #tbs_verfijnen { cursor: pointer; color: #666; text-decoration: underline; }
#tbsystem #tbs_wait { width: 100%; text-align: right; display: none; }
@media (max-width: 660px) { #tbsystem .page-containter { max-width: 320px; }
  #tbsystem .content { width: 100%; float: none; }
  #tbsystem .receipt { width: 100%; float: none; }
  #tbsystem .receipt-content { position: relative; }
  #tbsystem .filterbox { width: 100%; float: none; position: relative; }
  #tbsystem .contentTriple { width: 100%; float: none; }
  #tbsystem .receiptTriple { width: 100%; float: none; }
  #tbsystem .receipt-content { width: 100%; float: none; } }
@media (max-width: 340px) { #tbsystem .page-containter { max-width: none; }
  #tbsystem .content { width: auto; }
  #tbsystem .receipt { width: auto; }
  #tbsystem .filterbox { width: auto; }
  #tbsystem .contentTriple { width: auto; }
  #tbsystem .receiptTriple { width: auto; } }
@media print { #tbsystem .page-containter { display: none; }
  #tbsystem .receipt { width: 100%; }
  #tbsystem .receiptTriple { width: 100%; }
  #tbsystem footer { page-break-after: always; } }
#tbsystem .tbs_multiview { width: 100%; }
#tbsystem .tbs_multiview td { padding: 4px; border: 1px solid #000; border-radius: 5px; -webkit-border-radius: 5px; min-width: 15px; cursor: default; }
#tbsystem .tbs_multiview td.rowspanner { height: 10px; }
#tbsystem .tbs_multiview td.available { background-color: #006400; color: #fff; cursor: pointer; }
#tbsystem .tbs_multiview td.availableWeekend { background-color: #00ba00 !important; color: #fff; cursor: pointer; }
#tbsystem .tbs_multiview td.week-end { background-color: #00ba00; color: #fff; cursor: pointer; }
#tbsystem .tbs_multiview td.unselectable { background-color: #dcdcdc; color: #000; cursor: default; }
#tbsystem .tbs_multiview td.unavailable { background: #FF0000; color: #fff; cursor: default; }
#tbsystem .tbs_multiview td.departure { background-color: #FF8C00; color: #fff; cursor: pointer; }
#tbsystem .tbs_multiview th.accommodatieNaam { padding: 4px; text-align: left; font-weight: normal; color: #555; }
#tbsystem .tbs_multiview th.groepsnaam { padding: 4px; text-align: left; font-weight: bold; border-bottom: 1px solid #666; }
#tbsystem .tbs_multiview th.maandLabel { padding: 4px; color: #0f5371; text-align: left; font-weight: normal; font-weight: bold; }

.step-item label {
  padding: 0px!important;
}

#tbsystem .calendar table.month {
  border-collapse: collapse;
  padding: 0;
  margin: 0 0px;
  font-size: 10px;
  margin-left: -15px;
}

#tbsystem select, #tbsystem textarea, #tbsystem input[type="text"] {
  display: block;
  padding: 4px;
  vertical-align: middle;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #fff;
  border: 1px solid #666;
  min-width: 50px;
  width: 350px;
}