@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css);

.simple-typeahead[data-v-f81ca714] {
		position: relative;
		width: 100%;
}
.simple-typeahead > input[data-v-f81ca714] {
		margin-bottom: 0;
}
.simple-typeahead .simple-typeahead-list[data-v-f81ca714] {
		position: absolute;
		width: 100%;
		border: none;
		max-height: 400px;
		overflow-y: auto;
		border-bottom: 0.1rem solid #d1d1d1;
		z-index: 9;
}
.simple-typeahead .simple-typeahead-list .simple-typeahead-list-header[data-v-f81ca714] {
		background-color: #fafafa;
		padding: 0.6rem 1rem;
		border-bottom: 0.1rem solid #d1d1d1;
		border-left: 0.1rem solid #d1d1d1;
		border-right: 0.1rem solid #d1d1d1;
}
.simple-typeahead .simple-typeahead-list .simple-typeahead-list-footer[data-v-f81ca714] {
		background-color: #fafafa;
		padding: 0.6rem 1rem;
		border-left: 0.1rem solid #d1d1d1;
		border-right: 0.1rem solid #d1d1d1;
}
.simple-typeahead .simple-typeahead-list .simple-typeahead-list-item[data-v-f81ca714] {
		cursor: pointer;
		background-color: #fafafa;
		padding: 0.6rem 1rem;
		border-bottom: 0.1rem solid #d1d1d1;
		border-left: 0.1rem solid #d1d1d1;
		border-right: 0.1rem solid #d1d1d1;
}
.simple-typeahead .simple-typeahead-list .simple-typeahead-list-item[data-v-f81ca714]:last-child {
		border-bottom: none;
}
.simple-typeahead .simple-typeahead-list .simple-typeahead-list-item.simple-typeahead-list-item-active[data-v-f81ca714] {
		background-color: #e1e1e1;
}

