html,
body {
  width: 100%;
  height: 100%;
}
html {
  overflow-y: scroll;
  overflow-x: auto;
  -webkit-text-size-adjust: 100%;
}
body {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  color: #002266;
}
.dark body {
  background-color: #000;
  color: #fff;
}
#body_login_window,
#body_booking_guest {
  background-color: #C1D1E933;
  background-image: radial-gradient(#fff, #C1D1E9);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}


/* Fonts --------------------------------------------------------------------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0')             format('embedded-opentype'),
       url('../fonts/fontawesome-webfont.woff2?v=4.7.0')                  format('woff2'),
       url('../fonts/fontawesome-webfont.woff?v=4.7.0')                   format('woff'),
       url('../fonts/fontawesome-webfont.ttf?v=4.7.0')                    format('truetype'),
       url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* General ------------------------------------------------------------------------------------- */

* {
  padding: 0;
  border: 0;
  outline: none;
  margin: 0;
}

h1, h2, h3, h4 {
  font-family: 'Montserrat', 'Inter', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
}

ul {
  list-style-type: none;
}

strong,
b {
  font-weight: 600;
}

a {
  text-decoration: none;
  color: #002266;
  cursor: pointer;
  transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
}
.dark a {
  color: #fff;
}

table {
  font-size: 16px;
  border-spacing: 0;
}
table th,
table td {
  font-weight: 400;
  text-align: left;
  vertical-align: top;
}

label {
  cursor: pointer;
}
input,
select,
textarea {
  background-color: transparent;
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #002266;
}
.dark input,
.dark select,
.dark textarea {
  color: #fff;
}
select {
  cursor: pointer;
}
textarea {
  resize: none;
}
button {
  background-color: transparent;
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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


/* Messages ------------------------------------------------------------------------------------ */

.message {
  position: relative;
  line-height: 24px;
  color: #000;
  padding: 12px 14px 12px 45px;
  border: 1px solid;
  border-radius: 5px;
  margin: 0 0 25px 0;
}
.dark .message {
  color: #fff;
}
 form .message,
.form .message {
  margin: 0 0 10px 200px;
}
 form .message.max_width,
.form .message.max_width {
  margin-left: 0;
}
 form .message.full,
.form .message.full {
  margin: 0 0 25px 0;
}
 form .field_container .message,
.form .field_container .message {
  margin-left: 0;
}

.message:before {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  left: 14px;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}

.message a {
  text-decoration: underline;
  color: #000;
}
.dark .message a {
  color: #fff;
}
.no-touchevents .message a:hover,
                .message a:active,
.no-touchevents .message a:focus {
  text-decoration: none;
}

.message table {
  margin: 24px 0 24px 0;
}
.message table th {
  width: 154px;
}

/* Info */
.message.info {
  background-color: #f3f9fd;
  border-color: #39d;
}
.dark .message.info {
  background-color: #000;
}
.message.info:before {
  background-color: #39d;
  content: '\f129';
}

/* Question */
.message.question {
  background-color: #f3f9fd;
  border-color: #39d;
}
.dark .message.question {
  background-color: #000;
}
.message.question:before {
  background-color: #39d;
  content: '\f128';
}

/* Error */
.message.error {
  background-color: #fef5f5;
  border-color: #d00;
}
.dark .message.error {
  background-color: #000;
}
.message.error:before {
  background-color: #d00;
  content: '\f12a';
}

/* Success */
.message.success {
  background-color: #f3faf5;
  border-color: #2a5;
}
.dark .message.success {
  background-color: #000;
}
.message.success:before {
  background-color: #2a5;
  font-size: 12px;
  content: '\f00c';
}


/* Button -------------------------------------------------------------------------------------- */

/* Button */
a.button,
button.button,
span.button {
  display: inline-block;
  background-color: #C1D1E9;
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
  padding: 15px;
  border-radius: 5px;
}
.dark a.button,
.dark button.button,
.dark span.button {
  background-color: #002266;
}
.no-touchevents a.button:hover,
                a.button:active,
.no-touchevents a.button:focus,
.no-touchevents button.button:hover,
                button.button:active,
.no-touchevents button.button:focus {
  background-color: #002266;
  color: #fff;
}
.dark.no-touchevents a.button:hover,
.dark                a.button:active,
.dark.no-touchevents a.button:focus,
.dark.no-touchevents button.button:hover,
.dark                button.button:active,
.dark.no-touchevents button.button:focus {
  background-color: #ff7700;
  color: #ffffff;
}

a.button.add:before,
button.button.add:before,

a.button.edit:before,
button.button.edit:before,

a.button.user:before,
button.button.user:before,

a.button.mail:before,
button.button.mail:before,

a.button.web:before,
button.button.web:before,

a.button.view:before,
button.button.view:before,

a.button.import:before,
button.button.import:before,

a.button.export:before,
button.button.export:before,

a.button.search:before,
button.button.search:before,

a.button.download:before,
button.button.download:before,

a.button.cancel:before,
button.button.cancel:before,

a.button.delete:before,
button.button.delete:before,

a.button.prev:before,
button.button.prev:before,

a.button.doc_text:before,
button.button.doc_text:before,

a.button.calendar:before,
button.button.calendar:before,

a.button.status:before,
button.button.status:before,

a.button.help:before,
button.button.help:before {
  font-family: 'FontAwesome';
  font-weight: normal;
  margin: 0 10px 0 0;
}

a.button.next:after,
button.button.next:after {
  font-family: 'FontAwesome';
  font-weight: normal;
  margin: 0 0 0 10px;
}

/* Button add */
     a.button.add:before,
     button.button.add:before,
form a.button.add:before,
form button.button.add:before {
  content: '\f067';
}

/* Button edit */
     a.button.edit:before,
     button.button.edit:before,
form a.button.edit:before,
form button.button.edit:before {
  content: '\f040';
}

/* Button user */
     a.button.user:before,
     button.button.user:before,
form a.button.user:before,
form button.button.user:before {
  content: '\f007';
}

/* Button mail */
     a.button.mail:before,
     button.button.mail:before,
form a.button.mail:before,
form button.button.mail:before {
  content: '\f003';
}

/* Button web */
     a.button.web:before,
button.button.web:before {
  content: '\f0ac';
}

/* Button view */
     a.button.view:before,
     button.button.view:before,
form a.button.view:before,
form button.button.view:before {
  content: '\f108';
}

/* Button import */
     a.button.import:before,
     button.button.import:before,
form a.button.import:before,
form button.button.import:before {
  content: '\f090';
}

/* Button export */
     a.button.export:before,
     button.button.export:before,
form a.button.export:before,
form button.button.export:before {
  content: '\f08b';
}

/* Button search */
     a.button.search:before,
     button.button.search:before,
form a.button.search:before,
form button.button.search:before {
  content: '\f002';
}

/* Button download */
     a.button.download:before,
     button.button.download:before,
form a.button.download:before,
form button.button.download:before {
  content: '\f019';
}

/* Button cancel */
     a.button.cancel:before,
     button.button.cancel:before,
form a.button.cancel:before,
form button.button.cancel:before {
  content: '\f273';
}

/* Button delete */
     a.button.delete:before,
     button.button.delete:before,
form a.button.delete:before,
form button.button.delete:before {
  content: '\f00d';
}

/* Button prev */
     a.button.prev:before,
     button.button.prev:before,
form a.button.prev:before,
form button.button.prev:before {
  content: '\f104';
}

/* Button next */
     a.button.next:after,
     button.button.next:after,
form a.button.next:after,
form button.button.next:after {
  content: '\f105';
}

/* Button doc text */
     a.button.doc_text:before,
     button.button.doc_text:before,
form a.button.doc_text:before,
form button.button.doc_text:before {
  content: '\f0f6';
}

/* Button calendar */
     a.button.calendar:before,
     button.button.calendar:before,
form a.button.calendar:before,
form button.button.calendar:before {
  content: '\f073';
}

/* Button status */
     a.button.status:before,
     button.button.status:before,
form a.button.status:before,
form button.button.status:before {
  content: '\f02b';
}

/* Button help */
     a.button.help:before,
     button.button.help:before,
form a.button.help:before,
form button.button.help:before {
  content: '\f059';
}

/* Button 2 */
a.button_2,
button.button_2 {
  background-color: #ff7700;
  font-weight: 600;
  color: #ffffff;
}
.dark a.button_2,
.dark button.button_2 {
  background-color: #ff7700;
  color: #ffffff;
}
/*
a.button_2:after,
button.button_2:after {
  font-family: 'FontAwesome';
  font-weight: normal;
  content: '\f105';
  margin: 0 0 0 8px;
}
*/
.no-touchevents a.button_2:hover,
                a.button_2:active,
.no-touchevents a.button_2:focus,
.no-touchevents button.button_2:hover,
                button.button_2:active,
.no-touchevents button.button_2:focus {
  background-color: #ffffff;
  color: #ff7700;
}
.dark.no-touchevents a.button_2:hover,
.dark                a.button_2:active,
.dark.no-touchevents a.button_2:focus,
.dark.no-touchevents button.button_2:hover,
.dark                button.button_2:active,
.dark.no-touchevents button.button_2:focus {
  background-color: #ffffff;
  color: #ff7700;
}


/* Login window -------------------------------------------------------------------------------- */

#login_window_container {
  width: 100%;
  max-width: 750px;
  height: 100%;
  display: table;
  margin: 0 auto 0 auto;
}
#login_window_container2 {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
#login_window {
  width: 100%;
  display: block;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
#login_window.bg_image {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}

/* Header */
#login_window_header {
  width: 100%;
  height: 75px;
  position: relative;
  background-color: #002266;
  background-image: linear-gradient(to right, #002266 , #004499);
}

#login_window_logo {
  position: absolute;
  top: 0;
  left: 35px;
}
#login_window_logo a {
  width: 400px;
  height: 75px;
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
#login_window_logo span {
  display: none;
}

