.iti__flag {background-image: url('/assets/images/intl_tel_input/flags.png');}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url('/assets/images/intl_tel_input/flags@2x.png');}
}

html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
  border: none;
}

/*textarea, select, input, button { outline: none; box-shadow: none; -webkit-box-shadow: none; }*/
/*textarea:focus, select:focus, input:focus, button:focus {*/
/*  outline: transparent none;*/
/*  border: none;*/
/*  box-shadow: none; */
/*  -webkit-box-shadow: none;*/
/*}*/

@font-face {
  font-family: MontserratBlack;
  src: url('/assets/fonts/Montserrat/Montserrat-Black.ttf');

}
@font-face {
  font-family: MontserratBlackItalic;
  src: url('/assets/fonts/Montserrat/Montserrat-BlackItalic.ttf');

}
@font-face {
  font-family: MontserratBold;
  src: url('/assets/fonts/Montserrat/Montserrat-Bold.ttf');

}
@font-face {
  font-family: MontserratBoldItalic;
  src: url('/assets/fonts/Montserrat/Montserrat-BoldItalic.ttf');

}
@font-face {
  font-family: MontserratExtraBold;
  src: url('/assets/fonts/Montserrat/Montserrat-ExtraBold.ttf');

}
@font-face {
  font-family: MontserratExtraBoldItalic;
  src: url('/assets/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf');

}
@font-face {
  font-family: MontserratExtraLight;
  src: url('/assets/fonts/Montserrat/Montserrat-ExtraLight.ttf');

}
@font-face {
  font-family: MontserratExtraLightItalic;
  src: url('/assets/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf');

}
@font-face {
  font-family: Montserrat;
  src: url('/assets/fonts/Montserrat/Montserrat-Regular.ttf');

}
@font-face {
  font-family: MontserratItalic;
  src: url('/assets/fonts/Montserrat/Montserrat-Italic.ttf');

}
@font-face {
  font-family: MontserratLight;
  src: url('/assets/fonts/Montserrat/Montserrat-Light.ttf');

}
@font-face {
  font-family: MontserratLightItalic;
  src: url('/assets/fonts/Montserrat/Montserrat-LightItalic.ttf');

}
@font-face {
  font-family: MontserratMedium;
  src: url('/assets/fonts/Montserrat/Montserrat-Medium.ttf');

}
@font-face {
  font-family: MontserratMediumItalic;
  src: url('/assets/fonts/Montserrat/Montserrat-MediumItalic.ttf');

}
@font-face {
  font-family: MontserratSemiBold;
  src: url('/assets/fonts/Montserrat/Montserrat-SemiBold.ttf');

}
@font-face {
  font-family: MontserratSemiBoldItalic;
  src: url('/assets/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf');

}
@font-face {
  font-family: MontserratThin;
  src: url('/assets/fonts/Montserrat/Montserrat-Thin.ttf');

}
@font-face {
  font-family: MontserratThinItalic;
  src: url('/assets/fonts/Montserrat/Montserrat-ThinItalic.ttf');

}

.montserrat-bold {
  font-family: MontserratBold;
}

.montserrat {
  font-family: Montserrat;
}

.montserrat-light {
  font-family: MontserratLight;
}

.font-9pt {
  font-size: 9pt;
}

.font-10pt {
  font-size: 10pt;
}

.font-11pt {
  font-size: 11pt;
}

.font-12pt {
  font-size: 12pt;
}

.brand-bg-color {
  background-color: #554fd8;
  border-color: #554fd8;
}


