.bx_nor {
  width: 50px;
  float: left;
  margin-right: 5px;
}
.bx_big {
  width: 65px;
  float: left;
  margin-right: 5px;
}
.bx_bigest {
  width: 68px;
  margin-right: 3px;
  text-align: center;
  display: inline-table;
}
/* .squaredFour */
.squaredOne,
.squaredTwo,
.squaredThree,
.squaredFour,
.squaredFive,
.squaredSix,
.squaredSeven,
.squaredEight {
  width: 40px;
  position: relative;
  margin: 0px auto;
  bottom: -8px;
}
.squaredOne label,
.squaredTwo label,
.squaredThree label,
.squaredFour label,
.squaredFive label,
.squaredSix label,
.squaredSeven label,
.squaredEight label {
  cursor: pointer;
  height: 9px;
  left: 0;
  position: absolute;
  top: 0;
  width: 45px;
}
.squaredOne label:after,
.squaredTwo label:after,
.squaredThree label:after,
.squaredFour label:after,
.squaredFive label:after,
.squaredSix label:after,
.squaredSeven label:after,
.squaredEight label:after {
  content: '';
  width: 14px;
  height: 7px;
  position: absolute;
  top: -1px;
  left: 15px;
  border: 4px solid #7eb823;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  transform: rotate(-45deg);
}
.squaredOne label:hover::after,
.squaredTwo label:hover::after,
.squaredThree label:hover::after,
.squaredFour label:hover::after,
.squaredFive label:hover::after,
.squaredSix label:hover::after,
.squaredSeven label:hover::after,
.squaredEight label:hover::after {
  opacity: 0.5;
}
.squaredOne input[type=checkbox],
.squaredTwo input[type=checkbox],
.squaredThree input[type=checkbox],
.squaredFour input[type=checkbox],
.squaredFive input[type=checkbox],
.squaredSix input[type=checkbox],
.squaredSeven input[type=checkbox],
.squaredEight input[type=checkbox] {
  visibility: hidden;
}
.squaredOne input[type=checkbox]:checked + label:after,
.squaredTwo input[type=checkbox]:checked + label:after,
.squaredFour input[type=checkbox]:checked + label:after,
.squaredThree input[type=checkbox]:checked + label:after,
.squaredFive input[type=checkbox]:checked + label:after,
.squaredSix input[type=checkbox]:checked + label:after,
.squaredSeven input[type=checkbox]:checked + label:after,
.squaredEight input[type=checkbox]:checked + label:after {
  opacity: 1;
}
/* end .squaredFour */
body .ondisplay section:after {
  /*         visibility: hidden; */
  content: attr(title);
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0px 1px #000;
}
/*** Add room poop up window..***/
.guest_type > input {
  width: 23%;
}
/*** Add room poop up window end***/
/*** Add room poop up window..***/
.guest_type > input {
  width: 23%;
}
/*** Add room poop up window end***/
.form_left {
  float: left;
  margin-right: 10px;
  width: 13%;
}
.form_left1 {
  float: left;
  width: 7%;
}
.form_left2 {
  float: left;
  margin-right: 10px;
  width: 16%;
}
.form_left3 {
  float: left;
  margin-right: 5px;
  width: 25%;
}
.add_line {
  float: left;
  width: 50px;
  margin-right: 6px;
}
#myform {
  /* border: 1px dotted #ccc;*/
  float: left;
  margin: 2% 2% 2% 25%;
  padding: 5px;
  width: 50px;
}
.bx_bigest1 li {
  float: left;
  margin-right: 3px;
  text-align: center;
  width: auto;
  margin-bottom: 20px;
  list-style: none;
}
.bx_bigest1 {
  margin: 0 !important;
  padding: 0 !important;
}
.arrow_box,
.arrow_box1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 8px 0 8px;
  border-color: #12c742 transparent transparent;
  position: absolute;
  right: 20px;
}
.arrow_box {
  top: 49px;
}
.arrow_box1 {
  top: 56px;
}
.arrow_box_top,
.arrow_box_top1 {
  width: 0;
  position: absolute;
  height: 0;
  border-style: solid;
  border-width: 0 8px 20px 8px;
  border-color: transparent transparent #12c742;
  right: 20px;
}
.arrow_box_top {
  top: 25px;
}
.arrow_box_top1 {
  top: 35px;
}
/*anna css*/
.total_box {
  background: #ececec none repeat scroll 0 0;
  border: 1px solid #dddddd;
  bottom: 10px;
  line-height: 10px;
  padding: 10px;
  position: absolute;
  right: -59px;
  text-align: right;
  width: 75px;
}
.line_mid {
  line-height: 40px;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #DDD;
  }
}
.preview-ul {
  float: left;
  width: 70%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.preview-li {
  float: left;
  width: 20%;
}
.preview-li-colon {
  float: left;
  width: 1%;
}
.reservation-email-preview .mailbox-read-message {
  padding: 10px;
  float: left;
  width: 100%;
  border-top: 1px solid #f4f4f4;
  margin: 9px 0 0 0;
  overflow: scroll;
}
#update_details .dropdown-menu.iconvalue > li {
  border: 1px solid #eee;
  float: left;
  padding: 10px;
  text-align: center;
  width: 50px;
  background: #fff;
}
.box-width {
  width: 20%;
}
/* popover code */
.font_norl {
  font-size: 13px;
  padding: 5px 0px;
  line-height: 30px;
  height: 40px;
}
.font_norl a {
  font-size: 13px;
  color: #212121;
  text-decoration: none;
}
.font_norl a:hover {
  font-size: 13px;
  color: #cccccc;
  text-decoration: none;
}
/*
 * Invoice template
 * */
.bot_hr hr {
  margin-bottom: 5px;
  margin-top: 5px;
  border-color: #cccccc !important;
}
.bot_hr h4 {
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.act-heading h3 {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.product_discount_up {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 10px 6px;
  border-color: #999 transparent #999;
  position: absolute;
  right: 20px;
  top: 31px;
}
.product_discount_down {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #999 transparent transparent;
  position: absolute;
  right: 20px;
  top: 43px;
}
.text_sort .btn {
  line-height: 13px;
  padding: 0;
}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger {
  background-color: transparent;
}
/*indexcss*/
.indexcss.box-body {
  padding: 15px;
}
.indexcss.add-new {
  float: right;
  margin-bottom: 10px;
}
.indexcss td:hover {
  background: #ccc;
}
.indexcss table.table.table-condensed.dataTable td {
  line-height: 1;
  margin: 0;
}
#all_bgtop .box-header {
  padding: 10px 10px 10px 0px;
}
.sidebar-menu [class^="flaticon-"]::before,
.sidebar-menu [class*=" flaticon-"]::before,
.sidebar-menu [class^="flaticon-"]::after,
.sidebar-menu [class*=" flaticon-"]::after {
  font-family: Flaticon;
  font-size: 14px;
  font-style: normal;
  margin-left: 0px;
}
#input_all h4 {
  margin-bottom: 5px;
  margin-top: 5px;
}
#circle-outer .img-circle {
  width: 45px;
  height: 45px;
  background: #607d8b !important;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 45px;
  left: 2px;
  position: absolute;
}
.bg h5 {
  height: 32px;
  overflow: hidden;
  margin: 2px 2px;
  word-wrap: break-word;
}
.bg {
  background-image: linear-gradient(to bottom, #DBDBDB, #EDEDED);
  border-radius: 5px;
  padding: 8px 6px 5px 6px;
  min-height: 70px;
  cursor: pointer;
}
#top_align2 .box-header {
  padding: 0px 10px 10px 10px;
}
#sales_map .Legend_inner {
  width: 100%;
}
#sales_map .Legendcen {
  width: 30%;
  margin: 0 auto;
}
#sales_map .Legend div {
  margin-left: 8px;
  width: 12px;
  line-height: 12px;
  border: 0px solid #808080;
  display: inline-block;
}
#sales_map .ie7 .Legend div {
  display: inline;
  zoom: 1;
}
#sales_map .reserved {
  background-color: #c1c7d1;
}
#sales_map .invoiced {
  background-color: #3b8bba;
}
#kvFileInputError {
  color: #dd4b39;
  background-color: initial;
  margin: 0px;
  border: none;
  border-radius: initial;
  padding: 0px 0px 15px 0px;
}
::selection {
  background-color: #519dd6;
  color: white;
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
}
dl {
  margin-bottom: 0;
}
dl dd + dt {
  margin-top: 12px;
}
textarea {
  resize: none;
}
i.fa.fa-info-circle.more-info {
  color: #A7AEC9;
  font-size: 12px;
}
hr[data-content] {
  position: relative;
  overflow: visible;
  margin-top: 12px;
  margin-bottom: 12px;
}
hr[data-content]:after {
  content: attr(data-content);
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  padding-left: 8px;
  padding-right: 8px;
  color: #363B4D;
  background-color: #fff;
}
.required label.control-label:after {
  content: " * ";
  color: #a94442;
}
.pagination {
  margin: 0;
}
.m-b-20 {
  margin-bottom: 20px;
}
.header--with-form {
  line-height: 32px;
}
.box--full-height {
  height: 100%;
}
.content-split {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.image-responsive {
  max-width: 100%;
}
.navbar-form {
  margin-bottom: 0;
}
.btn-label-spacing {
  margin-top: 20px;
}
.relative {
  position: relative;
}
.sp-dd {
  font-size: 9px !important;
  /* some stupid hack that works. Spent 2 hours figuring out why its not showing up inline anymore since the changes and I just dont care anymore. */
}
.card-number:before {
  content: 'xxxx xxxx xxxx ';
}
.property-selector {
  flex: 1;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
}
.property-selector .property-selector__title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.property-selector .dropdown-menu {
  width: 100%;
}
.drag-and-drop-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 16px;
  border: 1px dashed #A7AEC9;
  border-radius: 6px;
}
.drag-and-drop-container span {
  font-size: 14px;
  font-weight: 700;
  color: #363B4D;
}
.drag-and-drop-container i {
  font-size: 24px;
  color: #21242f;
}
.drag-and-drop-container.active {
  padding: 14px;
  background-color: #EFF0F7;
  border: 3px dashed #DF0079;
}
.less-padding {
  padding-right: 5px;
  padding-left: 5px;
}
@keyframes fadeOutUp {
  to {
    transform: translate3d(0, -30px, 0);
    opacity: 0;
  }
}
.daterangepicker .input-mini {
  border-radius: 0px !important;
  height: auto !important;
}
.daterangepicker .ranges li {
  border-radius: 0px !important;
}
.payment-icon {
  padding: 4px;
  font-size: 23px !important;
  line-height: 1;
  background: 0 0;
}
.ui-sortable-handle-organizer {
  border-left: 2px solid;
  background-color: white;
  padding: 10px;
  margin-bottom: 10px !important;
}
::-webkit-color-swatch {
  border: none;
}
.highlight-task {
  animation: highlight-task-animation 6s forwards;
}
@keyframes highlight-task-animation {
  20% {
    background-color: #e7a03c;
  }
  40% {
    background-color: #e7a03c;
  }
  100% {
    background-color: white;
  }
}
.fiskaly-container {
  display: flex;
}
.fiskaly-container > img {
  flex: 1;
  flex-grow: 0;
  padding-right: 10px;
}
.fiskaly-container > table {
  flex: 1;
}
.fiskaly-container > table th {
  width: 1%;
  white-space: nowrap;
}
.pulse {
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--bgColor), 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(var(--bgColor), 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--bgColor), 0);
  }
}
@keyframes vertical-shaking {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(-5px);
  }
  75% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
.vertical-shaking {
  animation: vertical-shaking 1s infinite;
}
.no-empty:empty {
  display: none !important;
}
i.fa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
i.fa :before {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
hr {
  width: 100%;
}
/* Simple tooltip that doesn't mess up theme display like the one from bootstrap or JQuery.
    To use add ".tooltip-here" to some object, and then add a span with ".tooltip-text" tooltip text right after it.  */
.tooltip-here {
  position: relative;
  display: inline-block;
}
.tooltip-here .tooltip-text {
  visibility: hidden;
  position: absolute;
  padding: 4px 6px;
  border-radius: 4px;
  background-color: #363B4D;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #FCFCFC;
  z-index: 10;
  transform: translateZ(0);
}
.tooltip-here.tooltip-top .tooltip-text {
  top: -4px;
  left: 50%;
  margin-bottom: 4px;
  transform: translate(-50%, -100%) translateZ(0);
}
.tooltip-here.tooltip-bottom .tooltip-text {
  top: calc(100% + 4px);
  left: 50%;
  margin-top: 4px;
  transform: translate(-50%, 0) translateZ(0);
}
@media not all and (pointer: coarse) {
  /* no tooltip on touch devices */
  .tooltip-here:hover .tooltip-text {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .pull-sm-right {
    float: right !important;
  }
  .pull-sm-left {
    float: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-left {
    text-align: left !important;
  }
}
@media (min-width: 992px) {
  .pull-md-right {
    float: right !important;
  }
  .pull-md-left {
    float: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-left {
    text-align: left !important;
  }
}
@media (min-width: 1200px) {
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-left {
    text-align: left !important;
  }
}
@media (min-width: 992px) {
  .row.equal {
    display: flex;
  }
}
@media (max-width: 767px) {
  .btn-block-xs {
    display: block;
    width: 100%;
  }
  .btn-group-justified-xs {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
  }
  .btn-group-justified-xs > .btn,
  .btn-group-justified-xs > .btn-group {
    display: table-cell;
    float: none;
    width: 1%;
  }
  .btn-group-justified-xs > .btn-group .btn {
    width: 100%;
  }
  .btn-group-justified-xs > .btn-group .dropdown-menu {
    left: auto;
  }
}
@media (max-width: 991px) {
  .btn-group-justified-md {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
  }
  .btn-group-justified-md > .btn,
  .btn-group-justified-md > .btn-group {
    display: table-cell;
    float: none;
    width: 1%;
  }
  .btn-group-justified-md > .btn-group .btn {
    width: 100%;
  }
  .btn-group-justified-md > .btn-group .dropdown-menu {
    left: auto;
  }
}
@media (min-width: 992px) {
  .row-md--with-divider {
    display: flex;
    flex-direction: row;
  }
  .row-md--with-divider > .divider {
    margin: 15px 0;
    border-left: 1px dashed #ccc;
  }
}
.log-content-cell {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
ins {
  background-color: #d4fcbc;
  text-decoration: none;
}
del {
  background-color: #ffbbbb;
}
.wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.app-container {
  flex-grow: 1;
  display: grid;
  grid-template-areas: "header header" "sidebar content" "sidebar footer";
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 0 100%;
  transition: grid-template-columns 0.3s ease-in-out;
}
.app-container .main-header {
  grid-area: header;
  z-index: unset;
}
.app-container .main-sidebar {
  grid-area: sidebar;
  position: static;
  width: 0;
  transform: translate(-240px, 0);
  z-index: unset;
}
.app-container .content-wrapper {
  grid-area: content;
  z-index: unset;
}
.app-container .content-wrapper section.content {
  padding: 8px 15px;
}
.app-container .main-footer {
  grid-area: footer;
  background-color: #f4f4fa;
  text-align: center;
  color: #363B4D;
  z-index: unset;
}
@media (min-width: 768px) {
  .app-container {
    grid-template-areas: "sidebar header" "sidebar content" "sidebar footer";
    grid-template-columns: 240px calc(100% - 240px);
  }
  .app-container .main-header .navbar {
    margin-left: 0;
  }
  .app-container .main-sidebar {
    width: 240px;
    transform: translate(0, 0);
  }
  .app-container .content-wrapper {
    margin-left: 0;
  }
  .app-container .main-footer {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .sidebar-open .main-sidebar {
    width: 240px;
  }
  .sidebar-open .content-wrapper {
    transform: translate(240px, 0);
  }
  .sidebar-open .main-sidebar,
  .sidebar-open .main-footer {
    transform: translate(0, 0);
  }
}
@media (min-width: 768px) {
  .sidebar-collapse .app-container {
    grid-template-columns: 50px calc(100% - 50px);
  }
  .sidebar-collapse.sidebar-mini .main-header .navbar {
    margin-left: 0;
  }
  .sidebar-collapse.sidebar-mini .main-sidebar {
    z-index: 5;
  }
  .sidebar-collapse.sidebar-mini .content-wrapper,
  .sidebar-collapse.sidebar-mini .main-footer {
    margin-left: 0 !important;
    z-index: unset;
  }
}
.main-header {
  height: 50px;
}
.main-header .sidebar-toggle:before {
  font-family: 'Font Awesome 6 Pro';
}
.main-header .navbar {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
}
.main-header .navbar:before,
.main-header .navbar:after {
  content: unset;
}
.main-header .navbar .customer-support-header {
  display: inline-block;
  padding: 8px;
}
.main-header .navbar .customer-support-header:hover {
  background-color: #e6e6f4;
}
.main-header .navbar .customer-support-header:hover .customer-support-sidebar__icon {
  color: #363B4D;
}
.main-header .navbar .customer-support-header .customer-support-sidebar__icon {
  font-size: 16px;
  color: #A7AEC9;
}
.main-header .navbar .navbar__utility-actions {
  display: flex;
  height: 50px;
  margin: 0;
}
.main-header .navbar .navbar__utility-actions:before,
.main-header .navbar .navbar__utility-actions:after {
  content: unset;
}
.main-header .navbar .navbar__utility-actions > * {
  height: 100%;
}
.main-header .navbar .navbar__utility-actions #organizer-notifications .organizer-notifications__badge {
  position: absolute;
  top: 8px;
  right: 4px;
  padding: 2px 4px;
  font-size: 9px;
  line-height: 1;
}
.main-header .navbar .navbar__utility-actions #organizer-notifications .dropdown-menu {
  position: absolute;
  max-width: clamp(320px, 100%, 500px);
  background-color: white;
  box-shadow: 0 2px 8px 4px rgba(17, 17, 17, 0.08);
}
.main-header .navbar .navbar__utility-actions #organizer-notifications .dropdown-menu .organizer-notifications__list {
  max-height: 500px;
  overflow: auto;
  padding-top: 4px;
  padding-bottom: 4px;
}
.main-header .navbar .navbar__utility-actions #organizer-notifications .dropdown-menu .organizer-notifications__list a {
  border: 1px solid #D9DBE9;
}
.main-header .navbar .navbar__utility-actions #organizer-notifications .dropdown-menu .organizer-notifications__list > a + a {
  margin-top: 4px;
}
.main-header .navbar .navbar__utility-actions #organizer-notifications .dropdown-menu .organizer-notifications__list .organizer-notifications__task-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.main-header .navbar .navbar__utility-actions #organizer-notifications .dropdown-menu .organizer-notifications__list .organizer-notifications__task-heading .organizer-notifications__task-title {
  margin: 0;
  white-space: normal;
}
.main-header .navbar .navbar__utility-actions #organizer-notifications .dropdown-menu .organizer-notifications__list .organizer-notifications__task-heading .organizer-notifications__task-time {
  white-space: nowrap;
  font-size: 11px;
}
.main-header .navbar .navbar__utility-actions .language-picker .dropdown-menu {
  left: unset;
}
.main-header .navbar .navbar__utility-actions .language-picker .dropdown-menu > li {
  padding: 0;
}
.main-header .navbar .navbar__utility-actions .user.user-menu .dropdown-menu {
  min-width: 250px;
  padding: 12px 24px;
}
.main-header .navbar .navbar__utility-actions .user.user-menu .user__header {
  text-align: center;
}
.main-header .navbar .navbar__utility-actions .user.user-menu .user__header .user__avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  background-color: #363B4D;
  color: #FCFCFC;
  font-weight: 600;
}
.main-header .navbar .navbar__utility-actions .user.user-menu .user__header .user__name {
  margin-top: 12px;
  font-size: 18px;
}
.main-header .navbar .navbar__utility-actions .user.user-menu .user__footer {
  display: flex;
  gap: 8px;
  margin-top: 20px;
}
.main-header .navbar .navbar__utility-actions .user.user-menu .user__footer > * {
  flex: 1;
}
.form-email-action-group {
  margin-top: 12px;
}
.form-email-action-group .email-container input.automailer-email {
  border-top-left-radius: 0;
}
.form-email-action-group button.automailer-send {
  border-top-right-radius: 0;
}
.automailer-widget {
  display: block;
}
.automailer-widget .automailer-email-template {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 6px 12px;
  font-size: 12px;
  border: 1px solid #D9DBE9;
  border-bottom: none;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 0;
}
.automailer-widget .automailer-email-template label .automailer-template-name {
  width: 100%;
  overflow-x: clip;
  text-overflow: ellipsis;
  line-height: 20px;
}
.automailer-widget .form-email-action-group {
  margin-top: 0;
}
.automailer-widget .form-email-action-group .email-container > input.form-control {
  border-top-left-radius: 0;
}
@media (min-width: 500px) and (max-width: 991px), (min-width: 1400px) {
  .automailer-widget {
    display: flex;
  }
  .automailer-widget .automailer-email-template {
    max-width: 160px;
    border-right: none;
    border-bottom: 1px solid #D9DBE9;
    border-top-right-radius: 0;
    border-bottom-left-radius: 6px;
  }
  .automailer-widget .form-email-action-group .email-container input.automailer-email {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .automailer-widget .form-email-action-group button.automailer-send {
    border-top-right-radius: 4px;
  }
}
#preloader {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  -webkit-user-select: none;
          user-select: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 10% auto;
  height: 100%;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}
#preloader .page-loading-spinner {
  height: 225px;
}
#preloader.preload_add {
  background-color: #222429e6;
  position: fixed;
}
div.kv-loader-overlay {
  opacity: 1;
  z-index: 1;
}
div.kv-loader-overlay .kv-loader {
  background: transparent url(/build/17b2cb5aaf9fcc4ce859700a7e862aa0.svg) center center no-repeat;
  transform: translateX(-50%) translateY(-50%);
}
.inline-loading-spinner {
  width: 20px;
  height: 20px;
  -webkit-user-select: none;
          user-select: none;
}
.inline-loading-spinner.inline-loading-spinner--large {
  width: 32px;
  height: 32px;
}
.inline-loading-spinner.inline-loading-spinner--xs {
  width: 12px;
  height: 12px;
}
.box .overlay .inline-loading-spinner,
.modal .overlay .inline-loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 32px;
  height: 32px;
}
.pagination {
  display: inline-flex;
  justify-content: start;
  gap: 4px;
  margin-top: 12px;
}
.pagination li {
  border-radius: 4px;
}
.pagination li span,
.pagination li a {
  margin: 0;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  color: #363B4D;
  font-weight: 600;
}
.pagination li span i.fa,
.pagination li a i.fa {
  color: #363B4D;
}
.pagination li span:hover,
.pagination li a:hover,
.pagination li span:focus,
.pagination li a:focus {
  background-color: #e6e6e6;
}
.pagination li span:hover:active,
.pagination li a:hover:active,
.pagination li span:focus:active,
.pagination li a:focus:active {
  background-color: #e6e6e6;
}
.pagination li.disabled span:hover,
.pagination li.disabled a:hover {
  background-color: transparent;
}
.pagination li.disabled span:hover:active,
.pagination li.disabled a:hover:active {
  background-color: transparent;
}
.pagination li.active span,
.pagination li.active a {
  background-color: #EFF0F7;
  color: #363B4D;
}
.pagination li.active span:focus,
.pagination li.active a:focus {
  color: #363B4D;
  background-color: #EFF0F7;
}
.pagination li.active span:hover,
.pagination li.active a:hover {
  color: #363B4D;
  background-color: #EFF0F7;
}
.pagination li.active span:hover:active,
.pagination li.active a:hover:active {
  color: #363B4D;
  background-color: #EFF0F7;
}
ul.basic-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 0 0;
  padding: 0;
  list-style-type: none;
}
ul.basic-pagination li button {
  white-space: nowrap;
  font-size: 14px;
}
.pagination-with-summary {
  display: flex;
  flex-direction: column-reverse;
  align-items: start;
  gap: 12px;
}
.pagination-with-summary ul.basic-pagination,
.pagination-with-summary ul.pagination {
  margin-top: 0;
}
.pagination-with-summary > p,
.pagination-with-summary .table-summary,
.pagination-with-summary .summary {
  align-self: end;
  margin: 12px 0 0;
  font-size: 13px;
  font-style: italic;
}
@media (min-width: 600px) and (max-width: 992px), (min-width: 1200px) {
  .pagination-with-summary {
    flex-direction: row;
    justify-content: end;
  }
  .pagination-with-summary ul.basic-pagination,
  .pagination-with-summary ul.pagination {
    margin-top: 12px;
    margin-right: auto;
  }
  .pagination-with-summary > p,
  .pagination-with-summary .table-summary,
  .pagination-with-summary .summary {
    align-self: start;
  }
}
.support-header-placeholder {
  width: 100%;
  height: 36px;
}
.support-header {
  position: fixed;
  inset: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  margin: 0;
  background-color: #FF0000;
  font-size: 15px;
  font-weight: 600;
  color: #FCFCFC;
  z-index: 6;
}
.support-header .support-header__title {
  margin: 0;
}
.support-header.support-header--read-only {
  background-color: #2D7906;
}
.support-header.support-header--dashboard {
  background-color: #363B4D;
}
.scheduler_default_main .btn {
  box-sizing: border-box;
}
.dp-calendar__date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.dp-calendar__date.dp-calendar__date--weekend {
  background-color: #fbe4b9;
}
.dp-calendar__date.dp-calendar__date--today {
  background-color: #bdfa9d;
}
.dp-calendar__date.dp-calendar__date--narrow {
  gap: 4px;
}
.dp-calendar__date .dp-calendar__date-week {
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
}
.dp-calendar__date .dp-calendar__date-day {
  font-weight: 600;
}
.dp-calendar__date .dp-calendar__date-number {
  font-weight: 700;
  font-size: 22px;
}
.dp-calendar__date .dp-calendar__date-number.dp-calendar__date-number--narrow {
  font-size: 18px;
}
.dp-calendar__date .dp-calendar__date-month {
  color: #6b7597;
  font-weight: 600;
  text-transform: uppercase;
}
div#dp,
div#dp-spaced {
  border-radius: 8px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