#login_window_app_logo {
  position: absolute;
  top: 17px;
  right: 35px;
}
#login_window_app_logo a {
  width: 206px;
  height: 40px;
  display: block;
  background-image: url('../images/logo_leisurepoint.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#login_window_app_logo span {
  display: none;
}

@media only screen and (max-width: 600px){
  
  #login_window_app_logo {
    display: none;
  }
  
}

/* Body */
#login_window_body {
  background-color: #fff;
  padding: 40px 35px 15px 35px;
}

#login_window_body h1 {
  font-weight: 600;
  font-size: 30px;
  line-height: 34px;
  margin: 0 0 25px 0;
}
#login_window_body h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  margin: 35px 0 25px 0;
}

#login_window_body table {
  margin: 0 0 25px 0;
}
#login_window_body table th,
#login_window_body table td {
  line-height: 25px;
  vertical-align: top;
}
#login_window_body table th {
  padding: 0 35px 0 0;
}
#login_window_body table td a {
  text-decoration: underline;
}
.no-touchevents #login_window_body table td a:hover,
                #login_window_body table td a:active,
.no-touchevents #login_window_body table td a:focus {
  text-decoration: none;
}

#login_window_body table.perpersons {
  width: 100%;
}
#login_window_body table.perpersons th,
#login_window_body table.perpersons td {
  white-space: nowrap;
  padding: 0;
}
#login_window_body table.perpersons th.max_width,
#login_window_body table.perpersons td.max_width {
  width: 100%;
}

#login_window_body table.perpersons tr.thead1 th {
  background-color: #C1D1E9;
  line-height: 20px;
  padding: 15px;
  border-radius: 5px;
}
#login_window_body table.perpersons tr.thead1 th div.container {
  width: 100%;
}
#login_window_body table.perpersons tr.thead1 th div.container .object_name {
  float: left;
  font-weight: 600;
}
#login_window_body table.perpersons tr.thead1 th div.container .datetime {
  float: right;
}

#login_window_body table.perpersons tr.thead2 th {
  font-weight: 600;
  padding: 15px 0 5px 0;
}

#login_window_body table.perpersons tr.tbody td {
  vertical-align: middle;
  padding: 10px 15px 0 0;
}
#login_window_body table.perpersons tr.tbody td.last {
  padding-right: 0;
}
#login_window_body table.perpersons tr.tbody td .option_container {
  width: 170px;
}

#login_window_body table.perpersons tr.empty td {
  line-height: 30px;
}

#login_window_body a.button {
  margin: 0 0 25px 0;
}

#login_window_body form button.button {
  float: right;
}
#login_window_body form button.button.left {
  float: left;
}


/* Page container ------------------------------------------------------------------------------ */

#page_container {
  width: 100%;
  flex: 1 0 auto;
}


/* Header -------------------------------------------------------------------------------------- */

#header_container {
  width: 100%;
  min-width: 1250px;
  height: 75px;
  background-color: #002266;
  background-image: linear-gradient(to right, #002266 , #004499);
  color: #fff;
}
#header {
  width: 100%;
  position: relative;
}

/* Logo */
#logo {
  position: absolute;
  top: 0;
  left: 25px;
}
#logo a {
  width: 400px;
  height: 75px;
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
#logo span {
  display: none;
}

/* User */
#user_container {
  position: absolute;
  top: 12px;
  right: 25px;
  font-size: 15px;
  line-height: 22px;
  text-align: right;
}

/* User lang */
#user_lang {
  float: left;
  padding: 0 0 0 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  margin: 0 10px 0 0;
}
#user_lang_flag {
  width: 30px;
  height: 30px;
  display: block;
  padding: 10px;
}
#user_lang_flag:after {
  width: 30px;
  height: 30px;
  display: block;
  background-color: #002266;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  line-height: 0;
  content: ' ';
  overflow: hidden;
  border: 1px solid #C1D1E9;
  border-radius: 30px;
  box-sizing: border-box;
}
#user_lang_flag.nl:after { background-image: url('../images/flag_nl.svg'); }
#user_lang_flag.en:after { background-image: url('../images/flag_en.svg'); }
#user_lang_flag.de:after { background-image: url('../images/flag_de.svg'); }
#user_lang_flag.fr:after { background-image: url('../images/flag_fr.svg'); }

/* User mode */
#user_mode {
  float: left;
  padding: 0 0 0 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  margin: 0 20px 0 0;
}
#user_mode span {
  display: none;
}
#user_mode #option_light:after,
#user_mode #option_dark:after {
  width: auto;
  height: 50px;
  display: block;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 22px;
  line-height: 50px;
  text-align: center;
}
#user_mode #option_light:after {
  content: '\f185';
}
#user_mode #option_dark:after {
  content: '\f186';
}

/* User info */
#user_info {
  float: left;
  padding: 3px 0 3px 0;
  margin: 0 20px 0 0;
}

#user_name {
  font-weight: 600;
}
#user_name a {
  color: #fff;
}
.no-touchevents #user_name a:hover,
                #user_name a:active,
.no-touchevents #user_name a:focus {
  color: #ff7700;
}

#user_type a {
  color: #fff;
}
.no-touchevents #user_type a:hover,
                #user_type a:active,
.no-touchevents #user_type a:focus {
  color: #ff7700;
}

/* Online reservation */
a#online_reservation {
  float: left;
  margin: 0 12px 0 0;
}

/* Help */
a#help {
  float: left;
  margin: 0 12px 0 0;
}

/* User logout */
a#user_logout {
  float: left;
}


/* Menu bar ------------------------------------------------------------------------------------ */

#menubar_container {
  width: 100%;
  min-width: 1250px;
  height: 75px;
  background-color: #004499;
  color: #fff;
}
#menubar {
  width: 100%;
  position: relative;
}

/* Menu */
#menu,
#menu_right {
  position: absolute;
  top: 25px;
  left: 25px;
}
#menu_right {
  left: auto;
  right: 25px;
}

#menubar li {
  float: left;
  position: relative;
  padding: 0 12px 0 0;
}
#menubar li:last-child {
  padding-right: 0;
}
#menubar a {
  display: block;
  position: relative;
  background-color: rgba(255, 255, 255, 0.66);
  background-color: #C1D1E9;
  font-weight: 600;
  line-height: 50px;
  padding: 0 15px 0 50px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.dark #menubar a {
  background-color: #002266;
}
.no-touchevents #menubar a:hover,
                #menubar a:active,
.no-touchevents #menubar a:focus {
  background-color: rgba(255, 255, 255, 1.0);
  background-color: #fff;
}
.dark.no-touchevents #menubar a:hover,
.dark                #menubar a:active,
.dark.no-touchevents #menubar a:focus {
  background-color: #000;
}
#menubar li.active a {
  background-color: rgba(255, 255, 255, 1.0);
  background-color: #fff;
}
.dark #menubar li.active a {
  background-color: #000;
}
#menubar a:before {
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  top: 12px;
  left: 15px;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 22px;
  line-height: 25px;
  text-align: center;
  content: ' ';
}

#menubar #menu_dashboard a:before { content: '\f0e4'; font-size: 24px; }
#menubar #menu_bookings  a:before { content: '\f073'; }
#menubar #menu_prospects a:before { content: '\f0c0'; }
#menubar #menu_search    a:before { content: '\f002'; }
#menubar #menu_stats     a:before { content: '\f080'; }
#menubar #menu_logbook   a:before { content: '\f02d'; font-size: 24px; }
#menubar #menu_data      a:before { content: '\f1c0'; }
#menubar #menu_admin     a:before { content: '\f0ad'; font-size: 24px; }

#menubar li span.number,
.tabs    li span.number {
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: -8px;
  right: 4px;
  z-index: 999;
  background-color: #C1D1E9;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  color: #002266;
  overflow: hidden;
  border-radius: 24px;
}
.dark #menubar li span.number,
.dark .tabs    li span.number {
  background-color: #004499;
  color: #fff;
}

#menubar li span.number.emphasize,
.tabs    li span.number.emphasize {
  background-color: #d00;
  color: #fff;
}
.dark #menubar li span.number.emphasize,
.dark .tabs    li span.number.emphasize {
  background-color: #d00;
  color: #fff;
}

#menubar li span.number.exclamation:before,
.tabs    li span.number.exclamation:before {
  font-family: 'FontAwesome';
  font-weight: normal;
  content: '\f12a';
}
#menubar li span.number.exclamation span,
.tabs    li span.number.exclamation span {
  display: none;
}


