@import "/public/styles/normalize.css";
@import "/public/styles/foundation6.css";
@import "/public/styles/font-awesome.min.css";
@import "/public/styles/fonts/bootstrap.css";
@import "/public/styles/panel/layout/general.css";
@import "/public/styles/panel/layout/header.css";
@import "/public/styles/panel/form/general.css";
@import "/public/styles/panel/form/input.css";
@import "/public/styles/panel/form/button.css";
@import "/public/styles/panel/form/drop.css";
@import "/public/styles/panel/form/files.css";
@import "/public/styles/panel/form/elements.css";
@import "/public/styles/panel/form/sortable.css";
@import "/public/styles/panel/form/filter.css";
@import "/public/styles/panel/message.css";
@import "/public/styles/panel/tooltip.css";
@import "/public/styles/panel/navbar.css";
@import "/public/styles/panel/table/listing.css";
@import "/public/styles/panel/table/calendar.css";
@import "/public/styles/panel/table/avb-prices.css";
@import "/public/styles/panel/table/elements.css";
@import "/public/styles/panel/table/editable.css";
@import "/public/styles/panel/sidebar.css";
@import "/public/styles/panel/utils.css";
@import "/public/styles/panel/infobox.css";
@import "/public/styles/panel/animation.css";
@import "/public/styles/panel/reservation.css";
@import "/public/styles/panel/ui.css";
@import "/public/styles/panel/select.css";
@import "/public/styles/panel/modal.css";
@import "/public/styles/panel/contextmenu.css";
@import "/public/styles/panel/tabs.css";
@import "/public/styles/panel/owner.css";
@import "/public/styles/panel/window/reservation.css";
@import "/public/styles/panel/window/guestchat.css";
@import 'https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600&display=swap';

:root {
  --body-back: #f5f5f5;
  --header: #1C2430;
  --navbar: #009688;
  --text: #1C2430;
  --infobox: #fafafa;
  --black: #1C2430;
  --white: #fff;
  --almostwhite: #fefefe;
  --error: #ff8585;
  --red: #e95572;
  --lightred: #e4798e;
  --lightenred: #f5bec9;
  --warning: #e39a62;
  --orange: #e39a62;
  --darkorange: #956139;
  --lightwarning: #e39a6220;
  --info: #6a71b3;
  --success: #2cc9c5;
  --button-radius: 20px;
  --box-radius: 10px;
  --grey: #808080;
  --grey-eee: #eee;
  --grey-f7: #f7f7f7;
  --lightgrey: #dbdbdb;
  --darkgrey: #303030;
  --daysheader: #464d56;
  --highlight: #ffd45c;
  --green: #009688;
  --lightgreen: #21b6a7;
  --lightengreen: #b5ede0;
  --navy: #3f4c6b;
  --lightnavy: #5c75af;
  --discount: #ea6280;
  --paid: #009688;
  --unpaid: #e39a62;
  --status-confirmed: #3b8c00;
  --status-checkin: #ac73c3;
  --status-checkout: #288dad;
  --status-new: #ff5a00;
  --status-canceled: #726e74;
  --status-complete: #209677;
  --status-unpaid: #e95572;
  --status-parpaid: #e39a62;
  --status-paid: #009688;
  --ck-border-radius: 5px !important;
  --ck-color-base-border: #eee !important;
}

.status-new {
  background-color: var(--status-new);
  color: var(--white);
}

.status-confirmed {
  background: var(--status-confirmed);
  color: var(--white);
}

.status-checkin {
  background: var(--status-checkin);
  color: var(--white);
}

.status-checkout {
  background: var(--status-checkout);
  color: var(--white);
}

.status-canceled {
  background: var(--status-canceled);
  color: var(--white);
}

.status-complete {
  background: var(--status-complete);
  color: var(--white);
}

.status-unpaid {
  background: var(--status-unpaid);
  color: var(--white);
}

.status-parpaid {
  background: var(--status-parpaid);
  color: var(--white);
}

.status-paid {
  background: var(--status-paid);
  color: var(--white);
}

.tag {
  background: var(--navy);
  color: var(--white);
}