.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input{background-color:var(--dp-background-color);border-radius:4px;font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:1rem;line-height:1.5rem;padding:6px 12px;color:var(--dp-text-color);box-sizing:border-box}.dp__input::-moz-placeholder{opacity:.7}.dp__input::placeholder{opacity:.7}.dp__input:hover{border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-hover)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::-moz-placeholder{color:var(--dp-disabled-color-text)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:1rem;height:1rem;stroke-width:0;font-size:1rem;line-height:1.5rem;padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;left:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;right:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-left:35px}.dp__input_valid{box-shadow:0 0 4px var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 4px var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__menu{position:absolute;background:var(--dp-background-color);border-radius:4px;min-width:260px;font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp__menu_index{z-index:99999}.dp__menu_readonly,.dp__menu_disabled{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp__arrow_top{left:50%;top:-1px;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-left:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(45deg)}.dp__arrow_bottom{left:50%;bottom:-1px;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-right:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__now_wrap{text-align:center;padding:2px 0}.dp__now_button{border:1px solid var(--dp-primary-color);color:var(--dp-primary-color);padding:0 4px;font-weight:bold;border-radius:4px;font-size:1rem;cursor:pointer;background:rgba(0,0,0,0)}.dp__preset_ranges{padding:5px;border-right:1px solid var(--dp-border-color)}.dp__sidebar_left{padding:5px;border-right:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;border-left:1px solid var(--dp-border-color)}.dp__preset_range{padding:5px}.dp__preset_range:hover{background-color:var(--dp-hover-color);cursor:pointer}.dp__menu_content_wrapper{display:flex}.dp__calendar_wrap{display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;flex:0}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:35px;padding:5px;width:35px;box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:5px 0}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:.5rem}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:4px;height:35px;padding:5px;width:35px;border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-bottom-right-radius:0;border-top-right-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-bottom-left-radius:0;border-top-left-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__cell_auto_range_end,.dp__cell_auto_range_start{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-hover-color);border-radius:0;border-top:1px solid var(--dp-hover-color);border-bottom:1px solid var(--dp-hover-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-left:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-right:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-left:10px}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:4px;background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-right:5px}.dp__arrow_bottom_tp{left:50%;bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-right:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (max-width: 600px){.dp__flex_display{flex-direction:column}}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:35px;color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:25px;width:25px;color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:20px;width:20px}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__month_year_select{width:50%;text-align:center;cursor:pointer;height:35px;display:flex;align-items:center;justify-content:center;border-radius:4px;box-sizing:border-box}.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__month_year_wrap{display:flex;width:100%}.dp__overlay{position:absolute;width:100%;height:100%;background:var(--dp-background-color);top:0;left:0;transition:opacity 1s ease-out;z-index:99999;font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;color:var(--dp-text-color);box-sizing:border-box}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-left:auto;margin-right:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__overlay_container>.dp__overlay_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:3px;white-space:nowrap}.dp__overlay_cell_pad{padding:10px 0}.dp__overlay_cell_active{cursor:pointer;border-radius:4px;text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:4px;text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__overlay_action{position:sticky;bottom:0;background:#fff}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__month_picker_header{display:flex;width:100%;align-items:center;justify-content:space-between;height:35px}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;color:var(--dp-text-color)}.dp__time_col_reg{padding:0 20px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{font-size:2rem;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0 3px}.dp__time_display:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button{padding:5px;margin:0;height:32px;width:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:32px;width:32px}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__inc_dec_button_disabled:hover,.dp__inc_dec_button_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:10px;border-radius:4px;cursor:pointer}.dp__action_row{display:flex;align-items:center;width:100%;padding:10px;box-sizing:border-box;color:var(--dp-text-color);background:var(--dp-background-color)}.dp__action_row svg{height:20px;width:auto}.dp__selection_preview{width:50%;color:var(--dp-text-color);font-size:.8rem}.dp__action_buttons{width:50%;text-align:right}.dp__action{font-weight:bold;cursor:pointer;padding:2px 5px;border-radius:4px;display:inline-flex;align-items:center}.dp__select{color:var(--dp-success-color)}.dp__action_disabled{color:var(--dp-success-color-disabled);cursor:not-allowed}.dp__cancel{color:var(--dp-secondary-color)}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%)}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%)}.dp__main{font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);background:var(--dp-background-color);cursor:pointer;display:flex;align-items:center;align-content:center;justify-content:center;padding:10px;box-sizing:border-box;height:35px}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:20px;width:auto}.dp__button_bottom{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all .1s ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(22px)}.calendar-next-leave-to{opacity:0;transform:translateX(-22px)}.calendar-prev-enter-from{opacity:0;transform:translateX(-22px)}.calendar-prev-leave-to{opacity:0;transform:translateX(22px)}.dp-menu-appear-enter-active,.dp-menu-appear-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all .1s ease-out}.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(22px)}.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(-22px)}.dp-menu-appear-enter-from{opacity:0}.dp-menu-appear-enter-active,.dp-menu-appear-leave-active{transition:opacity .1s ease}.dp-menu-appear-leave-to{opacity:1}

body {
  font-family: "Rubik", sans-serif;
  font-size: 1em;
  font-weight: 500;
}

h1, h2, h3, h4, h5 {
  font-family: "Rubik", sans-serif;
  font-weight: bold;
  margin-bottom: 1.2em;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.4em;
}

h3 {
  font-size: 1.2em;
}

h4 {
  font-size: 1.1em;
}

p {
  margin-bottom: 1.2em;
}

blockquote {
  padding: 15px;
  border-left: 10px solid #dedede;
  margin-bottom: 1.2em;
  font-style: italic;
  font-family: "Lora", serif;
  color: #4b5563;
  font-size: 1.2em;
}

.card .card-header {
  padding: 0.5em 0.8em;
  background-color: #94bbd7;
  color: #FFF;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 1.2em;
}
.card .card-body {
  border: 1px solid #94bbd7;
  padding: 0.8em;
  background-color: #FFF;
}
.card.pad-content-0 .card-body {
  padding: 0;
}

.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  transition: opacity 0.3s ease;
}
.modal-mask.hidden {
  display: none !important;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.modal-container {
  margin: 0px auto;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: all 0.3s ease;
  overflow: hidden;
}
.modal-container.sm {
  max-width: 300px;
}
.modal-container.md {
  max-width: 600px;
}
.modal-container.lg {
  max-width: 900px;
}
.modal-container .modal-body {
  max-height: 80vh;
  overflow: scroll;
}

.modal-header .modal-close {
  font-size: 24px;
  padding: 5px;
}
.modal-header .modal-close:hover {
  cursor: pointer;
}
.modal-header h3 {
  margin: 0;
  font-size: 24px;
  color: #000;
}

/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */
.modal-enter-from {
  opacity: 0;
}

.modal-leave-to {
  opacity: 0;
}

.modal-enter-from .modal-container,
.modal-leave-to .modal-container {
  transform: scale(1.1);
}

.tabs button.tab {
  background-color: #efefef;
  padding: 10px 15px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  transition: background-color 0.4s ease-in-out;
}
.tabs button.tab.active {
  background-color: #dedede;
}
.tabs .tab-content {
  padding: 15px;
  border: 1px solid #ccc;
}

.box {
  border: 1px solid #dedede;
  padding: 15px !important;
}

table.table {
  width: 100% !important;
}
table.table thead {
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
}
table.table thead th {
  text-transform: uppercase;
  text-align: left;
  padding: 10px;
  color: #000;
  border: 1px solid #F1F1F1;
}
table.table thead th.text-center {
  text-align: center !important;
}
table.table thead th.text-right {
  text-align: right !important;
}
table.table tbody tr {
  border-bottom: 1px solid #F1F1F1;
  color: #666;
}
table.table tbody tr td {
  padding: 10px;
  border: 1px solid #F1F1F1;
}
table.table tbody tr th {
  padding-left: 10px;
  border: 1px solid #F1F1F1;
}
table.table.hover-rows tbody tr {
  transition: background-color 0.4s ease-in-out;
}
table.table.hover-rows tbody tr:hover {
  background-color: #efefef;
}

#lightbox {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100vw;
  height: 100vh;
}
#lightbox .lb-close {
  position: fixed;
  display: flex;
  top: 0;
  right: 0;
  font-size: 30px;
  color: #dedede;
  text-align: center;
  padding: 15px 30px;
  background-color: #000;
}
#lightbox .lb-close:hover {
  cursor: pointer;
  color: #FFF;
}
#lightbox .lb-image {
  align-self: center;
  justify-content: center;
  width: 90vw;
  height: 90vh;
  position: relative;
  z-index: 98;
  display: flex;
  margin: 60px;
}