/* Body ---------------------------------------------------------------------------------------- */

#body_container {
  width: 100%;
  min-width: 1250px;
}
#body {
  width: 100%;
  padding: 40px 25px 20px 25px;
  box-sizing: border-box;
}

#body h1,
#body h2,
#body h3,
#body h4 {
  position: relative;
  font-weight: 600;
  margin: 0 0 25px 0;
}
#body h1 {
  font-size: 30px;
  line-height: 34px;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #C1D1E9;
}
.dark #body h1 {
  border-bottom-color: #002266;
}
#body h1.no_border {
  padding-bottom: 0;
  border-bottom: 0;
}
#body h1 span.extra {
  color: #C1D1E9;
  margin: 0 0 0 10px;
}
.dark #body h1 span.extra {
  color: #004499;
}
#body h1 span.status {
  display: block;
  position: absolute;
  top: -8px;
  right: 0;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
  padding: 0 15px 0 15px;
  border-radius: 5px;
}
#body h2 {
  font-size: 26px;
  line-height: 30px;
  margin-top: 50px;
}
#body h2:first-child,
#body h2.first {
  margin-top: 0;
}
#body h2.border {
  padding: 0 0 8px 0;
  border-bottom: 1px solid #C1D1E9;
}
.dark #body h2.border {
  border-bottom-color: #002266;
}
#body h2.border:first-child {
  margin-top: 50px;
}
#body h2.less_margin {
  margin-top: 38px;
}
#body h2.less_margin_2 {
  margin-top: 25px;
}
#body h2.default_margin {
  margin-top: 50px;
}
#body h2 span.extra {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 400;
  color: #004499;
}
#body h2 a.button {
  position: absolute;
  bottom: 12px;
  right: 0;
}
#body h3 {
  position: relative;
  font-size: 22px;
  line-height: 50px;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #C1D1E9;
}
.dark #body h3 {
  border-bottom-color: #002266;
}
#body h3.no_border {
  line-height: 26px;
  padding: 0;
  border: 0;
  margin: 50px 0 25px 0;
}
#body h3.no_border.first {
  margin-top: 0;
}
#body h4 {
  font-size: 22px;
  line-height: 26px;
  margin: 50px 0 25px 0;
}
#body h4.small {
  font-family: 'Inter';
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
  margin: 0 0 5px 0;
}

#body p {
  line-height: 25px;
  margin: 0 0 25px 0;
}
#body p a {
  text-decoration: underline;
}
.no-touchevents #body p a:hover,
                #body p a:active,
.no-touchevents #body p a:focus {
  text-decoration: none;
}

#body ol {
  font-weight: 600;
  line-height: 25px;
  margin: 0 0 0 25px;
}
#body ol li {
  margin: 0 0 25px 0;
}
#body ol ol {
  font-weight: 400;
  list-style-type: square;
}
#body ol ol li {
  margin: 0;
}

#body ul.list {
  line-height: 25px;
  margin: 0;
}
#body ul.list li {
  font-weight: 600;
  position: relative;
  padding: 0 0 0 25px;
  margin: 0 0 25px 0;
}
#body ul.list li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'FontAwesome';
  font-weight: normal;
  content: '\f105';
}
#body ul.list li ul {
  margin: 10px 0 0 0;
}
#body ul.list li ul li {
  font-weight: 400;
  margin-bottom: 0;
}
#body ul.list a {
  text-decoration: none;
}
.no-touchevents #body ul.list a:hover,
                #body ul.list a:active,
.no-touchevents #body ul.list a:focus {
  text-decoration: underline;
}

#body a.back_to_index {
  display: block;
  position: relative;
  line-height: 25px;
  color: #C1D1E9;
  padding: 0 0 10px 25px;
  border-bottom: 1px dashed #C1D1E9;
  margin: 0 0 25px 0;
}
#body a.back_to_index:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'FontAwesome';
  font-weight: normal;
  content: '\f106';
}
.no-touchevents #body a.back_to_index:hover,
                #body a.back_to_index:active,
.no-touchevents #body a.back_to_index:focus {
  color: #002266;
}

/* Button bar */
#button_bar_container {
  margin: 0 0 25px 0;
}

.button_bar {
  margin: 0 0 25px 0;
}
.button_bar.margin_top {
  margin-top: 25px;
}
.button_bar li {
  float: left;
  padding: 0 12px 0 0;
}
.button_bar li:last-child {
  padding-right: 0;
}

#button_bar_container .button_bar.left {
  float: left;
  margin: 0;
}
#button_bar_container .button_bar.right {
  float: right;
  margin: 0;
}

/* Legend */
.legend {
  padding: 9px 0 0 9px;
  border: 1px solid #C1D1E9;
  border-radius: 5px;
  margin: 0 0 25px 0;
}
.dark .legend {
  border-color: #002266;
}
.legend .legend_item {
  float: left;
  position: relative;
  font-size: 14px;
  line-height: 30px;
  padding: 0 0 0 39px;
  border-radius: 5px;
  margin: 0 18px 9px 0;
}
.legend .legend_color {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  border-radius: 3px;
}
.legend .legend_color:before {
  content: '\f133';
}

/* Tabs */
#body .tabs {
  width: 100%;
  position: relative;
  margin: 0 0 25px 0;
}
#body .tabs:after {
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #002266;
  font-size: 0;
  line-height: 0;
  content: ' ';
}
#body .tabs li {
  float: left;
  position: relative;
  padding: 0 12px 0 0;
}
#body .tabs li:last-child {
  padding-right: 0;
}
#body .tabs a {
  display: block;
  background-color: #fff;
  font-weight: 600;
  line-height: 48px;
  padding: 0 15px 0 15px;
  border: 1px solid #002266;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.dark #body .tabs a {
  background-color: #000;
  border-color: #002266;
}
.no-touchevents #body .tabs a:hover,
                #body .tabs a:active,
.no-touchevents #body .tabs a:focus {
  background-color: #002266;
  color: #fff;
}
#body .tabs li.active a {
  background-color: #002266;
  color: #fff;
}

#body .tabs .tabs_text {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 50px;
  white-space: nowrap;
}
#body .tabs .tabs_text span.name {
  font-weight: 600;
}
#body .tabs .tabs_text span.extra {
  margin: 0 0 0 10px;
}

/* Pagination */
.pagination {
  margin: 0 0 13px 0;
}
.pagination li {
  float: left;
  padding: 0 12px 12px 0;
}
.pagination a,
.pagination span.link {
  width: 50px;
  height: 50px;
  display: block;
  background-color: #C1D1E9;
  line-height: 50px;
  text-align: center;
  overflow: hidden;
  border-radius: 5px;
}
.dark .pagination a,
.dark .pagination span.link {
  background-color: #002266;
}
.pagination a         span,
.pagination span.link span {
  display: none;
}
                .pagination span.link,
.no-touchevents .pagination a:hover,
                .pagination a:active,
.no-touchevents .pagination a:focus {
  background-color: #002266;
  color: #fff;
}
.dark                .pagination span.link,
.dark.no-touchevents .pagination a:hover,
.dark                .pagination a:active,
.dark.no-touchevents .pagination a:focus {
  background-color: #ff7700;
  color: #ffffff;
}
.pagination li.first a:before,
.pagination li.prev  a:before,
.pagination li.next  a:before,
.pagination li.last  a:before {
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 20px;
}
.pagination li.first a:before { content: '\f100'; }
.pagination li.prev  a:before { content: '\f104'; }
.pagination li.next  a:before { content: '\f105'; }
.pagination li.last  a:before { content: '\f101'; }

/* Data table */
.table_data_container {
  width: 100%;
  overflow-x: auto;
  margin: 0 0 25px 0;
}

table.data {
  width: 100%;
  border-right: 1px solid #C1D1E9;
  border-bottom: 1px solid #C1D1E9;
  margin: 0 0 25px 0;
  overflow: hidden;
  border-radius: 5px;
}
.dark table.data {
  border-right-color: #002266;
  border-bottom-color: #002266;
}
.table_data_container table.data {
  margin-bottom: 0;
}
table.data th,
table.data td {
  line-height: 25px;
  white-space: nowrap;
  padding: 12px 14px 12px 14px;
  border: 1px solid #C1D1E9;
  border-right: 0;
  border-bottom: 0;
}
.dark table.data th,
.dark table.data td {
  border-color: #002266;
}
table.data th.wrap,
table.data td.wrap {
  white-space: wrap;
}
table.data th {
  background-color: #C1D1E9;
  font-weight: 400;
}
.dark table.data th {
  background-color: #002266;
}
table.data th.max_width,
table.data td.max_width {
  width: 100%;
}
table.data th.center,
table.data td.center {
  text-align: center;
}
table.data th.amount,
table.data td.amount {
  text-align: right;
}
table.data th.error,
table.data td.error {
  font-weight: 600;
  color: #d00;
}
.dark table.data th.error,
.dark table.data td.error {
  color: #fff;
}

table.data tbody tr:nth-child(even) td {
  background-color: #C1D1E933;
}
.dark table.data tbody tr:nth-child(even) td {
  background-color: #111;
}