body {
  margin: 0;
  padding: 0;
  background: var(--body-back);
  color: var(--text);
  min-height: 100%;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  height: auto;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

* {
  outline: none;
  font-optical-sizing: auto;
}

h1, h2, h3, h4 {
  font-family: Lexend, serif;
  padding: 0;
  margin: 0;
}

div {
  position: relative;
}

.contentBack {
  background: var(--body-back);
}

.row {
  max-width: 1240px;
}

.fullwidth, .content {
  width: 100%;
  max-width: 100%;
}

img {
  border: 0;
}

b, strong {
  font-weight: bold;
}

h1 {
  font-size: 30px;
  line-height: 100%;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
}

h1 span, h1 small {
  font-size: .7em;
  opacity: .6;
  font-weight: normal;
}

h2 {
  font-size: 20px;
  font-weight: bold;
  display: block;
  padding: 0;
  overflow: hidden;
  min-height: 20px;
  height: auto;
  padding-bottom: 3px;
  margin-top: 5px;
  margin-bottom: 0;
  line-height: 130%;
}

h2 span {
  font-size: .65em;
}

h3 {
  font-weight: bold;
  font-size: 1.3em;
  line-height: 100%;
  margin: 5px auto;
  padding: 0;
}

.h2 {
  font-size: 20px;
  padding: 5px 0;
}

.h1 {
  font-size: 30px;
}

a {
  color: var(--green);
  text-decoration: none;
}

a:hover {
  color: var(--lightgreen);
  text-decoration: none;
}

.transparent {
  opacity: .3;
}


.right {
  float: right;
  text-align: right;
}

.txt-right {
  text-align: right !important;
}

.txt-left {
  text-align: left !important;
}

.txt-center {
  text-align: center !important;
}

.txt-small {
  font-size: 10px;
}

.txt-medium {
  font-size: 12.5px;
}

.txt-bigger {
  font-size: 14px;
}

.txt-big {
  font-size: 16px;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.clr {
  clear: both;
}

.small {
  font-size: .8em !important;
}

.padv20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padv10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padv5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padleft70 {
  padding-left: 70px;
}

.center {
  text-align: center;
}

.txt-notice {
  color: var(--warning);
}

.txt-error {
  color: var(--error);
}

.txt-grey {
  color: var(--grey);
}

.txt-green {
  color: var(--green);
}

.txt-white {
  color: rgb(255 255 255 / 50%);
}


.highlightGradient {
  background: rgb(34 193 195);
  background: linear-gradient(149deg, rgb(125 228 229) 0%, rgb(179 255 230) 100%);
}


/* TABLET */
@media only screen and (width <= 63.9375em) {
  .mainParams {
    display: flex;
    align-content: center;
  }

  .mainParams .headItem {
    margin: 0;
    gap: 0;
  }

  .mainParams .language-switcher {
    display: none;
  }

  #main-nav {
    position: relative;
    z-index: 9;
  }

  .header {
    width: 100%;
  }

  .headItem {
    float: none;
    width: 100%;
    padding: 0;
    margin-top: 5px;
    max-width: 100%;
    text-align: center;
  }

  .headItem select {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 14px;
  }
}


/* PHONE */
@media only screen and (width <= 40em) {
  .objId {
    top: 20px;
    left: 47px;
    font-size: 8px;
    opacity: .5;
  }

  .select2-container {
    width: 100% !important;
  }


  .listing td {
    padding: 8px;
  }


  h1 {
    font-size: 20px;
    padding: 15px 0;
  }

  h3 {
    font-size: 1.1em;
  }

  .infoBox {
    padding: 15px;
    max-height: 100%;
    overflow-y: none;
  }

  .dashboardBox {
    padding: 15px;
    height: inherit;
    overflow-y: none;
    max-height: 60vh;
  }

  .roomCol {
    max-width: 100px;
  }

  ul.resp-tabs-list {
    display: none;
  }

  h2.resp-accordion {
    display: block;
    border: 0 !important;
    border-radius: 5px;
    background: var(--lightgrey) !important;
    margin-bottom: 2px;
  }

  h2.resp-accordion::before {
    content: '\F282';
    font-family: bootstrap-icons;
    margin-right: .5em;
    position: relative;
    top: 2px;
  }

  h2.resp-tab-active {
    color: var(--white) !important;
    background: var(--green) !important;
  }

  .resp-tab-active::before {
    content: '\F286' !important;
    font-family: bootstrap-icons;
    margin-right: .5em;
    position: relative;
    top: 2px;
  }

  .resp-vtabs .resp-tabs-container {
    border: none;
    float: none;
    width: 100%;
    min-height: initial;
    clear: none;
  }


  .resp-tabs-container h2 {
    font-size: 13px;
    font-weight: 500;
  }

  .resp-tab-content-active {
    display: block;
    border-top: 0 !important;
  }


  .resp-accordion-closed {
    display: none !important;
  }


}