.lb-link {
  position: relative;
  width: auto;
}
.lb-link:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 5;
  background-color: rgba(156, 156, 156, 0.8);
  transition: all 0.4s ease-in-out;
}
.lb-link:hover {
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.lb-link:hover:after {
  top: 0;
}
.lb-link:hover:before {
  font: var(--fa-font-solid);
  content: "\f00e";
  font-size: 36px;
  color: #FFF;
  position: absolute;
  z-index: 6;
  text-align: center;
  top: 45%;
  width: 100%;
}
.lb-link .image {
  position: relative;
  z-index: 4;
}

ul.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
  border: 1px solid #dedede;
}
ul.pagination li {
  display: inline-block;
  text-align: center;
}
ul.pagination li button {
  padding: 8px 15px;
  border-left: 1px solid #dedede;
}
ul.pagination li button.active {
  background-color: #dedede;
}
ul.pagination li.VuePagination__pagination-item-prev-chunk button {
  border-left: none;
}

.VuePagination__count {
  display: none;
}

.notes .note {
  padding: 15px 200px 15px 15px;
  margin-bottom: 1em;
  position: relative;
  min-height: 180px;
  background-color: #c9d8ee;
  margin-left: 15%;
  margin-right: 0;
}
.notes .note.self {
  background-color: #c0eeae;
  margin-right: 15%;
  margin-left: 0;
}
.notes .note .details {
  position: absolute;
  top: 15px;
  right: 15px;
  height: auto;
  font-size: 0.8em;
  color: black;
  text-align: right;
}
.notes .note .details .access {
  font-weight: bold;
}
.notes .note .details .controls {
  padding: 5px;
  display: inline-flex;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  margin-bottom: 15px;
}
.notes .note .details .controls a {
  align-self: center;
  font-size: 1.4em;
  padding: 5px 10px;
}
.notes .note .details .controls a:hover {
  color: white;
}
.notes .note .user {
  font-weight: bold;
}
.notes .note .date {
  font-size: 0.8em;
}
.notes .note .note-text {
  margin-top: 15px;
}

.AccountIcon {
  margin: 25px auto;
  text-align: center;
  border: 2px solid #94bbd7;
  border-radius: 8px;
  padding: 15px;
  max-width: 160px;
  background-color: #efefef;
  box-shadow: 1px 1px 36px 0px rgba(0, 0, 0, 0.17);
  -webkit-box-shadow: 1px 1px 36px 0px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 1px 1px 36px 0px rgba(0, 0, 0, 0.17);
}
.AccountIcon .image {
  text-align: center;
}
.AccountIcon .image i {
  font-size: 3em;
}
.AccountIcon .text {
  margin-top: 15px;
  font-size: 15px;
}
.AccountIcon:hover {
  cursor: pointer;
  box-shadow: 1px 1px 36px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 36px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 36px 0px rgba(0, 0, 0, 0.3);
}
.AccountIcon:hover .image i {
  color: #000;
}
.AccountIcon:hover .text {
  color: #000;
}