/* Blank */
table.data.blank tbody tr:nth-child(even) td {
  background-color: transparent;
}
table.data.blank tbody tr.sub th,
table.data.blank tbody tr.sub td {
  background-color: #C1D1E933;
}
.dark table.data.blank tbody tr.sub th,
.dark table.data.blank tbody tr.sub td {
  background-color: #111;
}

.no-touchevents table.data tbody tr:hover td {
  background-color: #ffd;
}
.dark.no-touchevents table.data tbody tr:hover td {
  background-color: #222;
}

/* No_hover */
.no-touchevents table.data.no_hover tbody tr:hover td {
  background-color: transparent;
}
.dark.no-touchevents table.data.no_hover tbody tr:hover td {
  background-color: transparent;
}

table.data tr.error th,
table.data tr.error td {
  background-color: #fef5f5 !important;
}
.dark table.data tr.error th,
.dark table.data tr.error td {
  background-color: rgba(221, 0, 0, 0.15) !important;
}

table.data tr.no_error th,
table.data tr.no_error td {
  background-color: #f3faf5 !important;
}
.dark table.data tr.no_error th,
.dark table.data tr.no_error td {
  background-color: rgba(34, 170, 85, 0.2) !important;
}

table.data td.td_containers {
  padding-bottom: 0;
}
table.data .person_container {
  line-height: 50px;
  white-space: nowrap;
  padding: 0 0 12px 0;
}
table.data .perperson_container {
  padding: 0 0 12px 0;
}

table.data a {
  text-decoration: underline;
}
.no-touchevents table.data a:hover,
                table.data a:active,
.no-touchevents table.data a:focus {
  text-decoration: none;
}

table.data span.value_yes,
table.data span.value_no {
  font-family: 'FontAwesome';
  font-weight: normal;
}
table.data span.value_yes {
  color: #2a5;
}
table.data span.value_no {
  color: #d00;
}
table.data span.value_yes:before {
  content: '\f00c';
}
table.data span.value_no:before {
  content: '\f00d';
}
table.data span.value_yes span,
table.data span.value_no  span {
  display: none;
}

table.data td.td_functions {
  vertical-align: middle;
  padding-top: 4px;
  padding-bottom: 4px;
}
table.data td.td_functions.top {
  vertical-align: top;
  padding-top: 12px;
  padding-bottom: 12px;
}
table.data div.functions {
  width: 94px;
}
table.data div.functions_1 {
  width: 41px;
}
table.data div.functions_1.large {
  width: 50px;
}
table.data div.functions_3 {
  width: 147px;
}
table.data div.functions li {
  float: left;
  padding: 0 12px 0 0;
}
table.data div.functions li:last-child {
  padding-right: 0;
}
table.data div.functions a {
  width: 41px;
  height: 41px;
  display: block;
  background-color: #002266;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 18px;
  line-height: 41px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  border-radius: 5px;
}
table.data div.functions.large a {
  width: 50px;
  height: 50px;
  line-height: 50px;
}
table.data div.functions li.function_edit                     a:before { content: '\f040'; }
table.data div.functions li.function_display                  a:before { content: '\f26c'; }
table.data div.functions li.function_delete                   a:before { content: '\f00d'; }
table.data div.functions li.function_expand_collapse.expand   a:before { content: '\f107'; }
table.data div.functions li.function_expand_collapse.collapse a:before { content: '\f106'; }

.no-touchevents table.data div.functions a:hover,
                table.data div.functions a:active,
.no-touchevents table.data div.functions a:focus {
  background-color: #ff7700;
  color: #ffffff;
}
table.data div.functions a span {
  display: none;
}

table.data #qrcode canvas {
  display: block;
}

/* Form */
 form,
.form {
  margin: 0 0 25px 0;
}
 form fieldset legend,
.form fieldset legend {
  width: calc(100% - 200px);
  display: block;
  background-color: #C1D1E9;
  font-weight: 600;
  line-height: 20px;
  padding: 15px;
  border-radius: 5px;
  margin: 0 0 10px 200px;
  box-sizing: border-box;
}
.dark  form fieldset legend,
.dark .form fieldset legend {
  background-color: #002266;
}
#widget  form fieldset legend,
#widget .form fieldset legend {
  width: calc(100% - 150px);
  background-color: #C1D1E980;
  margin-left: 150px;
}

 form fieldset legend.closed,
.form fieldset legend.closed,
 form fieldset legend.open,
.form fieldset legend.open {
  position: relative;
  cursor: pointer;
  padding-right: 40px;
}
 form fieldset legend.closed:after,
.form fieldset legend.closed:after,
 form fieldset legend.open:after,
.form fieldset legend.open:after {
  position: absolute;
  top: 15px;
  right: 15px;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 20px;
}
 form fieldset legend.closed:after,
.form fieldset legend.closed:after {
  content: '\f107';
}
 form fieldset legend.open:after,
.form fieldset legend.open:after {
  content: '\f106';
}

 form .input_container,
.form .input_container {
  position: relative;
  padding: 0 0 0 200px;
}
 form .input_container.large,
.form .input_container.large {
  padding-left: 400px;
}
#widget  form .input_container,
#widget .form .input_container {
  padding-left: 150px;
}
 form  label,
 form .label,
.form  label,
.form .label {
  width: 200px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 25px;
  padding: 12px 10px 13px 0;
  box-sizing: border-box;
}
 form .input_container.large  label,
 form .input_container.large .label,
.form .input_container.large  label,
.form .input_container.large .label {
  width: 400px;
}
#widget  form  label,
#widget  form .label,
#widget .form  label,
#widget .form .label {
  width: 150px;
}
 form  label span.required,
 form .label span.required,
.form  label span.required,
.form .label span.required {
  font-weight: 600;
}
 form  label a,
 form .label a,
.form  label a,
.form .label a {
  text-decoration: underline;
}
.no-touchevents  form  label a:hover,
                 form  label a:active,
.no-touchevents  form  label a:focus,
.no-touchevents  form .label a:hover,
                 form .label a:active,
.no-touchevents  form .label a:focus,
.no-touchevents .form  label a:hover,
                .form  label a:active,
.no-touchevents .form  label a:focus,
.no-touchevents .form .label a:hover,
                .form .label a:active,
.no-touchevents .form .label a:focus {
  text-decoration: none;
}
 form .field_container,
.form .field_container {
  position: relative;
  padding: 0 0 10px 0;
}
 form .input_container.last .field_container,
.form .input_container.last .field_container {
  padding-bottom: 0;
}
#form_booking #form_columns_client_details .input_container:last-child .field_container {
  padding-bottom: 0;
}
 form .input_container_checkboxes .field_container,
.form .input_container_checkboxes .field_container {
  padding-bottom: 0;
}
 form .field_container.date:after,
.form .field_container.date:after {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  bottom: 10px;
  right: 0;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 22px;
  line-height: 50px;
  text-align: center;
  content: '\f073';
}
 form .input_container.last .field_container.date:after,
.form .input_container.last .field_container.date:after {
  bottom: 0;
}
 form .field_container.date.disabled:after,
.form .field_container.date.disabled:after {
  opacity: 0.4;
}
 form .select_container,
.form .select_container {
  position: relative;
}
 form input.text,
 form select,
 form textarea,
.form input.text,
.form select,
.form textarea {
  width: 100%;
  height: 50px;
  background-color: #C1D1E933;
  line-height: 48px;
  padding: 0 14px 0 14px;
  border: 1px solid #C1D1E9;
  border-radius: 5px;
  box-sizing: border-box;
}
 form input.text.disabled,
 form select.disabled,
 form textarea.disabled,
.form input.text.disabled,
.form select.disabled,
.form textarea.disabled {
  opacity: 0.4;
}
.dark  form input.text,
.dark  form select,
.dark  form textarea,
.dark .form input.text,
.dark .form select,
.dark .form textarea {
  background-color: #111;
  background-color: #000;
  border-color: #002266;
}
 form input.text:focus,
 form select:focus,
 form textarea:focus,
.form input.text:focus,
.form select:focus,
.form textarea:focus {
  background-color: #ffd;
  border-color: #004499;
}
.dark  form input.text:focus,
.dark  form select:focus,
.dark  form textarea:focus,
.dark .form input.text:focus,
.dark .form select:focus,
.dark .form textarea:focus {
  background-color: #111;
  background-color: #000;
  border-color: #ff7700;
}
 form .select_container:after,