.round-button {
  background-color: #554fd8;
  font-size: 30pt;
  color: #ffffff;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display:inline-block;
  line-height:40px;
  vertical-align:center;
  text-align:center;
}
.round-button:hover {
  box-shadow: 1pt 1pt rgba(100,100,100,0.4);
  color: #ffffff;
}
.grey-text {
  color: #c4c4c4;
}
.white-text {
  color: #fff;
}
a.white-text {
  color: #fafafa;
}
a.white-text:hover {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.white-text a {
  color: #fafafa;
}
.white-text a:hover {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.margin-10 {
  margin-top: 10pt;
  margin-bottom: 10pt;
}



.margin-horizontal-10 {
  margin-top: 10pt;
  margin-bottom: 10pt;
}

.margin-20 {
  margin-top: 20pt;
  margin-bottom: 20pt;
}

.margin-30 {
  margin-top: 30pt;
  margin-bottom: 30pt;
}

.margin-bottom-30 {
  margin-bottom: 30pt;
}


.margin-top-30 {
  margin-top: 30pt;
}
.margin-top-10 {
  margin-top: 10pt;
}

.margin-top-20 {
  margin-top: 20pt;
}
.padding-vertical-10 {
  padding-top: 10pt;
  padding-bottom: 10pt;
}

.padding-10 {
  padding: 10pt;
}

.form-header {
  font-size: 28px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.centered-form-container {
  background-color: #554fd8;
  width: 100%;
  height: 100vh;
}


.app-container {
  /*background-color: #554fd8;*/
  /*width: 100%;*/
  /*height: 100vh;*/
}

/*Login Screen*/

.unauthorized-logo {
  font-size: 32pt;
  padding-top: 30pt;
}


.success-booking-background {
  background-image: url('/assets/images/success_2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 180pt;
  margin-top: 50pt;
}

.login-background {
  background-image: url('/assets/images/login/ic-bg.jpg');

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.registration-background {
  background-image: url('/assets/images/login/ic-bg.jpg');

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
}

.login-container {
  background-color: rgba(255,255,255, 0.2);
  width: 100%;
  border-radius: 8px;
  padding: 50pt;
  padding-top: 30pt;
  padding-bottom: 30pt;
  box-shadow: 1pt 1pt rgba(0,0,0,0.1);
  margin-top: 7%;
}

input.minimal {
  box-shadow: none;
  -webkit-box-shadow: none;
  color: #ffffff;
  font-family: Montserrat;
  background: transparent;
  width: 100%;
  margin-top: 15pt;
  margin-bottom: 15pt;
  outline: 0;
  border-width: 0 0 1px;
  border-color: #c4c4c4;
}


input.minimal-no-btm-margin {
  box-shadow: none;
  -webkit-box-shadow: none;
  color: #ffffff;
  font-family: Montserrat;
  background: transparent;
  width: 100%;
  margin-top: 15pt;
  margin-bottom: 0pt;
  outline: 0;
  border-width: 0 0 1px;
  border-color: #c4c4c4;
}

input.minimal:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #ffffff;
  outline: 0;
  border-width: 0 0 2px;
  background: transparent;
}


input.minimal-no-btm-margin:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #ffffff;
  outline: 0;
  border-width: 0 0 2px;
  background: transparent;
}

.purple-link-button {
  background-color: #554fd8;
  color: #ffffff;
  display:inline-block;
  line-height:40px;
  vertical-align:center;
  text-align:center;
  border-radius: 5pt;
  padding: 4pt 10pt;
  margin-top: 5pt;
  margin-bottom: 5pt;
  cursor:pointer;
}
.purple-link-button:hover {
  box-shadow: 1pt 1pt rgba(100,100,100,0.4);
  color: #ffffff;
}

.white-link-button {
  background-color: #fafafa;
  color: #554fd8;
  display:inline-block;
  line-height:40px;
  vertical-align:center;
  text-align:center;
  border-radius: 5pt;
  padding: 4pt 10pt;
  margin-top: 5pt;
  margin-bottom: 5pt;
  cursor:pointer;
}
.white-link-button:hover {
  box-shadow: 1pt 1pt rgba(100,100,100,0.4);
  background-color: #ffffff;
  color: #554fd8;
}

button.main-button {
  width: 100%;
  background-color: #fafafa;
  padding-top: 10pt;
  padding-bottom: 10pt;
  border-radius: 5pt;
  margin-top: 5pt;
  margin-bottom: 5pt;
  cursor:pointer;
}

button.main-button:hover {
  background-color: #ffffff;
}

.purple-text {
  color: #554fd8;
}

/* BUSINESSES: INDEX*/
.businesses-container {
  background-color: #ffffff;
  width: 100%;
  border-radius: 8px;
  padding: 80pt;
  padding-top: 50pt;
  padding-bottom: 50pt;
  box-shadow: 1pt 1pt rgba(0,0,0,0.1);
  margin-top: 7%;
}

.white-container {
  background-color: #ffffff;
  width: 100%;
  /*height: 100vh;*/
  padding-top: 30pt;
  padding-bottom: 30pt;
  padding-left: 30pt;
  padding-right: 30pt;
}

.clickable-table-row {
  cursor: pointer;
}

.underline-blue {
  border-bottom: 3px solid #5a9bff;
  padding-bottom: 2pt;
  padding-left: 2pt;
  padding-right: 2pt;
}
.underline-blue:hover {
  border-bottom: 3px solid #0866ff;
}

/*.clickable-table-row:hover {*/
/*  box-shadow: 1pt 1pt rgba(100,100,100,0.4);*/
/*  border-bottom: 1px solid #ffffff;*/
/*}*/

/* Side Menu */
.side-menu-container {
  background-color: #554fd8;
  /*min-width: 220pt;*/
}

.menu-section-title {
  background-color: #423eac;
  width: 100%;
  padding: 15pt;
}
.menu-section-item {
  width: 100%;
}
.menu-section-item a {
  color: #ffffff;
}

.menu-section-item a:hover {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.side-menu-business-logo {
  padding-left: 10pt;
  padding-right: 10pt;
  padding-top: 15pt;
  font-size: 20pt;
  font-family: MontserratBlack;
}

.dashboard-template .navbar-vertical.navbar-expand-md .navbar-nav .nav-link:hover,
.dashboard-template .navbar-vertical.navbar-expand-md .navbar-nav .nav-link[aria-expanded=true] {
  border-color: #0a53be;
}

.form-group {
  margin-bottom: 25pt;
  padding-left: 15pt;
  padding-right: 15pt;
}

.form-group label {
  margin-bottom: 3pt;
}

.side-menu-footer {
  background-color: #423eac;
  padding-top: 15pt;
  padding-bottom: 30pt;
}

.side-menu-footer .cell-left
{
  float:left;
}
.side-menu-footer .cell-right
{
  float:right;
  text-align: right;
}

.profile-form-container {
  padding-top: 4pt;
  padding-bottom: 4pt;
}

.text-wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

img.image-grid {
  width: 100%;
  height: 100%;

}

.hidden-calendar-input {
  display: none;
}

.business-image-side-menu {
  border-radius: 50%;
  height: 50pt;
  width: 50pt;
  vertical-align: middle;
}
.business-image-side-menu-small {
  border-radius: 50%;
  height: 20pt;
  width: 20pt;
  vertical-align: middle;
}
.side-menu-icon {
  margin-right: 5pt;
}
.dashboard-template .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link {
  padding-left: 1rem;
}

.user-photo-list {
  border-radius: 50%;
  height: 20pt;
  width: 20pt;
  margin-right: 5pt;
  vertical-align: middle;
}


.user-photo-list-empty {
  height: 20pt;
  width: 20pt;
  background-color: #8a8a8a;
  border-radius: 50%;
  display: inline-block;

  margin-right: 5pt;
  vertical-align: middle;
}

.user-photo-text {
  vertical-align: middle;
  line-height: 30pt;
}

.user-photo-table-header {
  padding-left: 35pt;
}

.user-photo-main {
  float: left;
  width: 80pt;
  height: 80pt;
  overflow: hidden;
  margin-right: 20pt;
  margin-bottom: 10pt;
  border-radius: 50%;
}

.user-photo-main img {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
}

.secondary-info {
  color: #8a8d90;
}

.filled-star {
  color: #554fd8;
}

.empty-star {
  color: #c4c4c4;
}

.profile-image-container {
  width: 80pt;
  height: 80pt;
  overflow: hidden;
  padding: 1px;
  border-radius: 5px;
}
.profile-image-container img {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
}

.grey-background {
  background-color: #fafafa;
  /*height: 100vh;*/
}

.color-square {
  height: 17pt;
  width: 17pt;
  float: left;
  margin-right: 4pt;
  margin-bottom: 4pt;
}

.ember-google-map {
  width: 100%;
  height: 300px;
}

.warning-red {
  text-decoration: underline #ffb6b6 solid 5px
}


.scrollable-side-menu {
  background-color: #333;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}


.hidden-scrollbar-y {
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}
.hidden-scrollbar-y::-webkit-scrollbar {
  display: none;  /* Safari and Chrome */
}

.full-width {
  width: 100%;
}

/* common */
.ribbon {
  width: 200px;
  height: 200px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid rgba(181, 52, 201, 0.95);
}
.ribbon span {
  position: absolute;
  display: block;
  width: 300px;
  padding: 15px 0;
  background-color: rgba(208, 60, 231, 0.95);
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top right*/
.ribbon-top-right {
  top: 0px;
  right: 0px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -20px;
  top: 40px;
  transform: rotate(45deg);
}


/* top left*/
.ribbon-top-left {
  top: 0px;
  left: 0px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -5px;
  top: 40px;
  transform: rotate(-45deg);
}

.ribbon.unclickable {
  pointer-events: none;

}

.menu-section-item a.active {
  /* Ember automatically marks links as active */
  /*padding-right: 10px;*/
  /*padding-left: 4px;*/
  /*padding-bottom: 3px;*/
  /*border-bottom:2px solid #fafafa;*/
}

a.active .menu-section-item {
  /* Ember automatically marks links as active */

  background-color: #fff;
  color: #554fd8;
  /*color: #554fd8;*/
  font-weight: bold;
}

a.active.profile-link {
  /*padding-right: 3px;*/
  /*padding-left: 3px;*/
  /*padding-bottom: 3px;*/
  /*border-bottom: 4px solid;*/
  /*border-bottom-color: #554fd8;*/
  background-color: #ffffff;
  color: #554fd8;
  border-color: #554fd8;
}

.regular-cursor {
  cursor: default;
}

.custom-grid-container {

}

.custom-grid-left {

}

.custom-grid-right {
  float: left;
  padding-left: 5pt;
}

.button.foundation-white, .button.foundation-white.disabled, .button.foundation-white[disabled], .button.foundation-white.disabled:hover, .button.foundation-white[disabled]:hover, .button.foundation-white.disabled:focus, .button.foundation-white[disabled]:focus {
  background-color: #fefefe;
  color: #554fd8;
}

.button.hollow, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
  color: #fefefe;
}
.button.hollow:hover, .button.hollow:focus {
  background-color: rgba(255,255,255, 0.2);
  border: 1px solid #fefefe;
  color: #fefefe;
}
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
  border: 1px solid #fefefe;
  color: #fefefe;
}
td.left-margin {
  padding-left: 40pt;
}


a small {
  color: #052c65;
  text-decoration: underline;
  cursor: pointer;
}
a {
  color: #052c65;
  /*text-decoration: underline;*/
  cursor: pointer;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: #052c65;
  text-decoration: underline;
  cursor: pointer;

}

.navbar-right-custom {
  right: 0;
  background-color: transparent;

}
@media screen and (min-width: 768px) {
  .dashboard-template .navbar-vertical.navbar-right-custom {
    max-width: 310px;
  }
}


.login-template .cover-fit {
  background-image: url('/assets/muze-img/pages/login-cover.jpg');
  height: 100vh;
  width: 100%;
  background-size: cover;
  /*background-repeat: no-repeat;*/
  /*background-position: right, left;*/
}
/*.maintenance-template .maintenance-left {*/
/*  max-width: 800px;*/
/*  padding-top: 100px;*/
/*  padding-right: 30pt;*/
/*}*/
/*.maintenance-template .cover-fit {*/
/*  background-image: url('/assets/muze-img/pages/maintenance.svg');*/
/*  height: 100%;*/
/*  width: 100%;*/
/*  background-size: cover;*/
/*   !*background-repeat: no-repeat;*!*/
/*   !*background-position: right, left;*!*/
/*}*/


#calendar-container {
  display: none; /* hidden by default */
  background: transparent;
  /*border-radius: 4px;*/

  width: max-content;
  position: absolute;
  top: 0;
  left: 0;
}

#calendar-arrow {
  position: absolute;
  background: #333;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
}

.dashboard-template .font-9pt td {
  font-size: 9pt;
  padding: 15px 5px 15px 25px;
}

.dashboard-template .font-10pt td {
  font-size: 10pt;
  padding: 15px 5px 15px 25px;

}
.dashboard-template .font-9pt td ul {
  padding-left: 15px;
}
.dashboard-template .font-10pt td ul {
  padding-left: 15px;
}

#chat3 .form-control {
  border-color: transparent;
}

#chat3 .form-control:focus {
  border-color: transparent;
  box-shadow: inset 0px 0px 0px 1px transparent;
}