.alert {
  padding: 10px 15px;
  border-radius: 8px;
  margin-bottom: 15px;
  color: #000;
  transition: opacity 0.4s ease-in-out;
}
.alert.alert-success {
  background-color: #7abe7c;
}
.alert.alert-danger {
  background-color: #FF0000;
  color: #FFF;
}
.alert.alert-warning {
  background-color: #e0a636;
}
.alert.alert-notify {
  background-color: #36aee0;
}

.alert-enter-from {
  opacity: 0;
}

.alert-leave-to {
  opacity: 0;
}

.btn {
  background-color: #94bbd7;
  padding: 10px 15px;
  color: #FFF;
  transition: background-color 0.4s ease-in-out;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  font-size: 16px;
  font-weight: bold;
}
.btn:not([disabled]):hover {
  background-color: #000000 !important;
  cursor: pointer;
}
.btn.btn-secondary {
  background-color: #677279;
}
.btn.btn-secondary:not([disabled]):hover {
  background-color: #333333;
}
.btn.btn-red {
  background-color: #FF0000;
}
.btn.btn-red:not([disabled]):hover {
  background-color: #c43d2c;
}
.btn.btn-green {
  background-color: #22911f;
}
.btn.btn-green:not([disabled]):hover {
  background-color: #1a6418;
}

a.btn {
  display: inline-block;
}

.btn-sm {
  padding: 5px 15px;
}

label {
  display: flex;
  margin-bottom: 4px;
  text-align: left;
}

input, select, textarea {
  height: auto;
  width: 100%;
  border-top-right-radius: 4px !important;
  border-top-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border: 1px solid var(--greendark);
  min-height: 40px;
  padding: 8px 12px;
}
input:focus, select:focus, textarea:focus {
  border: 1px solid var(--greendark) !important;
  box-shadow: none !important;
  border-color: var(--greendark) !important;
}
input.error, select.error, textarea.error {
  border: 1px solid #F00;
}

.form-error {
  font-size: 0.9em;
  color: #F00;
}

input[type=checkbox] {
  min-width: 30px;
  text-align: center;
}

a.editable {
  border: 1px solid #dedede;
  margin-top: 4px auto;
  background-color: #dedede;
  width: 100%;
  display: block;
  padding: 12px;
  border-radius: 8px;
}
a.editable:hover {
  border: 1px solid #333;
}

.editable.nohover {
  border: 1px solid #dedede;
  margin-top: 4px auto;
  background-color: #dedede;
  width: 100%;
  display: block;
  padding: 12px;
  border-radius: 8px;
}

.form-inline input, .form-inline select {
  width: 100%;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 0;
}
.form-inline select {
  height: 42px;
}
.form-inline .btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Errors */
.bg-red-50 {
  background-color: rgba(255, 0, 0, 0.5);
}
.bg-red-50 .text-red-700 {
  color: white;
  font-size: 1em;
}
.bg-red-50 .flex div {
  align-self: center;
}

.form-info {
  display: flex;
  position: relative;
  color: #4d8a18;
  top: 3px;
  margin-right: 8px;
}
.form-info .info-text {
  display: none;
}
.form-info:hover {
  cursor: pointer;
}
.form-info:hover .info-text {
  position: absolute;
  width: 300px;
  padding: 15px;
  z-index: 999;
  background-color: #d1f2ff;
  font-size: 0.8em;
  color: black;
  display: inline;
  border-radius: 8px;
  left: 20px;
  top: 20px;
}

.simple-typeahead-list {
  text-align: left;
}

fieldset.fieldset {
  margin: 25px 10px;
  padding: 20px;
  border: 2px solid #6194e1;
  position: relative;
  z-index: 2;
}
fieldset.fieldset div.title {
  position: absolute;
  top: -26px;
  left: 15px;
  padding: 10px;
  background-color: #FFF;
  z-index: 3;
  font-size: 20px;
  color: #000;
  font-weight: bold;
}
fieldset.fieldset.red {
  border: 2px solid #FF0000;
}
fieldset.fieldset.green {
  border: 2px solid #32a820;
}
fieldset.fieldset.blue {
  border: 2px solid #6194e1;
}
fieldset.fieldset.grey {
  border: 2px solid #888888;
}