.form .select_container:after {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #C1D1E9;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  content: '\f107';
  pointer-events: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.dark  form .select_container:after,
.dark .form .select_container:after {
  background-color: #002266;
  color: #fff;
}

@media only screen and (max-width: 600px){
  
   form fieldset legend,
  .form fieldset legend {
    width: 100%;
    margin: 10px 0 10px 0;
  }
   form .input_container,
  .form .input_container {
    padding: 0;
  }
   form  label,
   form .label,
  .form  label,
  .form .label {
    width: 100%;
    position: static;
    padding: 0;
    margin: 0 0 10px 0;
  }
  
}

form   a.field_image,
form div.field_image {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  border: 1px solid #C1D1E9;
  border-radius: 5px;
  box-sizing: border-box;
}
.dark form   a.field_image,
.dark form div.field_image {
  border-color: #fff;
}
.no-touchevents form a.field_image:hover,
                form a.field_image:active,
.no-touchevents form a.field_image:focus {
  border: 1px solid #004499;
}
.dark.no-touchevents form a.field_image:hover,
.dark                form a.field_image:active,
.dark.no-touchevents form a.field_image:focus {
  border-color: #fff;
}

     .option_container,
form .option_container {
  width: 100%;
}
     .option_container input,
form .option_container input {
  display: none;
}
     .option_container .option_no,
     .option_container .option_yes,
form .option_container .option_no,
form .option_container .option_yes {
  width: auto;
  height: 50px;
  float: left;
  line-height: 50px;
  cursor: pointer;
}
     .option_container .option_no,
form .option_container .option_no {
  padding: 0 15px 0 0;
}
     .option_container .option_yes,
form .option_container .option_yes {
  padding: 0 0 0 15px;
}
     .option_container .option_toggle,
form .option_container .option_toggle {
  width: 80px;
  height: 50px;
  float: left;
  position: relative;
  background-color: #C1D1E9;
  cursor: pointer;
  border-radius: 25px;
}
.dark      .option_container .option_toggle,
.dark form .option_container .option_toggle {
  background-color: #002266;
}
     .option_container .option_toggle:before,
form .option_container .option_toggle:before {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #004499;
  font-size: 0;
  line-height: 0;
  content: ' ';
  border-radius: 40px;
  transition: left .2s ease;
}
.dark      .option_container .option_toggle:before,
.dark form .option_container .option_toggle:before {
  background-color: #C1D1E9;
}
     .option_container .option_toggle.yes:before,
form .option_container .option_toggle.yes:before {
  left: auto;
  left: 40px;
}

 form textarea,
.form textarea {
  height: 200px;
  line-height: 25px;
  padding-top: 12px;
  padding-bottom: 12px;
}
 form textarea.small,
.form textarea.small {
  height: 100px;
}

form .image_preview_container {
  font-size: 0;
  line-height: 0;
}
form .image_preview {
  display: inline-block;
  position: relative;
  margin: 10px 0 0 0;
}
form .logo_preview_container {
  position: relative;
  background-color: #002266;
  padding: 0 0 0 25px;
  border-radius: 5px;
  margin: 10px 0 0 0;
}
form .logo_preview {
  width: 400px;
  height: 75px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
form .image_preview img {
  display: block;
  border-radius: 5px;
}

form .file_preview_container {
  position: relative;
  background-color: #002266;
  padding: 12px 77px 12px 15px;
  border-radius: 5px;
  margin: 10px 0 0 0;
}
form .file_preview a.file {
  display: block;
  position: relative;
  line-height: 50px;
  color: #fff;
  padding: 0 0 0 25px;
}
form .file_preview a.file span {
  opacity: 0.5;
}
form .file_preview a.file:before {
  width: 15px;
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'FontAwesome';
  font-weight: normal;
  text-align: center;
}
form .file_preview a.file.pdf:before  { content: '\f1c1'; }
form .file_preview a.file.docx:before { content: '\f1c2'; }
form .file_preview a.file.txt:before  { content: '\f0f6'; }
form .file_preview a.file.xlsx:before { content: '\f1c3'; }
form .file_preview a.file.pptx:before { content: '\f1c4'; }
form .file_preview a.file.zip:before  { content: '\f1c6'; }

.no-touchevents form .file_preview a.file:hover,
                form .file_preview a.file:active,
.no-touchevents form .file_preview a.file:focus {
  color: #ff7700;
}

form .image_preview          a.delete_image,
form .logo_preview_container a.delete_logo,
form .file_preview           a.delete_file {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
  background-color: #ff7700;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
  padding: 0;
}
form .image_preview          a.delete_image:before,
form .logo_preview_container a.delete_logo:before,
form .file_preview           a.delete_file:before {
  content: '\f00d';
}
form .image_preview          a.delete_image span,
form .logo_preview_container a.delete_logo  span,
form .file_preview           a.delete_file  span {
  display: none;
}
.no-touchevents form .image_preview          a.delete_image:hover,
                form .image_preview          a.delete_image:active,
.no-touchevents form .image_preview          a.delete_image:focus,
.no-touchevents form .logo_preview_container a.delete_logo:hover,
                form .logo_preview_container a.delete_logo:active,
.no-touchevents form .logo_preview_container a.delete_logo:focus,
.no-touchevents form .file_preview           a.delete_file:hover,
                form .file_preview           a.delete_file:active,
.no-touchevents form .file_preview           a.delete_file:focus {
  background-color: #ffffff;
  color: #ff7700;
}

form .font_previews {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  padding: 15px;
  border: 1px solid #C1D1E9;
  border-radius: 5px;
  margin: 10px 0 0 0;
}
.dark form .font_previews {
  border-color: #002266;
}

 form .button_container,
.form .button_container {
  padding: 15px 0 0 200px;
}
 form .button_container.left,
.form .button_container.left {
  padding-left: 0;
}
 form .button_container.border,
.form .button_container.border {
  padding: 25px 0 0 0;
  border-top: 1px solid #C1D1E9;
  margin: 15px 0 0 0;
}

@media only screen and (max-width: 600px){
  
   form .button_container,
  .form .button_container {
    padding-left: 0;
  }
  
}

 form button.button,
.form button.button {
  background-color: #002266;
  font-weight: 600;
  color: #fff;
}
 form button.button_2,
.form button.button_2 {
  background-color: #ff7700;
  color: #002266;
}
 form button.button:before,
.form button.button:before {
  font-family: 'FontAwesome';
  font-weight: normal;
  content: '\f0c7';
  margin: 0 10px 0 0;
}
 form button.button:after,
.form button.button:after {
  font-family: 'FontAwesome';
  font-weight: normal;
  content: '\f105';
  margin: 0 0 0 8px;
}
.no-touchevents  form button.button:hover,
                 form button.button:active,
.no-touchevents  form button.button:focus,
.no-touchevents .form button.button:hover,
                .form button.button:active,
.no-touchevents .form button.button:focus {
  background-color: #ff7700;
  color: #ffffff;
}
 form .button_container.right button.button,
.form .button_container.right button.button {
  float: right;
}

form a#link_forgot_password {
  display: inline-block;
  color: #999;
  margin: 25px 0 0 0;
}
.no-touchevents form a#link_forgot_password:hover,
                form a#link_forgot_password:active,
.no-touchevents form a#link_forgot_password:focus {
  color: #002266;
}

form #costs_value,
form #revenue_value,
form .field_text {
  line-height: 50px;
}

 form .quantity_container,
.form .quantity_container {
  width: 100%;
}
 form .quantity_container button.button,
.form .quantity_container button.button {
  width: 50px;
  height: 50px;
  float: left;
  background-color: #C1D1E9;
  text-align: center;
  color: #002266;
  padding: 0;
}
 form .quantity_container button.button:before,
.form .quantity_container button.button:before {
  font-family: 'FontAwesome';
  font-weight: normal;
  margin: 0;
}
 form .quantity_container button.button:after,
.form .quantity_container button.button:after {
  display: none;
}
 form .quantity_container button.button.min:before,
.form .quantity_container button.button.min:before {
  content: '\f068';
}
 form .quantity_container button.button.plus:before,
.form .quantity_container button.button.plus:before {
  content: '\f067';
}
 form .quantity_container button.button span,
.form .quantity_container button.button span {
  display: none;
}
.no-touchevents  form .quantity_container button.button:hover,
                 form .quantity_container button.button:active,
.no-touchevents  form .quantity_container button.button:focus,
.no-touchevents .form .quantity_container button.button:hover,
                .form .quantity_container button.button:active,
.no-touchevents .form .quantity_container button.button:focus {
  background-color: #002266;
  color: #fff;
}
 form .quantity_container input.text,
.form .quantity_container input.text {
  width: 50px;
  float: left;
  text-align: center;
  padding: 0;
  margin: 0 10px 0 10px;
}

/* Form columns */
.form_columns {
  width: 100%;
}
.form_column_1,
.form_column_2 {
  width: 50%;
  width: calc(50% - 33px);
}
.form_column_1 {
  float: left;
}
.form_column_2 {
  float: right;
}

/* Checkboxes */
 form .checkboxes,
.form .checkboxes {
  width: 100%;
}
 form .checkbox,
.form .checkbox {
  float: left;
  position: relative;
  margin: 0 12px 12px 0;
}
 form .checkbox.single,
.form .checkbox.single {
  float: none;
  margin: 0 0 25px 0;
}
 form .checkbox input,
.form .checkbox input {
  display: none;
  position: absolute;
  top: -14px;
  left: -14px;
}
 form .checkbox label,
.form .checkbox label {
  width: auto !important;
  position: static;
  background-color: #C1D1E933;
  line-height: 25px;
  padding: 11px 14px 12px 44px;
  border: 1px solid #C1D1E9;
  border-radius: 5px;
}
.dark  form .checkbox label,
.dark .form .checkbox label {
  background-color: #111;
  background-color: #000;
  border-color: #002266;
}
 form .checkbox label:before,