div#dp .scheduler_default_corner,
div#dp-spaced .scheduler_default_corner {
  border-top-left-radius: 8px;
}
div#dp .scheduler_default_rowheader_scroll,
div#dp-spaced .scheduler_default_rowheader_scroll {
  border-bottom-left-radius: 8px;
}
div#dp .scheduler_default_divider.scheduler_default_splitter + div > div,
div#dp-spaced .scheduler_default_divider.scheduler_default_splitter + div > div {
  border-top-right-radius: 8px;
}
div#dp .scheduler_default_rowheader_inner,
div#dp-spaced .scheduler_default_rowheader_inner,
div#dp .scheduler_default_event_inner,
div#dp-spaced .scheduler_default_event_inner,
div#dp .scheduler_default_cell,
div#dp-spaced .scheduler_default_cell {
  display: flex;
  align-items: center;
}
div#dp .scheduler_default_cell,
div#dp-spaced .scheduler_default_cell {
  justify-content: center;
}
div#dp .scheduler_default_cell > input,
div#dp-spaced .scheduler_default_cell > input {
  background: transparent;
  border: none;
  width: 90%;
  text-align: center;
}
div#dp .scheduler_default_columnheader_cell,
div#dp-spaced .scheduler_default_columnheader_cell {
  display: inline-flex !important;
  align-items: center;
}
div#dp .scheduler_default_columnheader_cell .scheduler_default_columnheader_cell_inner,
div#dp-spaced .scheduler_default_columnheader_cell .scheduler_default_columnheader_cell_inner {
  padding: 0;
}
div#dp .scheduler_default_columnheader_cell .scheduler_default_columnheader_cell_inner:not(:empty),
div#dp-spaced .scheduler_default_columnheader_cell .scheduler_default_columnheader_cell_inner:not(:empty) {
  margin-left: 8px;
}
div#dp .scheduler_default_rowheader .scheduler_default_rowheader_inner,
div#dp-spaced .scheduler_default_rowheader .scheduler_default_rowheader_inner {
  padding: 0 8px;
}
div#dp .scheduler_default_rowheader .scheduler_default_rowheader_inner .rm-pty-img-spn,
div#dp-spaced .scheduler_default_rowheader .scheduler_default_rowheader_inner .rm-pty-img-spn {
  margin-right: 0;
}
div#dp .scheduler_default_rowheader .scheduler_default_rowheader_inner .rm-pty-img-spn:not(:first-child),
div#dp-spaced .scheduler_default_rowheader .scheduler_default_rowheader_inner .rm-pty-img-spn:not(:first-child) {
  margin-left: 4px;
}
div#dp .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_expand,
div#dp-spaced .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_expand,
div#dp .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_collapse,
div#dp-spaced .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_collapse {
  background: none;
}
div#dp .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_expand:before,
div#dp-spaced .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_expand:before,
div#dp .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_collapse:before,
div#dp-spaced .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_collapse:before {
  font-family: "Font Awesome 6 Pro";
}
div#dp .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_expand:before,
div#dp-spaced .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_expand:before {
  content: '\f078';
}
div#dp .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_collapse:before,
div#dp-spaced .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_collapse:before {
  content: '\f077';
}
div#dp .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_no_children,
div#dp-spaced .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_no_children {
  background-image: none;
}
div#dp .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_expand + div,
div#dp-spaced .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_expand + div,
div#dp .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_collapse + div,
div#dp-spaced .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_collapse + div,
div#dp .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_no_children + div,
div#dp-spaced .scheduler_default_rowheader .scheduler_default_rowheader_inner .scheduler_default_tree_image_no_children + div {
  margin-left: 8px;
}
div#dp .scheduler_default_rowheader.second-level .scheduler_default_rowheader_inner .scheduler_default_tree_image_expand + div,
div#dp-spaced .scheduler_default_rowheader.second-level .scheduler_default_rowheader_inner .scheduler_default_tree_image_expand + div,
div#dp .scheduler_default_rowheader.second-level .scheduler_default_rowheader_inner .scheduler_default_tree_image_collapse + div,
div#dp-spaced .scheduler_default_rowheader.second-level .scheduler_default_rowheader_inner .scheduler_default_tree_image_collapse + div,
div#dp .scheduler_default_rowheader.second-level .scheduler_default_rowheader_inner .scheduler_default_tree_image_no_children + div,
div#dp-spaced .scheduler_default_rowheader.second-level .scheduler_default_rowheader_inner .scheduler_default_tree_image_no_children + div {
  margin-left: 28px;
}
div#dp .scheduler_default_rowheader.third-level .scheduler_default_rowheader_inner .scheduler_default_tree_image_expand + div,
div#dp-spaced .scheduler_default_rowheader.third-level .scheduler_default_rowheader_inner .scheduler_default_tree_image_expand + div,
div#dp .scheduler_default_rowheader.third-level .scheduler_default_rowheader_inner .scheduler_default_tree_image_collapse + div,
div#dp-spaced .scheduler_default_rowheader.third-level .scheduler_default_rowheader_inner .scheduler_default_tree_image_collapse + div,
div#dp .scheduler_default_rowheader.third-level .scheduler_default_rowheader_inner .scheduler_default_tree_image_no_children + div,
div#dp-spaced .scheduler_default_rowheader.third-level .scheduler_default_rowheader_inner .scheduler_default_tree_image_no_children + div {
  margin-left: 48px;
}
div#dp .scheduler_default_timeheadercol_inner,
div#dp-spaced .scheduler_default_timeheadercol_inner {
  border-color: #e9eaf2;
  color: #363B4D;
}
div#dp .scheduler_default_timeheader_float,
div#dp-spaced .scheduler_default_timeheader_float {
  display: none;
}
div#dp .scheduler_default_event .scheduler_default_event_inner,
div#dp-spaced .scheduler_default_event .scheduler_default_event_inner,
div#dp .scheduler_default_event_float .scheduler_default_event_inner,
div#dp-spaced .scheduler_default_event_float .scheduler_default_event_inner,
div#dp .scheduler_default_event .scheduler_default_event_float_inner,
div#dp-spaced .scheduler_default_event .scheduler_default_event_float_inner,
div#dp .scheduler_default_event_float .scheduler_default_event_float_inner,
div#dp-spaced .scheduler_default_event_float .scheduler_default_event_float_inner {
  gap: 8px;
  margin: 1px;
  padding-left: 4px !important;
  padding-right: 4px !important;
  border-radius: 4px;
  border: none;
  font-weight: 600;
}
div#dp .scheduler_default_event .scheduler_default_event_inner .reservation__content,
div#dp-spaced .scheduler_default_event .scheduler_default_event_inner .reservation__content,
div#dp .scheduler_default_event_float .scheduler_default_event_inner .reservation__content,
div#dp-spaced .scheduler_default_event_float .scheduler_default_event_inner .reservation__content,
div#dp .scheduler_default_event .scheduler_default_event_float_inner .reservation__content,
div#dp-spaced .scheduler_default_event .scheduler_default_event_float_inner .reservation__content,
div#dp .scheduler_default_event_float .scheduler_default_event_float_inner .reservation__content,
div#dp-spaced .scheduler_default_event_float .scheduler_default_event_float_inner .reservation__content {
  display: flex;
  justify-content: end;
  gap: 2px;
  width: 100%;
  z-index: 1;
}
div#dp .scheduler_default_event .scheduler_default_event_inner .reservation__content .reservation__guests-info,
div#dp-spaced .scheduler_default_event .scheduler_default_event_inner .reservation__content .reservation__guests-info,
div#dp .scheduler_default_event_float .scheduler_default_event_inner .reservation__content .reservation__guests-info,
div#dp-spaced .scheduler_default_event_float .scheduler_default_event_inner .reservation__content .reservation__guests-info,
div#dp .scheduler_default_event .scheduler_default_event_float_inner .reservation__content .reservation__guests-info,
div#dp-spaced .scheduler_default_event .scheduler_default_event_float_inner .reservation__content .reservation__guests-info,
div#dp .scheduler_default_event_float .scheduler_default_event_float_inner .reservation__content .reservation__guests-info,
div#dp-spaced .scheduler_default_event_float .scheduler_default_event_float_inner .reservation__content .reservation__guests-info {
  flex: 1;
  overflow: hidden;
}
div#dp .scheduler_default_event .scheduler_default_event_inner .reservation__content .reservation__status-icons,
div#dp-spaced .scheduler_default_event .scheduler_default_event_inner .reservation__content .reservation__status-icons,
div#dp .scheduler_default_event_float .scheduler_default_event_inner .reservation__content .reservation__status-icons,
div#dp-spaced .scheduler_default_event_float .scheduler_default_event_inner .reservation__content .reservation__status-icons,
div#dp .scheduler_default_event .scheduler_default_event_float_inner .reservation__content .reservation__status-icons,
div#dp-spaced .scheduler_default_event .scheduler_default_event_float_inner .reservation__content .reservation__status-icons,
div#dp .scheduler_default_event_float .scheduler_default_event_float_inner .reservation__content .reservation__status-icons,
div#dp-spaced .scheduler_default_event_float .scheduler_default_event_float_inner .reservation__content .reservation__status-icons {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 4px;
}
div#dp .scheduler_default_event .scheduler_default_event_float_inner,
div#dp-spaced .scheduler_default_event .scheduler_default_event_float_inner,
div#dp .scheduler_default_event_float .scheduler_default_event_float_inner,
div#dp-spaced .scheduler_default_event_float .scheduler_default_event_float_inner {
  position: relative;
  display: flex;
  align-items: center;
  height: calc(100% - 6px);
  padding: 2px 4px 2px 8px !important;
}
div#dp .scheduler_default_event .scheduler_default_event_float_inner:after,
div#dp-spaced .scheduler_default_event .scheduler_default_event_float_inner:after,
div#dp .scheduler_default_event_float .scheduler_default_event_float_inner:after,
div#dp-spaced .scheduler_default_event_float .scheduler_default_event_float_inner:after {
  top: calc(50% - 5px);
  border-right-color: #363B4D;
}
div#dp .scheduler_default_event.scheduler_default_event_continueleft .scheduler_default_event_inner,
div#dp-spaced .scheduler_default_event.scheduler_default_event_continueleft .scheduler_default_event_inner,
div#dp .scheduler_default_event_float.scheduler_default_event_continueleft .scheduler_default_event_inner,
div#dp-spaced .scheduler_default_event_float.scheduler_default_event_continueleft .scheduler_default_event_inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
div#dp .scheduler_default_event.scheduler_default_event_continueright .scheduler_default_event_inner,
div#dp-spaced .scheduler_default_event.scheduler_default_event_continueright .scheduler_default_event_inner,
div#dp .scheduler_default_event_float.scheduler_default_event_continueright .scheduler_default_event_inner,
div#dp-spaced .scheduler_default_event_float.scheduler_default_event_continueright .scheduler_default_event_inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
div#dp .scheduler_default_event.event--full-size .scheduler_default_event_inner,
div#dp-spaced .scheduler_default_event.event--full-size .scheduler_default_event_inner,
div#dp .scheduler_default_event_float.event--full-size .scheduler_default_event_inner,
div#dp-spaced .scheduler_default_event_float.event--full-size .scheduler_default_event_inner {
  margin: 0 1px;
  border-radius: 0;
}
div#dp .event--align-center .scheduler_default_event_inner,
div#dp-spaced .event--align-center .scheduler_default_event_inner {
  justify-content: center;
}
#dp .scheduler_default_matrix_vertical_line {
  background-color: unset;
  border-right: none;
  border-left: 1px solid #eee;
}
#dp-spaced .scheduler_default_matrix_vertical_line {
  width: 0 !important;
}
.bubble_default_main .bubble_default_main_inner {
  padding: 8px;
  color: #363B4D;
  background: white;
  border-color: #D9DBE9;
  border-radius: 6px;
  box-shadow: 0 2px 8px 4px rgba(17, 17, 17, 0.08);
}
.bubble_default_main .bubble_default_main_inner .dp-calendar__bubble .dp-calendar__bubble-table {
  border-collapse: separate;
  width: 100%;
}
.bubble_default_main .bubble_default_main_inner .dp-calendar__bubble .dp-calendar__bubble-table tr td {
  padding: 2px 6px;
}
.bubble_default_main .bubble_default_main_inner .dp-calendar__bubble .dp-calendar__bubble-table .dp-calendar__bubble-room:not(:first-child) > td {
  border-top: 1px solid #D9DBE9;
}
.datepicker,
.datetimepicker {
  font-size: 16px;
}
.datepicker .datepicker-days table td,
.datetimepicker .datepicker-days table td,
.datepicker .datetimepicker-days table td,
.datetimepicker .datetimepicker-days table td {
  padding: 6px 10px;
}
.datepicker .datetimepicker-hours td > span,
.datetimepicker .datetimepicker-hours td > span,
.datepicker .datetimepicker-minutes td > span,
.datetimepicker .datetimepicker-minutes td > span {
  height: auto;
  padding-top: 2px;
  padding-bottom: 2px;
}
.datepicker table tr td.today,
.datetimepicker table tr td.today {
  background-color: #bdfa9d;
  border-color: #bdfa9d;
  color: #363B4D;
  background-image: none;
  text-shadow: none;
}
.datepicker table tr td.today:active,
.datetimepicker table tr td.today:active,
.datepicker table tr td.today:focus,
.datetimepicker table tr td.today:focus,
.datepicker table tr td.today:active:focus,
.datetimepicker table tr td.today:active:focus,
.datepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover,
.datepicker table tr td.today:active:hover,
.datetimepicker table tr td.today:active:hover {
  background-color: #cdfbb6;
  border-color: #cdfbb6;
  color: #363B4D;
}
.datepicker table tr td.active:active,
.datetimepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datetimepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datetimepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datetimepicker table tr td.active.highlighted.active,
.datepicker table tr td span.active:active,
.datetimepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datetimepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled:hover.active {
  background-image: none;
  background-color: #363B4D;
  color: #FCFCFC;
}
.datepicker table tr td.active:active:hover,
.datetimepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datetimepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datetimepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datetimepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td span.active:active:hover,
.datetimepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datetimepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datetimepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datetimepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datetimepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datetimepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datetimepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datetimepicker table tr td span.active.disabled:hover.active:hover {
  background-color: #2b303e;
}
.datepicker table tr td span.active.active:hover,
.datetimepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datetimepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datetimepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datetimepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datetimepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datetimepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datetimepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datetimepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datetimepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datetimepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datetimepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datetimepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datetimepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datetimepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datetimepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datetimepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datetimepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datetimepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datetimepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus,
.datetimepicker table tr td span.active.disabled:hover.active.focus {
  background-color: #2b303e;
}
.kv-editable {
  display: block;
}
.kv-editable .kv-editable-link {
  border-bottom: none;
  color: #363B4D;
  text-align: left;
}
.kv-editable-form > .panel {
  border: none;
  margin: 0;
  box-shadow: none;
}
.kv-editable-form > .card {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: none;
}
.kv-editable-parent.form-group {
  display: inline-block;
}
.kv-editable-content .form-group {
  margin: 0;
}
ul.task-list-column {
  margin: 0;
}
ul.task-list-column li.organizer-task {
  display: flex;
  margin: 12px 0 0 0;
  padding: 0;
  border-radius: 4px;
  border-left: none;
  box-shadow: 0 2px 8px 4px rgba(17, 17, 17, 0.08);
}
ul.task-list-column li.organizer-task .organizer-task__left-border {
  width: 8px;
  border-radius: 4px 0 0 4px;
}
ul.task-list-column li.organizer-task .organizer-task__main {
  flex-grow: 1;
  width: 100%;
}
ul.task-list-column li.organizer-task .organizer-task__main > * {
  margin-left: 12px;
  margin-right: 12px;
}
ul.task-list-column li.organizer-task .organizer-task__main > .organizer-task__main-content {
  margin-top: 12px;
}
ul.task-list-column li.organizer-task .organizer-task__main > .organizer-task__main-content p.organizer-task__title {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}
ul.task-list-column li.organizer-task .organizer-task__main > .organizer-task__main-content p.organizer-task__content {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 14px;
  white-space: break-spaces;
}
ul.task-list-column li.organizer-task .organizer-task__main > .organizer-task__main-content p.organizer-task__linked-reservation {
  margin: 8px 0 0;
  text-transform: capitalize;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments-button {
  margin-top: 8px;
  width: calc(100% - 24px);
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments .direct-chat-msg {
  margin-top: 20px;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments .direct-chat-msg:not(:first-child) {
  margin-top: 16px;
  margin-bottom: 16px;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments .direct-chat-msg .direct-chat-header {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments .direct-chat-msg .direct-chat-header .direct-chat-timestamp {
  color: #707893;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments .direct-chat-msg .direct-chat-content {
  display: flex;
  gap: 4px;
  margin: 4px 0 0;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments .direct-chat-msg .direct-chat-content .direct-chat-text {
  flex: 1;
  display: flex;
  margin: 0 0 0 4px;
  padding: 4px 4px 4px 8px;
  border-radius: 6px;
  border: none;
  background-color: #f4f4fa;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments .direct-chat-msg .direct-chat-content .direct-chat-text:before,
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments .direct-chat-msg .direct-chat-content .direct-chat-text:after {
  border-right-color: #f4f4fa;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments .direct-chat-msg .direct-chat-content .direct-chat-text p {
  flex: 1;
  margin: 0;
  color: #363B4D;
  word-break: break-word;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments .direct-chat-msg .direct-chat-content .direct-chat-text .delete-comment-button {
  align-self: start;
  font-size: 16px;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments .direct-chat-msg.direct-chat-msg__me .direct-chat-header {
  flex-direction: row-reverse;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments .direct-chat-msg.direct-chat-msg__me .direct-chat-content {
  flex-direction: row-reverse;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments .direct-chat-msg.direct-chat-msg__me .direct-chat-content .direct-chat-text {
  margin: 0 4px 0 0;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments .direct-chat-msg.direct-chat-msg__me .direct-chat-content .direct-chat-text:before,
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments .direct-chat-msg.direct-chat-msg__me .direct-chat-content .direct-chat-text:after {
  border-right: none;
  border-left-color: #f4f4fa;
  left: unset;
  right: -5px;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments div.form-group {
  margin-top: 12px;
  margin-bottom: 0;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__comments div.form-group div.input-group .add-comment-input {
  font-weight: 400;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__footer {
  margin: 10px 8px 8px;
  padding: 10px 8px 0;
  border: 1px solid #D9DBE9;
  border-radius: 6px;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__footer .organizer-task__user-avatar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__footer .organizer-task__user-avatar .organizer-task__user-details p {
  margin: 0;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__footer .organizer-task__user-avatar .organizer-task__user-details p.organizer-task__created-by {
  font-size: 10px;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__footer .organizer-task__user-avatar .organizer-task__user-details p.organizer-task__username {
  font-weight: 600;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__footer div.organizer-task__details-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  border-top: 1px solid #D9DBE9;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__footer div.organizer-task__details-actions .organizer-task__timestamp {
  margin: 0 auto 0 0;
}
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__footer div.organizer-task__details-actions .edit-task-button,
ul.task-list-column li.organizer-task .organizer-task__main .organizer-task__footer div.organizer-task__details-actions .delete-task-button {
  font-size: 18px;
}
ul.task-list-column li.organizer-task .organizer-task__main span.initials-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 10px;
  border-radius: 50%;
  text-align: center;
  background-color: #363B4D;
  color: #FCFCFC;
  font-size: 13px;
  font-weight: 600;
}
.daterangepicker .ranges ul li.active {
  background-color: #363B4D;
}
.daterangepicker .drp-calendar .calendar-table .in-range {
  background-color: #EFF0F7;
}
.daterangepicker .drp-calendar .calendar-table .start-date,
.daterangepicker .drp-calendar .calendar-table .end-date {
  background-color: #363B4D;
}
.daterangepicker .drp-buttons .drp-selected {
  color: #363B4D;
  font-weight: 600;
}
.kv-drp-dropdown .kv-clear {
  padding: 6px 10px;
  font-size: 14px;
  right: unset;
  line-height: 1;
}
.status-indicator {
  display: inline-flex;
  height: 20px;
  width: 20px;
  border: 1px solid #c9cce0;
  border-radius: 4px;
}
.status-indicator--icon {
  text-align: center;
  font-size: 16px;
  line-height: 1;
}
.status-indicator-sm {
  height: 12px;
  width: 12px;
}
.status-indicator--invoiced {
  height: 20px;
  width: 3px;
  background-color: #FF0000;
  border-radius: 4px;
}
.calendar-toolbar-navigation .btn-group {
  display: flex;
  justify-content: end;
  width: 100%;
}
.calendar-toolbar-navigation .btn-group button {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 75px;
}
@media (min-width: 767px) {
  .calendar-toolbar-navigation .btn-group {
    justify-content: end;
  }
  .calendar-toolbar-navigation .btn-group button {
    max-width: 50px;
    flex-grow: unset;
    flex-basis: unset;
  }
}
.list-controls {
  display: grid;
  grid-template-areas: "all items-search" "from-to from-to" "month-year month-year";
  grid-template-columns: auto 1fr auto;
  gap: 8px;
}
.list-controls .list-controls__group {
  display: inline-flex;
  width: fit-content;
  padding: 8px;
  border: 1px solid #D9DBE9;
  border-radius: 4px;
}
.list-controls .list-controls__group > * {
  align-self: center;
}
.list-controls .list-controls__all {
  grid-area: all;
}
.list-controls .list-controls__from-to {
  grid-area: from-to;
}
.list-controls .list-controls__from-to .form-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
}
.list-controls .list-controls__month-year {
  grid-area: month-year;
}
.list-controls .list-controls__month-year .form-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
}
.list-controls .list-controls__items-search {
  grid-area: items-search;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 8px;
}
@media (min-width: 400px) {
  .list-controls {
    grid-template-areas: "all items-search" "from-to from-to" "month-year month-year";
    grid-template-columns: auto 1fr auto;
  }
}
@media (min-width: 1000px) {
  .list-controls {
    grid-template-areas: "all from-to items-search" "month-year month-year month-year";
    grid-template-columns: auto auto 1fr auto;
  }
}
@media (min-width: 1250px) {
  .list-controls {
    grid-template-areas: "all from-to month-year items-search";
    grid-template-columns: auto auto auto 1fr auto;
  }
}
.arriving-guests-field {
  width: 100%;
}
.arriving-guests-field .arriving-guests-field__guests {
  display: flex;
  align-items: start;
  gap: 8px;
}
.arriving-guests-field .arriving-guests-field__guests .edit-guest.edit-guest-selected {
  background-color: #cdd0e6;
}
.arriving-guests-field .arriving-guests-field__guest-form {
  margin-top: 8px;
}
.arriving-guests-field .arriving-guests-field__guest-form .arriving-guests-field__guest-fields {
  width: 100%;
}
.arriving-guests-field .arriving-guests-field__guest-form .arriving-guests-field__form-actions {
  display: flex;
  gap: 8px;
}
.arriving-guests-field .arriving-guests-field__guest-form .arriving-guests-field__form-actions > * {
  width: 100%;
}
@media (min-width: 500px) {
  .arriving-guests-field .arriving-guests-field__guest-form .arriving-guests-field__guest-fields {
    display: flex;
    gap: 8px;
  }
  .arriving-guests-field .arriving-guests-field__guest-form .arriving-guests-field__guest-fields > *:not(:first-child) {
    flex: 1;
  }
}
@media (min-width: 768px) {
  .arriving-guests-field .arriving-guests-field__guest-form {
    display: flex;
    gap: 12px;
  }
  .arriving-guests-field .arriving-guests-field__guest-form .arriving-guests-field__guest-fields > .form-group {
    margin-bottom: 0;
  }
  .arriving-guests-field .arriving-guests-field__guest-form .arriving-guests-field__form-actions {
    align-items: end;
  }
}
.chip-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 4px;
}
.chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #363B4D;
  background-color: #EFF0F7;
  border-color: #e8eaf4;
  padding: 4px 6px;
  font-size: 12px;
  line-height: 1;
  border-radius: 4px;
  min-height: 28px;
  border-radius: 6px;
  border: 1px solid transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.chip:focus {
  outline: #363B4D solid 1px;
  outline-offset: -2px;
}
.chip.kv-hidden {
  display: none;
}
.chip:focus,
.chip.focus {
  color: #363B4D;
  background-color: #cdd0e6;
  border-color: #939ac9;
}
.chip:hover {
  color: #363B4D;
  background-color: #cdd0e6;
  border-color: #bfc3df;
}
.chip:active,
.chip.active,
.open > .dropdown-toggle.chip {
  color: #363B4D;
  background-color: #cdd0e6;
  background-image: none;
  border-color: #bfc3df;
}
.chip:active:hover,
.chip.active:hover,
.open > .dropdown-toggle.chip:hover,
.chip:active:focus,
.chip.active:focus,
.open > .dropdown-toggle.chip:focus,
.chip:active.focus,
.chip.active.focus,
.open > .dropdown-toggle.chip.focus {
  color: #363B4D;
  background-color: #b5bada;
  border-color: #939ac9;
}
.chip.disabled:hover,
.chip[disabled]:hover,
fieldset[disabled] .chip:hover,
.chip.disabled:focus,
.chip[disabled]:focus,
fieldset[disabled] .chip:focus,
.chip.disabled.focus,
.chip[disabled].focus,
fieldset[disabled] .chip.focus {
  background-color: #EFF0F7;
  border-color: #e8eaf4;
}
.chip .badge {
  color: #EFF0F7;
  background-color: #363B4D;
}
.chip .badge {
  background-color: #F4B740;
}
.chip i {
  font-size: 14px;
}
.chip.disabled {
  cursor: default;
}
.chip.has-error {
  outline: 1px solid #FF0000;
  outline-offset: 1px;
  margin-inline: 1px;
}
.chip .chip-remove {
  font-size: 16px;
  opacity: 0.5;
}
.chip .chip-remove:hover {
  cursor: pointer;
  opacity: 1;
}
.room-pricing-block .room-pricing__pack-price {
  margin-top: 8px;
}
.room-pricing-block .room-pricing__table {
  width: 100%;
  margin-top: 8px;
  border-collapse: collapse;
}
.room-pricing-block .room-pricing__table td {
  max-width: 1px;
  border: 1px solid #D9DBE9;
}
.room-pricing-block .room-pricing__table .room-rate-week {
  width: 1%;
  max-width: 100px;
  border: none;
  border-right: 1px solid #D9DBE9;
}
.room-pricing-block .room-pricing__table .room-rate-week > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
}
.room-pricing-block .room-pricing__table .room-rate-week-separator {
  height: 8px;
  border: none;
}
.room-pricing-block .room-pricing__table .room-rate-wrapper > * {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
}
.room-pricing-block .room-pricing__table .room-rate-wrapper .room-rate-header {
  background-color: #EFF0F7;
  text-align: center;
  font-weight: bold;
  color: #363B4D;
}
.room-pricing-block .room-pricing__table .room-rate-wrapper .room_rate {
  border-top: 1px solid #D9DBE9;
}
.room-pricing-block .room-pricing__table .room-rate-wrapper .room_rate .room_rate_value {
  padding: 4px 8px;
  overflow: hidden;
}
.room-pricing-block .room-pricing__table .room-rate-wrapper .room_rate .room_rate_textbox {
  display: none;
  width: calc(100% - 4px);
  height: 24px;
  margin: 2px;
  padding: 0;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #D9DBE9;
}
.room-pricing-block .room-pricing__table .room-rate-wrapper .room_rate .room_rate_textbox:focus-visible {
  border: 1px solid #363B4D;
  outline: none;
}
.room-pricing-block .room-pricing__table .room-rate-summary {
  padding-top: 8px;
  border: none;
}
.noUi-marker-large,
.noUi-marker-sub {
  background: #363B4D;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 12px;
}
.noUi-marker-horizontal.noUi-marker {
  width: 1px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 8px;
}
.noUi-value:not(.noUi-value-sub) {
  margin-top: 8px;
}
.noUi-value-sub {
  margin-top: 4px;
  font-size: 12px;
}
.noUi-value-horizontal {
  color: #363B4D;
}
.noUi-tooltip {
  padding: 4px 8px;
  border: 1px solid #D9DBE9;
  border-radius: 4px;
  color: #363B4D;
  font-weight: bold;
}
.noUi-connects {
  border-radius: 4px;
}
.noUi-target {
  background: #EFF0F7;
  border: 1px solid #D9DBE9;
}
.noUi-handle {
  border: 1px solid #D9DBE9;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: unset;
}
.bootstrap-switch {
  border-color: #D9DBE9;
}
.bootstrap-switch .bootstrap-switch-container .bootstrap-switch-handle-on.bootstrap-switch-primary {
  background: #363B4D;
  color: #FCFCFC;
  font-weight: 600;
}
.bootstrap-switch .bootstrap-switch-container .bootstrap-switch-handle-off.bootstrap-switch-default {
  background: #EFF0F7;
  color: #363B4D;
  font-weight: 600;
}
.bootstrap-switch.bootstrap-switch-focused {
  border-color: #363B4D;
  outline: 1px solid #363B4D;
  box-shadow: none;
}
.sortable-list-default {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sortable-list-default li {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 6px 8px;
  border: #D9DBE9;
  border-radius: 4px;
  background: #EFF0F7;
  cursor: pointer;
}
.sortable-list-default li + li {
  margin-top: 2px;
}
.file-error-message {
  position: relative;
  margin: 0 0 12px;
  padding: 12px 40px 12px 12px;
  border: none;
  background-color: #FF0000;
  color: #FCFCFC;
}
.file-error-message button.close {
  position: absolute;
  top: 8px;
  right: 8px;
  border: 1px solid #FCFCFC;
  border-radius: 4px;
  color: #FCFCFC;
  font-weight: bold;
  opacity: 1;
}
.file-error-message button.close:hover {
  background-color: #FFFFFFAA;
}
.file-input .file-caption-icon {
  z-index: 2;
}
.file-input .file-caption-icon i.bi-file-earmark-arrow-up {
  font-style: normal;
}
.file-input .file-caption-icon i.bi-file-earmark-arrow-up:after {
  content: '\f574';
  font-family: 'Font Awesome 6 Pro';
}
.file-input .btn-file i.bi-folder2-open {
  font-style: normal;
}
.file-input .btn-file i.bi-folder2-open:after {
  content: '\f07c';
  font-family: 'Font Awesome 6 Pro';
}
input[type="file"]::-webkit-file-upload-button {
  cursor: pointer;
}
.modal.bootstrap-dialog .modal-header.bootstrap-dialog-header {
  padding-bottom: 6px;
  background-color: white;
  border-color: white;
  border-bottom: 1px solid #EFF0F7;
}
.modal.bootstrap-dialog .modal-header.bootstrap-dialog-header:hover {
  background-color: white;
  border-color: white;
}
.modal.bootstrap-dialog .modal-header.bootstrap-dialog-header .bootstrap-dialog-title {
  font-weight: bold;
  color: #363B4D;
  line-height: 1.42857143;
  font-size: 18px;
}
.pdf-wrapper {
  display: flex;
  flex-flow: column;
  height: 100vh;
}
.pdf-wrapper > nav.pdf-wrapper__navbar {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
  width: 100%;
  padding: 6px;
  background-color: #EFF0F7;
}
.pdf-wrapper > nav.pdf-wrapper__navbar > .pdf-wrapper__navbar-options {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pdf-wrapper > nav.pdf-wrapper__navbar > .pdf-wrapper__navbar-options > .pdf-wrapper__title {
  margin: auto 4px;
}
.pdf-wrapper > nav.pdf-wrapper__navbar > .pdf-wrapper__main-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.pdf-wrapper > iframe {
  width: 100%;
  height: 100%;
  border-width: 0;
  flex: 1;
}
.react-select-container .react-select__control {
  border-radius: 6px;
  min-height: 34px;
  border-color: #D9DBE9;
  box-shadow: unset;
}
.react-select-container .react-select__control:hover {
  border-color: #D9DBE9;
}
.react-select-container .react-select__value-container {
  padding: 4px 0 4px 6px;
}
.react-select-container .react-select__multi-value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #363B4D;
  background-color: #EFF0F7;
  border-color: #e8eaf4;
  padding: 4px 6px;
  font-size: 12px;
  line-height: 1;
  border-radius: 4px;
  min-height: 28px;
  border-radius: 6px;
  border: 1px solid transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  position: relative;
  min-height: 24px;
  margin: 0 4px 0 0;
  padding: 4px 32px 4px 6px;
  font-weight: 700;
}
.react-select-container .react-select__multi-value:focus {
  outline: #363B4D solid 1px;
  outline-offset: -2px;
}
.react-select-container .react-select__multi-value.kv-hidden {
  display: none;
}
.react-select-container .react-select__multi-value:focus,
.react-select-container .react-select__multi-value.focus {
  color: #363B4D;
  background-color: #cdd0e6;
  border-color: #939ac9;
}
.react-select-container .react-select__multi-value:hover {
  color: #363B4D;
  background-color: #cdd0e6;
  border-color: #bfc3df;
}
.react-select-container .react-select__multi-value:active,
.react-select-container .react-select__multi-value.active,
.open > .dropdown-toggle.react-select-container .react-select__multi-value {
  color: #363B4D;
  background-color: #cdd0e6;
  background-image: none;
  border-color: #bfc3df;
}
.react-select-container .react-select__multi-value:active:hover,
.react-select-container .react-select__multi-value.active:hover,
.open > .dropdown-toggle.react-select-container .react-select__multi-value:hover,
.react-select-container .react-select__multi-value:active:focus,
.react-select-container .react-select__multi-value.active:focus,
.open > .dropdown-toggle.react-select-container .react-select__multi-value:focus,
.react-select-container .react-select__multi-value:active.focus,
.react-select-container .react-select__multi-value.active.focus,
.open > .dropdown-toggle.react-select-container .react-select__multi-value.focus {
  color: #363B4D;
  background-color: #b5bada;
  border-color: #939ac9;
}
.react-select-container .react-select__multi-value.disabled:hover,
.react-select-container .react-select__multi-value[disabled]:hover,
fieldset[disabled] .react-select-container .react-select__multi-value:hover,
.react-select-container .react-select__multi-value.disabled:focus,
.react-select-container .react-select__multi-value[disabled]:focus,
fieldset[disabled] .react-select-container .react-select__multi-value:focus,
.react-select-container .react-select__multi-value.disabled.focus,
.react-select-container .react-select__multi-value[disabled].focus,
fieldset[disabled] .react-select-container .react-select__multi-value.focus {
  background-color: #EFF0F7;
  border-color: #e8eaf4;
}
.react-select-container .react-select__multi-value .badge {
  color: #EFF0F7;
  background-color: #363B4D;
}
.react-select-container .react-select__multi-value .badge {
  background-color: #F4B740;
}
.react-select-container .react-select__multi-value i {
  font-size: 14px;
}
.react-select-container .react-select__multi-value.disabled {
  cursor: default;
}
.react-select-container .react-select__multi-value.has-error {
  outline: 1px solid #FF0000;
  outline-offset: 1px;
  margin-inline: 1px;
}
.react-select-container .react-select__multi-value .chip-remove {
  font-size: 16px;
  opacity: 0.5;
}
.react-select-container .react-select__multi-value .chip-remove:hover {
  cursor: pointer;
  opacity: 1;
}
.react-select-container .react-select__multi-value__label {
  padding: 0;
  font-size: 100%;
}
.react-select-container .react-select__multi-value__remove {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0 ;
  padding: 0;
}
.react-select-container .react-select__multi-value__remove:before {
  content: '\f057';
  font-family: "Font Awesome 6 Pro";
  position: relative;
  right: 22px;
  font-size: 16px;
  opacity: 0.5;
  cursor: pointer;
}
.react-select-container .react-select__multi-value__remove:hover:before {
  opacity: 1;
  color: #363B4D;
}
.react-select-container .react-select__input-container {
  margin: 0;
  color: #363B4D;
}
.react-select-container .react-select__indicator {
  padding: calc((34px - 2px - 20px) / 2);
  color: #b6bbcc;
}
.react-select-container .react-select__indicator:hover {
  color: #363B4D;
}
.react-select-container .react-select__indicator-separator {
  display: none;
}
.react-select-container .react-select__option {
  color: #363B4D;
}
.react-select-container .react-select__option.react-select__option--is-selected {
  background: #f6f6fa;
}
.react-select-container .react-select__option:hover,
.react-select-container .react-select__option.react-select__option--is-focused {
  background: #EFF0F7;
}
.form-group.has-error .react-select-container .react-select__control {
  border-color: #FF0000;
}
.client-vip-status-indicator {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 4px;
}
.apexcharts-tooltip {
  font-size: 12px !important;
}
.apexcharts-tooltip .apexcharts-tooltip-title {
  padding-bottom: 4px;
  font-size: 12px;
  font-weight: bold;
}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: #f8f8fc;
}
.apexcharts-tooltip .apexcharts-tooltip-y-group {
  padding: 0;
}
.apexcharts-tooltip .apexcharts-tooltip-series-group {
  padding-top: 4px;
}
.apexcharts-tooltip .apexcharts-tooltip-footer {
  padding: 6px 10px;
  font-weight: bold;
}
.apexcharts-legend .apexcharts-legend-text {
  font-size: 12px;
}
.apexcharts-legend.apx-legend-position-top {
  margin-bottom: 12px;
}
.apexcharts-legend.apx-legend-position-right {
  flex-wrap: wrap;
}
.language-picker.open ul.dropdown-menu {
  z-index: 1000;
}
.twitter-typeahead .tt-menu .tt-suggestion {
  padding-inline: 10px;
}
.twitter-typeahead .tt-menu.tt-open {
  max-height: 200px;
}
.dashboard-page .dashboard__forecast .dashboard__forecast-today {
  margin: 0 8px 8px;
  border: 1px solid #D9DBE9;
  border-radius: 8px;
}
.dashboard-page .dashboard__forecast .dashboard__forecast-today .dashboard__today-title {
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #D9DBE9;
  text-align: center;
}
.dashboard-page .dashboard__forecast .dashboard__forecast-today .dashboard__today-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 8px 12px;
  text-align: center;
}
.dashboard-page .dashboard__forecast .dashboard__forecast-today .dashboard__today-block > .dashboard__today-block-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.25;
}
.dashboard-page .dashboard__forecast .dashboard__forecast-today .dashboard__today-block > .dashboard__today-block-helper {
  margin-top: 4px;
  font-size: 12px;
}
.dashboard-page .dashboard__forecast .dashboard__forecast-today .dashboard__today-block :last-child {
  margin-bottom: 0;
}
.dashboard-page .dashboard_organizer-box {
  margin-top: 12px;
  margin-bottom: 0;
  border: 2px solid transparent;
  border-top-width: 20px;
  overflow: hidden;
}
.dashboard-page .dashboard_organizer-box .box-tools input.edit-color {
  position: absolute;
  width: 0;
  height: 0;
  border: 1px solid transparent;
  background: none;
  outline: none;
}
.dashboard-page .dashboard_organizer-box .box-tools .edit-color-trigger {
  color: #A7AEC9;
  cursor: pointer;
  z-index: 1;
}
.dashboard-page .dashboard__cashbook {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
  padding: 12px;
  border-radius: 8px;
  background-color: #363B4D;
}
.dashboard-page .dashboard__cashbook .dashboard__cashbook-balance {
  color: #FCFCFC;
  font-size: 30px;
  font-weight: 700;
  white-space: nowrap;
}
.dashboard-page .dashboard__cashbook .btn {
  white-space: normal;
}
.login-page {
  background-color: #f4f4fa;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 100vh;
  flex-wrap: nowrap;
}
.login-page h1 {
  margin-top: 0;
  font-weight: bold;
}
.login-page__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 8px;
}
.login-page__content .btn-login {
  color: #FCFCFC;
  background-color: #DF0079;
  border-color: #c6006b;
}
.login-page__content .btn-login:focus,
.login-page__content .btn-login.focus {
  color: #FCFCFC;
  background-color: #ac005d;
  border-color: #460026;
}
.login-page__content .btn-login:hover {
  color: #FCFCFC;
  background-color: #ac005d;
  border-color: #88004a;
}
.login-page__content .btn-login:active,
.login-page__content .btn-login.active,
.open > .dropdown-toggle.login-page__content .btn-login {
  color: #FCFCFC;
  background-color: #ac005d;
  background-image: none;
  border-color: #88004a;
}
.login-page__content .btn-login:active:hover,
.login-page__content .btn-login.active:hover,
.open > .dropdown-toggle.login-page__content .btn-login:hover,
.login-page__content .btn-login:active:focus,
.login-page__content .btn-login.active:focus,
.open > .dropdown-toggle.login-page__content .btn-login:focus,
.login-page__content .btn-login:active.focus,
.login-page__content .btn-login.active.focus,
.open > .dropdown-toggle.login-page__content .btn-login.focus {
  color: #FCFCFC;
  background-color: #88004a;
  border-color: #460026;
}
.login-page__content .btn-login.disabled:hover,
.login-page__content .btn-login[disabled]:hover,
fieldset[disabled] .login-page__content .btn-login:hover,
.login-page__content .btn-login.disabled:focus,
.login-page__content .btn-login[disabled]:focus,
fieldset[disabled] .login-page__content .btn-login:focus,
.login-page__content .btn-login.disabled.focus,
.login-page__content .btn-login[disabled].focus,
fieldset[disabled] .login-page__content .btn-login.focus {
  background-color: #DF0079;
  border-color: #c6006b;
}
.login-page__content .btn-login .badge {
  color: #DF0079;
  background-color: #FCFCFC;
}
.login-page__content .btn-login:focus {
  outline-color: white;
}
.login-page__cover {
  display: none;
  background-image: url(/build/7db6108147922fff17959d7185c41ba4.jpg);
  background-position: center center;
  background-size: cover;
}
.login-page--christmas .login-page__cover {
  background-image: url(/build/7cc2c52f03393ced37072b0dfb373144.jpg);
  background-position: center right;
  background-color: #44547c;
}
.login-page--christmas button[type="submit"] {
  color: #fff;
  background-color: #FF0000;
  border-color: #e60000;
}
.login-page--christmas button[type="submit"]:focus,
.login-page--christmas button[type="submit"].focus {
  color: #fff;
  background-color: #cc0000;
  border-color: #660000;
}
.login-page--christmas button[type="submit"]:hover {
  color: #fff;
  background-color: #cc0000;
  border-color: #a80000;
}
.login-page--christmas button[type="submit"]:active,
.login-page--christmas button[type="submit"].active,
.open > .dropdown-toggle.login-page--christmas button[type="submit"] {
  color: #fff;
  background-color: #cc0000;
  background-image: none;
  border-color: #a80000;
}
.login-page--christmas button[type="submit"]:active:hover,
.login-page--christmas button[type="submit"].active:hover,
.open > .dropdown-toggle.login-page--christmas button[type="submit"]:hover,
.login-page--christmas button[type="submit"]:active:focus,
.login-page--christmas button[type="submit"].active:focus,
.open > .dropdown-toggle.login-page--christmas button[type="submit"]:focus,
.login-page--christmas button[type="submit"]:active.focus,
.login-page--christmas button[type="submit"].active.focus,
.open > .dropdown-toggle.login-page--christmas button[type="submit"].focus {
  color: #fff;
  background-color: #a80000;
  border-color: #660000;
}
.login-page--christmas button[type="submit"].disabled:hover,
.login-page--christmas button[type="submit"][disabled]:hover,
fieldset[disabled] .login-page--christmas button[type="submit"]:hover,
.login-page--christmas button[type="submit"].disabled:focus,
.login-page--christmas button[type="submit"][disabled]:focus,
fieldset[disabled] .login-page--christmas button[type="submit"]:focus,
.login-page--christmas button[type="submit"].disabled.focus,
.login-page--christmas button[type="submit"][disabled].focus,
fieldset[disabled] .login-page--christmas button[type="submit"].focus {
  background-color: #FF0000;
  border-color: #e60000;
}
.login-page--christmas button[type="submit"] .badge {
  color: #FF0000;
  background-color: #fff;
}
@media (min-width: 480px) {
  .login-page__content .box {
    width: 360px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .login-page__content {
    min-width: 500px;
  }
  .login-page__cover {
    display: flex;
    flex: 1;
  }
}
.stripe-connect {
  box-sizing: initial;
  display: inline-block;
  margin-bottom: 1px;
  background-image: linear-gradient(#28A0E5, #015E94);
  -webkit-font-smoothing: antialiased;
  border: 0;
  padding: 1px;
  height: 30px;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.stripe-connect span {
  display: block;
  position: relative;
  padding: 0 12px 0 44px;
  height: 30px;
  background-image: linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  font-size: 14px;
  line-height: 30px;
  color: white;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  border-radius: 3px;
}
.stripe-connect span:before {
  content: '';
  display: block;
  position: absolute;
  left: 11px;
  top: 50%;
  width: 23px;
  height: 24px;
  margin-top: -12px;
  background-repeat: no-repeat;
  background-size: 23px 24px;
}
.stripe-connect:active {
  background: #005D93;
}
.stripe-connect:active span {
  color: #EEE;
  background-image: linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}
.stripe-connect.light-blue {
  background-image: linear-gradient(#b5c3d8, #9cabc2);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.stripe-connect.light-blue span {
  color: #556F88;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background-image: linear-gradient(#f0f5fa, #e4ecf5 85%, #e7eef6);
  box-shadow: inset 0 1px 0 #fff;
}
.stripe-connect.light-blue:active {
  background: #9babc2;
}
.stripe-connect.light-blue:active span {
  color: #556F88;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background-image: linear-gradient(#d7dee8, #e7eef6);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
}
/* Images*/
.stripe-connect.light-blue span:before {
  background-image: url("data:image/png;base64,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");
}
/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .stripe-connect.light-blue span:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAwCAYAAABuZUjcAAAKRGlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUFNcXx9/MbC+0XZYiZem9twWkLr1IlSYKy+4CS1nWZRewN0QFIoqICFYkKGLAaCgSK6JYCAgW7AEJIkoMRhEVlczGHPX3Oyf5/U7eH3c+8333nnfn3vvOGQAoASECYQ6sAEC2UCKO9PdmxsUnMPG9AAZEgAM2AHC4uaLQKL9ogK5AXzYzF3WS8V8LAuD1LYBaAK5bBIQzmX/p/+9DkSsSSwCAwtEAOx4/l4tyIcpZ+RKRTJ9EmZ6SKWMYI2MxmiDKqjJO+8Tmf/p8Yk8Z87KFPNRHlrOIl82TcRfKG/OkfJSREJSL8gT8fJRvoKyfJc0WoPwGZXo2n5MLAIYi0yV8bjrK1ihTxNGRbJTnAkCgpH3FKV+xhF+A5gkAO0e0RCxIS5cwjbkmTBtnZxYzgJ+fxZdILMI53EyOmMdk52SLOMIlAHz6ZlkUUJLVlokW2dHG2dHRwtYSLf/n9Y+bn73+GWS9/eTxMuLPnkGMni/al9gvWk4tAKwptDZbvmgpOwFoWw+A6t0vmv4+AOQLAWjt++p7GLJ5SZdIRC5WVvn5+ZYCPtdSVtDP6386fPb8e/jqPEvZeZ9rx/Thp3KkWRKmrKjcnKwcqZiZK+Jw+UyL/x7ifx34VVpf5WEeyU/li/lC9KgYdMoEwjS03UKeQCLIETIFwr/r8L8M+yoHGX6aaxRodR8BPckSKPTRAfJrD8DQyABJ3IPuQJ/7FkKMAbKbF6s99mnuUUb3/7T/YeAy9BXOFaQxZTI7MprJlYrzZIzeCZnBAhKQB3SgBrSAHjAGFsAWOAFX4Al8QRAIA9EgHiwCXJAOsoEY5IPlYA0oAiVgC9gOqsFeUAcaQBM4BtrASXAOXARXwTVwE9wDQ2AUPAOT4DWYgSAID1EhGqQGaUMGkBlkC7Egd8gXCoEioXgoGUqDhJAUWg6tg0qgcqga2g81QN9DJ6Bz0GWoH7oDDUPj0O/QOxiBKTAd1oQNYSuYBXvBwXA0vBBOgxfDS+FCeDNcBdfCR+BW+Bx8Fb4JD8HP4CkEIGSEgeggFggLYSNhSAKSioiRlUgxUonUIk1IB9KNXEeGkAnkLQaHoWGYGAuMKyYAMx/DxSzGrMSUYqoxhzCtmC7MdcwwZhLzEUvFamDNsC7YQGwcNg2bjy3CVmLrsS3YC9ib2FHsaxwOx8AZ4ZxwAbh4XAZuGa4UtxvXjDuL68eN4KbweLwa3gzvhg/Dc/ASfBF+J/4I/gx+AD+Kf0MgE7QJtgQ/QgJBSFhLqCQcJpwmDBDGCDNEBaIB0YUYRuQRlxDLiHXEDmIfcZQ4Q1IkGZHcSNGkDNIaUhWpiXSBdJ/0kkwm65KdyRFkAXk1uYp8lHyJPEx+S1GimFLYlESKlLKZcpBylnKH8pJKpRpSPakJVAl1M7WBep76kPpGjiZnKRcox5NbJVcj1yo3IPdcnihvIO8lv0h+qXyl/HH5PvkJBaKCoQJbgaOwUqFG4YTCoMKUIk3RRjFMMVuxVPGw4mXFJ0p4JUMlXyWeUqHSAaXzSiM0hKZHY9O4tHW0OtoF2igdRzeiB9Iz6CX07+i99EllJWV75RjlAuUa5VPKQwyEYcgIZGQxyhjHGLcY71Q0VbxU+CqbVJpUBlSmVeeoeqryVYtVm1Vvqr5TY6r5qmWqbVVrU3ugjlE3VY9Qz1ffo35BfWIOfY7rHO6c4jnH5tzVgDVMNSI1lmkc0OjRmNLU0vTXFGnu1DyvOaHF0PLUytCq0DqtNa5N03bXFmhXaJ/RfspUZnoxs5hVzC7mpI6GToCOVGe/Tq/OjK6R7nzdtbrNug/0SHosvVS9Cr1OvUl9bf1Q/eX6jfp3DYgGLIN0gx0G3QbThkaGsYYbDNsMnxipGgUaLTVqNLpvTDX2MF5sXGt8wwRnwjLJNNltcs0UNnUwTTetMe0zg80czQRmu836zbHmzuZC81rzQQuKhZdFnkWjxbAlwzLEcq1lm+VzK32rBKutVt1WH60drLOs66zv2SjZBNmstemw+d3W1JZrW2N7w45q52e3yq7d7oW9mT3ffo/9bQeaQ6jDBodOhw+OTo5ixybHcSd9p2SnXU6DLDornFXKuuSMdfZ2XuV80vmti6OLxOWYy2+uFq6Zroddn8w1msufWzd3xE3XjeO2323Ineme7L7PfchDx4PjUevxyFPPk+dZ7znmZeKV4XXE67m3tbfYu8V7mu3CXsE+64P4+PsU+/T6KvnO9632fein65fm1+g36e/gv8z/bAA2IDhga8BgoGYgN7AhcDLIKWhFUFcwJTgquDr4UYhpiDikIxQODQrdFnp/nsE84by2MBAWGLYt7EG4Ufji8B8jcBHhETURjyNtIpdHdkfRopKiDke9jvaOLou+N994vnR+Z4x8TGJMQ8x0rE9seexQnFXcirir8erxgvj2BHxCTEJ9wtQC3wXbF4wmOiQWJd5aaLSwYOHlReqLshadSpJP4iQdT8YmxyYfTn7PCePUcqZSAlN2pUxy2dwd3Gc8T14Fb5zvxi/nj6W6pZanPklzS9uWNp7ukV6ZPiFgC6oFLzICMvZmTGeGZR7MnM2KzWrOJmQnZ58QKgkzhV05WjkFOf0iM1GRaGixy+LtiyfFweL6XCh3YW67hI7+TPVIjaXrpcN57nk1eW/yY/KPFygWCAt6lpgu2bRkbKnf0m+XYZZxl3Uu11m+ZvnwCq8V+1dCK1NWdq7SW1W4anS1/+pDa0hrMtf8tNZ6bfnaV+ti13UUahauLhxZ77++sUiuSFw0uMF1w96NmI2Cjb2b7Dbt3PSxmFd8pcS6pLLkfSm39Mo3Nt9UfTO7OXVzb5lj2Z4tuC3CLbe2emw9VK5YvrR8ZFvottYKZkVxxavtSdsvV9pX7t1B2iHdMVQVUtW+U3/nlp3vq9Orb9Z41zTv0ti1adf0bt7ugT2ee5r2au4t2ftun2Df7f3++1trDWsrD+AO5B14XBdT1/0t69uGevX6kvoPB4UHhw5FHupqcGpoOKxxuKwRbpQ2jh9JPHLtO5/v2pssmvY3M5pLjoKj0qNPv0/+/tax4GOdx1nHm34w+GFXC62luBVqXdI62ZbeNtQe395/IuhEZ4drR8uPlj8ePKlzsuaU8qmy06TThadnzyw9M3VWdHbiXNq5kc6kznvn487f6Iro6r0QfOHSRb+L57u9us9ccrt08rLL5RNXWFfarjpebe1x6Gn5yeGnll7H3tY+p772a87XOvrn9p8e8Bg4d93n+sUbgTeu3px3s//W/Fu3BxMHh27zbj+5k3Xnxd28uzP3Vt/H3i9+oPCg8qHGw9qfTX5uHnIcOjXsM9zzKOrRvRHuyLNfcn95P1r4mPq4ckx7rOGJ7ZOT437j154ueDr6TPRsZqLoV8Vfdz03fv7Db56/9UzGTY6+EL+Y/b30pdrLg6/sX3VOhU89fJ39ema6+I3am0NvWW+738W+G5vJf49/X/XB5EPHx+CP92ezZ2f/AAOY8/wRDtFgAAAHH0lEQVRoBdVZ628UVRS/857dme3strvblpaXCiI+WkCkpFAoECAgr0oqxASjiAZMiF9MiI80/AfqB+WD3/xABOMrKCgRJCBSLCACQUEIEai8ywJ97GNm/J3ZbizM7C7trpG9m7N39t5z7/2dM+eec+5dzrZtVoqFL0XQhLlkgYulpnGOYxxhLjngW7Zsdayk5IB3RyJSSWrcMP1aSQJPJfnwoIA3LFhTy3hrAdx+IzbIOMbsGkQAR3pM1Icdcxv1ZZtxf+D5OGPm3vbJo4/YbW0WLVSswglCLc3F5QtAzyx6ZbbA7Hc5jp8hCAIj4nmecTy2NyRwCqShOEZzWZbFTMtkpmky27Ku2Da36cC2j9vSjIV/b93RsZpmybo5n2htlct6yz6SReFlWZaZIitMURRGz6IkMoEXHPAOFAewnQacSrFkMsUSiTgoEU0kk4vBUzTgHM87GvcE3traKgTjxleyT5mvaTrTdY2pqo9JBNjReBp0v0sFLtI4tA2ClqFtIpPF43EIEdcd4Yr0hSWy23hnIvi2T/PPDwaDLBAIMFVRmSACbMY0XCDSImTCsOOvYDr0hqxUQnGxF9AA4/T2Ks2LXwsD9Iby8nIWNIJMVmTGZwWcAwFW4AWIYmfEycE7mC6OZfHjqviCYZT5gobhaIw24VALjRz6aO9Vsdm9I6eu6XN1mIcC8+ALAO0sS28qvY43iiG0csxydOHanJqm1ZFNk8vLp67hVeHjLfMbvx9ZHY7Fbvco17pi2vlL1youXemKXLh8Y8SV610jelPJIcDLP8QFXJHlELm77BsxPaltW6xx4vgDo2uiN6klZOh9RGNG1VzHz1Ogn6j99LkLcaqLXVzA4acRnIS82k6lTLbjx/aqhgmPvglQMZAMItcXAkVAw4nGjKq9hbroxQVcVeVenuN9//po7zUpQp44ffbZOSvWb48nEhv3fr5pBzhJu6TxP0E/g6iUpavifrt8VUXIuEC27eyrHDVFTtoLiqo2SKK4vem5tQebWl5dwW3ceO+c/4nG712EwUaPIhDmRU5RtMwoY5FwhIXg83VNmyxJ6uamY5ePNbWsXVFc/bpncwFfMnvqN4oi3iRTyfXh+zVO0bUyGmXRykpWXkEC6ONlWdo8c/m6L+atWpXJHt0rF9jiAq7rvpPzGuu/hqlYjjskr5mFKDiRB/Ijtw8FQywaibJKCEBvwOf3L032lf0wbcnqQIEYPYe7gIPrRPPU+kONk8Z/jVAPb38fH0gpiiLA+lgwaDgCRMJhJGf6FFXV3vNcucBGL+Am5ty2dM6UjkWzp3ziU+Vb+TZqpp9yGhLADwFCoXKYTgVD3vPSrBXr6wrE6RruBZyYzoK+nT7psdMb1rS8P+Hxh3bKstiT19X0S4CcGSmDzAzkO9gDHHL5510rF9jg8uMD5juC55jfry5aubBpb+xOz8Fd+3+rO3bqr6ndvX0VA/i8HyEEHT4CeoAl4/GFYHrLm3Fordk0npmNNP8haJeh+7uWzW04+M665R9MmzT+S0kU+jImkq2mJE1RFab6fA9nJixWnUvjmTUoS6K84xfQU0i+piya9fRhjrftfR2/L3M8TobToxYFEScnqehu0QW8ufX1eoGXJPNy6Mju3W2pAVgSeO4AHQLV+SR5pIVES+CQ1+QolPeoqlr0RMsFXJTkpXDbbVxVV/eclW+04wjTDod4HGe907aQuiImOV7RfbXVVdWNeqCMCUpu4ORM4Zl6csg2pC4X8GHRsNbdl6BrBs1MpWbh4DuLrhvoEGzZODVJHA7GPOuLJ5iG0ELAchUcn5mh63/n4hlKnwt4bW11uCvW65x+cLXAkgkQDgMpXDtQRkhAydXRKQnJVTqq5liZTv/V0dDJHCyD6rIZT5mU+15Fgk36/X7n/oQ0beGawQTgtMZxT4UP2a1zt4I6n8bxPlLNU+u+GxS6HMwch43lBZzu+tHpXPaIPDRKWi2gPDKi6sDo2sqjBUxx91CbOWdBN6r+hCqfJu+ezfuXEfCdX7lw+k70nvDmGHwr7KSbRrmA9+POa7v5lgwHA2debJn5KSIvxQBnsXxj7qcfwe4a8bmAD4tWnLp6s7uzN2lWw33kdhkeK/lUpat+3Kg9C2ZMPIzuC6A9HmxDbsJeozndwNesXLCf2mO376gnz3TW4Jph2I3Y7cidnr7ynt54MJky/ZZli8jFTZHnE7Ikdmt+9Ua0wjg/bvSwM0+OHXER0ZV2PqULn4EGBjH8LKzgJH+OZnBpHG3kczuNgF7dUD/2DJ6JBlO6wLwP9OtgBt0vr22a3hrHBHQnQkSXlTWgahBlg+WgIMgHIoEpb6cdTvZ7A3QRRFruBDm+FnXRiyhZ3jY+YCXKLwgI0QNTYkKPt1d5YBBmAaJdver48bx/pWQZ/781wx06nq7kgGc0lu8ElOF74OqSBf4P9hj31KSAw4AAAAAASUVORK5CYII=");
  }
}
.calendar-page .calendar-toolbar {
  display: grid;
  grid-template-areas: "dates navigation" "categories zoom" "actions actions";
  column-gap: 8px;
}
.calendar-page .calendar-toolbar .calendar-toolbar__dates {
  grid-area: dates;
  display: inline-flex;
  align-self: start;
}
.calendar-page .calendar-toolbar .calendar-toolbar__dates input#filter_date {
  min-width: 100px;
  max-width: 150px;
}
.calendar-page .calendar-toolbar #categoryFilter {
  grid-area: categories;
}
.calendar-page .calendar-toolbar .calendar-toolbar__zoom {
  grid-area: zoom;
  display: flex;
  align-items: start;
  justify-content: end;
  gap: 8px;
}
.calendar-page .calendar-toolbar .calendar-toolbar__actions {
  grid-area: actions;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.calendar-page .calendar-toolbar .calendar-toolbar__actions .calendar-toolbar__actions-text {
  display: none;
}
.calendar-page .calendar-toolbar .calendar-toolbar-navigation {
  grid-area: navigation;
}
@media (min-width: 650px) {
  .calendar-page .calendar-toolbar {
    grid-template-areas: "dates categories zoom navigation" "actions actions actions actions";
    grid-template-columns: minmax(150px, 220px) min-content auto auto;
  }
  .calendar-page .calendar-toolbar .calendar-toolbar__zoom {
    justify-content: start;
  }
  .calendar-page .calendar-toolbar .calendar-toolbar__actions .calendar-toolbar__actions-icon {
    display: none;
  }
  .calendar-page .calendar-toolbar .calendar-toolbar__actions .calendar-toolbar__actions-text {
    display: inline-block;
  }
}
@media (min-width: 767px) {
  .calendar-page .calendar-toolbar {
    grid-template-areas: "dates navigation" "categories zoom" "actions actions";
    grid-template-columns: auto auto;
  }
  .calendar-page .calendar-toolbar .calendar-toolbar__zoom {
    justify-content: end;
  }
}
@media (min-width: 992px) {
  .calendar-page .calendar-toolbar {
    grid-template: "dates categories zoom navigation" "actions actions actions actions";
    grid-template-columns: minmax(150px, 225px) min-content auto auto;
  }
  .calendar-page .calendar-toolbar .calendar-toolbar__zoom {
    justify-content: start;
  }
}
@media (min-width: 1600px) {
  .calendar-page .form-group {
    margin-bottom: 0;
  }
  .calendar-page .calendar-toolbar {
    grid-template: "dates categories zoom actions navigation";
    grid-template-columns: minmax(150px, 225px) min-content max-content auto max-content;
  }
}
.field-reservation-reservation_name {
  margin-bottom: 0;
  font-size: 14px;
}
.field-reservation-reservation_name input {
  font-size: inherit;
}
.reservation-details__container {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #D9DBE9;
  border-radius: 4px;
  font-size: 14px;
}
.reservation-details__container .reservation-details__booker-address,
.reservation-details__container .reservation-details__billing-address {
  margin-top: 8px;
  margin-bottom: 0;
  word-break: break-word;
}
.reservation-details__container .reservation-details__contact-selector {
  margin-top: 12px;
}
.reservation-details__container #contact-person,
.reservation-details__container .js-contact-person {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}
.reservation-details__container #contact-person .contact-person__details,
.reservation-details__container .js-contact-person .contact-person__details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}
.reservation-details__container .client__details-entry {
  display: flex;
  align-items: center;
  gap: 4px;
}
.reservation-details__container .client__details-entry i {
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 15px;
  text-align: center;
  color: #A7AEC9;
}
.reservation-details__container .reservation-details__billing {
  margin-top: 16px;
  padding-top: 16px;
}
.reservation-details__container .reservation-details__billing.reservation-details__billing--seperated {
  border-top: 1px solid #D9DBE9;
}
.reservation-details__preferences {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #D9DBE9;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  word-break: break-word;
}
.reservation-details__preferences .reservation-details__client {
  margin: 0;
}
.reservation-details__preferences .reservation-details__client .reservation-details__client-preferences {
  font-weight: 400;
}
.reservation-details__preferences #contactPreferences {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-weight: 400;
}
@media (min-width: 600px) and (max-width: 991px), (min-width: 1600px) {
  .reservation-details__container {
    flex-direction: row;
  }
  .reservation-details__container .reservation-details__booker {
    flex: 1 1 0%;
  }
  .reservation-details__container .reservation-details__billing {
    flex: 1 1 0%;
    margin-top: 0;
    margin-left: 16px;
    padding-top: 0;
    padding-left: 16px;
  }
  .reservation-details__container .reservation-details__billing .reservation-details__billing-add {
    display: flex;
    justify-content: end;
  }
  .reservation-details__container .reservation-details__billing.reservation-details__billing--seperated {
    border-top: none;
    border-left: 1px solid #D9DBE9;
  }
}
#links.drag-and-drop-documents .document__title {
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#links.drag-and-drop-documents .document__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 550px) and (max-width: 991px), (min-width: 1250px) {
  #links.drag-and-drop-documents .document__body {
    flex-direction: row;
    align-items: start;
    gap: 12px;
  }
}
.reservation-header {
  display: flex;
  flex-direction: column;
}
.reservation-header .reservation-header__details {
  flex-grow: 7;
  display: flex;
  flex-direction: column;
  align-items: start;
}
.reservation-header .reservation-header__details #reservation_id {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 24px;
}
.reservation-header .reservation-header__details #reservation_id .reservation-header__details-title {
  font-size: 10px;
}
.reservation-header .reservation-header__details .channel_id {
  margin: 0;
  font-size: 16px;
}
.reservation-header .reservation-header__details .channel_id .channel-id__value {
  font-weight: 600;
}
.reservation-header .reservation-header__details .created_by {
  font-size: 10px;
}
.reservation-header .reservation-header__status-action {
  flex-grow: 3;
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-top: 12px;
}
.reservation-header .reservation-header__status-action .reservation-status {
  gap: 8px;
  padding: 6px 20px;
  color: #FCFCFC;
  font-size: 14px;
  text-transform: uppercase;
  cursor: default;
}
.reservation-header .reservation-header__status-action .reservation-status:hover {
  cursor: default;
}
.reservation-header .reservation-header__status-action #status_word {
  margin: 0;
}
.reservation-header .reservation-header__status-action #status_button {
  margin-top: 8px;
  margin-bottom: 0;
}
@media (min-width: 480px) and (max-width: 991px), (min-width: 1350px) {
  .reservation-header {
    flex-direction: row;
  }
  .reservation-header .reservation-header__status-action {
    margin-top: 0;
    align-items: end;
  }
}
.reservation-rooms table.table {
  border-collapse: separate;
  border-bottom: none;
}
.reservation-rooms table.table thead tr th {
  padding-left: 8px;
  padding-right: 8px;
}
.reservation-rooms table.table thead tr th:first-child {
  padding-left: 12px;
}
.reservation-rooms table.table thead tr th:last-child {
  width: 0;
  padding: 0 8px 0 5px;
}
.reservation-rooms tbody#room_details tr td,
.reservation-rooms tbody.RlistTableContent tr td {
  padding: 4px 8px;
  border-top: none;
}
.reservation-rooms tbody#room_details tr td:first-child,
.reservation-rooms tbody.RlistTableContent tr td:first-child {
  padding-left: 12px;
}
.reservation-rooms tbody#room_details tr:hover > td,
.reservation-rooms tbody.RlistTableContent tr:hover > td {
  background-color: unset;
}
.reservation-rooms tbody#room_details tr:last-child > td,
.reservation-rooms tbody.RlistTableContent tr:last-child > td {
  border-bottom: none;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room td:first-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room td:first-child {
  border-left: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room td:last-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room td:last-child {
  border-right: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room:first-child td,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room:first-child td {
  border-top: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room:first-child td:first-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room:first-child td:first-child {
  border-top-left-radius: 4px;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room:first-child td:last-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room:first-child td:last-child {
  border-top-right-radius: 4px;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room.select:hover,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room.select:hover {
  cursor: pointer;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room.select:hover td,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room.select:hover td {
  background-color: #e5e6f2;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room.selected td,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room.selected td {
  background-color: #e1fdd3;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room.selected:hover td,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room.selected:hover td {
  background-color: #c0faa2;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room.selected.row-highlight td,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room.selected.row-highlight td {
  background-color: #ffebeb;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room.selected.row-highlight:hover td,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room.selected.row-highlight:hover td {
  background-color: #ffcccc;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room .reservation-rooms__room-name,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room .reservation-rooms__room-name {
  min-width: 80px;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room .reservation-rooms__room-guests span,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room .reservation-rooms__room-guests span {
  font-size: 12px;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room .reservation-rooms__room-actions,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room .reservation-rooms__room-actions {
  text-align: right;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room .reservation-rooms__room-actions button,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room .reservation-rooms__room-actions button {
  width: 30px;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room .reservation-rooms__room-amount,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room .reservation-rooms__room-amount {
  padding-right: 0;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room.reservation-rooms__room--no-products.reservation-rooms__room--last td,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room.reservation-rooms__room--no-products.reservation-rooms__room--last td {
  border-bottom: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room.reservation-rooms__room--no-products.reservation-rooms__room--last td:first-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room.reservation-rooms__room--no-products.reservation-rooms__room--last td:first-child {
  border-bottom-left-radius: 4px;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room.reservation-rooms__room--no-products.reservation-rooms__room--last td:last-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room.reservation-rooms__room--no-products.reservation-rooms__room--last td:last-child {
  border-bottom-right-radius: 4px;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__service td:first-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service td:first-child {
  border-left: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__service td:last-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service td:last-child {
  border-right: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__service td.reservation-rooms__service-amount,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service td.reservation-rooms__service-amount {
  padding-right: 0;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__service.select:hover,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service.select:hover {
  cursor: pointer;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__service.select:hover td,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service.select:hover td {
  background-color: #e5e6f2;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__service.selected td,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service.selected td {
  background-color: #e1fdd3;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__service.selected:hover td,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service.selected:hover td {
  background-color: #c0faa2;
}
.reservation-rooms tbody#room_details > tr.innerTable > td,
.reservation-rooms tbody.RlistTableContent > tr.innerTable > td {
  padding: 0;
}
.reservation-rooms tbody#room_details > tr.innerTable > td > table.table,
.reservation-rooms tbody.RlistTableContent > tr.innerTable > td > table.table {
  background-color: unset;
}
.reservation-rooms tbody#room_details tr.innerTable:first-child tr.reservation-rooms__service td,
.reservation-rooms tbody.RlistTableContent tr.innerTable:first-child tr.reservation-rooms__service td {
  border-top: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.innerTable:first-child tr.reservation-rooms__service td:first-child,
.reservation-rooms tbody.RlistTableContent tr.innerTable:first-child tr.reservation-rooms__service td:first-child {
  border-top-left-radius: 4px;
}
.reservation-rooms tbody#room_details tr.innerTable:first-child tr.reservation-rooms__service td:last-child,
.reservation-rooms tbody.RlistTableContent tr.innerTable:first-child tr.reservation-rooms__service td:last-child {
  border-top-right-radius: 4px;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room--last ~ tr.reservation-rooms__service--last td,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room--last ~ tr.reservation-rooms__service--last td,
.reservation-rooms tbody#room_details tr.reservation-rooms__room--last ~ tr.innerTable tr.reservation-rooms__service--last td,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room--last ~ tr.innerTable tr.reservation-rooms__service--last td,
.reservation-rooms tbody#room_details tr.reservation-rooms__service--rooms-last td,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service--rooms-last td {
  border-bottom: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room--last ~ tr.reservation-rooms__service--last td:first-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room--last ~ tr.reservation-rooms__service--last td:first-child,
.reservation-rooms tbody#room_details tr.reservation-rooms__room--last ~ tr.innerTable tr.reservation-rooms__service--last td:first-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room--last ~ tr.innerTable tr.reservation-rooms__service--last td:first-child,
.reservation-rooms tbody#room_details tr.reservation-rooms__service--rooms-last td:first-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service--rooms-last td:first-child {
  border-bottom-left-radius: 4px;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__room--last ~ tr.reservation-rooms__service--last td:last-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room--last ~ tr.reservation-rooms__service--last td:last-child,
.reservation-rooms tbody#room_details tr.reservation-rooms__room--last ~ tr.innerTable tr.reservation-rooms__service--last td:last-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__room--last ~ tr.innerTable tr.reservation-rooms__service--last td:last-child,
.reservation-rooms tbody#room_details tr.reservation-rooms__service--rooms-last td:last-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service--rooms-last td:last-child {
  border-bottom-right-radius: 4px;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__rooms-divider td,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__rooms-divider td {
  height: auto;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__rooms-divider td div,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__rooms-divider td div {
  height: 1px;
  background-color: #D9DBE9;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__rooms-divider td:first-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__rooms-divider td:first-child {
  border-left: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__rooms-divider td:last-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__rooms-divider td:last-child {
  border-right: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__spacer td,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__spacer td {
  height: auto;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__service--reservation td:first-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service--reservation td:first-child {
  border-left: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__service--reservation td:last-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service--reservation td:last-child {
  border-right: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__service--reservation.reservation-rooms__service--first td,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service--reservation.reservation-rooms__service--first td {
  border-top: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__service--reservation.reservation-rooms__service--first td:first-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service--reservation.reservation-rooms__service--first td:first-child {
  border-top-left-radius: 4px;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__service--reservation.reservation-rooms__service--first td:last-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service--reservation.reservation-rooms__service--first td:last-child {
  border-top-right-radius: 4px;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__service--reservation.reservation-rooms__service--last td,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service--reservation.reservation-rooms__service--last td {
  border-bottom: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__service--reservation.reservation-rooms__service--last td:first-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service--reservation.reservation-rooms__service--last td:first-child {
  border-bottom-left-radius: 4px;
}
.reservation-rooms tbody#room_details tr.reservation-rooms__service--reservation.reservation-rooms__service--last td:last-child,
.reservation-rooms tbody.RlistTableContent tr.reservation-rooms__service--reservation.reservation-rooms__service--last td:last-child {
  border-bottom-right-radius: 4px;
}
.reservation-rooms tbody#room_details tr.deposit td:first-child,
.reservation-rooms tbody.RlistTableContent tr.deposit td:first-child {
  padding-top: 4px;
  padding-bottom: 0;
  border-left: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.deposit td:last-child,
.reservation-rooms tbody.RlistTableContent tr.deposit td:last-child {
  border-right: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.deposit .deposit-action,
.reservation-rooms tbody.RlistTableContent tr.deposit .deposit-action {
  font-size: 22px;
}
.reservation-rooms tbody#room_details tr.deposit .deposit-action:hover,
.reservation-rooms tbody.RlistTableContent tr.deposit .deposit-action:hover {
  cursor: pointer;
}
.reservation-rooms tbody#room_details tr.deposit .reservation-rooms__deposit-invoice,
.reservation-rooms tbody.RlistTableContent tr.deposit .reservation-rooms__deposit-invoice {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 8px;
}
.reservation-rooms tbody#room_details tr.deposit .reservation-rooms__deposit-invoice a,
.reservation-rooms tbody.RlistTableContent tr.deposit .reservation-rooms__deposit-invoice a {
  display: flex;
}
.reservation-rooms tbody#room_details tr.deposit .reservation-rooms__deposit-amount,
.reservation-rooms tbody.RlistTableContent tr.deposit .reservation-rooms__deposit-amount {
  padding-right: 0;
}
.reservation-rooms tbody#room_details tr.deposit.select:hover,
.reservation-rooms tbody.RlistTableContent tr.deposit.select:hover {
  cursor: pointer;
}
.reservation-rooms tbody#room_details tr.deposit.select:hover td,
.reservation-rooms tbody.RlistTableContent tr.deposit.select:hover td {
  background-color: #e5e6f2;
}
.reservation-rooms tbody#room_details tr.deposit.selected td,
.reservation-rooms tbody.RlistTableContent tr.deposit.selected td {
  background-color: #e1fdd3;
}
.reservation-rooms tbody#room_details tr.deposit.selected:hover td,
.reservation-rooms tbody.RlistTableContent tr.deposit.selected:hover td {
  background-color: #c0faa2;
}
.reservation-rooms tbody#room_details tr.deposit.first td,
.reservation-rooms tbody.RlistTableContent tr.deposit.first td {
  padding-top: 8px;
  border-top: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.deposit.first td:first-child,
.reservation-rooms tbody.RlistTableContent tr.deposit.first td:first-child {
  padding-top: 4px;
  border-top-left-radius: 4px;
}
.reservation-rooms tbody#room_details tr.deposit.first td:last-child,
.reservation-rooms tbody.RlistTableContent tr.deposit.first td:last-child {
  border-top-right-radius: 4px;
}
.reservation-rooms tbody#room_details tr.deposit.last td,
.reservation-rooms tbody.RlistTableContent tr.deposit.last td {
  padding-bottom: 8px;
  border-bottom: 1px solid #D9DBE9;
}
.reservation-rooms tbody#room_details tr.deposit.last td:first-child,
.reservation-rooms tbody.RlistTableContent tr.deposit.last td:first-child {
  padding-bottom: 4px;
  border-bottom-left-radius: 4px;
}
.reservation-rooms tbody#room_details tr.deposit.last td:last-child,
.reservation-rooms tbody.RlistTableContent tr.deposit.last td:last-child {
  border-bottom-right-radius: 4px;
}
.reservation-rooms tbody#room_details tr td.reservation-rooms__room-invoiced-indicator,
.reservation-rooms tbody.RlistTableContent tr td.reservation-rooms__room-invoiced-indicator {
  padding-left: 5px;
  padding-right: 5px;
}
.reservation-rooms tbody#room_details tr td.reservation-rooms__room-invoiced-indicator .invoiced-indicator,
.reservation-rooms tbody.RlistTableContent tr td.reservation-rooms__room-invoiced-indicator .invoiced-indicator {
  height: 20px;
  width: 3px;
  background-color: #FF0000;
  border-radius: 4px;
}
.reservation-rooms tbody#room_details tr:not(.room-details__summary) {
  -webkit-user-select: none;
          user-select: none;
}
tbody#room_details tr td,
tbody#room_summary tr td {
  padding: 4px 8px;
  border-top: none;
}
tbody#room_details tr .room-details__summary-box--left,
tbody#room_summary tr .room-details__summary-box--left {
  border-left: 1px solid #D9DBE9;
}
tbody#room_details tr .room-details__summary-box--right,
tbody#room_summary tr .room-details__summary-box--right {
  border-right: 1px solid #D9DBE9;
}
tbody#room_details tr.room-details__summary td:last-child,
tbody#room_summary tr.room-details__summary td:last-child {
  padding-right: 12px;
}
tbody#room_details tr.room-details__summary th,
tbody#room_summary tr.room-details__summary th {
  border-top: none;
}
tbody#room_details tr.room-details__summary .room-details__summary-box--top-left,
tbody#room_summary tr.room-details__summary .room-details__summary-box--top-left {
  border-top: 1px solid #D9DBE9;
  border-left: 1px solid #D9DBE9;
  border-top-left-radius: 4px;
}
tbody#room_details tr.room-details__summary .room-details__summary-box--top-right,
tbody#room_summary tr.room-details__summary .room-details__summary-box--top-right {
  border-top: 1px solid #D9DBE9;
  border-right: 1px solid #D9DBE9;
  border-top-right-radius: 4px;
}
tbody#room_details tr.room-details__summary .room-details__summary-box--bottom-left,
tbody#room_summary tr.room-details__summary .room-details__summary-box--bottom-left {
  border-bottom: 1px solid #D9DBE9;
  border-left: 1px solid #D9DBE9;
  border-bottom-left-radius: 4px;
}
tbody#room_details tr.room-details__summary .room-details__summary-box--bottom-right,
tbody#room_summary tr.room-details__summary .room-details__summary-box--bottom-right {
  border-bottom: 1px solid #D9DBE9;
  border-right: 1px solid #D9DBE9;
  border-bottom-right-radius: 4px;
}
tbody#room_details tr.room-details__summary:last-child .room-details__summary-box--bottom-left,
tbody#room_summary tr.room-details__summary:last-child .room-details__summary-box--bottom-left,
tbody#room_details tr.room-details__summary:last-child .room-details__summary-box--bottom-right,
tbody#room_summary tr.room-details__summary:last-child .room-details__summary-box--bottom-right {
  border-bottom: 1px solid #D9DBE9;
}
tbody#room_details .room-details__summary-divider td,
tbody#room_summary .room-details__summary-divider td {
  height: 1px;
  padding-top: 0;
  padding-bottom: 0;
}
tbody#room_details .room-details__summary-divider td:nth-child(2) div,
tbody#room_summary .room-details__summary-divider td:nth-child(2) div,
tbody#room_details .room-details__summary-divider td:last-child div,
tbody#room_summary .room-details__summary-divider td:last-child div {
  height: 1px;
  background-color: #D9DBE9;
}
tbody#room_details .room-details__summary-divider + tr td,
tbody#room_summary .room-details__summary-divider + tr td {
  padding-top: 10px;
}
tbody#room_details #reservationGross th,
tbody#room_summary #reservationGross th {
  padding: 4px 8px 10px;
}
tbody#room_details #reservationGross th:last-child,
tbody#room_summary #reservationGross th:last-child {
  padding-right: 12px;
}
.reservation-stripe #cardList .card .reservation-stripe__content-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.reservation-stripe #cardList .card .reservation-stripe__content-wrapper .card-number {
  text-align: center;
}
.reservation-stripe #cardList .card .reservation-stripe__card-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}
@media (min-width: 450px) and (max-width: 992px), (min-width: 1100px) {
  .reservation-stripe #cardList .card .reservation-stripe__content-wrapper {
    gap: 12px;
  }
  .reservation-stripe #cardList .card .reservation-stripe__card-actions {
    flex-direction: row;
  }
}
.reservation-stripe #cardList .card + .card {
  margin-top: 12px;
}
#reservation-emails-table table.table.table-hover > tbody > tr.reservation-emails-table__email_cleared:hover {
  cursor: auto;
  background: transparent;
}
#reservation-emails-table table.table.table-hover > tbody > tr.reservation-emails-table__email_cleared:hover > td {
  background: transparent;
}
.general-overview__datepicker {
  min-height: auto;
}
@media (min-width: 992px) {
  .general-overview__range-block {
    display: flex;
    column-gap: 12px;
  }
  .general-overview__range-block > .box {
    width: calc(50% - 6px);
  }
}
@media (min-width: 992px) {
  .client-form-page .client-form__general-info {
    display: flex;
    gap: 12px;
    align-items: stretch;
  }
  .client-form-page .client-form__general-info > div {
    flex: 1 1 0;
  }
}
.client-form-page .client-form__general-info .client-form__details-contact-wrapper {
  display: flex;
  flex-direction: column;
}
.client-form-page .client-form__general-info .client-form__details-contact-wrapper > div.box {
  flex-grow: 1;
}
.client-form-page .client-form__general-info .client-form__details-contact-wrapper .contact-card:not(:last-child) {
  margin-bottom: 12px;
}
.client-form-page .client-form__general-info .client-form__details-contact-wrapper .contact-card .contact-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.client-form-page .client-form__general-info .client-form__details-contact-wrapper .contact-card .contact-card__header .contact-card__title {
  font-weight: 700;
}
.client-form-page .client-form__general-info .client-form__details-contact-wrapper .contact-card .contact-card__header .contact-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.client-form-page .client-form__general-info .client-form__details-contact-wrapper .contact-card .contact-card__body > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.client-form-page .client-form__general-info .client-form__details-contact-wrapper .contact-card .contact-card__body > div i.fa {
  min-width: 14px;
  text-align: center;
}
@media (min-width: 992px) {
  .client-form-page .client-form__gdpr-body {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .client-form-page .client-form__gdpr-body .form-group {
    margin-bottom: 0;
  }
}
.offer-calendar-page .calendar-toolbar {
  display: grid;
  grid-template-areas: "dates navigation" "categories zoom" "actions actions";
  column-gap: 8px;
}
.offer-calendar-page .calendar-toolbar .calendar-toolbar__dates {
  grid-area: dates;
  display: inline-flex;
  align-self: start;
}
.offer-calendar-page .calendar-toolbar .calendar-toolbar__dates input#filter_date {
  min-width: 100px;
  max-width: 150px;
}
.offer-calendar-page .calendar-toolbar #categoryFilter {
  grid-area: categories;
}
.offer-calendar-page .calendar-toolbar .calendar-toolbar__zoom {
  grid-area: zoom;
  display: flex;
  justify-content: end;
  gap: 8px;
}
.offer-calendar-page .calendar-toolbar .calendar-toolbar__actions {
  grid-area: actions;
}
.offer-calendar-page .calendar-toolbar .calendar-toolbar-navigation {
  grid-area: navigation;
}
@media (min-width: 650px) {
  .offer-calendar-page .calendar-toolbar {
    grid-template-areas: "dates categories zoom navigation" "actions actions actions actions";
    grid-template-columns: minmax(150px, 220px) min-content auto auto;
  }
  .offer-calendar-page .calendar-toolbar .calendar-toolbar__zoom {
    justify-content: start;
  }
}
@media (min-width: 767px) {
  .offer-calendar-page .calendar-toolbar {
    grid-template-areas: "dates navigation" "categories zoom" "actions actions";
    grid-template-columns: auto auto;
  }
  .offer-calendar-page .calendar-toolbar .calendar-toolbar__zoom {
    justify-content: end;
  }
}
@media (min-width: 992px) {
  .offer-calendar-page .calendar-toolbar {
    grid-template: "dates categories zoom navigation" "actions actions actions actions";
    grid-template-columns: minmax(150px, 270px) min-content auto auto;
  }
  .offer-calendar-page .calendar-toolbar .calendar-toolbar__zoom {
    justify-content: start;
  }
}
@media (min-width: 1200px) {
  .offer-calendar-page .form-group {
    margin-bottom: 0;
  }
  .offer-calendar-page .calendar-toolbar {
    grid-template: "dates categories zoom actions navigation";
    grid-template-columns: minmax(150px, 270px) min-content max-content auto max-content;
  }
}
.room-rates-page .calendar-toolbar {
  display: grid;
  grid-template-areas: "dates navigation" "pages actions";
  grid-template-rows: auto 1fr;
  column-gap: 8px;
}
.room-rates-page .calendar-toolbar .calendar-toolbar__dates {
  grid-area: dates;
  display: inline-flex;
  align-self: start;
}
.room-rates-page .calendar-toolbar .calendar-toolbar__dates input#set_date {
  min-width: 100px;
  max-width: 150px;
}
.room-rates-page .calendar-toolbar .calendar-toolbar__pages {
  grid-area: pages;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 8px;
}
.room-rates-page .calendar-toolbar .calendar-toolbar__actions {
  grid-area: actions;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 8px;
}
.room-rates-page .calendar-toolbar .calendar-toolbar__actions > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: start;
  gap: 8px;
}
.room-rates-page .calendar-toolbar .calendar-toolbar-navigation {
  grid-area: navigation;
}
@media (min-width: 550px) {
  .room-rates-page .calendar-toolbar {
    grid-template-areas: "dates navigation" "pages actions";
    grid-template-columns: minmax(150px, 220px) 1fr;
  }
}
@media (min-width: 1400px) {
  .room-rates-page .form-group {
    margin-bottom: 0;
  }
  .room-rates-page .calendar-toolbar {
    grid-template: "dates pages actions navigation";
    grid-template-columns: minmax(150px, 250px) auto 1fr max-content;
  }
}
div#dp .cell_occupancy {
  color: #FCFCFC;
  font-weight: 700;
  background-color: #363B4D !important;
}
#heatmapLegend {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 8px;
  padding: 0;
}
#heatmapLegend li {
  display: flex;
  align-items: center;
  gap: 8px;
}
#heatmapLegend li > span {
  width: 12px;
  height: 12px;
  border: 1px solid #D9DBE9;
  border-radius: 4px;
}
.restrictions-setup-page .calendar-toolbar {
  display: grid;
  grid-template-areas: "dates navigation" "visibility actions" "pages actions";
  grid-template-columns: minmax(150px, 220px) auto;
  column-gap: 8px;
}
.restrictions-setup-page .calendar-toolbar .calendar-toolbar__dates {
  grid-area: dates;
  display: inline-flex;
  align-self: start;
}
.restrictions-setup-page .calendar-toolbar .calendar-toolbar__dates input#set_date {
  min-width: 100px;
  max-width: 150px;
}
.restrictions-setup-page .calendar-toolbar .calendar-toolbar__visibility {
  grid-area: visibility;
  margin-bottom: 12px;
}
.restrictions-setup-page .calendar-toolbar .calendar-toolbar__pages {
  grid-area: pages;
}
.restrictions-setup-page .calendar-toolbar .calendar-toolbar__actions {
  grid-area: actions;
  display: flex;
  align-items: start;
  justify-content: end;
  flex-wrap: wrap;
  gap: 8px;
}
.restrictions-setup-page .calendar-toolbar .calendar-toolbar-navigation {
  grid-area: navigation;
}
@media (min-width: 500px) {
  .restrictions-setup-page .calendar-toolbar {
    grid-template-areas: "dates visibility navigation" "pages actions actions";
    grid-template-columns: minmax(150px, 220px) auto auto;
  }
}
@media (min-width: 1100px) {
  .restrictions-setup-page .form-group {
    margin-bottom: 0;
  }
  .restrictions-setup-page .calendar-toolbar {
    grid-template: "dates visibility pages actions navigation";
    grid-template-columns: minmax(150px, 250px) min-content auto auto max-content;
  }
  .restrictions-setup-page .calendar-toolbar .calendar-toolbar__visibility {
    margin-bottom: 0;
  }
}
.restrictions-setup-page .restrictions-setup__table-wrapper {
  display: flex;
  align-items: start;
  /*
        Temporary style fixes to make it look like Rates matrix (until restrictions refactor comes along)
    */
}
.restrictions-setup-page .restrictions-setup__table-wrapper > .restrictions-setup__table--left {
  background-color: white;
}
.restrictions-setup-page .restrictions-setup__table-wrapper > .restrictions-setup__table--right {
  position: relative;
  left: -1px;
  background-color: white;
}
.restrictions-setup-page .restrictions-setup__table-wrapper #restrictionGrid {
  -webkit-user-select: none;
          user-select: none;
}
.restrictions-setup-page .restrictions-setup__table-wrapper #restrictionGrid td:has(.input-textbox) {
  -webkit-user-select: text;
          user-select: text;
}
.restrictions-setup-page .restrictions-setup__table-wrapper .rates-category-name {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.restrictions-setup-page .restrictions-setup__table-wrapper .dp-calendar__date {
  width: 85px;
}
.restrictions-setup-page .restrictions-setup__table-wrapper .table input[type="checkbox"] + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
}
.restrictions-setup-page .restrictions-setup__table-wrapper .special-periods-content__cell--selected:after {
  content: '';
  position: absolute;
  inset: 0 -1px 0 0;
  background: #363B4D;
  opacity: 0.4;
}
.restrictions-setup-page .restrictions-setup__table-wrapper .special-period {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  height: 23px;
  margin: 1px;
  padding: 2px 4px;
  border-radius: 4px;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}
.restrictions-setup-page .restrictions-setup__table-wrapper .rates-table-body > thead > tr:last-child > td {
  border-bottom: 1px solid #ddd;
}
.restrictions-setup-page .restrictions-setup__table-wrapper .rates-table-body > tbody > tr > td {
  height: 28px;
  line-height: 1.2;
}
.restrictions-setup-page .restrictions-setup__table-wrapper .rates-table-body > tbody > tr > td.table-cell--weekend,
.restrictions-setup-page .restrictions-setup__table-wrapper .rates-table-body > thead > tr > th.table-cell--weekend {
  background-color: #fbe4b9;
}
.restrictions-setup-page .restrictions-setup__table-wrapper .rates-table-body > tbody > tr > td.table-cell--today,
.restrictions-setup-page .restrictions-setup__table-wrapper .rates-table-body > thead > tr > th.table-cell--today {
  background-color: #bdfa9d;
}
.restrictions-setup-page .restrictions-setup__table-wrapper .restriction-options {
  height: 28px;
  width: 50%;
  padding: 4px 6px;
  white-space: nowrap;
  overflow: hidden;
}
.restrictions-setup-page .restrictions-setup__table-wrapper .input-textbox {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px;
  text-align: center;
  background-color: transparent;
}
.restrictions-setup-page .restrictions-setup__table-wrapper .checkbox-cell {
  text-align: center;
  height: 28px;
  padding: 2px;
}
.restrictions-setup-page .restrictions-setup__table-wrapper .checkbox-cell .checkbox-cell__checked-cell-marker {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: #363B4D;
  color: #FCFCFC;
  font-size: 12px;
  visibility: hidden;
}
.restrictions-setup-page .restrictions-setup__table-wrapper .checkbox-cell input {
  width: 0;
  height: 0;
  display: none;
}
.restrictions-setup-page .restrictions-setup__table-wrapper .checkbox-cell input:checked + .checkbox-cell__checked-cell-marker {
  visibility: visible;
}
.restrictions-setup-page .restrictions-setup__table-wrapper .selectbox-inside-cell {
  height: 24px;
  width: 100%;
  min-width: 77px;
  border: 0;
  padding: 0 4px;
  background-color: transparent;
  background-position: right 4px center;
}
.restrictions-setup-page .restrictions-setup__table-wrapper table.rates-table-body {
  border-collapse: collapse;
  border: 0;
  /* Prevents unnecessary borders */
}
.restrictions-setup-page .restrictions-setup__table-wrapper table.rates-table-body thead th {
  border: 1px solid #eee;
  /* Table headers have bold borders */
}
.restrictions-setup-page .restrictions-setup__table-wrapper table#restrictionGrid thead td,
.restrictions-setup-page .restrictions-setup__table-wrapper table#restrictionGrid tbody td {
  border: 1px solid #eee;
  /* Table body has less bold borders */
}
.restrictions-setup-page .restrictions-setup__table-wrapper table.rates-table-body thead th,
.restrictions-setup-page .restrictions-setup__table-wrapper table.rates-table-body thead td {
  font-size: 12px;
}
.restrictions-setup-page .restrictions-setup__table-wrapper table.rates-table-body thead td:not([rowspan]),
.restrictions-setup-page .restrictions-setup__table-wrapper table.rates-table-body thead th {
  vertical-align: middle;
  /* All headers centered, except category names */
}
.restrictions-setup-page .restrictions-setup__table-wrapper table#restrictionGrid thead th {
  font-weight: 400;
  /* Table default is bold, we want non-bold */
}
.restrictions-setup-page .restrictions-setup__table-wrapper table#restrictionGrid tbody td[data-date="<?= date('Y-m-d') ?>"],
.restrictions-setup-page .restrictions-setup__table-wrapper table#restrictionGrid tbody td[data-date="<?= date('Y-m-d') ?>"] input,
.restrictions-setup-page .restrictions-setup__table-wrapper table#restrictionGrid tbody td[data-date="<?= date('Y-m-d') ?>"] select {
  background-color: orange;
  /* highlight today */
}
.restrictions-setup-page .restrictions-setup__table-notes {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 12px 0 0 8px;
  font-size: 10px;
}
.guest-table-page .guest-table__toolbar {
  display: grid;
  grid-column-gap: 8px;
  grid-template-areas: "date reg-back" "row check";
}
.guest-table-page .guest-table__toolbar .guest-table__date {
  grid-area: date;
}
.guest-table-page .guest-table__toolbar .guest-table__check {
  grid-area: check;
  justify-self: end;
}
.guest-table-page .guest-table__toolbar .guest-table__reg-back {
  grid-area: reg-back;
  display: flex;
  align-items: start;
  justify-content: end;
  gap: 8px;
}
@media (min-width: 992px) {
  .guest-table-page .guest-table__toolbar {
    grid-template-areas: "date row check reg-back";
    grid-template-columns: auto max-content min-content 1fr;
  }
  .guest-table-page .guest-table__toolbar .guest-table__date {
    margin-bottom: 0;
  }
}
.enquiry-form-page .enquiry-form__header h3 {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 24px;
}
.enquiry-form-page .enquiry-form__header h3 span {
  font-size: 10px;
}
.enquiry-form-page .enquiry-form__header p {
  font-size: 10px;
}
.enquiry-form-page .field-enquiry-reservation_name {
  margin-bottom: 0;
  font-size: 14px;
}
.enquiry-form-page .field-enquiry-reservation_name input {
  font-size: inherit;
}
.enquiry-form-page .enquiry-details__container {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #D9DBE9;
  border-radius: 4px;
  font-size: 14px;
}
.enquiry-form-page .enquiry-details__container .enquiry-details__booker-header,
.enquiry-form-page .enquiry-details__container .enquiry-details__contact-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.enquiry-form-page .enquiry-details__container .enquiry-details__booker-address {
  margin-top: 8px;
  margin-bottom: 0;
  word-break: break-word;
}
.enquiry-form-page .enquiry-details__container .enquiry-details__booker-actions,
.enquiry-form-page .enquiry-details__container .enquiry-booking__contact-actions {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  gap: 8px;
}
.enquiry-form-page .enquiry-details__container .enquiry-details__contact-selector {
  margin-top: 12px;
}
.enquiry-form-page .enquiry-details__container #contact-person,
.enquiry-form-page .enquiry-details__container .js-contact-person {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}
.enquiry-form-page .enquiry-details__container #contact-person .contact-person__details,
.enquiry-form-page .enquiry-details__container .js-contact-person .contact-person__details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}
.enquiry-form-page .enquiry-details__container .client__details-entry {
  display: flex;
  align-items: center;
  gap: 4px;
}
.enquiry-form-page .enquiry-details__container .client__details-entry i {
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 15px;
  text-align: center;
  color: #A7AEC9;
}
.enquiry-form-page .enquiry-details__preferences {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #D9DBE9;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  word-break: break-word;
}
.enquiry-form-page .enquiry-details__preferences .enquiry-details__client {
  margin: 0;
}
.enquiry-form-page .enquiry-details__preferences .enquiry-details__client .enquiry-details__client-preferences {
  font-weight: 400;
}
.enquiry-form-page .enquiry-details__preferences #contactPreferences {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-weight: 400;
}
@media (min-width: 600px) and (max-width: 991px), (min-width: 1600px) {
  .enquiry-form-page .enquiry-details__container {
    flex-direction: row;
  }
  .enquiry-form-page .enquiry-details__container .enquiry-details__booker {
    flex: 1 1 0;
  }
}
@media (min-width: 1200px) {
  .basic-settings-page .basic-settings__fields-general {
    margin-top: 28px;
  }
}
.email-settings-page .email-settings__service-provider {
  text-align: center;
  padding: 16px 20px;
  border: 1px solid #D9DBE9;
  border-radius: 8px;
  cursor: pointer;
}
.email-settings-page .email-settings__service-provider .email-settings__service-provider-logo {
  display: block;
  height: 24px;
}
.email-settings-page .email-settings__spf-verification-message {
  font-size: 12px;
  margin-top: 4px;
}
.email-settings-page .email-settings__spf-verification-spinner {
  margin-top: 6px;
  margin-bottom: 2px;
}
.email-settings-page .form-group.has-error :is(.email-settings__spf-verification-message, .email-settings__spf-verification-spinner) {
  display: none;
}
.split-invoice-page .table tfoot.footer-without-borders > tr > th {
  padding-left: 8px;
  padding-right: 8px;
  border-top: none;
}
.split-invoice-page .btn_rightscroll {
  position: absolute;
  top: 50px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.split-invoice-page .left_ab {
  left: -36px;
}
.split-invoice-page .right_ab {
  right: -36px;
}
.split-invoice-page section.disabled {
  color: #9a9da6;
}
.split-invoice-page section.disabled .box {
  background-color: #EFF0F7;
}
.split-invoice-page section.disabled .box .box-header .box-title {
  color: #9a9da6;
}
.split-invoice-page section.disabled .react-select-container {
  opacity: 0.5;
  cursor: not-allowed;
}
.split-invoice-page .invoiced-items-header {
  display: flex;
  gap: 4px;
  align-items: center;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #2D7906;
}
.email-template-page #sidebar-wrapper {
  border-radius: 6px;
  z-index: 2;
}
.email-template-page #sidebar-wrapper #sidebar .sidebar-items-divider {
  width: 1px;
  height: 80px;
  background-color: white;
}
.email-template-page #sidebar-wrapper .sidebar-nav li a {
  color: #FCFCFC;
  background: #363B4D;
}
.email-template-page #sidebar-wrapper .sidebar-nav li a:hover {
  background: #2b303e;
}
.email-template-page #sidebar-wrapper .sidebar-nav li a.active {
  background: #21242f;
}
.email-template-page #sidebar-opzioni {
  margin-top: 84px;
  border-radius: 6px;
  background-color: #cdd0e6;
}
.email-template-page #sidebar-opzioni .lyrow .preview {
  border-radius: 4px;
}
.email-template-page #sidebar-opzioni .lyrow.dragitem:hover .preview {
  opacity: 0.85;
  border: 2px solid #363B4D;
}
.email-template-page #sidebar-opzioni .conditional-block-hint {
  display: none;
}
.email-template-page .demo .lyrow .remove.label i {
  font-size: 16px;
}
.email-template-page .demo .lyrow .drag.label.label-ghost-primary {
  background-color: white;
  z-index: 1;
}
.email-template-page .demo .lyrow .conditional-block-marker {
  position: absolute;
  left: 100%;
  top: 4px;
  bottom: 4px;
  width: 8px;
  border: 2px dashed #5bc0de;
  border-left: none;
  border-radius: 4px;
}
.email-template-page .demo .lyrow .conditional-block-hint {
  --template-block-width: 640px;
  position: absolute;
  left: calc(50% + var(--template-block-width) / 2 + 16px);
  top: 4px;
  right: 50px;
  bottom: 4px;
  text-align: left;
}
.email-template-page .demo .lyrow .conditional-block-hint .conditional-block-hint__content {
  min-width: 150px;
  max-width: 250px;
  max-height: 100%;
  padding: 8px 10px;
  background-color: white;
  border: 1px solid #5bc0de;
  border-radius: 4px;
  overflow: auto;
  font-size: 12px;
}
.email-template-page .demo .lyrow .conditional-block-hint .conditional-block-hint__content h4 {
  margin-bottom: 8px;
}
.email-template-page .demo .lyrow .conditional-block-hint .conditional-block-hint__content p {
  margin-bottom: 0;
}
#update_reservn .modal-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
}
#update_reservn .modal-body .calendar-form__left-section,
#update_reservn .modal-body .calendar-form__right-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__room_required {
  display: flex;
  gap: 8px;
  width: 100%;
}
#update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__arrival-departure,
#update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__adults-children1,
#update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__children2-free {
  display: flex;
  gap: 8px;
}
#update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__arrival-departure > *,
#update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__adults-children1 > *,
#update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__children2-free > * {
  width: 100%;
  min-width: 60px;
}
#update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__children2-free > .form-group {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  #update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section {
    display: flex;
    gap: 6px;
    align-items: stretch;
  }
  #update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section > * {
    flex: 1;
  }
  #update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__room-status {
    flex: 0.8;
  }
  #update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__room_required {
    flex: 1.3;
  }
  #update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__arrival-departure {
    flex: 3;
  }
  #update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__children2-free > .form-group {
    margin-bottom: 12px;
  }
}
@media (min-width: 1250px) {
  #update_reservn .modal-body .calendar-form__main-settings {
    display: flex;
    gap: 6px;
  }
  #update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section {
    flex: 1;
  }
  #update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section > .form-group {
    margin-bottom: 0;
  }
  #update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__room_required > .form-group,
  #update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__arrival-departure > .form-group,
  #update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__adults-children1 > .form-group,
  #update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__children2-free > .form-group {
    margin-bottom: 0;
  }
  #update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__arrival-departure > * {
    flex: 1;
    width: 140px;
  }
  #update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__adults-children1 > *,
  #update_reservn .modal-body .calendar-form__main-settings .calendar-form__settings-section .calendar-form__children2-free > * {
    min-width: 45px;
  }
}
#update_reservn .modal-body .calendar-form__vat-discounts {
  margin-top: 8px;
}
#update_reservn .modal-body .calendar-form__checkin,
#update_reservn .modal-body .calendar-form__checkout {
  display: flex;
  align-items: center;
  gap: 6px;
}
#update_reservn .modal-body .calendar-form__checkin > label,
#update_reservn .modal-body .calendar-form__checkout > label {
  width: 90px;
  font-weight: 400;
}
#update_reservn .modal-body .calendar-form__checkin > label i,
#update_reservn .modal-body .calendar-form__checkout > label i {
  width: 15px;
  font-size: 16px;
}
#update_reservn .modal-body .calendar-form__checkin #checkin-details,
#update_reservn .modal-body .calendar-form__checkout #checkin-details,
#update_reservn .modal-body .calendar-form__checkin #checkout-details,
#update_reservn .modal-body .calendar-form__checkout #checkout-details {
  flex: 1;
}
#update_reservn .modal-body .calendar-form__checkin {
  margin-bottom: 8px;
}
#update_reservn .modal-body #incl-product-list .drop_down_list {
  margin-top: 12px;
}
#update_reservn .modal-body #description-tabs .tab-content textarea.form-control {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #363B4D;
}
#update_reservn .modal-body .calendar-form__salto {
  margin-top: 12px;
}
#update_reservn .modal-body .calendar-form__salto .calendar-form__salto-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  background-color: #EFF0F7;
  border-radius: 6px;
}
#update_reservn .modal-body .calendar-form__salto .calendar-form__salto-header .calendar-form__salto-tags-key {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
#update_reservn .modal-body .calendar-form__salto .calendar-form__salto-body {
  margin-top: 12px;
}
#update_reservn .modal-body .calendar-form__salto .calendar-form__salto-body .calendar-form__salto-pin {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 4px;
}
#update_reservn .modal-body .calendar-form__salto .calendar-form__salto-body .calendar-form__salto-pin > p i {
  width: 20px;
  font-size: 16px;
}
#update_reservn .modal-body .calendar-form__salto .calendar-form__salto-body .calendar-form__salto-pin #saltoPinButtons {
  display: flex;
  gap: 8px;
  margin-top: 4px;
}
#update_reservn .modal-body .calendar-form__salto .calendar-form__salto-body #saltoPinCodeContainer {
  margin-top: 12px;
}
#update_reservn .modal-body .client_meal_preferences,
#update_reservn .modal-body .client_stay_preferences {
  display: flex;
  align-items: start;
  gap: 8px;
  flex-wrap: wrap;
}
@media (min-width: 1250px) {
  #update_reservn .modal-body {
    display: grid;
    grid-template-areas: "settings settings" "left right";
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  #update_reservn .modal-body > * {
    height: max-content;
  }
  #update_reservn .modal-body .calendar-form__main-settings {
    grid-area: settings;
  }
  #update_reservn .modal-body .calendar-form__left-section {
    grid-area: left;
  }
  #update_reservn .modal-body .calendar-form__right-section {
    grid-area: right;
  }
  #update_reservn .modal-body .calendar-form__arriving-guests {
    grid-area: guests;
    display: flex;
    gap: 12px;
  }
  #update_reservn .modal-body .calendar-form__pricing-taxes {
    grid-area: money;
    display: flex;
    gap: 8px;
    align-items: start;
  }
  #update_reservn .modal-body .calendar-form__pricing-taxes .room-pricing-block {
    flex: 1;
  }
  #update_reservn .modal-body .calendar-form__pricing-taxes .calendar-form__vat-discounts {
    width: 150px;
    margin-top: 0;
  }
}
#manage_service .manage-service__main-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#manage_service .manage-service__main-content #appendtable thead tr th:last-child,
#manage_service .manage-service__main-content #appendtable tbody tr td:last-child {
  width: 0;
  padding: 0 5px 0 0;
}
#manage_service .manage-service__type-selection {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
#manage_service .manage-service__type-selection .manage-service__type-selection-title {
  white-space: nowrap;
}
#manage_service .tab-pane .manage-service__cells-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
#manage_service .tab-pane .manage-service__cells-container .fc-event {
  display: flex;
  justify-content: center;
  align-items: start;
  padding: 8px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
}
#manage_service .tab-pane .manage-service__cells-container .fc-event.box-disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
#manage_service .tab-pane .manage-service__cells-container .fc-event .manage-service__cell-image {
  width: 32px;
  height: 32px;
  margin: 0 auto 4px;
}
#manage_service .tab-pane .manage-service__cells-container .fc-event h5 {
  min-height: 32px;
  margin: 0;
  word-break: break-word;
}
@media (min-width: 768px) {
  #manage_service .tab-pane .manage-service__cells-container {
    grid-template-columns: repeat(5, 1fr);
  }
}
#manage_service #direct_add_product_additional {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-top: 12px;
}
@media (min-width: 768px) {
  #manage_service #direct_add_product_additional {
    flex-direction: row;
    align-items: end;
    gap: 8px;
    width: 100%;
  }
  #manage_service #direct_add_product_additional > .form-group {
    margin-bottom: 0;
  }
  #manage_service #direct_add_product_additional #additional_product_service[value=""] {
    color: red;
  }
}
@media (min-width: 992px) {
  #manage_service .manage-service__main-content {
    flex-direction: row;
  }
  #manage_service .manage-service__main-content > * {
    flex: 1;
  }
}
#create_reservation .create-reservation__room-required {
  display: flex;
  gap: 8px;
}
#create_reservation .create-reservation__room-required > :first-child {
  flex: 1;
}
#create_reservation .create-reservation__guests-types {
  display: flex;
  gap: 8px;
}
#create_reservation .create-reservation__guests-types > * {
  flex: 1;
}
#create_reservation .create-reservation__arriving-guests {
  margin-top: 12px;
}
@media (min-width: 500px) {
  #create_reservation .create-reservation__group-1 {
    display: flex;
    align-items: start;
    gap: 8px;
  }
  #create_reservation .create-reservation__group-1 > * {
    flex: 1;
  }
  #create_reservation .typeahead__dropdown-full-width ~ .tt-menu {
    width: calc(200% + 8px);
  }
  #create_reservation .typeahead__dropdown-anchor-right ~ .tt-menu {
    left: unset !important;
    right: 0;
  }
}
@media (min-width: 768px) {
  #create_reservation .create-reservation__group-2 {
    display: flex;
    align-items: start;
    gap: 8px;
  }
  #create_reservation .create-reservation__group-2 > * {
    flex: 1;
  }
  #create_reservation .create-reservation__arrival-departure > .form-group,
  #create_reservation .create-reservation__zip-city > .form-group {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  #create_reservation .create-reservation__group-2.group-disabled-3 {
    display: block;
  }
  #create_reservation .create-reservation__group-3 {
    display: flex;
    align-items: start;
    gap: 12px;
  }
  #create_reservation .create-reservation__group-3 > * {
    flex: 1;
  }
  #create_reservation .create-reservation__zip-city > .form-group {
    margin-bottom: 12px;
  }
  #create_reservation .create-reservation__room-required > .form-group {
    margin-bottom: 0;
  }
  #create_reservation .create-reservation__category {
    margin-bottom: 0;
  }
  #create_reservation .create-reservation__arriving-guests {
    margin-top: 0;
  }
}
#product_service_details .edit-product-service__type-selection {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
  overflow-x: auto;
}
#product_service_details .edit-product-service__translations .tab-content textarea.form-control {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#product_service_details .edit-product-service__tier-breakdown {
  box-shadow: none;
}
#product_service_details .edit-product-service__tier-breakdown__title {
  font-size: 14px;
}
#product_service_details .edit-product-service__tier-breakdown__body {
  font-size: 12px;
}
#room_reservn .add-rooms__toolbar .add-rooms__start-date {
  grid-area: start;
}
#room_reservn .add-rooms__toolbar .add-rooms__end-date {
  grid-area: end;
}
#room_reservn .add-rooms__toolbar .add-rooms__filter {
  grid-area: filter;
}
#room_reservn .add-rooms__toolbar .add-rooms__occupied {
  grid-area: occupied;
}
@media (min-width: 768px) {
  #room_reservn .add-rooms__toolbar {
    display: grid;
    grid-template-areas: "start end" "filter occupied";
    column-gap: 12px;
  }
  #room_reservn .add-rooms__toolbar .add-rooms__occupied {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  #room_reservn .add-rooms__toolbar {
    grid-template-areas: "start end filter occupied";
    grid-template-columns: minmax(150px, 200px) minmax(150px, 200px) 1fr auto;
  }
}
#room_reservn .add-rooms__tables {
  flex: 1;
  display: grid;
  overflow: hidden;
}
#room_reservn .add-rooms__tables > .table-responsive {
  overflow-y: auto;
}
#room_reservn .add-rooms__tables table > tbody > tr:nth-child(even) > td {
  border-top: none;
}
#room_reservn .add-rooms__tables #occupied_room_details {
  overflow: auto;
}
#room_reservn .add-rooms__tables #occupied_room_details h4 {
  position: sticky;
  top: 0;
  margin-bottom: 0;
  padding-bottom: 8px;
  background-color: white;
  z-index: 1;
}
.related-clients__content {
  display: flex;
  overflow-y: hidden;
}
.related-clients__content .tab-pane.active {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.related-clients__content .tab-pane.active #clients_search_pjax,
.related-clients__content .tab-pane.active #related_persons_search_pjax,
.related-clients__content .tab-pane.active #related_companies_search_pjax {
  overflow-y: auto;
}
#paymentElementsStub {
  max-width: 500px;
  margin: 0 auto;
  pointer-events: none;
}
#paymentElementsStub .input-group input {
  border-right: none;
}
#paymentElementsStub .input-group .input-group-addon {
  border-left: none;
}
#paymentElementsStub label {
  font-weight: normal;
}
#paymentElementsStub .tablist {
  display: flex;
  gap: 8px;
  color: #6d6e78;
}
#paymentElementsStub .tablist button {
  background-color: white;
  flex: 1;
  border: 1px solid #e6e6e6;
}
#paymentElementsStub .tablist button:first-child {
  border: 2px solid var(--primaryColour);
}
#paymentElementsStub .tablist button:last-child {
  flex-grow: 0;
}
#paymentElementsStub .Tab {
  text-align: left;
  padding: 0.75em;
  font-weight: 600;
  display: flex;
  flex-direction: column;
}
#paymentElementsStub .TabIcon {
  height: 1.2em;
}
#checkoutButtonPreview {
  background-color: var(--primaryColour);
  border: none;
}
.damage-panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 6px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 0;
  border-color: #D9DBE9;
  margin-bottom: revert;
  padding: 8px;
  overflow: hidden;
}
.damage-panel > .list-group,
.damage-panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.damage-panel > .list-group .list-group-item,
.damage-panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.damage-panel > .list-group:first-child .list-group-item:first-child,
.damage-panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.damage-panel > .list-group:last-child .list-group-item:last-child,
.damage-panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.damage-panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.damage-panel > .table,
.damage-panel > .table-responsive > .table,
.damage-panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.damage-panel > .table caption,
.damage-panel > .table-responsive > .table caption,
.damage-panel > .panel-collapse > .table caption {
  padding-right: 0 8px 8px;
  padding-left: 0 8px 8px;
}
.damage-panel > .table:first-child,
.damage-panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.damage-panel > .table:first-child > thead:first-child > tr:first-child,
.damage-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.damage-panel > .table:first-child > tbody:first-child > tr:first-child,
.damage-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.damage-panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.damage-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.damage-panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.damage-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.damage-panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.damage-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.damage-panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.damage-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 5px;
}
.damage-panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.damage-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.damage-panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.damage-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.damage-panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.damage-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.damage-panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.damage-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 5px;
}
.damage-panel > .table:last-child,
.damage-panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.damage-panel > .table:last-child > tbody:last-child > tr:last-child,
.damage-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.damage-panel > .table:last-child > tfoot:last-child > tr:last-child,
.damage-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.damage-panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.damage-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.damage-panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.damage-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.damage-panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.damage-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.damage-panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.damage-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 5px;
}
.damage-panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.damage-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.damage-panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.damage-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.damage-panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.damage-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.damage-panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.damage-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 5px;
}
.damage-panel > .panel-body + .table,
.damage-panel > .panel-body + .table-responsive,
.damage-panel > .table + .panel-body,
.damage-panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.damage-panel > .table > tbody:first-child > tr:first-child th,
.damage-panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.damage-panel > .table-bordered,
.damage-panel > .table-responsive > .table-bordered {
  border: 0;
}
.damage-panel > .table-bordered > thead > tr > th:first-child,
.damage-panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.damage-panel > .table-bordered > tbody > tr > th:first-child,
.damage-panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.damage-panel > .table-bordered > tfoot > tr > th:first-child,
.damage-panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.damage-panel > .table-bordered > thead > tr > td:first-child,
.damage-panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.damage-panel > .table-bordered > tbody > tr > td:first-child,
.damage-panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.damage-panel > .table-bordered > tfoot > tr > td:first-child,
.damage-panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.damage-panel > .table-bordered > thead > tr > th:last-child,
.damage-panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.damage-panel > .table-bordered > tbody > tr > th:last-child,
.damage-panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.damage-panel > .table-bordered > tfoot > tr > th:last-child,
.damage-panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.damage-panel > .table-bordered > thead > tr > td:last-child,
.damage-panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.damage-panel > .table-bordered > tbody > tr > td:last-child,
.damage-panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.damage-panel > .table-bordered > tfoot > tr > td:last-child,
.damage-panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.damage-panel > .table-bordered > thead > tr:first-child > td,
.damage-panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.damage-panel > .table-bordered > tbody > tr:first-child > td,
.damage-panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.damage-panel > .table-bordered > thead > tr:first-child > th,
.damage-panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.damage-panel > .table-bordered > tbody > tr:first-child > th,
.damage-panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.damage-panel > .table-bordered > tbody > tr:last-child > td,
.damage-panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.damage-panel > .table-bordered > tfoot > tr:last-child > td,
.damage-panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.damage-panel > .table-bordered > tbody > tr:last-child > th,
.damage-panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.damage-panel > .table-bordered > tfoot > tr:last-child > th,
.damage-panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.damage-panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.damage-panel .panel-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  border-bottom: none;
}
.damage-panel .panel-heading .panel-title {
  font-size: 14px;
}
.damage-panel .panel-heading .panel-title-lg {
  font-size: 16px;
}
.damage-panel .panel-body:first-child {
  padding-top: 8px;
}
.damage-panel > .panel-heading {
  color: #363B4D;
  background-color: white;
  border-color: #D9DBE9;
}
.damage-panel > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #D9DBE9;
}
.damage-panel > .panel-heading .badge {
  color: white;
  background-color: #363B4D;
}
.damage-panel > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #D9DBE9;
}
.damage-media {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 8px;
}
.damage-media > img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1;
}
.damage-heading {
  font-size: 18px;
}
.damage-heading-meta {
  font-size: 14px;
  opacity: 0.65;
}
.damage-description,
.damage-media,
.damage-action {
  margin-top: 8px;
}
.logoUploadModal .crop-elements {
  height: 400px;
  margin-bottom: 30px;
}
fieldset:not(.fieldset-native) {
  margin-bottom: 12px;
  padding: 10px;
  border: 1px solid #D9DBE9;
  border-radius: 6px;
}
fieldset:not(.fieldset-native) legend {
  display: flex;
  align-items: center;
  gap: 4px;
  width: auto;
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 6px;
  border: none;
  font-size: 18px;
  color: #363B4D;
  line-height: 1;
}
label {
  margin-bottom: 0;
  font-weight: 400;
}
.form-control {
  border-color: #D9DBE9;
}
.form-control:focus {
  border-color: #b9bcd6;
}
.input-checkbox {
  left: 0;
  appearance: none;
  background-color: white;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #D9DBE9;
  border-radius: 6px;
  cursor: pointer;
}
.input-checkbox:checked:before,
.input-checkbox:indeterminate:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #FCFCFC;
  font-size: 11px;
  font-family: "Font Awesome 6 Pro";
}
.input-checkbox:checked:focus,
.input-checkbox:indeterminate:focus {
  outline: white solid 1px;
  outline-offset: -3px;
}
.input-checkbox:checked {
  border-color: #363B4D;
  background-color: #363B4D;
}
.input-checkbox:checked:before {
  content: '\f00c';
  font-weight: bold;
}
.input-checkbox:indeterminate {
  background-color: #D9DBE9;
  border-color: #D9DBE9;
}
.input-checkbox:indeterminate:before {
  content: '\f068';
  color: #363B4D;
}
.input-checkbox[disabled="disabled"],
.input-checkbox[disabled] {
  cursor: not-allowed;
}
.input-checkbox[disabled="disabled"]:not(:checked),
.input-checkbox[disabled]:not(:checked) {
  background-color: #F4F4F4;
}
.input-checkbox[disabled="disabled"]:checked,
.input-checkbox[disabled]:checked {
  opacity: 0.5;
}
.input-radio {
  left: 0;
  appearance: none;
  -webkit-appearance: none;
  width: 19px;
  height: 19px;
  margin: 1px;
  border-radius: 50%;
  border: 3px solid white;
  box-shadow: 0 0 0 1px #D9DBE9;
  background-color: white;
}
.input-radio:checked {
  background: #363B4D;
  box-shadow: 0 0 0 1px #363B4D;
}
.input-radio:focus {
  outline: #363B4D solid 1px;
  outline-offset: -1px;
}
.input-radio[disabled="disabled"]:not(:checked),
.input-radio[disabled]:not(:checked) {
  border-color: #F4F4F4;
  background-color: #F4F4F4;
}
.input-radio[disabled="disabled"]:checked,
.input-radio[disabled]:checked {
  opacity: 0.5;
}
input[type="checkbox"] {
  left: 0;
  appearance: none;
  background-color: white;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #D9DBE9;
  border-radius: 6px;
  cursor: pointer;
}
input[type="checkbox"]:checked:before,
input[type="checkbox"]:indeterminate:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #FCFCFC;
  font-size: 11px;
  font-family: "Font Awesome 6 Pro";
}
input[type="checkbox"]:checked:focus,
input[type="checkbox"]:indeterminate:focus {
  outline: white solid 1px;
  outline-offset: -3px;
}
input[type="checkbox"]:checked {
  border-color: #363B4D;
  background-color: #363B4D;
}
input[type="checkbox"]:checked:before {
  content: '\f00c';
  font-weight: bold;
}
input[type="checkbox"]:indeterminate {
  background-color: #D9DBE9;
  border-color: #D9DBE9;
}
input[type="checkbox"]:indeterminate:before {
  content: '\f068';
  color: #363B4D;
}
input[type="checkbox"][disabled="disabled"],
input[type="checkbox"][disabled] {
  cursor: not-allowed;
}
input[type="checkbox"][disabled="disabled"]:not(:checked),
input[type="checkbox"][disabled]:not(:checked) {
  background-color: #F4F4F4;
}
input[type="checkbox"][disabled="disabled"]:checked,
input[type="checkbox"][disabled]:checked {
  opacity: 0.5;
}
.checkbox,
.radio {
  margin-top: 0;
  margin-bottom: 12px;
}
.checkbox label,
.radio label {
  min-height: 20px;
  padding-left: 28px;
}
.checkbox label input[type="checkbox"],
.radio label input[type="checkbox"] {
  left: 0;
  appearance: none;
  background-color: white;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #D9DBE9;
  border-radius: 6px;
  cursor: pointer;
}
.checkbox label input[type="checkbox"]:checked:before,
.radio label input[type="checkbox"]:checked:before,
.checkbox label input[type="checkbox"]:indeterminate:before,
.radio label input[type="checkbox"]:indeterminate:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #FCFCFC;
  font-size: 11px;
  font-family: "Font Awesome 6 Pro";
}
.checkbox label input[type="checkbox"]:checked:focus,
.radio label input[type="checkbox"]:checked:focus,
.checkbox label input[type="checkbox"]:indeterminate:focus,
.radio label input[type="checkbox"]:indeterminate:focus {
  outline: white solid 1px;
  outline-offset: -3px;
}
.checkbox label input[type="checkbox"]:checked,
.radio label input[type="checkbox"]:checked {
  border-color: #363B4D;
  background-color: #363B4D;
}
.checkbox label input[type="checkbox"]:checked:before,
.radio label input[type="checkbox"]:checked:before {
  content: '\f00c';
  font-weight: bold;
}
.checkbox label input[type="checkbox"]:indeterminate,
.radio label input[type="checkbox"]:indeterminate {
  background-color: #D9DBE9;
  border-color: #D9DBE9;
}
.checkbox label input[type="checkbox"]:indeterminate:before,
.radio label input[type="checkbox"]:indeterminate:before {
  content: '\f068';
  color: #363B4D;
}
.checkbox label input[type="checkbox"][disabled="disabled"],
.radio label input[type="checkbox"][disabled="disabled"],
.checkbox label input[type="checkbox"][disabled],
.radio label input[type="checkbox"][disabled] {
  cursor: not-allowed;
}
.checkbox label input[type="checkbox"][disabled="disabled"]:not(:checked),
.radio label input[type="checkbox"][disabled="disabled"]:not(:checked),
.checkbox label input[type="checkbox"][disabled]:not(:checked),
.radio label input[type="checkbox"][disabled]:not(:checked) {
  background-color: #F4F4F4;
}
.checkbox label input[type="checkbox"][disabled="disabled"]:checked,
.radio label input[type="checkbox"][disabled="disabled"]:checked,
.checkbox label input[type="checkbox"][disabled]:checked,
.radio label input[type="checkbox"][disabled]:checked {
  opacity: 0.5;
}
.checkbox label input[type="radio"],
.radio label input[type="radio"] {
  left: 0;
  appearance: none;
  -webkit-appearance: none;
  width: 19px;
  height: 19px;
  margin: 1px;
  border-radius: 50%;
  border: 3px solid white;
  box-shadow: 0 0 0 1px #D9DBE9;
  background-color: white;
}
.checkbox label input[type="radio"]:checked,
.radio label input[type="radio"]:checked {
  background: #363B4D;
  box-shadow: 0 0 0 1px #363B4D;
}
.checkbox label input[type="radio"]:focus,
.radio label input[type="radio"]:focus {
  outline: #363B4D solid 1px;
  outline-offset: -1px;
}
.checkbox label input[type="radio"][disabled="disabled"]:not(:checked),
.radio label input[type="radio"][disabled="disabled"]:not(:checked),
.checkbox label input[type="radio"][disabled]:not(:checked),
.radio label input[type="radio"][disabled]:not(:checked) {
  border-color: #F4F4F4;
  background-color: #F4F4F4;
}
.checkbox label input[type="radio"][disabled="disabled"]:checked,
.radio label input[type="radio"][disabled="disabled"]:checked,
.checkbox label input[type="radio"][disabled]:checked,
.radio label input[type="radio"][disabled]:checked {
  opacity: 0.5;
}
.radio.radio-inverse label input[type="radio"] {
  border: 3px solid #363B4D;
  background: #363B4D;
  box-shadow: 0 0 0 1px white;
}
.radio.radio-inverse label input[type="radio"]:checked {
  background: white;
  box-shadow: 0 0 0 1px white;
}
.radio.radio-inverse label input[type="radio"]:checked:focus {
  outline-color: white;
}
.radio.radio-inverse label input[type="radio"]:focus {
  outline: white solid 2px;
}
.radio.radio-inverse label input[type="radio"][disabled] {
  border-color: #F4F4F4;
}
.checkbox-inline,
.radio-inline {
  min-height: 20px;
  padding-left: 28px;
}
.checkbox-inline input[type="checkbox"],
.radio-inline input[type="checkbox"] {
  left: 0;
  appearance: none;
  background-color: white;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #D9DBE9;
  border-radius: 6px;
  cursor: pointer;
}
.checkbox-inline input[type="checkbox"]:checked:before,
.radio-inline input[type="checkbox"]:checked:before,
.checkbox-inline input[type="checkbox"]:indeterminate:before,
.radio-inline input[type="checkbox"]:indeterminate:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #FCFCFC;
  font-size: 11px;
  font-family: "Font Awesome 6 Pro";
}
.checkbox-inline input[type="checkbox"]:checked:focus,
.radio-inline input[type="checkbox"]:checked:focus,
.checkbox-inline input[type="checkbox"]:indeterminate:focus,
.radio-inline input[type="checkbox"]:indeterminate:focus {
  outline: white solid 1px;
  outline-offset: -3px;
}
.checkbox-inline input[type="checkbox"]:checked,
.radio-inline input[type="checkbox"]:checked {
  border-color: #363B4D;
  background-color: #363B4D;
}
.checkbox-inline input[type="checkbox"]:checked:before,
.radio-inline input[type="checkbox"]:checked:before {
  content: '\f00c';
  font-weight: bold;
}
.checkbox-inline input[type="checkbox"]:indeterminate,
.radio-inline input[type="checkbox"]:indeterminate {
  background-color: #D9DBE9;
  border-color: #D9DBE9;
}
.checkbox-inline input[type="checkbox"]:indeterminate:before,
.radio-inline input[type="checkbox"]:indeterminate:before {
  content: '\f068';
  color: #363B4D;
}
.checkbox-inline input[type="checkbox"][disabled="disabled"],
.radio-inline input[type="checkbox"][disabled="disabled"],
.checkbox-inline input[type="checkbox"][disabled],
.radio-inline input[type="checkbox"][disabled] {
  cursor: not-allowed;
}
.checkbox-inline input[type="checkbox"][disabled="disabled"]:not(:checked),
.radio-inline input[type="checkbox"][disabled="disabled"]:not(:checked),
.checkbox-inline input[type="checkbox"][disabled]:not(:checked),
.radio-inline input[type="checkbox"][disabled]:not(:checked) {
  background-color: #F4F4F4;
}
.checkbox-inline input[type="checkbox"][disabled="disabled"]:checked,
.radio-inline input[type="checkbox"][disabled="disabled"]:checked,
.checkbox-inline input[type="checkbox"][disabled]:checked,
.radio-inline input[type="checkbox"][disabled]:checked {
  opacity: 0.5;
}
.checkbox-inline input[type="radio"],
.radio-inline input[type="radio"] {
  left: 0;
  appearance: none;
  -webkit-appearance: none;
  width: 19px;
  height: 19px;
  margin: 1px;
  border-radius: 50%;
  border: 3px solid white;
  box-shadow: 0 0 0 1px #D9DBE9;
  background-color: white;
}
.checkbox-inline input[type="radio"]:checked,
.radio-inline input[type="radio"]:checked {
  background: #363B4D;
  box-shadow: 0 0 0 1px #363B4D;
}
.checkbox-inline input[type="radio"]:focus,
.radio-inline input[type="radio"]:focus {
  outline: #363B4D solid 1px;
  outline-offset: -1px;
}
.checkbox-inline input[type="radio"][disabled="disabled"]:not(:checked),
.radio-inline input[type="radio"][disabled="disabled"]:not(:checked),
.checkbox-inline input[type="radio"][disabled]:not(:checked),
.radio-inline input[type="radio"][disabled]:not(:checked) {
  border-color: #F4F4F4;
  background-color: #F4F4F4;
}
.checkbox-inline input[type="radio"][disabled="disabled"]:checked,
.radio-inline input[type="radio"][disabled="disabled"]:checked,
.checkbox-inline input[type="radio"][disabled]:checked,
.radio-inline input[type="radio"][disabled]:checked {
  opacity: 0.5;
}
.checkbox-empty-label,
.radio-empty-label {
  padding-left: 20px;
}
.checkbox-row {
  display: flex;
  column-gap: 16px;
  flex-wrap: wrap;
}
.checkbox-row > .form-group {
  margin-bottom: 0;
}
.checkbox-row .checkbox + .checkbox {
  margin-top: 0;
}
.radio-inline ~ .radio-inline {
  margin-left: 0;
}
.radio-group,
.checkbox-group {
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 8px;
}
.radio-group .checkbox-inline ~ .checkbox-inline,
.checkbox-group .checkbox-inline ~ .checkbox-inline,
.radio-group .radio-inline ~ .radio-inline,
.checkbox-group .radio-inline ~ .radio-inline {
  margin-left: 0;
}
select.form-control {
  padding-left: 10px;
  padding-right: 34px;
  cursor: pointer;
  appearance: none;
  background-image: url(/build/cb80cf2e862e97a2c92d5b8f5a8f7972.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 14px;
}
select.form-control.text-light {
  background-image: url(/build/8ea7dc4ef7c0c9036699aecc71347677.svg);
}
select.form-control.text-light > option {
  color: #363B4D;
}
select.form-control.select-opened {
  background-image: unset;
}
.form-group > label {
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 600;
}
.form-group > i.more-info {
  color: #A7AEC9;
  font-size: 12px;
}
.form-group .form-control {
  font-weight: 700;
  color: #363B4D;
}
.form-group .form-control::placeholder {
  color: #A7AEC9;
}
.form-group .form-control[disabled],
.form-group .form-control[disabled] + .input-group-addon {
  background-color: #F4F4F4;
  cursor: not-allowed;
}
.form-group .form-control ~ .input-group-addon {
  border-left: 0;
}
.form-group input[type="number"].form-control {
  -moz-appearance: textfield;
}
.form-group input[type="number"].form-control::-webkit-outer-spin-button,
.form-group input[type="number"].form-control::-webkit-inner-spin-button {
  margin-right: -10px;
}
.form-group label ~ .checkbox {
  display: block;
  margin-top: 6px;
  margin-bottom: 6px;
}
.form-group label ~ .checkbox input[type="checkbox"] {
  left: 0;
  appearance: none;
  background-color: white;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #D9DBE9;
  border-radius: 6px;
  cursor: pointer;
}
.form-group label ~ .checkbox input[type="checkbox"]:checked:before,
.form-group label ~ .checkbox input[type="checkbox"]:indeterminate:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #FCFCFC;
  font-size: 11px;
  font-family: "Font Awesome 6 Pro";
}
.form-group label ~ .checkbox input[type="checkbox"]:checked:focus,
.form-group label ~ .checkbox input[type="checkbox"]:indeterminate:focus {
  outline: white solid 1px;
  outline-offset: -3px;
}
.form-group label ~ .checkbox input[type="checkbox"]:checked {
  border-color: #363B4D;
  background-color: #363B4D;
}
.form-group label ~ .checkbox input[type="checkbox"]:checked:before {
  content: '\f00c';
  font-weight: bold;
}
.form-group label ~ .checkbox input[type="checkbox"]:indeterminate {
  background-color: #D9DBE9;
  border-color: #D9DBE9;
}
.form-group label ~ .checkbox input[type="checkbox"]:indeterminate:before {
  content: '\f068';
  color: #363B4D;
}
.form-group label ~ .checkbox input[type="checkbox"][disabled="disabled"],
.form-group label ~ .checkbox input[type="checkbox"][disabled] {
  cursor: not-allowed;
}
.form-group label ~ .checkbox input[type="checkbox"][disabled="disabled"]:not(:checked),
.form-group label ~ .checkbox input[type="checkbox"][disabled]:not(:checked) {
  background-color: #F4F4F4;
}
.form-group label ~ .checkbox input[type="checkbox"][disabled="disabled"]:checked,
.form-group label ~ .checkbox input[type="checkbox"][disabled]:checked {
  opacity: 0.5;
}
.form-group label ~ .checkbox-inline {
  margin-left: 8px;
}
.form-group .bootstrap-switch {
  margin-right: 6px;
}
.form-group.has-error .form-control ~ .input-group-addon {
  border-right-color: #FF0000;
}
.form-inline .form-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.form-inline .form-group label {
  margin: 0;
  font-size: 14px;
  white-space: nowrap;
}
.form-inline .form-group .form-control {
  display: inline-block;
}
@media (min-width: 768px) {
  .form-inline {
    display: flex;
    gap: 8px;
    align-items: start;
    flex-wrap: wrap;
  }
  .form-inline .form-group {
    display: inline-flex;
  }
}
.form-inline.form-inline-vertical .form-group {
  display: block;
}
.form-inline.form-inline-vertical .form-group label {
  font-size: 10px;
  margin-bottom: 4px;
  vertical-align: baseline;
}
.form-inline.form-inline-vertical .btn {
  align-self: end;
}
@media (min-width: 768px) {
  .form-inline.form-inline-vertical .form-group > .form-control {
    display: block;
  }
  .form-inline.form-inline-vertical .form-group > .input-group {
    display: table;
  }
}
.form-group .form-inline .form-control {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .form-group .form-inline .form-control {
    margin-bottom: 0;
  }
}
.form-control-static-btn.btn-sm {
  margin-top: 3px;
}
.form-email-action-group {
  display: flex;
  width: 100%;
  margin-top: 8px;
}
.form-email-action-group > * {
  float: none;
}
.form-email-action-group .email-container {
  position: relative;
  display: flex;
  width: 100%;
}
.form-email-action-group .email-container > input[type="email"] {
  width: 100%;
  height: 40px;
  border-radius: 6px 0 0 6px;
  border-right: none;
}
.form-email-action-group .email-container > button.dropdown-toggle {
  height: 40px;
  border: 1px solid #D9DBE9;
  border-left: none;
  border-radius: 0;
}
.form-email-action-group > button {
  height: 40px;
  border: 1px solid #D9DBE9;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  text-transform: capitalize;
}
.hint-block {
  margin: 4px 0 0;
  font-size: 12px;
  color: #6b7597;
}
input[type="checkbox"] ~ .hint-block,
input[type="radio"] ~ .hint-block {
  margin-top: 0;
}
.help-block,
.has-error .help-block {
  margin: 4px 0 0;
  font-size: 12px;
}
.help-block:empty {
  display: none;
}
.table td > .form-group {
  margin: 0;
}
.form-sm .form-group {
  margin-bottom: 4px;
}
.form-sm .form-control {
  height: 28px;
  padding: 4px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 4px;
}
select.form-sm .form-control {
  height: 28px;
  line-height: 28px;
}
textarea.form-sm .form-control,
select[multiple].form-sm .form-control {
  height: auto;
}
.form-sm textarea.form-control,
.form-sm select[multiple].form-control {
  height: unset;
}
.input-with-tabs {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.form-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 9px;
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .form-inline-fullwidth {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    grid-gap: 10px;
  }
  .form-inline-fullwidth .form-group {
    display: block;
  }
  .form-inline-fullwidth .form-group .form-control {
    width: 100%;
  }
  .form-inline-fullwidth .btn {
    margin-top: 23px;
    width: 100%;
  }
}
.small-box {
  display: grid;
  grid-template-areas: "count inner icon" "footer footer footer";
  grid-template-columns: auto 1fr auto;
  column-gap: 12px;
  height: 100%;
  margin-bottom: 0;
  padding: 16px 10px 10px;
  border-radius: 8px;
  background-color: #D9DBE9;
  color: #363B4D;
}
.small-box > .small-box__count {
  grid-area: count;
  min-width: 32px;
  margin-left: 4px;
  font-size: 32px;
  line-height: 1;
  font-weight: 700;
  text-align: start;
}
.small-box > .inner {
  grid-area: inner;
  display: inline-flex;
  flex-direction: column;
  padding: 0;
  text-align: start;
}
.small-box > .inner h3 {
  margin-bottom: 6px;
  font-size: 24px;
  white-space: normal;
  z-index: 1;
}
.small-box > .inner p {
  display: flex;
  gap: 8px;
  margin-bottom: 0;
  font-size: 14px;
  z-index: 1;
}
.small-box > .icon {
  grid-area: icon;
  position: relative;
  inset: 0;
  display: flex;
  justify-content: end;
  height: 40px;
  width: 45px;
  margin-right: 4px;
  color: #FCFCFC;
  font-size: 40px;
}
.small-box > .small-box-footer {
  grid-area: footer;
  align-self: end;
  min-height: 30px;
  margin-top: 12px;
  border-radius: 4px;
  background-color: white;
  color: #363B4D;
  font-weight: 600;
  z-index: 1;
}
.small-box > .small-box-footer:hover {
  background-color: #f2f2f2;
  color: #363B4D;
}
.small-box:hover > .small-box__count {
  color: #363B4D;
}
.small-box:hover > .inner h3,
.small-box:hover > .inner p {
  color: #363B4D;
}
.small-box:hover .icon {
  font-size: 48px;
}
.small-box-auxiliary {
  position: absolute;
  top: 10px;
  right: 10px;
}
.box {
  margin-bottom: 12px;
}
.box .box-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  height: auto;
  min-height: 40px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.box .box-header .box-title {
  align-self: center;
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  color: #363B4D;
}
.box .box-header .box-tools {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.box .box-header .box-tools > *:not(.btn.btn-default-clear) {
  margin-top: 4px;
}
.box .box-header .box-tools .nav.nav-pills {
  justify-content: end;
}
.box:not(.box.collapsed-box) .hidden-box-open {
  display: none;
}
.box-header:before,
.box-body:before,
.box-header:after,
.box-body:after {
  content: none;
}
.box.box-solid > .box-header > .box-tools .btn {
  border: 1px solid transparent;
}
.box.box-solid > .box-header .btn.btn-default {
  background-color: #EFF0F7;
  border-color: #e8eaf4;
}
.box.box-solid > .box-header .btn.btn-default:hover,
.box.box-solid > .box-header .nav.nav-pills > li:not(.active) > a:hover {
  background-color: #cdd0e6;
  border-color: #bfc3df;
}
.box.box-solid > .box-header .btn.btn-primary:hover {
  background-color: #21242f;
  border-color: #191b23;
}
.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
  top: 4px;
}
.timeline:before {
  left: 32px;
  width: 2px;
}
.timeline > li > .timeline-item > .timeline-header {
  font-size: 14px;
  color: #363B4D;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.btn:focus {
  outline: #363B4D solid 1px;
  outline-offset: -2px;
}
.btn.kv-hidden {
  display: none;
}
.btn-primary {
  color: #FCFCFC;
  background-color: #363B4D;
  border-color: #2b303e;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #FCFCFC;
  background-color: #21242f;
  border-color: #000000;
}
.btn-primary:hover {
  color: #FCFCFC;
  background-color: #21242f;
  border-color: #12141a;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #FCFCFC;
  background-color: #21242f;
  background-image: none;
  border-color: #12141a;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #FCFCFC;
  background-color: #12141a;
  border-color: #000000;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #363B4D;
  border-color: #2b303e;
}
.btn-primary .badge {
  color: #363B4D;
  background-color: #FCFCFC;
}
.btn-primary:focus {
  outline-color: white;
}
.btn-default {
  color: #363B4D;
  background-color: #EFF0F7;
  border-color: #e8eaf4;
}
.btn-default:focus,
.btn-default.focus {
  color: #363B4D;
  background-color: #cdd0e6;
  border-color: #939ac9;
}
.btn-default:hover {
  color: #363B4D;
  background-color: #cdd0e6;
  border-color: #bfc3df;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #363B4D;
  background-color: #cdd0e6;
  background-image: none;
  border-color: #bfc3df;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #363B4D;
  background-color: #b5bada;
  border-color: #939ac9;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #EFF0F7;
  border-color: #e8eaf4;
}
.btn-default .badge {
  color: #EFF0F7;
  background-color: #363B4D;
}
.btn-default .badge {
  background-color: #F4B740;
}
.btn-default-clear {
  color: #363B4D;
  background-color: white;
  border-color: #D9DBE9;
}
.btn-default-clear:focus,
.btn-default-clear.focus {
  color: #363B4D;
  background-color: #e6e6e6;
  border-color: #888eba;
}
.btn-default-clear:hover {
  color: #363B4D;
  background-color: #e6e6e6;
  border-color: #b2b6d3;
}
.btn-default-clear:active,
.btn-default-clear.active,
.open > .dropdown-toggle.btn-default-clear {
  color: #363B4D;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #b2b6d3;
}
.btn-default-clear:active:hover,
.btn-default-clear.active:hover,
.open > .dropdown-toggle.btn-default-clear:hover,
.btn-default-clear:active:focus,
.btn-default-clear.active:focus,
.open > .dropdown-toggle.btn-default-clear:focus,
.btn-default-clear:active.focus,
.btn-default-clear.active.focus,
.open > .dropdown-toggle.btn-default-clear.focus {
  color: #363B4D;
  background-color: #d4d4d4;
  border-color: #888eba;
}
.btn-default-clear.disabled:hover,
.btn-default-clear[disabled]:hover,
fieldset[disabled] .btn-default-clear:hover,
.btn-default-clear.disabled:focus,
.btn-default-clear[disabled]:focus,
fieldset[disabled] .btn-default-clear:focus,
.btn-default-clear.disabled.focus,
.btn-default-clear[disabled].focus,
fieldset[disabled] .btn-default-clear.focus {
  background-color: white;
  border-color: #D9DBE9;
}
.btn-default-clear .badge {
  color: white;
  background-color: #363B4D;
}
.btn-link {
  color: #363B4D;
  background-color: transparent;
  border-color: transparent;
}
.btn-link:focus,
.btn-link.focus {
  color: #363B4D;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.btn-link:hover {
  color: #363B4D;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.btn-link:active,
.btn-link.active,
.open > .dropdown-toggle.btn-link {
  color: #363B4D;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  border-color: rgba(0, 0, 0, 0);
}
.btn-link:active:hover,
.btn-link.active:hover,
.open > .dropdown-toggle.btn-link:hover,
.btn-link:active:focus,
.btn-link.active:focus,
.open > .dropdown-toggle.btn-link:focus,
.btn-link:active.focus,
.btn-link.active.focus,
.open > .dropdown-toggle.btn-link.focus {
  color: #363B4D;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.btn-link.disabled:hover,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link.disabled:focus,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus,
.btn-link.disabled.focus,
.btn-link[disabled].focus,
fieldset[disabled] .btn-link.focus {
  background-color: transparent;
  border-color: transparent;
}
.btn-link .badge {
  color: transparent;
  background-color: #363B4D;
}
.btn-link:hover,
.btn-link:focus {
  text-decoration: none;
}
.btn-warning {
  color: #FCFCFC;
  background-color: #F4B740;
  border-color: #f3ae28;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #FCFCFC;
  background-color: #f1a510;
  border-color: #936408;
}
.btn-warning:hover {
  color: #FCFCFC;
  background-color: #f1a510;
  border-color: #d18e0c;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #FCFCFC;
  background-color: #f1a510;
  background-image: none;
  border-color: #d18e0c;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #FCFCFC;
  background-color: #d18e0c;
  border-color: #936408;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #F4B740;
  border-color: #f3ae28;
}
.btn-warning .badge {
  color: #F4B740;
  background-color: #FCFCFC;
}
.btn-danger {
  color: #FCFCFC;
  background-color: #FF0000;
  border-color: #e60000;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #FCFCFC;
  background-color: #cc0000;
  border-color: #660000;
}
.btn-danger:hover {
  color: #FCFCFC;
  background-color: #cc0000;
  border-color: #a80000;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #FCFCFC;
  background-color: #cc0000;
  background-image: none;
  border-color: #a80000;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #FCFCFC;
  background-color: #a80000;
  border-color: #660000;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #FF0000;
  border-color: #e60000;
}
.btn-danger .badge {
  color: #FF0000;
  background-color: #FCFCFC;
}
.btn-danger-clear {
  color: #FF0000;
  background-color: white;
  border-color: #e60000;
}
.btn-danger-clear:focus,
.btn-danger-clear.focus {
  color: #FF0000;
  background-color: #e6e6e6;
  border-color: #660000;
}
.btn-danger-clear:hover {
  color: #FF0000;
  background-color: #e6e6e6;
  border-color: #a80000;
}
.btn-danger-clear:active,
.btn-danger-clear.active,
.open > .dropdown-toggle.btn-danger-clear {
  color: #FF0000;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #a80000;
}
.btn-danger-clear:active:hover,
.btn-danger-clear.active:hover,
.open > .dropdown-toggle.btn-danger-clear:hover,
.btn-danger-clear:active:focus,
.btn-danger-clear.active:focus,
.open > .dropdown-toggle.btn-danger-clear:focus,
.btn-danger-clear:active.focus,
.btn-danger-clear.active.focus,
.open > .dropdown-toggle.btn-danger-clear.focus {
  color: #FF0000;
  background-color: #d4d4d4;
  border-color: #660000;
}
.btn-danger-clear.disabled:hover,
.btn-danger-clear[disabled]:hover,
fieldset[disabled] .btn-danger-clear:hover,
.btn-danger-clear.disabled:focus,
.btn-danger-clear[disabled]:focus,
fieldset[disabled] .btn-danger-clear:focus,
.btn-danger-clear.disabled.focus,
.btn-danger-clear[disabled].focus,
fieldset[disabled] .btn-danger-clear.focus {
  background-color: white;
  border-color: #e60000;
}
.btn-danger-clear .badge {
  color: white;
  background-color: #FF0000;
}
.btn-success {
  color: #FCFCFC;
  background-color: #2D7906;
  border-color: #246105;
}
.btn-success:focus,
.btn-success.focus {
  color: #FCFCFC;
  background-color: #1b4804;
  border-color: #000000;
}
.btn-success:hover {
  color: #FCFCFC;
  background-color: #1b4804;
  border-color: #0e2602;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #FCFCFC;
  background-color: #1b4804;
  background-image: none;
  border-color: #0e2602;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #FCFCFC;
  background-color: #0e2602;
  border-color: #000000;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #2D7906;
  border-color: #246105;
}
.btn-success .badge {
  color: #2D7906;
  background-color: #FCFCFC;
}
.btn-xxs {
  padding: 2px 4px;
  font-size: 10px;
  line-height: 1;
  border-radius: 4px;
}
.btn-xxs i {
  font-size: 10px;
}
.btn-xs {
  padding: 2px 4px;
  font-size: 10px;
  line-height: 1;
  border-radius: 4px;
  min-height: 20px;
}
.btn-xs i {
  font-size: 12px;
}
.btn-sm {
  padding: 4px 6px;
  font-size: 12px;
  line-height: 1;
  border-radius: 4px;
  min-height: 28px;
}
.btn-sm i {
  font-size: 14px;
}
.btn-lg {
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
}
.btn-header-nav {
  color: #363B4D;
  background-color: #f4f4fa;
  border-color: #e2e2f2;
  min-width: 40px;
  height: 50px;
  border: none;
  border-radius: 0;
  font-weight: 400;
}
.btn-header-nav:focus,
.btn-header-nav.focus {
  color: #363B4D;
  background-color: #d1d1ea;
  border-color: #8b8bca;
}
.btn-header-nav:hover {
  color: #363B4D;
  background-color: #d1d1ea;
  border-color: #b8b8df;
}
.btn-header-nav:active,
.btn-header-nav.active,
.open > .dropdown-toggle.btn-header-nav {
  color: #363B4D;
  background-color: #d1d1ea;
  background-image: none;
  border-color: #b8b8df;
}
.btn-header-nav:active:hover,
.btn-header-nav.active:hover,
.open > .dropdown-toggle.btn-header-nav:hover,
.btn-header-nav:active:focus,
.btn-header-nav.active:focus,
.open > .dropdown-toggle.btn-header-nav:focus,
.btn-header-nav:active.focus,
.btn-header-nav.active.focus,
.open > .dropdown-toggle.btn-header-nav.focus {
  color: #363B4D;
  background-color: #b8b8df;
  border-color: #8b8bca;
}
.btn-header-nav.disabled:hover,
.btn-header-nav[disabled]:hover,
fieldset[disabled] .btn-header-nav:hover,
.btn-header-nav.disabled:focus,
.btn-header-nav[disabled]:focus,
fieldset[disabled] .btn-header-nav:focus,
.btn-header-nav.disabled.focus,
.btn-header-nav[disabled].focus,
fieldset[disabled] .btn-header-nav.focus {
  background-color: #f4f4fa;
  border-color: #e2e2f2;
}
.btn-header-nav .badge {
  color: #f4f4fa;
  background-color: #363B4D;
}
.callout {
  margin-bottom: 12px;
  border-radius: 6px;
}
.callout.callout-info {
  background-color: #f8f8fc !important;
  border-color: #cdd0e6;
  color: #363B4D !important;
}
.callout a {
  color: #DF0079;
}
.callout a:hover {
  color: #ac005d;
}
.alert {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  border-radius: 4px;
  font-weight: 600;
  white-space: normal;
}
.alert a.btn {
  text-decoration: none;
}
.alert a.btn.btn-default-clear {
  color: #363B4D;
}
.alert .alert-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: start;
}
.alert .alert-body h4,
.alert .alert-body p {
  margin-bottom: 0;
}
.alert .alert-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 28px;
  padding: 2px;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  color: #FCFCFC;
}
.alert .alert-action-icon:focus {
  outline: #363B4D solid 1px;
  outline-offset: -2px;
}
.alert .alert-action-icon.kv-hidden {
  display: none;
}
.alert .alert-action-icon:hover {
  background-color: #FFFFFF55;
  cursor: pointer;
}
.alert .alert-action-icon i {
  font-size: 20px;
  line-height: 1;
}
.alert.alert-small {
  padding: 6px 10px;
}
.alert-flash {
  position: absolute;
  inset: 0;
  z-index: 50;
  padding: 4px 15px 0;
}
.nav-tabs > li.has-errors > a,
.nav-tabs > li.has-errors > a:hover,
.nav-tabs > li.has-errors > a:focus {
  color: #FF0000;
  border: 1px solid #FF0000;
  border-bottom-color: transparent;
}
.nav.nav-tabs {
  border-bottom: none;
}
.nav.nav-tabs > li > a {
  color: #363B4D;
  font-weight: 600;
  border-bottom: none;
}
.nav.nav-tabs > li > a:hover {
  background-color: white;
  border-radius: 4px 4px 0 0;
  border-color: #D9DBE9;
  border-bottom: none;
  color: #21242f;
}
.nav.nav-tabs > li > a:focus {
  background-color: white;
}
.nav.nav-tabs > li.active > a {
  background-color: white;
  border-radius: 4px 4px 0 0;
  border-color: #D9DBE9;
  border-bottom: none;
  color: #363B4D;
}
.nav.nav-tabs.nav-tabs-inverse > li > a {
  color: #FCFCFC;
}
.nav.nav-tabs.nav-tabs-inverse > li > a:hover {
  color: #363B4D;
}
.nav.nav-tabs.nav-tabs-inverse > li.active > a {
  color: #363B4D;
}
.nav.nav-tabs.nav-tabs-divided {
  border-bottom: 1px solid #D9DBE9;
}
.box-header .nav.nav-tabs,
.modal-body__header .nav.nav-tabs {
  width: 100%;
  margin-top: 8px;
  border-bottom: 1px solid #D9DBE9;
  font-size: 14px;
  line-height: 24px;
}
.box-header .nav.nav-tabs > li > a,
.modal-body__header .nav.nav-tabs > li > a {
  padding: 6px 12px;
}
.box-header .nav.nav-tabs > li > a:hover,
.modal-body__header .nav.nav-tabs > li > a:hover {
  margin-bottom: -1px;
  border-radius: 6px 6px 0 0;
}
.box-header .nav.nav-tabs > li.active > a,
.modal-body__header .nav.nav-tabs > li.active > a {
  border-radius: 6px 6px 0 0;
  text-decoration: underline;
  text-underline-offset: 6px;
}
.nav.nav-tabs + .tab-content.tab-content-box {
  padding: 8px;
  border: 1px solid #D9DBE9;
  border-radius: 0 0 4px 4px;
}
.nav.nav-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.nav.nav-pills:before,
.nav.nav-pills:after {
  content: unset;
}
.nav.nav-pills > li > a {
  border-radius: 6px;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #EFF0F7;
  font-weight: 600;
  border-top: none;
  white-space: nowrap;
}
.nav.nav-pills > li.active > a {
  background-color: #363B4D;
}
.nav.nav-pills > li.active > a:hover {
  background-color: #21242f;
}
#sidebar-editor .nav > li > a.btn {
  padding-top: 6px;
  padding-bottom: 6px;
}
#sidebar-editor .nav > li.active > a.btn {
  color: #DF0079;
}
#sidebar-editor .nav > li.active > a.btn:focus,
#sidebar-editor .nav > li.active > a.btn:hover {
  color: #DF0079;
}
.table {
  border-collapse: separate;
  margin-bottom: 0;
}
.table:not(:has(> tfoot)) {
  border-bottom: 1px solid #D9DBE9;
}
.table > thead > tr > th {
  padding-left: 12px;
  padding-right: 12px;
  border-bottom: none;
  font-weight: 600;
  font-size: 12px;
  vertical-align: middle;
}
.table > thead > tr > th a {
  color: #363B4D;
  text-decoration: underline;
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed;
  text-underline-offset: 2px;
}
.table > thead > tr > th > i.more-info {
  color: #A7AEC9;
  font-size: 12px;
}
.table > tbody > tr > td {
  padding-left: 12px;
  padding-right: 12px;
  vertical-align: middle;
}
.table > tbody > tr > td.cell-with-status-indicator {
  line-height: 0;
  font-size: 16px;
}
.table > tbody > tr > td.cell-with-limited-width > div,
.table > tbody > tr > td.cell-with-limited-width > a > div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.table > tbody > tr > td.cell-with-actions {
  width: 1%;
  padding: 0;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}