.tox-notification {
  display: none !important;
}

.dropzone {
  width: 100%;
  height: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
}

#HeaderDesktop #HeaderBar {
  background-color: #94bbd7;
  padding: 10px 15px;
  height: 60px;
  width: 100%;
  position: relative;
  margin: 15px auto 0 auto;
}
#HeaderDesktop #HeaderBar h1 {
  margin: 0;
  padding-left: 15px;
  color: #FFF;
  font-weight: normal;
  font-size: 1.1em;
}
#HeaderDesktop #HeaderBar #HeaderLogo {
  background-color: #FFF;
  border-radius: 50%;
  padding: 15px;
  margin-left: -30px;
  width: 90px;
  position: absolute;
  top: -15px;
}
#HeaderDesktop #HeaderBar .header-logo {
  max-width: 300px;
  padding-left: 100px;
}
#HeaderDesktop #HeaderBar .manager {
  color: #FFF;
  justify-self: flex-end;
}
#HeaderDesktop #HeaderBar .manager .icon {
  width: 40px;
  height: 40px;
  margin-right: 15px;
}
#HeaderDesktop #HeaderBar .manager .icon img {
  width: 100%;
  height: auto;
}
#HeaderDesktop .phone-icon img {
  width: 30px;
  height: 30px;
  margin-right: 15px;
}
#HeaderDesktop .icons {
  margin-left: 15px;
}
#HeaderDesktop .icons .icon a {
  height: 40px;
  width: 40px;
  display: flex;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.8);
}
#HeaderDesktop .icons .icon a img {
  -o-object-fit: cover;
     object-fit: cover;
}

#HeaderMenu ul {
  margin: 0;
  padding: 0;
  display: flex;
}
#HeaderMenu ul li a {
  padding: 8px 15px;
  background-color: #FFF;
  transition: all 0.4s ease-in-out;
}
#HeaderMenu ul li a.active, #HeaderMenu ul li a:hover {
  background-color: #94bbd7;
  color: #FFF;
  text-decoration: none;
}

#PageFooter {
  background-color: #94bbd7;
}

html, body {
  overflow-x: hidden;
  background-color: #FFF;
}

.container {
  margin: 0 auto;
}