.form .checkbox label:before {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 14px;
  left: 14px;
  background-color: #fff;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 12px;
  line-height: 19px;
  text-align: center;
  content: ' ';
  border: 1px solid #C1D1E9;
  border-radius: 3px;
}
.dark  form .checkbox label:before,
.dark .form .checkbox label:before {
  background-color: #000;
  border-color: #002266;
}
 form .checkbox.checked label:before,
.form .checkbox.checked label:before {
  content: '\f00c';
}

/* Columns */
.columns_container {
  width: 100%;
  margin: 0 0 25px 0;
}
.column_left {
  width: 275px;
  float: left;
}
.column_right {
  width: 100%;
  width: calc(100% - 275px - 50px);
  float: right;
}

/* Submenu */
#submenu {
  overflow: hidden;
  border: 1px solid #C1D1E9;
  border-radius: 5px;
}
.dark #submenu {
  border-color: #002266;
}
#submenu li {
  border-bottom: 1px solid #C1D1E9;
}
.dark #submenu li {
  border-bottom-color: #002266;
}
#submenu li:last-child {
  border-bottom: 0;
}
#submenu a {
  display: block;
  position: relative;
  line-height: 20px;
  padding: 15px 15px 15px 55px;
}
.no-touchevents #submenu a:hover,
                #submenu a:active,
.no-touchevents #submenu a:focus,
                #submenu li.active a {
  background-color: #C1D1E9;
}
.dark.no-touchevents #submenu a:hover,
.dark                #submenu a:active,
.dark.no-touchevents #submenu a:focus,
.dark                #submenu li.active a {
  background-color: #002266;
}
#submenu a:before {
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  top: 12px;
  left: 15px;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 22px;
  line-height: 25px;
  text-align: center;
}

#submenu #menu_company          a:before { content: '\f0f7'; font-size: 25px; }
#submenu #menu_departments      a:before { content: '\f0e8'; font-size: 23px; }
#submenu #menu_objects          a:before { content: '\f0ce'; font-size: 25px; }
#submenu #menu_arrangements     a:before { content: '\f1fd'; }
#submenu #menu_businesshours    a:before { content: '\f017'; font-size: 26px; }
#submenu #menu_starttimes       a:before { content: '\f073'; font-size: 23px; }
#submenu #menu_durations        a:before { content: '\f251'; }
#submenu #menu_special_days     a:before { content: '\f024'; }
#submenu #menu_rates            a:before { content: '\f0d6'; }
#submenu #menu_discounts        a:before { content: '\f06b'; font-size: 26px; }
#submenu #menu_unwantedclients  a:before { content: '\f235'; }
#submenu #menu_design           a:before { content: '\f1fc'; }
#submenu #menu_inputfields      a:before { content: '\f11c'; font-size: 23px; }
#submenu #menu_sources          a:before { content: '\f200'; }
#submenu #menu_statuses         a:before { content: '\f02b'; font-size: 24px; }
#submenu #menu_products         a:before { content: '\f0f4'; font-size: 23px; }
#submenu #menu_payments         a:before { content: '\f09d'; }
#submenu #menu_emails           a:before { content: '\f003'; font-size: 23px; }
#submenu #menu_tvdashboards     a:before { content: '\f26c'; }
#submenu #menu_users            a:before { content: '\f007'; font-size: 24px; }
#submenu #menu_api              a:before { content: '\f013'; font-size: 24px; }
#submenu #menu_modules          a:before { content: '\f12e'; font-size: 24px; }

/* Modules */
#body #modules_container {
  margin: 35px 0 0 -25px;
}

#body .module_container {
  width: 50%;
  float: left;
  padding: 0 0 25px 25px;
  box-sizing: border-box;
}
#body a.module {
  display: block;
  background-image: linear-gradient(to bottom, #fff, #C1D1E933);
  text-align: center;
  padding: 25px;
  border: 1px solid #C1D1E9;
  border-radius: 5px;
}
.dark #body a.module {
  background-color: #000;
  background-image: none;
  border-color: #002266;
}
.no-touchevents #body a.module:hover,
                #body a.module:active,
.no-touchevents #body a.module:focus {
  border-color: #002266;
}
.dark.no-touchevents #body a.module:hover,
.dark                #body a.module:active,
.dark.no-touchevents #body a.module:focus {
  border-color: #ff7700;
}

#body .module_icon {
  width: 100px;
  height: 100px;
  display: block;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: 1px solid #C1D1E9;
  border-radius: 5px;
  margin: 0 auto 20px auto;
}
.dark #body .module_icon {
  background-color: #000;
  border-color: #002266;
}
#body a.module h3 {
  font-size: 22px;
  line-height: 26px;
  padding: 0;
  border-bottom: 0;
  margin: 0 0 15px 0;
}
#body .module_description {
  line-height: 25px;
  margin: 0 0 25px 0;
}
#body a.module span.button:after {
  font-family: 'FontAwesome';
  font-weight: normal;
  content: '\f105';
  margin: 0 0 0 8px;
}

/* Dashboard */
.dashboard_boxes {
  margin: 0 0 0 -25px;
}

.dashboard_box_container {
  width: 25%;
  float: left;
  padding: 0 0 25px 25px;
  box-sizing: border-box;
}

.dashboard_box {
  display: block;
  background-image: linear-gradient(to bottom, #fff, #C1D1E933);
  text-align: center;
  padding: 20px 0 20px 0;
  border: 1px solid #C1D1E9;
  border-radius: 5px;
}
.dark .dashboard_box {
  background-color: #000;
  background-image: none;
  border-color: #002266;
}
.no-touchevents a.dashboard_box:hover,
                a.dashboard_box:active,
.no-touchevents a.dashboard_box:focus {
  border-color: #002266;
}
.dark.no-touchevents a.dashboard_box:hover,
.dark                a.dashboard_box:active,
.dark.no-touchevents a.dashboard_box:focus {
  border-color: #ff7700;
}

.dashboard_title {
  font-weight: 600;
  line-height: 25px;
  margin: 0 0 15px 0;
}

.dashboard_number {
  width: 100px;
  height: 100px;
  display: block;
  background-color: #C1D1E9;
  font-size: 30px;
  line-height: 100px;
  color: #002266;
  overflow: hidden;
  border-radius: 100px;
  margin: 0 auto 0 auto;
}
.dark .dashboard_number {
  background-color: #002266;
  color: #fff;
}
       .dashboard_number.emphasize,
.dark .dashboard_number.emphasize {
  background-color: #ff7700;
  color: #ffffff;
}

.dashboard_subtitle {
  line-height: 25px;
  margin: 15px 0 0 0;
}

/* Calendar */
#calendar_container {
  width: 100%;
  position: relative;
  margin: 0 0 25px 0;
}

#calendar_left,
#calendar_right {
  position: absolute;
  top: 0;
}
#calendar_left {
  left: 0;
}
#calendar_right {
  right: 0;
}

#button_day_prev,
#button_day_next {
  float: left;
}
#button_day_prev {
  margin: 0 12px 0 0;
}
#button_day_next {
  margin: 0 0 0 12px;
}

#input_bookings_date,
#day_name {
  width: 110px;
  height: 50px;
  float: left;
  background-color: #C1D1E933;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #C1D1E9;
  border-radius: 5px;
  box-sizing: border-box;
}
#day_name {
  background-color: transparent;
  font-weight: 600;
}
.dark #input_bookings_date,
.dark #day_name {
  background-color: #111;
  background-color: #000;
  border-color: #002266;
}
.dark #day_name {
  background-color: transparent;
}
#input_bookings_date:focus {
  background-color: #ffd;
  border-color: #004499;
}
.dark #input_bookings_date:focus {
  background-color: #000;
  border-color: #ff7700;
}

#day_name {
  width: auto;
  cursor: auto;
  padding: 0 15px 0 15px;
  margin: 0 12px 0 0;
}

#body .fc .fc-toolbar.fc-header-toolbar {
  margin: 0 0 25px 0;
}
#body .fc .fc-toolbar.fc-header-toolbar h2 {
  line-height: 50px;
  margin: 0;
}
#body .fc .fc-toolbar.fc-header-toolbar h2:first-letter {
  text-transform: uppercase;
}

#calendar {
  width: 100%;
}

:root {
  --fc-today-bg-color: #fff !important;
  --fc-non-business-color: #C1D1E933;
  --fc-border-color: #C1D1E9 !important;
  --fc-now-indicator-color: #d00;
}
#calendar_days {
  --fc-today-bg-color: #ff770033 !important;
}

.dark:root {
  --fc-today-bg-color: #000 !important;
  --fc-non-business-color: #66666633;
  --fc-border-color: #002266 !important;
}
.dark #calendar_days {
  --fc-today-bg-color: #000 !important;
}

a.fc-event {
  position: relative;
  overflow: hidden;
}
a.fc-event:before,
a.fc-event:after {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  position: absolute;
  right: 3px !important;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  opacity: 1 !important;
  border: 0 !important;
  border-radius: 20px;
  margin: 0 !important;
}
a.fc-event.white_text:before,
a.fc-event.white_text:after {
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
}
a.fc-event.black_text:before,
a.fc-event.black_text:after {
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
}

a.fc-event:before { /* paid */
  display: none !important;
  top: 3px !important;
  content: '\f00c' !important;
}
a.fc-event.paid:before {
  display: block !important;
}

