@charset "UTF-8";
/*$color_red: lighten($brand_color, 20%);
$color_red_dark: $brand_color;
$color_black: #000;
$color_green: #89CE94;
$color_orange: #D58936;*/
/*$color_red: #fc4a1a;
$color_green: #4abdac;
$color_yellow: #f7b733;
$color_black: #433A3F;
$color_blue_dark: #3D5A6C;*/
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: #fff; }
  .preloader .cssload-speeding-wheel {
    position: absolute;
    top: calc(50% - 3.5px);
    left: calc(50% - 3.5px); }

.push-down {
  margin-top: 0.25em; }

.no-bullets {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/*******************
/*Top bar
*******************/
.topbar {
  background: #264653; }
  .topbar .navbar-header {
    background: rgba(0, 0, 0, 0.05); }
  .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    display: none; }
  .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: inline-block;
    color: rgba(255, 255, 255, 0.8); }
  .topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
    color: #ffffff !important; }
    .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
      color: rgba(255, 255, 255, 0.8) !important; }

/*******************
/*General Elements
*******************/
a.link {
  color: #264653; }
  a.link:hover, a.link:focus {
    color: #1f756a !important; }

.bg-theme {
  background-color: #264653 !important; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #264653;
  border-color: #264653; }

.right-sidebar .rpanel-title {
  background: #264653; }

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
  border-left: 4px solid #264653; }

.text-themecolor {
  color: #264653 !important; }

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
  border-bottom: 2px solid #264653;
  color: #264653; }
.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
  color: #264653; }

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
  background: #264653;
  color: #ffffff;
  border: 1px solid #264653; }
  .btn-themecolor:hover,
  .btn-themecolor.disabled:hover {
    background: #264653;
    opacity: 0.7;
    border: 1px solid #264653; }
  .btn-themecolor.active, .btn-themecolor:focus,
  .btn-themecolor.disabled.active,
  .btn-themecolor.disabled:focus {
    background: #264653; }

/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
  background: #fff; }
  .sidebar-nav ul li a {
    color: #264653; }
    .sidebar-nav ul li a:hover {
      color: #264653;
      background: #EBEEEF; }
    .sidebar-nav ul li a.active {
      color: #264653; }
  .sidebar-nav ul li.nav-small-cap {
    color: #468199; }
  .sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
    color: #264653; }
  .sidebar-nav > ul > li > a i {
    color: #264653; }
  .sidebar-nav > ul > li > a.active {
    font-weight: 400;
    background: #ffffff;
    color: #264653; }
  .sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
    color: #ffffff;
    background: #264653 !important; }
    .sidebar-nav > ul > li.active > a i, .sidebar-nav > ul > li.active:hover > a i {
      color: #ffffff; }
    .sidebar-nav > ul > li.active > a:after, .sidebar-nav > ul > li.active:hover > a:after {
      border-color: #ffffff; }

a {
  text-decoration: underline;
  color: #2a9d8f; }
  a:hover {
    color: #1f756a; }

nav a {
  text-decoration: none; }

.text-monospace {
  font-family: monospace; }

b,
strong {
  font-weight: 500; }

/*html {
	height: 100%;
}

body {
	min-height: 100%;
	background-color: $color_grey_light;
}*/
.sidebar-nav a i {
  margin-right: 10px; }
.sidebar-nav hr {
  margin: 0.8rem 0; }
.sidebar-nav .user-profile .dropdown-menu {
  width: 100%; }
.sidebar-nav .profile-text {
  padding: 0; }
  .sidebar-nav .profile-text > a {
    background: #468199;
    border-radius: 4px; }
    .sidebar-nav .profile-text > a:after {
      top: 16px; }

.sidebar-footer a {
  width: 50%; }

.btn {
  text-decoration: none; }
  .btn i {
    margin-right: 0.5em; }

.btn-icon-right i {
  margin-left: 0.5em;
  margin-right: 0; }

.input-group .btn i {
  margin-right: 0; }

.btn-primary {
  background: #2a9d8f;
  border-color: #2a9d8f; }
  .btn-primary:hover {
    background: #1f756a;
    border-color: #1f756a; }

.btn-group-sm .dropdown-menu {
  font-size: .875rem; }
  .btn-group-sm .dropdown-menu a {
    text-decoration: none; }

.actions {
  -webkit-align-items: center;
  align-items: center; }
  .actions > * {
    margin-left: 1.5em;
    margin-bottom: 0; }
  .actions input {
    max-width: 140px; }
  .actions .input-daterange {
    width: unset; }
  .actions form {
    display: inline-block; }
  .actions label {
    margin-bottom: 0; }
    .actions label input {
      display: none; }

.bootstrap-tagsinput {
  width: 100%;
  min-height: 38px;
  padding: .375rem .75rem !important;
  border: 1px solid #ced4da !important; }

.form-control:focus {
  border-color: #2a9d8f;
  box-shadow: 0 0 0 0.2rem rgba(42, 157, 143, 0.25); }

[type="checkbox"].filled-in:checked + label:after {
  border-color: #2a9d8f;
  background-color: #2a9d8f; }

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  background: #2a9d8f !important; }

.input-group-prepend .custom-select,
.input-group-prepend .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group-append .custom-select,
.input-group-append .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group-text {
  border-radius: 0; }

.delete-checkboxes {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }
  .delete-checkboxes [type="checkbox"].filled-in:checked + label {
    text-decoration: line-through; }
    .delete-checkboxes [type="checkbox"].filled-in:checked + label:before {
      content: none; }
    .delete-checkboxes [type="checkbox"].filled-in:checked + label:after {
      border-color: #e76f51;
      background-color: #e76f51; }

.select2-container {
  min-width: 4em;
  max-width: 100%; }

:not(th) > .select2.select2-container .select2-selection {
  height: 38px; }
  :not(th) > .select2.select2-container .select2-selection .select2-selection__rendered {
    line-height: 38px; }
  :not(th) > .select2.select2-container .select2-selection .select2-selection__arrow {
    height: 36px; }

.col-xl-4 .select2-container {
  min-width: 50%; }

.modal .select2-container {
  min-width: 200px; }

.table-row-template {
  display: none; }

.modal p + h4 {
  margin-top: 1em; }

.modal-header {
  background: #264653; }
  .modal-header .modal-title {
    color: #fff; }

.modal-body {
  background: #F7F8F9; }

.modal-content {
  background-color: transparent; }

.close {
  opacity: 0.8;
  text-shadow: none;
  color: #fff; }
  .close:hover {
    color: #fff;
    opacity: 1; }

.page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item:before, .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  content: '\f054' !important;
  font-family: 'Font Awesome\ 5 Free' !important;
  font-weight: 900 !important;
  padding-right: .18rem; }
.page-titles .breadcrumb a, .breadcrumb a {
  color: inherit;
  text-decoration: none; }
  .page-titles .breadcrumb a:hover, .breadcrumb a:hover {
    text-decoration: underline; }

table .checkbox {
  width: calc(0.75rem + 20px);
  padding: 0; }
  table .checkbox [type="checkbox"] + label {
    margin: 0;
    padding: 0;
    width: calc(1.5rem + 20px);
    height: calc(1.5rem + 20px);
    line-height: 20px;
    vertical-align: middle; }
    table .checkbox [type="checkbox"] + label:before {
      top: calc(0.75rem + 6px) !important;
      left: calc(0.75rem + 10px) !important; }
    table .checkbox [type="checkbox"] + label:after {
      top: 0.75rem !important;
      left: 0.75rem !important; }
  table .checkbox [type="checkbox"]:checked + label:before {
    top: 0.75rem !important;
    left: calc(0.75rem + 1px) !important; }
table .no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle; }
table th a {
  color: inherit;
  text-decoration: none; }
table a.sortable {
  position: relative; }
  table a.sortable:after {
    position: absolute;
    top: 0.25em;
    margin-left: 0.5em; }
  table a.sortable:hover:after, table a.sortable.desc:hover:after, table a.sortable.asc:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: 1; }
  table a.sortable.asc:hover:after, table a.sortable.desc:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: 1; }
  table a.sortable.current {
    color: #2a9d8f; }

table.text-monospace th {
  font-weight: bold;
  text-transform: uppercase; }

.label-none {
  background-color: transparent;
  color: #000;
  padding: 0; }

.new-events {
  cursor: pointer;
  text-align: center;
  background-color: #c6dce5 !important;
  -webkit-animation: grow 0.3s;
  -moz-animation: grow 0.3s;
  -o-animation: grow 0.3s;
  animation: grow 0.3s; }

@-webkit-keyframes grow {
  0% {
    font-size: 0rem;
    padding: 0; }
  100% {
    font-size: 1rem;
    padding: 0.75rem; } }
@-moz-keyframes grow {
  0% {
    font-size: 0rem;
    padding: 0; }
  100% {
    font-size: 1rem;
    padding: 0.75rem; } }
@keyframes grow {
  0% {
    font-size: 0rem;
    padding: 0; }
  100% {
    font-size: 1rem;
    padding: 0.75rem; } }
.StripeElement {
  background-color: white;
  height: 40px;
  width: 100%;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease; }

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df; }

.StripeElement--invalid {
  border-color: #fa755a; }

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important; }

body:not(.modal-open) .dropdown-menu {
  z-index: 51 !important; }

.text-columns {
  -webkit-columns: 3 300px;
  -moz-columns: 3 300px;
  columns: 3 300px;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px; }

ul.text-columns {
  display: block;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }
  ul.text-columns li {
    display: block; }

.loader-screen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  text-align: center;
  z-index: 999;
  -webkit-animation: fade-in 200ms;
  -moz-animation: fade-in 200ms;
  -o-animation: fade-in 200ms;
  animation: fade-in 200ms; }
  .loader-screen .fa {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    font-size: 3em;
    position: absolute;
    top: 50%;
    margin-top: -0.75em; }

html.logged-out {
  height: 100%; }

body.logged-out {
  min-height: 100%; }

body.logged-out {
  background: url("/assets/img/kungsgatan-compressed.jpg") no-repeat center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center; }

.sign-up-box {
  max-width: 600px;
  margin: 0 auto; }
  .sign-up-box .btn-primary {
    background: #841f1f;
    border-color: #841f1f; }
    .sign-up-box .btn-primary:hover {
      background: #5b1515;
      border-color: #5b1515; }

.recurring-costs .repeat {
  font-weight: 500; }
.recurring-costs .repeat-0 {
  font-weight: inherit;
  color: #ADAFB0;
  font-style: italic; }

.credit.price {
  color: #e76f51; }

.price {
  white-space: nowrap; }

.reserved-percentage {
  font-weight: 500; }
  .reserved-percentage:after {
    content: '%'; }

.good.reserved-percentage-row, .good.total-accesses-row {
  color: #2a9d8f; }

.bad.reserved-percentage-row, .bad.total-accesses-row {
  color: #e76f51; }

/*# sourceMappingURL=custom.css.map */