@media screen and (max-width: 660px) {
  .container {
    margin: 0 15px;
  }
}
.admin-cat-item {
  padding: 10px;
  border: 1px solid #ccc;
  position: relative;
}
.admin-cat-item .controls {
  overflow: hidden;
  max-height: 0;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.admin-cat-item .controls a {
  font-size: 1.2em;
  color: #CCC;
  transition: color 0.3s ease-in-out;
}
.admin-cat-item .controls a:hover {
  color: #FFF;
  cursor: pointer;
}
.admin-cat-item .image {
  display: flex;
  height: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  overflow: hidden;
  margin-bottom: 15px;
}
.admin-cat-item .image img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.admin-cat-item .text {
  display: flex;
  width: 100%;
  min-height: 80px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.admin-cat-item:hover {
  border: 1px solid #000;
}
.admin-cat-item:hover .controls {
  padding: 10px 15px;
  max-height: 60px;
}

.admin-prod-item {
  padding: 10px;
  border: 1px solid #ccc;
  position: relative;
}
.admin-prod-item .controls {
  overflow: hidden;
  max-height: 0;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.admin-prod-item .controls a {
  font-size: 1.2em;
  color: #CCC;
  transition: color 0.3s ease-in-out;
}
.admin-prod-item .controls a:hover {
  color: #FFF;
  cursor: pointer;
}
.admin-prod-item .image {
  display: flex;
  height: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  overflow: hidden;
  margin-bottom: 15px;
}
.admin-prod-item .image img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.admin-prod-item .text {
  display: flex;
  width: 100%;
  min-height: 80px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.admin-prod-item:hover {
  border: 1px solid #000;
}
.admin-prod-item:hover .controls {
  padding: 10px 15px;
  max-height: 60px;
}

.admin-prod-image {
  padding: 10px;
  border: 1px solid #ccc;
  position: relative;
}
.admin-prod-image .controls {
  overflow: hidden;
  max-height: 0;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.admin-prod-image .controls a {
  font-size: 1.2em;
  color: #CCC;
  transition: color 0.3s ease-in-out;
}
.admin-prod-image .controls a:hover {
  color: #FFF;
  cursor: pointer;
}
.admin-prod-image .image {
  display: flex;
  height: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  overflow: hidden;
  margin-bottom: 15px;
}
.admin-prod-image .image img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.admin-prod-image:hover {
  border: 1px solid #000;
}
.admin-prod-image:hover .controls {
  padding: 10px 15px;
  max-height: 60px;
}

.admin-header h2 {
  text-transform: uppercase;
  margin: 0;
}

#AdminIndex .admin-icon a {
  align-items: center;
}
#AdminIndex .admin-icon a .icon {
  font-size: 1.5em;
  margin: 0 0.5em;
}

.category {
  padding: 10px;
  border: 1px solid #ccc;
  position: relative;
}
.category .image {
  display: flex;
  height: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  overflow: hidden;
  margin-bottom: 15px;
}
.category .image img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.category .text {
  display: flex;
  width: 100%;
  min-height: 80px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.category:hover {
  border: 1px solid #000;
}

.product {
  padding: 10px;
  border: 1px solid #ccc;
  position: relative;
}
.product .image {
  display: flex;
  height: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  overflow: hidden;
  margin-bottom: 15px;
}
.product .image img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.product .text {
  display: flex;
  width: 100%;
  min-height: 80px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.product:hover {
  border: 1px solid #000;
}

.galleryImage {
  border: 1px solid #CCC;
  padding: 10px;
  margin-bottom: 15px;
  position: relative;
}
.galleryImage:hover {
  border: 1px solid #333;
}
.galleryImage:hover .controls {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  top: 0;
  left: 0;
  height: auto;
  background-color: rgba(0, 0, 0, 0.6);
}
.galleryImage:hover .controls a, .galleryImage:hover .controls button {
  color: #FFF;
  font-size: 22px;
  padding: 8px;
}
.galleryImage:hover .controls a:hover, .galleryImage:hover .controls button:hover {
  color: #CCC;
  cursor: pointer;
}
.galleryImage .controls {
  position: absolute;
  display: none;
  overflow: hidden;
}
.galleryImage .image {
  height: 180px;
  width: 100%;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-content: center;
}
.galleryImage .image img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#ProfilePage .profile-image {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 1px solid #ccc;
  overflow: hidden;
  margin: 15px;
  display: flex;
}
#ProfilePage .profile-image img {
  -o-object-fit: cover;
     object-fit: cover;
}

#ProductGallery .agile.main .agile__track {
  height: 400px;
}
#ProductGallery .agile.main .slide {
  display: flex;
  justify-content: center;
}
#ProductGallery .agile.main .slide img {
  max-width: 100%;
  max-height: 100%;
}
#ProductGallery .agile.thumbnails {
  display: flex;
  align-items: center;
}
#ProductGallery .agile.thumbnails .slide {
  max-height: 120px;
  width: 100%;
  display: flex;
  -o-object-fit: contain;
     object-fit: contain;
  justify-content: center;
  overflow: hidden;
  padding: 20px;
}
#ProductGallery .agile.thumbnails .slide img {
  max-width: 100%;
  max-height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
  align-self: center;
  justify-self: center;
}
#ProductGallery .agile.thumbnails .agile__nav-button--prev, #ProductGallery .agile.thumbnails .agile__nav-button--next {
  position: absolute;
  top: 0;
  width: 50px;
  height: 100%;
  opacity: 0.4;
  transition: opacity 0.4s ease-in-out;
}
#ProductGallery .agile.thumbnails .agile__nav-button--prev:hover, #ProductGallery .agile.thumbnails .agile__nav-button--next:hover {
  opacity: 1;
}
#ProductGallery .agile.thumbnails .agile__nav-button--prev img, #ProductGallery .agile.thumbnails .agile__nav-button--next img {
  max-height: 90px;
}
#ProductGallery .agile.thumbnails .agile__nav-button--prev {
  left: -50px;
}
#ProductGallery .agile.thumbnails .agile__nav-button--next {
  right: -50px;
}

#ProductView .optionslist .item {
  padding: 0.8em;
  border-bottom: 1px solid #ccc;
}

/* Fade */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

:root {
  --fontcolor:#677279;
  --bg-color:#f0f3f4;
  --fontbody:"Ubuntu", sans-serif;
  --green: rgb(57, 192, 167);
  --greendark: #278b6f;
  --blue: #0fb6fb;
  --bluedark: #4285ec;
  --white:#FFF;
  --black:#FFF;
  --red:#F00;
}

/* Defaults */
.mr-3 {
  margin-right: 1rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}