.table > tbody > tr > td.cell-with-actions .btn-link {
  height: 28px;
  width: 32px;
}
.table > tbody > tr > td.cell-with-actions .btn-link .caret {
  display: none;
}
.table > tbody > tr.row-group-header {
  font-weight: bold;
}
.table > tbody > tr.row-group-header > td {
  padding-left: 4px;
  font-size: 10px;
}
.table > tbody > tr.row-group-header:first-child > td {
  border-top: none;
}
.table > tbody > tr.row-group-header:not(:first-child) > td {
  padding-top: 16px;
}
.table > tbody > tr.vertical-align-start > td {
  vertical-align: top;
}
.table > tbody > tr.warning > td {
  background-color: #fbe4b9;
}
.table > tbody > tr.success > td,
.table > tbody > tr.row-selected > td {
  background-color: #e1fdd3;
}
.table > tbody > tr.success.row-muted > td.skip-muted {
  background-color: rgba(225, 253, 211, 0.65);
}
.table > tbody > tr.danger > td {
  background-color: #ffebeb;
}
.table > tbody > tr.info > td {
  background-color: #EFF0F7;
}
.table > tbody > tr.row-muted > td:not(.skip-muted) {
  opacity: 0.65;
}
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 600;
  vertical-align: middle;
}
.table > tfoot > tr.warning > th,
.table > tfoot > tr.warning > td {
  background-color: #fbe4b9;
}
div.table-responsive {
  min-height: unset;
  margin-bottom: 0;
}
table.table.table-hover > tbody > tr > td:not(.cell-with-actions) > a {
  min-height: calc((14px * 1.42857143) + (4px * 2));
  display: block;
  margin: -4px -12px;
  padding: 4px 12px;
}
table.table.table-hover > tbody > tr > td:not(.cell-with-actions) a {
  color: #363B4D;
}
table.table.table-hover > tbody > tr:hover:not(.row-group-header),
table.table.table-hover > tbody tr.hover {
  cursor: pointer;
}
table.table.table-hover > tbody > tr:hover:not(.row-group-header) > td,
table.table.table-hover > tbody tr.hover > td {
  background-color: #e5e6f2;
}
table.table.table-hover > tbody > tr.row-group-header:hover {
  background-color: white;
}
.table:not(.table-wrap) > tbody > tr > td {
  white-space: nowrap;
}
.kv-grid-table input[type="checkbox"] {
  left: 0;
  appearance: none;
  background-color: white;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #D9DBE9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
}
.kv-grid-table input[type="checkbox"]:checked:before,
.kv-grid-table input[type="checkbox"]:indeterminate:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #FCFCFC;
  font-size: 11px;
  font-family: "Font Awesome 6 Pro";
}
.kv-grid-table input[type="checkbox"]:checked:focus,
.kv-grid-table input[type="checkbox"]:indeterminate:focus {
  outline: white solid 1px;
  outline-offset: -3px;
}
.kv-grid-table input[type="checkbox"]:checked {
  border-color: #363B4D;
  background-color: #363B4D;
}
.kv-grid-table input[type="checkbox"]:checked:before {
  content: '\f00c';
  font-weight: bold;
}
.kv-grid-table input[type="checkbox"]:indeterminate {
  background-color: #D9DBE9;
  border-color: #D9DBE9;
}
.kv-grid-table input[type="checkbox"]:indeterminate:before {
  content: '\f068';
  color: #363B4D;
}
.kv-grid-table input[type="checkbox"][disabled="disabled"],
.kv-grid-table input[type="checkbox"][disabled] {
  cursor: not-allowed;
}
.kv-grid-table input[type="checkbox"][disabled="disabled"]:not(:checked),
.kv-grid-table input[type="checkbox"][disabled]:not(:checked) {
  background-color: #F4F4F4;
}
.kv-grid-table input[type="checkbox"][disabled="disabled"]:checked,
.kv-grid-table input[type="checkbox"][disabled]:checked {
  opacity: 0.5;
}
.table.detail-view {
  border-bottom: none;
}
.table.detail-view > tbody > tr:first-child > th,
.table.detail-view > tbody > tr:first-child > td {
  border-top: none;
}
.table tr td .progress {
  margin-top: 0;
}
.label {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  padding: 4px 6px;
  border-radius: 4px;
}
.label i.fa {
  font-size: 10px;
}
.label-primary {
  border: 1px solid #FCFCFC;
  background-color: #363B4D;
  color: #FCFCFC;
}
.label-ghost-primary {
  border: 1px solid #363B4D;
  background-color: white;
  color: #363B4D;
}
.label-ghost-success {
  border: 1px solid #363B4D;
  background-color: white;
  color: #363B4D;
  color: #2D7906;
  border-color: #2D7906;
}
.label-ghost-danger {
  border: 1px solid #363B4D;
  background-color: white;
  color: #363B4D;
  color: #FF0000;
  border-color: #FF0000;
}
.label-xs {
  padding: 2px 4px;
  font-size: 65%;
}
.label-md {
  padding: 6px 10px;
}
.modal {
  -webkit-user-select: none;
          user-select: none;
  z-index: 90;
}
.modal-backdrop {
  z-index: 80;
}
.model-dialog_cus {
  width: 100%;
  margin: 32px auto;
}
@media (min-width: 480px) {
  .model-dialog_cus {
    width: 90%;
  }
}
@media (min-width: 992px) {
  .model-dialog_cus {
    width: 80%;
    max-width: 1100px;
  }
}
.modal-content {
  border-radius: 8px;
  -webkit-user-select: text;
          user-select: text;
}
.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
  margin-left: 12px;
  margin-right: 12px;
}
.modal-header:before,
.modal-header:after {
  content: unset;
}
.modal-header .close {
  margin: 0;
}
.modal-header .close:first-child {
  margin-left: auto;
}
.modal-body {
  max-height: calc(100vh - 168px);
  padding-left: 12px;
  padding-right: 12px;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-body.modal-body--overflowing {
  max-height: unset;
  overflow: visible;
}
.modal.bootbox .modal-header {
  flex-direction: row-reverse;
}
.modal-footer {
  margin-left: 12px;
  margin-right: 12px;
}
.btn-group {
  display: inline-flex;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: 1px;
}
.btn-ribbon {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  gap: 8px;
  flex-wrap: wrap;
}
.btn-details-list {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.btn-details-list > :nth-child(even) {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .btn-details-list {
    display: grid;
    grid-template-columns: min-content 1fr;
    column-gap: 8px;
    row-gap: 12px;
    align-items: center;
  }
  .btn-details-list > :nth-child(even) {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.close {
  float: unset;
  margin: 0;
  font-weight: 400;
  color: #363B4D;
  text-shadow: unset;
  opacity: 0.5;
}
.close:hover,
.close:focus {
  color: #363B4D;
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
}
button.close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  width: 28px;
  padding: 6px;
  border-radius: 6px;
  cursor: pointer;
}
button.close:hover,
button.close:focus {
  background-color: #e6e6e6;
}
.dropdown-menu {
  padding: 4px;
  border-color: #D9DBE9;
  border-radius: 8px;
  box-shadow: 0 8px 10px rgba(17, 17, 17, 0.03);
}
.dropdown-menu > li {
  margin: 0;
}
.dropdown-menu > li > a {
  color: #363B4D;
  padding: 6px 8px;
  border-radius: 4px;
  cursor: pointer;
}
.dropdown-menu > li > a:hover {
  color: #363B4D;
  background-color: #EFF0F7;
}
.dropdown-menu > li > a > i:first-child {
  margin-right: 4px;
}
.dropdown-menu > li.divider {
  margin-top: 4px;
  margin-bottom: 4px;
  background-color: #D9DBE9;
}
.dropdown-menu > li.active > a {
  color: #FCFCFC;
}
.dropdown-menu > li.active > a:hover {
  color: #FCFCFC;
  background-color: #363B4D;
}
.dropdown-menu > li.form-group {
  width: 100%;
}
.dropdown-menu > li.form-group .checkbox {
  width: 100%;
}
.dropdown-menu > li.form-group .checkbox > a {
  display: flex;
  padding: 8px;
  border-radius: 4px;
}
.dropdown-menu > li.form-group .checkbox > a label {
  white-space: nowrap;
}
.dropdown-menu > li.form-group .checkbox > a:hover {
  background-color: #EFF0F7;
}
.dropdown-menu > li.dropdown-submenu {
  position: relative;
}
.dropdown-menu > li.dropdown-submenu > a:after {
  content: "";
  position: absolute;
  right: 4px;
  transform: translateY(50%);
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #363B4D;
}
.dropdown-menu > li.dropdown-submenu > .dropdown-menu {
  top: 0;
}
.dropdown-menu.dropdown-menu-condensed > li > a {
  padding-top: 4px;
  padding-bottom: 4px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  height: auto;
}
.dropdown-menu:has(.dropdown-menu-primary-action) {
  padding-bottom: 0;
}
.dropdown-menu-primary-action {
  position: sticky;
  bottom: -1px;
  padding: 0 8px 8px;
  background-color: white;
}
.dropdown-menu-primary-action hr {
  margin: 0 0 8px 0;
}
.visible-column-menu {
  max-height: max(50vh, 340px);
  overflow-y: auto;
}
.input-group .input-group-addon {
  border-color: #D9DBE9;
  cursor: pointer;
}
.input-group .input-group-addon:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group .input-group-addon:not(:last-child) {
  border-right: 1px solid #D9DBE9;
}
.input-group .input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group .input-group-addon > i.fa {
  min-width: 14px;
}
.input-group .input-group-addon input[type="checkbox"] {
  left: 0;
  appearance: none;
  background-color: white;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #D9DBE9;
  border-radius: 6px;
  cursor: pointer;
}
.input-group .input-group-addon input[type="checkbox"]:checked:before,
.input-group .input-group-addon input[type="checkbox"]:indeterminate:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #FCFCFC;
  font-size: 11px;
  font-family: "Font Awesome 6 Pro";
}
.input-group .input-group-addon input[type="checkbox"]:checked:focus,
.input-group .input-group-addon input[type="checkbox"]:indeterminate:focus {
  outline: white solid 1px;
  outline-offset: -3px;
}
.input-group .input-group-addon input[type="checkbox"]:checked {
  border-color: #363B4D;
  background-color: #363B4D;
}
.input-group .input-group-addon input[type="checkbox"]:checked:before {
  content: '\f00c';
  font-weight: bold;
}
.input-group .input-group-addon input[type="checkbox"]:indeterminate {
  background-color: #D9DBE9;
  border-color: #D9DBE9;
}
.input-group .input-group-addon input[type="checkbox"]:indeterminate:before {
  content: '\f068';
  color: #363B4D;
}
.input-group .input-group-addon input[type="checkbox"][disabled="disabled"],
.input-group .input-group-addon input[type="checkbox"][disabled] {
  cursor: not-allowed;
}
.input-group .input-group-addon input[type="checkbox"][disabled="disabled"]:not(:checked),
.input-group .input-group-addon input[type="checkbox"][disabled]:not(:checked) {
  background-color: #F4F4F4;
}
.input-group .input-group-addon input[type="checkbox"][disabled="disabled"]:checked,
.input-group .input-group-addon input[type="checkbox"][disabled]:checked {
  opacity: 0.5;
}
.input-group .form-control {
  z-index: auto;
}
.input-group .form-control:focus {
  z-index: auto;
}
.input-group .input-group-addon:last-child .checkbox {
  line-height: 20px;
}
.input-group .input-group-btn .btn-default {
  border: 1px solid #D9DBE9;
}
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-right: 8px;
  padding-left: 8px;
}
@media (min-width: 1400px) {
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    float: left;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0%;
  }
}
.grid {
  display: grid;
  grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
  grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
  gap: var(--bs-gap, 8px);
}
.grid .g-col-1 {
  grid-column: auto / span 1;
}
.grid .g-col-2 {
  grid-column: auto / span 2;
}
.grid .g-col-3 {
  grid-column: auto / span 3;
}
.grid .g-col-4 {
  grid-column: auto / span 4;
}
.grid .g-col-5 {
  grid-column: auto / span 5;
}
.grid .g-col-6 {
  grid-column: auto / span 6;
}
.grid .g-col-7 {
  grid-column: auto / span 7;
}
.grid .g-col-8 {
  grid-column: auto / span 8;
}
.grid .g-col-9 {
  grid-column: auto / span 9;
}
.grid .g-col-10 {
  grid-column: auto / span 10;
}
.grid .g-col-11 {
  grid-column: auto / span 11;
}
.grid .g-col-12 {
  grid-column: auto / span 12;
}
.grid .g-start-1 {
  grid-column-start: 1;
}
.grid .g-start-2 {
  grid-column-start: 2;
}
.grid .g-start-3 {
  grid-column-start: 3;
}
.grid .g-start-4 {
  grid-column-start: 4;
}
.grid .g-start-5 {
  grid-column-start: 5;
}
.grid .g-start-6 {
  grid-column-start: 6;
}
.grid .g-start-7 {
  grid-column-start: 7;
}
.grid .g-start-8 {
  grid-column-start: 8;
}
.grid .g-start-9 {
  grid-column-start: 9;
}
.grid .g-start-10 {
  grid-column-start: 10;
}
.grid .g-start-11 {
  grid-column-start: 11;
}
@media (min-width: 480px) {
  .grid .g-col-xs-1 {
    grid-column: auto / span 1;
  }
  .grid .g-col-xs-2 {
    grid-column: auto / span 2;
  }
  .grid .g-col-xs-3 {
    grid-column: auto / span 3;
  }
  .grid .g-col-xs-4 {
    grid-column: auto / span 4;
  }
  .grid .g-col-xs-5 {
    grid-column: auto / span 5;
  }
  .grid .g-col-xs-6 {
    grid-column: auto / span 6;
  }
  .grid .g-col-xs-7 {
    grid-column: auto / span 7;
  }
  .grid .g-col-xs-8 {
    grid-column: auto / span 8;
  }
  .grid .g-col-xs-9 {
    grid-column: auto / span 9;
  }
  .grid .g-col-xs-10 {
    grid-column: auto / span 10;
  }
  .grid .g-col-xs-11 {
    grid-column: auto / span 11;
  }
  .grid .g-col-xs-12 {
    grid-column: auto / span 12;
  }
  .grid .g-start-xs-1 {
    grid-column-start: 1;
  }
  .grid .g-start-xs-2 {
    grid-column-start: 2;
  }
  .grid .g-start-xs-3 {
    grid-column-start: 3;
  }
  .grid .g-start-xs-4 {
    grid-column-start: 4;
  }
  .grid .g-start-xs-5 {
    grid-column-start: 5;
  }
  .grid .g-start-xs-6 {
    grid-column-start: 6;
  }
  .grid .g-start-xs-7 {
    grid-column-start: 7;
  }
  .grid .g-start-xs-8 {
    grid-column-start: 8;
  }
  .grid .g-start-xs-9 {
    grid-column-start: 9;
  }
  .grid .g-start-xs-10 {
    grid-column-start: 10;
  }
  .grid .g-start-xs-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 768px) {
  .grid .g-col-sm-1 {
    grid-column: auto / span 1;
  }
  .grid .g-col-sm-2 {
    grid-column: auto / span 2;
  }
  .grid .g-col-sm-3 {
    grid-column: auto / span 3;
  }
  .grid .g-col-sm-4 {
    grid-column: auto / span 4;
  }
  .grid .g-col-sm-5 {
    grid-column: auto / span 5;
  }
  .grid .g-col-sm-6 {
    grid-column: auto / span 6;
  }
  .grid .g-col-sm-7 {
    grid-column: auto / span 7;
  }
  .grid .g-col-sm-8 {
    grid-column: auto / span 8;
  }
  .grid .g-col-sm-9 {
    grid-column: auto / span 9;
  }
  .grid .g-col-sm-10 {
    grid-column: auto / span 10;
  }
  .grid .g-col-sm-11 {
    grid-column: auto / span 11;
  }
  .grid .g-col-sm-12 {
    grid-column: auto / span 12;
  }
  .grid .g-start-sm-1 {
    grid-column-start: 1;
  }
  .grid .g-start-sm-2 {
    grid-column-start: 2;
  }
  .grid .g-start-sm-3 {
    grid-column-start: 3;
  }
  .grid .g-start-sm-4 {
    grid-column-start: 4;
  }
  .grid .g-start-sm-5 {
    grid-column-start: 5;
  }
  .grid .g-start-sm-6 {
    grid-column-start: 6;
  }
  .grid .g-start-sm-7 {
    grid-column-start: 7;
  }
  .grid .g-start-sm-8 {
    grid-column-start: 8;
  }
  .grid .g-start-sm-9 {
    grid-column-start: 9;
  }
  .grid .g-start-sm-10 {
    grid-column-start: 10;
  }
  .grid .g-start-sm-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 992px) {
  .grid .g-col-md-1 {
    grid-column: auto / span 1;
  }
  .grid .g-col-md-2 {
    grid-column: auto / span 2;
  }
  .grid .g-col-md-3 {
    grid-column: auto / span 3;
  }
  .grid .g-col-md-4 {
    grid-column: auto / span 4;
  }
  .grid .g-col-md-5 {
    grid-column: auto / span 5;
  }
  .grid .g-col-md-6 {
    grid-column: auto / span 6;
  }
  .grid .g-col-md-7 {
    grid-column: auto / span 7;
  }
  .grid .g-col-md-8 {
    grid-column: auto / span 8;
  }
  .grid .g-col-md-9 {
    grid-column: auto / span 9;
  }
  .grid .g-col-md-10 {
    grid-column: auto / span 10;
  }
  .grid .g-col-md-11 {
    grid-column: auto / span 11;
  }
  .grid .g-col-md-12 {
    grid-column: auto / span 12;
  }
  .grid .g-start-md-1 {
    grid-column-start: 1;
  }
  .grid .g-start-md-2 {
    grid-column-start: 2;
  }
  .grid .g-start-md-3 {
    grid-column-start: 3;
  }
  .grid .g-start-md-4 {
    grid-column-start: 4;
  }
  .grid .g-start-md-5 {
    grid-column-start: 5;
  }
  .grid .g-start-md-6 {
    grid-column-start: 6;
  }
  .grid .g-start-md-7 {
    grid-column-start: 7;
  }
  .grid .g-start-md-8 {
    grid-column-start: 8;
  }
  .grid .g-start-md-9 {
    grid-column-start: 9;
  }
  .grid .g-start-md-10 {
    grid-column-start: 10;
  }
  .grid .g-start-md-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1200px) {
  .grid .g-col-lg-1 {
    grid-column: auto / span 1;
  }
  .grid .g-col-lg-2 {
    grid-column: auto / span 2;
  }
  .grid .g-col-lg-3 {
    grid-column: auto / span 3;
  }
  .grid .g-col-lg-4 {
    grid-column: auto / span 4;
  }
  .grid .g-col-lg-5 {
    grid-column: auto / span 5;
  }
  .grid .g-col-lg-6 {
    grid-column: auto / span 6;
  }
  .grid .g-col-lg-7 {
    grid-column: auto / span 7;
  }
  .grid .g-col-lg-8 {
    grid-column: auto / span 8;
  }
  .grid .g-col-lg-9 {
    grid-column: auto / span 9;
  }
  .grid .g-col-lg-10 {
    grid-column: auto / span 10;
  }
  .grid .g-col-lg-11 {
    grid-column: auto / span 11;
  }
  .grid .g-col-lg-12 {
    grid-column: auto / span 12;
  }
  .grid .g-start-lg-1 {
    grid-column-start: 1;
  }
  .grid .g-start-lg-2 {
    grid-column-start: 2;
  }
  .grid .g-start-lg-3 {
    grid-column-start: 3;
  }
  .grid .g-start-lg-4 {
    grid-column-start: 4;
  }
  .grid .g-start-lg-5 {
    grid-column-start: 5;
  }
  .grid .g-start-lg-6 {
    grid-column-start: 6;
  }
  .grid .g-start-lg-7 {
    grid-column-start: 7;
  }
  .grid .g-start-lg-8 {
    grid-column-start: 8;
  }
  .grid .g-start-lg-9 {
    grid-column-start: 9;
  }
  .grid .g-start-lg-10 {
    grid-column-start: 10;
  }
  .grid .g-start-lg-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1400px) {
  .grid .g-col-xl-1 {
    grid-column: auto / span 1;
  }
  .grid .g-col-xl-2 {
    grid-column: auto / span 2;
  }
  .grid .g-col-xl-3 {
    grid-column: auto / span 3;
  }
  .grid .g-col-xl-4 {
    grid-column: auto / span 4;
  }
  .grid .g-col-xl-5 {
    grid-column: auto / span 5;
  }
  .grid .g-col-xl-6 {
    grid-column: auto / span 6;
  }
  .grid .g-col-xl-7 {
    grid-column: auto / span 7;
  }
  .grid .g-col-xl-8 {
    grid-column: auto / span 8;
  }
  .grid .g-col-xl-9 {
    grid-column: auto / span 9;
  }
  .grid .g-col-xl-10 {
    grid-column: auto / span 10;
  }
  .grid .g-col-xl-11 {
    grid-column: auto / span 11;
  }
  .grid .g-col-xl-12 {
    grid-column: auto / span 12;
  }
  .grid .g-start-xl-1 {
    grid-column-start: 1;
  }
  .grid .g-start-xl-2 {
    grid-column-start: 2;
  }
  .grid .g-start-xl-3 {
    grid-column-start: 3;
  }
  .grid .g-start-xl-4 {
    grid-column-start: 4;
  }
  .grid .g-start-xl-5 {
    grid-column-start: 5;
  }
  .grid .g-start-xl-6 {
    grid-column-start: 6;
  }
  .grid .g-start-xl-7 {
    grid-column-start: 7;
  }
  .grid .g-start-xl-8 {
    grid-column-start: 8;
  }
  .grid .g-start-xl-9 {
    grid-column-start: 9;
  }
  .grid .g-start-xl-10 {
    grid-column-start: 10;
  }
  .grid .g-start-xl-11 {
    grid-column-start: 11;
  }
}
.list-group {
  margin-bottom: 12px;
}
.panel {
  margin-bottom: 0;
}
.panel .panel-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  border-bottom: none;
}
.panel .panel-heading .panel-title {
  font-size: 14px;
}
.panel .panel-heading .panel-title-lg {
  font-size: 16px;
}
.panel .panel-body:first-child {
  padding-top: 8px;
}
.panel.panel-default-clear {
  border: none;
  box-shadow: none;
}
.panel.panel-default-clear .panel-heading {
  padding-left: 0;
  padding-right: 0;
}
.panel.panel-default-clear .panel-body {
  padding-left: 0;
  padding-right: 0;
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.well {
  min-height: unset;
  margin-bottom: 12px;
  padding: 12px;
  border: none;
}
.well-sm {
  padding: 8px;
}
.well-lg {
  padding: 20px;
}
.popover {
  padding: 0;
  box-shadow: 0 8px 10px rgba(17, 17, 17, 0.03);
}
.flex {
  display: flex !important;
}
@media (min-width: 992px) {
  .flex-md {
    display: flex !important;
  }
}
.inline-flex {
  display: inline-flex !important;
}
.inline {
  display: inline !important;
}
.flex-col {
  flex-direction: column !important;
}
.justify-start {
  justify-content: start !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-self-end {
  justify-self: end !important;
}
.justify-between {
  justify-content: space-between !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.items-start {
  align-items: start !important;
}
.items-center {
  align-items: center !important;
}
.items-stretch {
  align-items: stretch !important;
}
.items-end {
  align-items: end !important;
}
.block {
  display: block !important;
}
.flex-auto {
  flex: 1 1 auto !important;
}
.flex-1 {
  flex: 1 !important;
}
.flex-2 {
  flex: 2 1 0 !important;
}
.flex-3 {
  flex: 3 1 0 !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-start {
  align-self: start !important;
}
.align-self-end {
  align-self: end !important;
}
.grow {
  flex-grow: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.float-none {
  float: none !important;
}
.w-full {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.w-inherit {
  width: inherit !important;
}
.h-full {
  height: 100% !important;
}
.m-0 {
  margin: 0px !important;
}
.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.p-0 {
  padding: 0px !important;
}
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.gap-0 {
  gap: 0px !important;
}
.m-1 {
  margin: 4px !important;
}
.my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.mx-1 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.ml-1 {
  margin-left: 4px !important;
}
.mt-1 {
  margin-top: 4px !important;
}
.mr-1 {
  margin-right: 4px !important;
}
.mb-1 {
  margin-bottom: 4px !important;
}
.p-1 {
  padding: 4px !important;
}
.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.px-1 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.pl-1 {
  padding-left: 4px !important;
}
.pt-1 {
  padding-top: 4px !important;
}
.pr-1 {
  padding-right: 4px !important;
}
.pb-1 {
  padding-bottom: 4px !important;
}
.gap-1 {
  gap: 4px !important;
}
.m-2 {
  margin: 8px !important;
}
.my-2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.mx-2 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.ml-2 {
  margin-left: 8px !important;
}
.mt-2 {
  margin-top: 8px !important;
}
.mr-2 {
  margin-right: 8px !important;
}
.mb-2 {
  margin-bottom: 8px !important;
}
.p-2 {
  padding: 8px !important;
}
.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.px-2 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.pl-2 {
  padding-left: 8px !important;
}
.pt-2 {
  padding-top: 8px !important;
}
.pr-2 {
  padding-right: 8px !important;
}
.pb-2 {
  padding-bottom: 8px !important;
}
.gap-2 {
  gap: 8px !important;
}
.m-3 {
  margin: 12px !important;
}
.my-3 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.mx-3 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.ml-3 {
  margin-left: 12px !important;
}
.mt-3 {
  margin-top: 12px !important;
}
.mr-3 {
  margin-right: 12px !important;
}
.mb-3 {
  margin-bottom: 12px !important;
}
.p-3 {
  padding: 12px !important;
}
.py-3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.px-3 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.pl-3 {
  padding-left: 12px !important;
}
.pt-3 {
  padding-top: 12px !important;
}
.pr-3 {
  padding-right: 12px !important;
}
.pb-3 {
  padding-bottom: 12px !important;
}
.gap-3 {
  gap: 12px !important;
}
.m-4 {
  margin: 16px !important;
}
.my-4 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.mx-4 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.ml-4 {
  margin-left: 16px !important;
}
.mt-4 {
  margin-top: 16px !important;
}
.mr-4 {
  margin-right: 16px !important;
}
.mb-4 {
  margin-bottom: 16px !important;
}
.p-4 {
  padding: 16px !important;
}
.py-4 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.px-4 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.pl-4 {
  padding-left: 16px !important;
}
.pt-4 {
  padding-top: 16px !important;
}
.pr-4 {
  padding-right: 16px !important;
}
.pb-4 {
  padding-bottom: 16px !important;
}
.gap-4 {
  gap: 16px !important;
}
.m-5 {
  margin: 20px !important;
}
.my-5 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mx-5 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.ml-5 {
  margin-left: 20px !important;
}
.mt-5 {
  margin-top: 20px !important;
}
.mr-5 {
  margin-right: 20px !important;
}
.mb-5 {
  margin-bottom: 20px !important;
}
.p-5 {
  padding: 20px !important;
}
.py-5 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.px-5 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.pl-5 {
  padding-left: 20px !important;
}
.pt-5 {
  padding-top: 20px !important;
}
.pr-5 {
  padding-right: 20px !important;
}
.pb-5 {
  padding-bottom: 20px !important;
}
.gap-5 {
  gap: 20px !important;
}
.last-mb-0 > :last-child {
  margin-bottom: 0 !important;
}
.font-size-h1 {
  font-size: 36px;
}
.font-size-h2 {
  font-size: 30px;
}
.font-size-h3 {
  font-size: 24px;
}
.font-size-h4 {
  font-size: 18px;
}
.font-size-h5 {
  font-size: 14px;
}
.font-size-h6 {
  font-size: 12px;
}
.font-size-10 {
  font-size: 10px !important;
  line-height: 14px !important;
}
.font-size-12 {
  font-size: 12px !important;
  line-height: 16px !important;
}
.font-size-14 {
  font-size: 14px !important;
  line-height: 20px !important;
}
.font-size-16 {
  font-size: 16px !important;
  line-height: 24px !important;
}
.text-light {
  color: #FCFCFC !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.text-muted {
  opacity: 0.65 !important;
}
.text-danger {
  color: #FF0000 !important;
}
.text-success {
  color: #2D7906 !important;
}
.text-gray {
  color: #707893 !important;
}
.text-dark-gray {
  color: #607d8b !important;
}
.text-gray-lighten-20 {
  color: #aaafbf !important;
}
.hover-text-body:hover {
  color: #363B4D !important;
}
.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.overflow-auto {
  overflow: auto !important;
}
.text-right {
  text-align: right !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.text-body {
  color: #363B4D !important;
}
.underline {
  text-decoration: underline !important;
}
.italic {
  font-style: italic !important;
}
.normal {
  font-weight: normal !important;
}
.relative {
  position: relative !important;
}
.bg-white {
  background-color: white !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-secondary {
  background-color: #DF0079 !important;
}
.bg-dark-blue {
  background-color: #0000ff !important;
}
.bg-success {
  background-color: #2D7906 !important;
}
.bg-warning {
  background-color: #F4B740 !important;
}
.bg-danger {
  background-color: #FF0000 !important;
}
.bg-dark-gray {
  background-color: #607d8b !important;
}
.border-none {
  border: none !important;
}
.border {
  border-width: 1px !important;
  border-style: solid !important;
}
.border-right {
  border-right-width: 1px !important;
  border-right-style: solid !important;
}
.vertical-align-top {
  vertical-align: top !important;
}
.vam {
  vertical-align: middle !important;
}
.vertical-align-bottom {
  vertical-align: bottom !important;
}
.whitespace-normal {
  white-space: normal !important;
}
.no-br {
  white-space: nowrap !important;
}
.rounded-t-none {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-none {
  border-radius: 0 !important;
}
.rounded-sm {
  border-radius: 4px !important;
}
.border-success {
  border-color: #2D7906 !important;
}
.border-success.bg-success {
  border-color: #246105 !important;
}
.border-warning {
  border-color: #F4B740 !important;
}
.border-warning.bg-warning {
  border-color: #f3ae28 !important;
}
.border-danger {
  border-color: #FF0000 !important;
}
.border-danger.bg-danger {
  border-color: #e60000 !important;
}
.border-info {
  border-color: #363B4D !important;
}
.border-info.bg-info {
  border-color: #2b303e !important;
}
.border-dark-blue {
  border-color: #0000ff !important;
}
.border-dark-blue.bg-dark-blue {
  border-color: #0000e6 !important;
}
.border-gray {
  border-color: #D9DBE9 !important;
}
.word-break {
  word-break: break-word !important;
}
.shadow-md {
  box-shadow: 0 2px 8px 4px rgba(17, 17, 17, 0.08) !important;
}
.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;
/*removes default webkit styles*/
	/*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
/*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
	border-width: 6px 0;
	color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}
.cr-rotate-controls button {
	border: 0;
	background: none;
}
.cr-rotate-controls i:before {
	display: inline-block;
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
}
.cr-rotate-l i:before {
	content: '↺';
}
.cr-rotate-r i:before {
	content: '↻';
}



/*# sourceMappingURL=style.d32de99701c2c8cd6655.css.map*/