a.fc-event:after { /* description */
  display: none !important;
  bottom: 3px !important;
  content: '\f129' !important;
}
a.fc-event.description:after {
  display: block !important;
}

.fc-timegrid-event-harness-inset .fc-timegrid-event {
  box-shadow: none;
}

/* Days calendar */
#calendar_days_container {
  position: relative;
  margin: 50px 0 25px 0;
}
#calendar_days_left,
#calendar_days_right {
  position: absolute;
  top: 0;
}
#calendar_days_left {
  left: 0;
}
#calendar_days_right {
  right: 0;
}
#calendar_days_left a.button {
  float: left;
}
#calendar_days_left a.button#button_year_prev {
  margin: 0 12px 0 0;
}

#calendar_days_container .fc .fc-multimonth {
  border-radius: 5px;
}
#calendar_days_container .fc .fc-day-disabled {
  background-color: #C1D1E933;
}
#calendar_days_container .fc .fc-multimonth-title {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
  text-transform: capitalize;
}
#calendar_days_container .fc .fc-col-header-cell-cushion {
  font-weight: 600;
  text-transform: capitalize;
}

.dark #calendar_days_container {
  --fc-page-bg-color: #000;
}
.dark #calendar_days_container .fc .fc-day-disabled {
  background-color: #000;
}

/* Chart */
#body .chart_container {
  background-color: #fff;
  overflow: hidden;
  border: 1px solid #C1D1E9;
  border-radius: 5px;
  margin: 0 0 25px 0;
}
.dark #body .chart_container {
  background-color: #000;
  color: #000;
  border-color: #002266;
}


/* Footer -------------------------------------------------------------------------------------- */

#footer_container {
  width: 100%;
  min-width: 1250px;
  background-color: #002266;
  background-image: linear-gradient(to right, #002266 , #004499);
  color: #fff;
}
#footer {
  width: 100%;
  position: relative;
  padding: 30px 25px 30px 25px;
  box-sizing: border-box;
}

/* App logo */
#app_logo a {
  width: 206px;
  height: 40px;
  display: block;
  background-image: url('../images/logo_leisurepoint.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#app_logo span {
  display: none;
}

/* Copyright */
#copyright {
  position: absolute;
  top: 38px;
  right: 100px;
  font-size: 15px;
  line-height: 25px;
}
#copyright a {
  width: 156px;
  height: 25px;
  display: inline-block;
  background-image: url('../images/logo_whirlwind.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: top;
  margin: 0 0 0 10px;
}
#copyright a span {
  display: none;
}

/* To top */
a#to_top {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 25px;
  right: 25px;
  background-color: #ff7700;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
  border-radius: 5px;
}
a#to_top:before {
  content: '\f106';
}
a#to_top span {
  display: none;
}
.no-touchevents a#to_top:hover,
                a#to_top:active,
.no-touchevents a#to_top:focus {
  background-color: #ffffff;
  color: #ff7700;
}


/* Widget -------------------------------------------------------------------------------------- */

#form_widget {
  margin: 0;
}

#widget_container {
  width: 100%;
  max-width: 600px;
  height: 100%;
  max-height: 800px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
#widget_container.bg_image {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}

#widget {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 115px 0 80px 0;
  box-sizing: border-box;
}

@media only screen and (max-width: 600px){
  
  #widget {
    padding-top: 80px;
  }
  
}


/* Widget header ------------------------------------------------------------------------------- */

#widget_header {
  width: 100%;
  height: 115px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #002266;
  background-image: linear-gradient(to right, #002266 , #004499);
  color: #fff;
  overflow: hidden;
}

#widget_menu {
  width: 100%;
  font-size: 0;
  line-height: 0;
  text-align: center;
  padding: 20px 0 0 0;
}
#widget_menu ul {
  display: inline-block;
}
#widget_menu li {
  width: 80px;
  display: inline-block;
}
#widget_menu span.widget_step_number {
  width: 50px;
  height: 50px;
  display: block;
  background-color: #fff;
  font-weight: 400;
  font-size: 20px;
  line-height: 50px;
  color: #002266;
  border-radius: 50px;
  margin: 0 auto 0 auto;
}
#widget_menu li.current span.widget_step_number {
  background-color: #ff7700;
  color: #ffffff;
}
#widget_menu span.widget_step_name {
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0 0 0;
}

@media only screen and (max-width: 600px){
  
  #widget_header {
    height: 80px;
  }
  #widget_menu li {
    width: 50px;
  }
  #widget_menu span.widget_step_number {
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 40px;
  }
  #widget_menu span.widget_step_name {
    display: none;
  }
  
}


/* Widget body --------------------------------------------------------------------------------- */

#widget_body {
  width: 100%;
  height: 100%;
  padding: 40px 35px 15px 35px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}

#widget_body h1,
#widget_body h2 {
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  margin: 0 0 25px 0;
}
#widget_body .step h2 {
  margin-top: 35px;
}
#widget_body .step h2:first-child {
  margin-top: 0;
}
#widget_body h2.left {
  text-align: left;
}

#widget_body p {
  line-height: 25px;
  text-align: center;
  margin: 25px 0 25px 0;
}

#widget_body .form_container {
  padding: 0;
}

@media only screen and (max-width: 600px){
  
  #widget_body {
    padding-left: 15px;
    padding-right: 15px;
  }
  
}

/* Widget body button */
#widget_body .widget_body_buttons {
  font-size: 0;
  line-height: 0;
  text-align: center;
  padding: 10px 0 10px 0;
  margin: 0 0 10px 0;
}
#widget_body .widget_body_buttons ul {
  margin: 0 0 0 -15px;
}
#widget_body .widget_body_buttons li {
  width: 33.33333333%;
  float: left;
  display: block;
  position: relative;
  padding: 0 0 15px 15px;
  box-sizing: border-box;
}
#widget_body .widget_body_buttons a.widget_body_button {
  width: 100%;
  height: 100px;
  display: grid;
  align-items: center;
  background-color: #C1D1E966;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  overflow: hidden;
  padding: 0 10px 0 10px;
  border-radius: 5px;
  box-sizing: border-box;
}
.no-touchevents #widget_body .widget_body_buttons           a.widget_body_button:hover,
                #widget_body .widget_body_buttons           a.widget_body_button:active,
.no-touchevents #widget_body .widget_body_buttons           a.widget_body_button:focus,
                #widget_body .widget_body_buttons li.active a.widget_body_button {
  background-color: #C1D1E9;
}

#widget_body .widget_body_buttons a.widget_body_info {
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: -6px;
  right: -6px;
  z-index: 999;
  background-color: #fff;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #004499;
  border: 1px solid #004499;
  border-radius: 24px;
  box-sizing: border-box;
}
#widget_body .widget_body_buttons a.widget_body_info:before {
  content: '\f129';
}
#widget_body .widget_body_buttons a.widget_body_info span {
  display: none;
}
#widget_body .widget_body_buttons a.widget_body_info:hover,
#widget_body .widget_body_buttons a.widget_body_info:active,
#widget_body .widget_body_buttons a.widget_body_info:focus {
  background-color: #004499;
  color: #fff;
}

/* Payment methods */
.payment_methods {
  padding: 0;
  margin: 0 0 10px -15px;
}
.payment_methods input {
  display: none;
}

.payment_method {
  width: 25%;
  float: left;
  display: block;
  padding: 0 0 15px 15px;
  box-sizing: border-box;
}
.payment_method a {
  width: 100%;
  height: 66px;
  display: block;
  background-color: #C1D1E966;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 5px;
}
.payment_method span {
  display: none;
}
.no-touchevents .payment_method a:hover,
                .payment_method a:active,
.no-touchevents .payment_method a:focus {
  background-color: #C1D1E9;
}
.payment_method.checked a {
  background-color: #C1D1E9;
}

.lang_nl #payment_method_location a { background-image: url('../images/payment/local_nl.svg');    }
.lang_en #payment_method_location a { background-image: url('../images/payment/local_en.svg');    }
.lang_de #payment_method_location a { background-image: url('../images/payment/local_de.svg');    }
.lang_fr #payment_method_location a { background-image: url('../images/payment/local_fr.svg');    }

#payment_method_ideal             a { background-image: url('../images/payment/ideal.svg');       }
#payment_method_amex              a { background-image: url('../images/payment/amex.svg');        }
#payment_method_bancontact        a { background-image: url('../images/payment/bancontact.svg');  }
#payment_method_belfius           a { background-image: url('../images/payment/belfius.svg');     }
#payment_method_cb                a { background-image: url('../images/payment/cb.svg');          }
#payment_method_dankort           a { background-image: url('../images/payment/dankort.svg');     }
#payment_method_eps               a { background-image: url('../images/payment/eps.svg');         }
#payment_method_kbccbc            a { background-image: url('../images/payment/kbccbc.svg');      }
#payment_method_maestro           a { background-image: url('../images/payment/maestro.svg');     }
#payment_method_mastercard        a { background-image: url('../images/payment/mastercard.svg');  }
#payment_method_mybank            a { background-image: url('../images/payment/mybank.svg');      }
#payment_method_paypal            a { background-image: url('../images/payment/paypal.svg');      }
#payment_method_przelewy24        a { background-image: url('../images/payment/przelewy24.svg');  }
#payment_method_sofort            a { background-image: url('../images/payment/sofort.svg');      }
#payment_method_trustly           a { background-image: url('../images/payment/trustly.svg');     }
#payment_method_visa              a { background-image: url('../images/payment/visa.svg');        }