.badge-dot {
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin-left: 2.9rem;
  margin-top: -.75rem;
}

a.active.chat-row  {
  color: #6a1a21;
}
/* Avatar Circle Placeholder */
.circle {
  display: inline-block;
  background-color: #D6E4E5;
  border-radius: 50%;
  color: white;
  text-align: center;
  padding: 0;
  /*padding-top: 5px;*/
  vertical-align: middle;
  text-decoration: none;
}
.unread-messages-dot {
  color: #554fd8;
  font-size: 10px;
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 10px;
}

.margin-auto {
  margin-left: auto;
  margin-right: auto;
}

.custom_avatar {
  position: relative;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;

  /*background-size: cover;*/
  /*background-repeat: no-repeat;*/
  /*content: "";*/
  /*top: 0;*/
  /*left: 0;*/
}

.custom_avatar_img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  filter: blur(1px) brightness(70%);
  /*z-index: -1;*/
  /*opacity: 1;*/
  /*transition: opacity 300ms;*/
}

/*.custom_avatar_img {*/
/*    height: 100%;*/
/*    transform: translateX(-4rem);*/
/*    backface-visibility: hidden;*/
/* }*/


.custom_avatar_text {
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-transform: uppercase;
  font-size: 1.4rem;
  text-align: center;
  backface-visibility: hidden;
}


.user-header-photo {
  width: 100%;
  max-height: 300px;
  height: auto;
  object-fit: cover;
}