/* Inline date picker */
#date_picker_booking_guest_container {
  margin: 0 0 25px 0;
}
#date_picker_booking_guest .air-datepicker {
  margin: 0 auto 0 auto;
}

/* Radio buttons */
.radio_buttons_container {
  text-align: center;
}
.radio_buttons_container input {
  display: none;
}
.radio_buttons {
  display: inline-block;
  margin: 0 0 15px 0;
}
.radio_button {
  position: relative;
  line-height: 25px;
  text-align: left;
  cursor: pointer;
  padding: 12px 0 13px 62px;
  margin: 0 0 10px 0;
}
.radio_button span {
  color: #00226680;
}
.radio_button:before {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #C1D1E980;
  content: ' ';
  border-radius: 50px;
}
.radio_button:after {
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 13px;
  left: 13px;
  background-color: transparent;
  content: ' ';
  border-radius: 25px;
}
.radio_button.checked:after {
  background-color: #004499;
}

/* Table overview */
.table_overview_container {
  font-size: 0;
  line-height: 0;
  text-align: left;
  margin: 0 0 25px 0;
}
.table_overview_container table.overview {
  display: inline-block;
}
.table_overview_container table.overview th,
.table_overview_container table.overview td {
  font-size: 16px;
  line-height: 25px;
}
.table_overview_container table.overview th {
  width: 150px;
  text-align: left;
  padding: 0;
}
.table_overview_container table.overview td {
  text-align: left;
  padding: 0;
}

/* Object overview */
#objects_overview {
  text-align: left;
  margin: 0 0 25px 0;
}

#objects_overview .object_overview_header {
  position: relative;
  background-color: #C1D1E933;
  padding: 5px 15px 5px 15px;
  border: 1px solid #C1D1E9;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#objects_overview .object_overview_header h3 {
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
}

#objects_overview a.button {
  margin: 0;
}
#objects_overview .buttons a.button:before {
  margin: 0;
}

#objects_overview .object_overview_header .buttons {
  width: 110px;
  height: 50px;
  position: absolute;
  top: 5px;
  right: 15px;
}
#objects_overview .object_overview_header .buttons a.button {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 0;
  text-align: center;
  padding: 0;
  margin: 0;
}
#objects_overview .object_overview_header .buttons a.button.edit {
  left: 0;
}
#objects_overview .object_overview_header .buttons a.button.delete {
  right: 0;
}
#objects_overview .object_overview_header .buttons a.button.edit:before,
#objects_overview .object_overview_header .buttons a.button.delete:before {
  font-family: 'FontAwesome';
  font-size: 20px;
  line-height: 50px;
}
#objects_overview .object_overview_header .buttons a.button.edit:before {
  content: '\f040';
}
#objects_overview .object_overview_header .buttons a.button.delete:before {
  content: '\f00d';
}
#objects_overview .object_overview_header .buttons a.button span {
  display: none;
}

#objects_overview .object_overview {
  position: relative;
  line-height: 25px;
  padding: 14px 15px 15px 15px;
  border: 1px solid #C1D1E9;
  border-top: 0;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: 0 0 25px 0;
}
#objects_overview .object_overview table th,
#objects_overview .object_overview table td {
  vertical-align: top;
  padding: 0 25px 0 0;
}
#objects_overview .object_overview table th.last,
#objects_overview .object_overview table td.last {
  padding-right: 0;
}
#objects_overview .object_overview table th {
  font-weight: 600;
}


/* Widget footer ------------------------------------------------------------------------------- */

#widget_footer {
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #002266;
  background-image: linear-gradient(to right, #002266 , #004499);
  color: #fff;
}

#widget_footer a.widget_footer_button {
  width: 150px;
  height: 50px;
  display: block;
  position: absolute;
  top: 15px;
  background-color: #C1D1E9;
  font-weight: 600;
  line-height: 50px;
  text-align: center;
  color: #002266;
  border-radius: 5px;
  user-select: none;
}
#widget_footer a.widget_footer_button.disabled {
  background-color: #C1D1E9 !important;
  color: #002266 !important;
  opacity: 0.4;
  cursor: not-allowed;
}
#widget_footer a.widget_footer_button:before,
#widget_footer a.widget_footer_button:after {
  font-family: 'FontAwesome';
  font-weight: normal;
}
#widget_footer #widget_footer_button_prev {
  left: 35px;
}
#widget_footer #widget_footer_button_prev:before {
  content: '\f104';
  margin: 0 8px 0 0;
}
#widget_footer #widget_footer_button_next {
  right: 35px;
}
#widget_footer #widget_footer_button_next:after {
  content: '\f105';
  margin: 0 0 0 8px;
}
.no-touchevents #widget_footer a.widget_footer_button:hover,
                #widget_footer a.widget_footer_button:active,
.no-touchevents #widget_footer a.widget_footer_button:focus {
  background-color: #ff7700;
  color: #ffffff;
}

#widget_language {
  width: 50px;
  height: 50px;
  display: block;
  background-color: #fff;
  padding: 10px 0 0 0;
  border-radius: 50px;
  box-sizing: border-box;
  margin: 15px auto 0 auto;
}
#widget_language a#widget_language_flag {
  width: 30px;
  height: 30px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 30px;
  margin: 0 auto 0 auto;
}
.lang_nl #widget_language a#widget_language_flag { background-image: url('../images/flag_nl.svg'); }
.lang_en #widget_language a#widget_language_flag { background-image: url('../images/flag_en.svg'); }
.lang_de #widget_language a#widget_language_flag { background-image: url('../images/flag_de.svg'); }
.lang_fr #widget_language a#widget_language_flag { background-image: url('../images/flag_fr.svg'); }

#widget_language a#widget_language_flag span {
  display: none;
}

@media only screen and (max-width: 600px){
  
  #widget_footer #widget_footer_button_prev {
    left: 15px;
  }
  #widget_footer #widget_footer_button_next {
    right: 15px;
  }
  
}


/* Overlay ------------------------------------------------------------------------------------- */

#overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999;
  display: flex;
  background-color: rgba(0, 0, 0, 0.8);
  align-items: center;
  justify-content: center;
}

/* Loading */
#overlay_loading_container {
  width: 100px;
  height: 100px;
  display: block;
  background-color: #fff;
  border-radius: 5px;
}
#overlay_loading {
  font-size: 50px;
  line-height: 100px;
  text-align: center;
  animation: spin 2s infinite linear;
}
#overlay_loading:before {
  font-family: 'FontAwesome';
  font-weight: normal;
  content: '\f013';
}

@keyframes spin {
  0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg);   }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

/* Language */
#overlay_lang_container {
  width: 100%;
}

a#overlay_lang_close {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 100;
  background-color: #fff;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  color: #000;
  border-radius: 40px;
}
a#overlay_lang_close:before {
  content: '\f00d';
}
a#overlay_lang_close span {
  display: none;
}

#overlay_lang {
  width: 100%;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

#overlay_lang ul {
  display: inline-block;
}
#overlay_lang ul li {
  display: inline-block;
  padding: 10px;
}
#overlay_lang ul a {
  width: 40px;
  height: 40px;
  display: block;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: 10px solid #fff;
  border-radius: 60px;
}
#overlay_lang ul li#overlay_lang_nl a { background-image: url('../images/flag_nl.svg'); }
#overlay_lang ul li#overlay_lang_en a { background-image: url('../images/flag_en.svg'); }
#overlay_lang ul li#overlay_lang_de a { background-image: url('../images/flag_de.svg'); }
#overlay_lang ul li#overlay_lang_fr a { background-image: url('../images/flag_fr.svg'); }


/* Clearing <div> ------------------------------------------------------------------------------ */

.clear {
  width: 0;
  height: 0;
  clear: both;
  font-size: 0;
  line-height: 0;
}


/* Print CSS ----------------------------------------------------------------------------------- */

@media print {
  
  #body .columns_container .column_left {
    display: none;
  }
  #body .columns_container .column_right {
    width: 100%;
    float: none;
  }
  
}


/* Air datepicker ------------------------------------------------------------------------------ */

.air-datepicker {
  --adp-accent-color: #ff7700;
  --adp-day-name-color: #004499;
  --adp-cell-background-color-selected: #004499;
  --adp-cell-background-color-selected-hover: #002266;
  --adp-background-color-selected-other-month: #004499;
  --adp-background-color-selected-other-month-focused: #002266;
}


/* Tooltip ------------------------------------------------------------------------------------- */

.popper,
.tooltip {
  width: 200px;
  position: absolute;
  z-index: 9999;
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  padding: 10px 10px 12px 10px;
  border-radius: 3px;
}
.dark .popper,
.dark .tooltip {
  background-color: #fff;
  background: rgba(255, 255, 255, 0.9);
  color: #000;
}
.popper .popper__arrow,
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
  border-color: #000;
}
.dark .tooltip .tooltip-arrow,
.dark .popper .popper__arrow {
  border-color: #fff;
}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
  margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
  margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}