/*Fixed multiple selector*/
div.bootstrap-select {
  height: 44.5px !important;
  padding-top: 6px !important;
}

/*Set font robotomono*/
@font-face {
  font-family: 'robotomono';
  src: url(/static/plugins/global/fonts/robotomono/robotomono.woff2) format('woff2'),
    url(/static/plugins/global/fonts/robotomono/robotomono.woff) format('woff');
  font-weight: normal;
  font-style: normal;

}

/*Fix for Summernote Editor buttons height*/
.note-editor .note-toolbar .note-btn-group .btn {
  height: 35px;
}

/*Fix height of approach progress card in view of Business Account Manager*/
.height-approach-progress {
  height: 170px;
}

/*Fix height of sales state card in view of Business Account Manager*/
.height-sales-state {
  height: 205px;
}

/*Set img for hint,right side of forms*/
.hint-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/hints/hint.svg);
  padding-bottom: 200px !important;
  background-size: auto;
}

.hint-img-1 {
  background-color: #ffffff;
  background-position: left bottom;
  background-image: url(/static/media/hints/hint-1.svg);
  padding-bottom: 250px !important;
  background-size: auto;
}

.hint-img-2 {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/hints/hint-2.svg);
  padding-bottom: 400px !important;
  background-size: auto;
}

.buy-voucher {
  background-color: #ffffff;
  background-position: center top;
  background-image: url(/static/media/illustration/voucher.png);
  padding-top: 420px !important;
  background-size: auto;
}

@media (max-width: 500px) {

  .buy-voucher {
    background-color: #ffffff;
    background-position: center top;
    background-image: url(/static/media/illustration/voucher-sm.png);
    padding-top: 300px !important;
    background-size: auto;
  }
}

/*Fix width of pagination*/
.pagination-width {
  width: 75px;
}

/*Set font robotomono for number and date*/
.datenumberfont {
  font-family: robotomono, Monospace;
  font-weight: normal;
  font-style: normal;
}

/*Set url of background img*/
.bodybg {
  background-image: url(/static/media/bg/bg-10.jpg);
}

/*Set nowrap it used for columns of DataTable*/
.nowrapcolumn {
  white-space: nowrap;
}

/*Rotate icon 45 deg*/
.rotate45 {
  transform: rotate(45deg);
}

/*Rotate icon 180 deg*/
.rotate180 {
  transform: rotate(180deg);
}

/*Rotate icon 270 deg */
.rotate270 {
  transform: rotate(270deg);
}

/*Set position of plus and cross icon beside email and phone field*/
.field-plus {
  position: absolute;
  right: 3px;
}

/*Set position of plus and cross icon beside date*/
.field-plus-date {
  position: absolute;
  right: 350px;
}

/*Fixed position of delete button on slider*/
.delete-slider {
  right: 30px !important;
  left: 30px !important;
  bottom: 0px !important;
}

.squarebox {
  height: 150px;
}

.height-approach-chart {
  height: 545px;
}

.height-voucher-chart {
  height: 545px;
}

.preview-img {
  width: 32.5%;
  display: inline-block;
}

.cardimgfixed {
  width: 100% !important;
  height: 150px !important;
  object-fit: cover;
}

.table td {
  font-size: 1rem;
}

.actionheader {
  background-image: url(/static/media/misc/bg-1.jpg);
}

/* Login */

.login-bg {
  background-image: url(/static/media/misc/login-bg.jpg);
}

.login .login-form {
  width: 100%;
  max-width: 450px;
  background: white;
  padding: 30px;
  margin: 10px 20px;
  border-radius: 0.42rem;
  z-index: 1;

}

.login-page {
  display: block;
  background: #d8d8d8;
}

.login-page canvas {
  display: block;
  vertical-align: bottom;
}

#particles-js {
  width: 100%;
  height: 100%;
  background-image: url(/static/media/misc/login-bg.jpg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
}

.login-page .language-dropdown {
  position: relative;
  z-index: 2;
}

.login-page .footer-text {
  position: relative;
  z-index: 1;
  color: #ffffff;
}

@media (min-width: 992px) {
  .report-card {
    height: calc(100% - 25px);
  }
}

td.text-center,
th.text-center {
  padding-right: 1rem !important;
}

.hotel-description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}

.no-background {
  background: unset !important;
}

.img-responsive-16by9-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.img-responsive-16by9-wrapper img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 576px) {

  .login .login-form {
    width: 100%;
    max-width: 100%;
  }

}

.daterangepicker {
  z-index: 2000;
}

.w-35 {
  width: 35%;
}

.profile .heading {
  padding-left: 1.42rem;
}

@media (max-width: 991px) {
  .profile-edit label {
    text-align: left !important;
  }

  .company-create label {
    text-align: left !important;
  }
}

/* setting css for map in col-lx*/
.map .map-column {
  position: sticky;
  height: calc(100vh - 30px);
  top: 30px;
  padding-bottom: 30px;
}

.map .map-column>div {
  border-radius: 0.42rem;
  height: 100%;
}

@media (max-width: 1199px) {
  .map .map-column {
    position: relative;
    height: calc(100vh - 114.5px);
  }
}

/* setting css for map in col-md*/
.map .map-col-md {
  position: sticky;
  height: calc(100vh - 30px);
  top: 30px;
  padding-bottom: 30px;
}

.map .map-col-md>div {
  border-radius: 0.42rem;
  height: 100%;
}

#video-control {
  width: 680px;
  height: 382.5px;
}

@media (max-width: 767px) {
  .map .map-col-md {
    position: relative;
    height: calc(100vh - 114.5px);
  }
  
  #video-control {
    width: 100%;
    height: auto;
    max-height: 382.5px !important;
  }
}

.map .map-top {
  position: sticky;
  height: 400px;
  top: 30px;
  padding-bottom: 30px;
}

.map .map-top>div {
  border-radius: 0.42rem;
  height: 100%;
}

/*Fixed height of map for each destination*/
.map-height {
  height: 250px;
}

.profile-edit .right-container {
  margin-left: 2rem !important;
}

@media (max-width: 767px) {
  .profile-edit .main-container {
    flex-direction: column !important;
  }

  .profile-edit .menu {
    margin-bottom: 30px !important;
    width: 100% !important;
  }

  .profile-edit .right-container {
    margin-left: 0 !important;
  }
}

.table-fixed {
  table-layout: fixed;
}

/*Show color boxes in list of pricing package*/
.color-box-list {
  margin-top: 5px;
  width: 35px;
  height: 35px;
  border-radius: 5px;
}

/*Fixed size of colorpicker*/
.color-box {
  width: 50px !important;
  padding: 0 !important;
  height: 50px !important;
  border: 1px solid #ecf0f3 !important;
  margin: 0 !important;
}

.color-box-group {
  width: 50px !important;
  padding: 0 !important;
  background: #fff !important;
  height: 50px !important;
}

/*Make the icon look bold*/
.action-button.btn i:before {
  font-weight: bold;
}

/*fix video slider width*/
.video-fluid {
  width: 100%;
}

.b-landing-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/landing.svg);
  padding-bottom: 250px !important;
  background-size: auto;
}

.products-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/products.svg);
  padding-bottom: 250px !important;
  background-size: auto;
}

.b-about-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/businessAbout.svg);
  padding-bottom: 250px !important;
  background-size: auto;
}

.b-contact-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/businessContact.svg);
  padding-bottom: 250px !important;
  background-size: auto;
}

.b-privacy-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/privacypolicy.svg);
  padding-bottom: 220px !important;
  background-size: auto;
}

.b-imprint-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/imprint.svg);
  padding-bottom: 220px !important;
  background-size: auto;
}
.b-hotelpartner-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/hotelpartner.svg);
  padding-bottom: 220px !important;
  background-size: auto;
}
.b-faq-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/faq.svg);
  padding-bottom: 220px !important;
  background-size: auto;
}
.b-hotels-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/hotels.svg);
  padding-bottom: 220px !important;
  background-size: auto;
}
.b-features-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/features.svg);
  padding-bottom: 220px !important;
  background-size: auto;
}
.b-csr-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/csr.svg);
  padding-bottom: 220px !important;
  background-size: auto;
}
.industries-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/industries.svg);
  padding-bottom: 220px !important;
  background-size: auto;
}

.hotelpartner-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/hotelpartner.svg);
  padding-bottom: 250px !important;
  background-size: auto;
}

.landingpage-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/landing-page.svg);
  padding-bottom: 250px !important;
  background-size: auto;
}

.contactpage-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/contact.svg);
  padding-bottom: 250px !important;
  background-size: auto;
}

.aboutpage-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/about.svg);
  padding-bottom: 250px !important;
  background-size: auto;
}

.agreement-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/agreement.svg);
  padding-bottom: 250px !important;
  background-size: auto;
}

.terms-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/terms.svg);
  padding-bottom: 250px !important;
  background-size: auto;
}

.noshow-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/no-show.svg);
  padding-bottom: 250px !important;
  background-size: auto;
}

.career-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/career.svg);
  padding-bottom: 250px !important;
  background-size: auto;
}
@media (min-width:1200px) and (max-width:1399px) {
  .career-img{
    padding-bottom: 230px!important;
  }
}
.business-solution-img {
  background-color: #ffffff;
  background-position: right bottom;
  background-image: url(/static/media/illustration/solution.svg);
  padding-bottom: 250px !important;
  background-size: auto;
}

.hide {
  display: none !important;
}

/*Filter bar*/
.dropdown-menu>li>a,
.dropdown-menu>.dropdown-item {
  white-space: normal;
}

.filter-bar {
  margin-top: -20px;
  margin-bottom: 25px;
}

@media (max-width: 575px) {
  .filter-bar {
    margin-top: -14px;
  }
}

.btn.btn-secondary.filter-button {
  background-color: #12A494;
  border-color: #12A494;
  color: #ffffff;
}

.btn.btn-secondary.filter-button.dropdown-toggle:after {
  color: #ffffff;
}

.btn.btn-secondary.filter-button:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after,
.btn.btn-secondar.filter-buttony:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show>.btn.btn-secondary.filter-button.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-secondary.filter-button.btn-dropdown.dropdown-toggle:after {
  color: #ffffff;
}

.btn.btn-secondary.filter-button:hover:not(.btn-text),
.btn.btn-secondary.filter-button:focus:not(.btn-text),
.btn.btn-secondary.filter-button.focus:not(.btn-text) {
  background-color: #5EC1B6;
  border-color: #5EC1B6;
  color: #ffffff;
}

.btn.btn-secondary.filter-button:hover:not(.btn-text).dropdown-toggle:after,
.btn.btn-secondary.filter-button:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-secondary.filter-button.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff;
}

.btn.btn-secondary.filter-button:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-secondary.filter-button:not(:disabled):not(.disabled).active,
.show>.btn.btn-secondary.filter-button.dropdown-toggle,
.show .btn.btn-secondary.filter-button.btn-dropdown {
  background-color: #5EC1B6;
  border-color: #5EC1B6;
  color: #ffffff;
}

#dropdown-vibe {
  min-width: 0rem;
}

#dropdown-hotel {
  max-height: 300px;
  overflow-y: auto;
  width: auto;
}

/*set size of box for toggle icons*/
.setsize {
  height: 37.88px;
  width: 42px;
}

.dropdown ul.dropdown-menu {
  width: 100%
}

.s-style {
  background: #ffffff;
  padding: 1px 10px;
  font-size: 9px;
  border-radius: 10px;
  color: #ffa800;
  font-weight: bold;
  border: 1px dashed #ffa800;
}

/* fix icons of hotel card*/
.icon-wrapper {
  width: 22px;
  float: left;
  text-align: center;
}

.plus-border {
  border: 1px dashed #1bc5bd;
  border-radius: 30px;
  padding: 10px;
}

.card-body-md {
  padding: 20px 20px 8px 20px;
}

/*fix position of dots action in hitel cards*/
.pos-dots-ver {
  position: absolute;
  right: 15px;
  top: 15px;
}

/* fix language dropdown in title of card*/
.fix-lang {
  padding-right: 8px !important;
}

.input-lang {
  height: 40px;
  margin-top: 15px;
  margin-right: 12px;
}

.input-lang-modal {
  height: 40px;
  margin-top: 5px;
  margin-right: 15px;
}

.btn.btn-primary.login {
  background-color: #ae8229;
  border-color: #ae8229;
}

.form-control.form-control-solid.bg-field:active,
.form-control.form-control-solid.bg-field.active,
.form-control.form-control-solid.bg-field:focus,
.form-control.form-control-solid.bg-field.focus {
  background-color: #ffffff !important;
  border-color: #ae8229 !important;
}

.btn.btn-primary.login:hover:not(.btn-text),
.btn.btn-primary.login:focus:not(.btn-text),
.btn.btn-primary.login.focus:not(.btn-text) {
  color: #FFFFFF;
  background-color: #BD9036 !important;
  border-color: #BD9036 !important;
}

a.text-hover-primary.login:hover,
.text-hover-primary.login:hover {
  color: #ae8229 !important;
}

.login.checkbox>input:checked~span {
  background-color: #ae8229 !important;
}

.region-description {
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow-y: hidden;
  line-height: 19.5px;
  height: 78px;
}

.lang-width {
  width: auto !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid !important;
  -webkit-text-fill-color: #464E5F !important;
  -webkit-box-shadow: 0 0 0px 1000px #F3F6F9 inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.symbol.symbol-21 .symbol-label {
  width: 21px;
  height: 21px;
}

.text-white {
  color: #ffffff;
}

/*Set Style of Pagination*/
.pagination-custom {
  margin-left: auto;
  margin-right: auto;
  width: 45%
}

.pagination-custom .btn.btn-light-primary {
  color: #6993FF;
  background-color: #fff;
  border-color: transparent;
}

.pagination-custom .btn.btn-light-primary.active {
  color: #fff;
  background-color: #6993FF;
  border-color: transparent;
}

.pagination-custom .btn.btn-light-primary.more {
  background-color: transparent;
}

.pagination-custom .btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) {
  color: #fff;
  background-color: #a5beff;
}

/*Set Style of Age Icon*/

.swal2-container .swal2-html-container {
  max-height: 380px !important;
}

.age-icon .btn i:after,
.age-icon .btn i:before {
  line-height: 2;
}

.swal2-popup .age-icon .btn {
  margin: 0;
}

.iconselector.bootstrap-select>.dropdown-toggle {
  padding: 0.3rem 1rem;
  width: 363px;
}

.iconselector.bootstrap-select .dropdown-menu.inner>li>a {
  padding: 1rem;
}

.age-icon .dropdown-menu>li>a>i:before,
.age-icon .dropdown-menu>.age-icon .dropdown-item>i:before {
  line-height: 1;
}

.age-icon .dropdown-menu.show {
  width: 340px;
}

div.filter-option-inner-inner {
  height: 22px !important;
}

.bootstrap-timepicker-widget table td input {
  width: 38px;
  padding-right: 10px;
}

.swal-wide {
  width: 495px !important;
}

.display-none {
  display: none;
}

/*********** change theme to gray background without header image ( new UI ) ***********/
/*gray background for body */
.bg-golden-gray {
  background-color: #fdfbf7;
}

/* line below of menu */
.menu-bt.separator.separator-solid {
  border-bottom: 5px solid #a77f34;
}

/*color of menu */
.golden-gray.menu-text {
  color: #22190A !important;
}

/*color of svg icons in header */
.golden-gray.svg-icon.svg-icon-white svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #22190A !important;
}

/*color of text in breadcrumbs */
.golden-gray.text-white {
  color: #22190A !important;
}

/*color of text (Green Habitat) in footer*/
.golden-gray.text-dark-75 {
  color: #22190A !important;
}

/*color of links in footer*/
.golden-gray.nav-link {
  color: #22190A !important;
}

/* text-muted is used in footer for lighter text */
.golden-gray.text-muted {
  color: rgb(165, 161, 145) !important;
}

/*color of dot in breadcrumb */
.golden-gray.bg-white {
  background-color: #22190A !important;
}

/*color of footer*/
.golden-gray.footer.bg-white {
  background-color: #ffffff !important;
}

/*transparent of button*/
.golden-gray.btn.btn-transparent-white {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.3);
  border-color: transparent;
}

/* hover of breadcrumbs*/

a.golden-gray.text-hover-white,
.golden-gray.text-hover-white {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

a.golden-gray.text-hover-white:hover,
.golden-gray.text-hover-white:hover {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
  color: rgb(165, 161, 145) !important;
}

a.golden-gray.text-hover-white:hover i,
.golden-gray.text-hover-white:hover i {
  color: rgb(165, 161, 145) !important;
}

/* selected sub menu background*/
.header-menu-mobile .menu-nav>.menu-item .menu-submenu>.golden-gray.menu-subnav>.menu-item.menu-item-here>.menu-link {
  background-color: #f7f6f0 !important;
}

/* selected sub menu text*/
.header-menu-mobile .menu-nav>.menu-item .menu-submenu>.golden-gray.menu-subnav>.menu-item.menu-item-here>.menu-link .menu-text {
  color: #22190A !important;
}

/* mouse over sub menu background*/
.header-menu-mobile .menu-nav>.menu-item .menu-submenu>.golden-gray.menu-subnav>.menu-item:hover:not(.menu-item-here):not(.menu-item-active)>.menu-link,
.header-menu .menu-nav>.menu-item .menu-submenu>.menu-subnav>.menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active)>.menu-link {
  background-color: #f7f6f0 !important;
}

/* mouseover sub menu text*/
.header-menu-mobile .menu-nav>.menu-item .menu-submenu>.golden-gray.menu-subnav>.menu-item:hover:not(.menu-item-here):not(.menu-item-active)>.menu-link .menu-text,
.header-menu .menu-nav>.menu-item .menu-submenu>.menu-subnav>.menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active)>.menu-link .menu-text {
  color: #22190A !important;
}

.header-menu-mobile .menu-nav>.menu-item.menu-item-here>.menu-heading,
.header-menu-mobile .menu-nav>.menu-item.menu-item-here>.golden-gray.menu-link {
  background-color: #f7f6f0 !important;
}

.header-menu-mobile .menu-nav>.menu-item.menu-item-open>.menu-heading .menu-arrow,
.header-menu-mobile .menu-nav>.menu-item.menu-item-open>.golden-gray.menu-link .menu-arrow {
  color: #22190A !important;
}

.header-menu-mobile .menu-nav>.menu-item.menu-item-open>.menu-heading,
.header-menu-mobile .menu-nav>.menu-item.menu-item-open>.golden-gray.menu-link {
  background-color: #f7f6f0 !important;
}

.header-menu-mobile .menu-nav>.menu-item.menu-item-here>.golden-gray.menu-link {
  background-color: #f7f6f0 !important;
}

.header-menu-mobile .menu-nav>.menu-item.menu-item-active>.menu-heading,
.header-menu-mobile .menu-nav>.menu-item.menu-item-active>.golden-gray.menu-link {
  background-color: #f7f6f0 !important;
}

.header-menu-mobile .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading,
.header-menu-mobile .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.golden-gray.menu-link {
  background-color: #f7f6f0 !important;
}

.header-menu-mobile .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-open>.menu-heading,
.header-menu-mobile .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-open>.golden-gray.menu-link {
  background-color: #f7f6f0 !important;
}

.header-menu-mobile .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-here>.menu-heading,
.header-menu-mobile .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-here>.golden-gray.menu-link {
  background-color: #f7f6f0 !important;
}

.header-menu-mobile .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-heading,
.header-menu-mobile .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.golden-gray.menu-link {
  background-color: #f7f6f0 !important;
}

.header-menu-mobile .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading,
.header-menu-mobile .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.golden-gray.menu-link {
  background-color: #f7f6f0 !important;
}

.header-menu .menu-nav>.menu-item:hover:not(.menu-item-here):not(.menu-item-active)>.golden-gray.menu-link>.menu-arrow,
.header-menu .menu-nav>.menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active)>.menu-link>.menu-arrow {
  color: #22190A !important;
}

.header-menu .menu-nav>.menu-item .menu-submenu>.menu-subnav>.menu-item:hover:not(.menu-item-here):not(.menu-item-active)>.golden-gray.menu-link>.menu-arrow,
.header-menu .menu-nav>.menu-item .menu-submenu>.menu-subnav>.menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active)>.menu-link>.menu-arrow {
  color: #22190A !important;
}

.header-menu .menu-nav>.menu-item .menu-submenu>.menu-subnav>.menu-item.menu-item-here>.golden-gray.menu-link>.menu-arrow {
  color: #22190A !important;
}

/*Set element position to center*/
.center-elememt {
  overflow: auto !important;
  margin: auto !important;
}

.border-redius-5 {
  border-radius: 5px;
}

/*fix place of ribbon on card of special offer */
.ribbon-place {
  bottom: 55px;
}

/*fix place of ribbon on card of product */
.ribbon-publish-position {
  top: 50px;
}

.note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] {
  background-color: #f3f6f9 !important;
}

.fv-help-block {
  text-align: left !important;
}

#add-booking-box-icon {
  margin-bottom: 40px;
}

/* new sort icons after title of columns in datatables*/
table.dataTable thead th {
  background: transparent !important;
  white-space: nowrap;
}

table.dataTable thead span.sort-icon {
  display: inline-block;
  padding-left: 10px;
  width: 16px;
  height: 16px;
}

table.dataTable thead .sorting span {
  margin-left: 5px;
  background: url('/static/media/icons/sort/sort_both.png') no-repeat center right;
}

table.dataTable thead .sorting_asc span {
  margin-left: 5px;
  background: url('/static/media/icons/sort/sort_asc.png') no-repeat center right;
}

table.dataTable thead .sorting_desc span {
  margin-left: 5px;
  background: url('/static/media/icons/sort/sort_desc.png') no-repeat center right;
}

table.dataTable thead .sorting::before,
table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_desc::before,
table.dataTable thead .sorting_asc_disabled::before,
table.dataTable thead .sorting_desc_disabled::before {
  content: "" !important;
}

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::after {
  content: "" !important;
}

.fix-sort-icon {
  margin-bottom: -4px;
}

/* end of css for sort icon of datatable */
.hand {
  cursor: pointer;
}

.float-left {
  float: left !important;
}

.width-auto {
  width: auto !important;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgb(234, 236, 240);
  background: rgb(234, 236, 240);
}

/*fix place of export button*/
.export-btn {
  margin-top: -20px;
  margin-bottom: 25px;
}

@media (max-width: 575px) {
  .export-btn {
    margin-top: -14px;
  }
}

.upload-msg-notes {
  color: #B5B5C3;
  font-weight: 400;
  font-size: 1rem;
}

.vt-height {
  height: 420px;
}


div.dataTables_wrapper div.dataTables_filter input {
  width: 75% !important;
}

.dropdown-menu.dropdown-menu-xs {
  width: auto !important;
}

/* fix position of icon inside dropdown*/
.dropdown-icon-lg {
  margin-top: -8px !important;
}

/* fix color of icon dropdown*/
.age-icon>.bootstrap-select>.dropdown-toggle.btn {
  background-color: #F3F6F9 !important;
  border-color: #F3F6F9 !important;
}

.z-index1000 {
  z-index: 1000;
}

@media (min-width: 1200px) {
  .bit-larger.dropdown-menu.dropdown-menu-sm {
    width: 185px !important;
  }
}

.larger.dropdown-menu.dropdown-menu-sm {
  width: 200px !important;
}

.text-line-through {
  text-decoration: line-through;
}

/*fix size of hotel photos in ordering list*/
.cardphotofixed {
  width: 250px !important;
  height: 150px !important;
}

/*set static width for send booking request button on popup*/
.sent-booking-btn-width {
  width: 185px;
}

@media (min-width: 1200px) {
  .sent-booking-btn-width {
    width: 200px;
  }
}

@media (max-width: 400px) {
  .cardphotofixed {
    width: 200px !important;
    height: 150px !important;
  }
}

/* nowrap for breadcrumb texts*/
a.golden-gray.text-white {
  white-space: nowrap;
}

.card-filter-width {
  width: 180px;
}

.dropzone .dz-preview .dz-remove {
  font-size: 11px;
}

.golden-gray-custom.menu-item a:hover {
  background-color: #f7f6f0 !important;
}

/*remove gap form bottom of filter bar in user registration report*/
div.col-12.remove-gap {
  margin-bottom: -20px;
}

@media(max-width:563px) {
  .daterangepicker .drp-calendar.right {
    margin-left: 8% !important;
  }

  .daterangepicker .drp-calendar.left {
    margin-left: 8% !important;
  }
}

/*fix size of menu*/
.max-content-width {
  width: max-content !important;
}

/*font size 12*/
.font-12 {
  font-size: 12px !important;
}

/*use in profile page*/
.calc-pt {
  padding-top: calc(0.65rem - 2px);
}

.bg-gray {
  background-color: #AAAAAA;
}

/*background for body of Business theme*/
.bg-business {
  background-color: #F6F6F6;
}

.btn-green {
  background: linear-gradient(145deg, #006A34, #028E35);
}

.text-green {
  color: #039536;
}

.text-green-light {
  color: #99D4AE;
}

/* css for login page of business*/
body.gh-business-font {
  font-family: "Open Sans", sans-serif;
}

.gh-b-login {
  background-color: #ffffff;
  background-position: center bottom;
  background-image: url(/static/media/illustration/GH-B-login.svg);
}

.login.login-business .login-aside {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 40px rgba(177, 187, 208, 0.15);
  box-shadow: 0px 0px 40px rgba(177, 187, 208, 0.15);
}

.login.login-business .login-content {
  background-color: #ECECEC;
}

@media (max-width:991px){
  .login.login-business .login-content {
    background-color: #FFFFFF;
  }

  .mobile-background{
    background-color: #ECECEC;
  }
}

.login.login-business .login-content .login-form {
  width: 100%;
  max-width: 500px;
}

@media (min-width: 992px) {
  .login.login-business .login-aside {
    width: 47%;
  }

  .login.login-business .login-aside .aside-img {
    min-height: 380px !important;
    background-size: 95%;
  }
}

@media (max-width: 991.98px) and (min-width: 641px) {
  .login.login-business .login-aside .aside-img {
    min-height: 500px !important;
    background-size: 95%;
  }
}

@media (max-width: 640.98px) {
  .login.login-business .login-aside .aside-img {
    min-height: 250px !important;
    background-size: 95%;
  }

  .login.login-business .login-aside .login-logo {
    text-align: center;
  }
}

.login.login-business .login-form {
  width: 100%;
  max-width: 450px;
  background: transparent;
  padding: 30px;
  margin: 10px 20px;
  border-radius: 0.42rem;
  z-index: 1;
}

@media (max-width:767px){
  .login.login-business .login-form {
    padding: 0px;
    margin: 10px 12px;
  }
}

.text-business-dark-58 {
  color: #585858;
}

.text-business-dark-70 {
  color: #707070;
}

.text-business-dark-98 {
  color: #989898;
}

.font-size-16 {
  font-size: 16px !important;
}

.font-size-20 {
  font-size: 20px !important;
}

.font-size-14 {
  font-size: 14px !important;
}

.font-size-13 {
  font-size: 13px !important;
}

.b-login.checkbox>span {
  background-color: transparent;
  border: 1px solid #706F6F;
  border-radius: 4px;
  height: 20px;
  width: 20px;
}

.b-login.checkbox>input:checked~span:after {
  border-color: #006A34 !important;

}

.b-login.checkbox>input:checked~span {
  background-color: #ECECEC !important;
  border: 1px solid #706F6F;
}

.b-login.checkbox>input:focus~span {
  background-color: #ECECEC !important;
  border: 1px solid rgb(156, 149, 149);
}

a.underline {
  text-decoration: underline;
}

a.hover-green:hover {
  color: #006934;
  text-decoration: none;
}

.margin-right--5 {
  margin-right: -5px;
}

.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-icon,
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-icon.green {
  color: #039536 !important;
}

.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-label .wizard-title,
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-label .wizard-title.green {
  color: #039536 !important;
}

.text-blue {
  color: #038BD9;
}

.btn.btn-light-green {
  color: #039536;
  background-color: #8AE4A9;
  border-color: transparent;
}

a.btn.btn-light-green:hover {
  color: white;
  background-color: #039536;
}

.label.label-light-blue {
  color: #038BD9;
  background-color: #BFE1F5;
}

.label.label-light-green {
  color: #039536;
  background-color: #8AE4A9;
}

.label.label-light-violet {
  color: #950362;
  background-color: #EEADD7;
}

.label.label-light-gray {
  color: #8F8F8F;
  background-color: #EAEAEA;
}

.label.label-light-red {
  color: #B51400;
  background-color: #FBCEC7;
}

.apexcharts-toolbar {
  z-index: 1 !important;
}

#card-element {
  border-radius: 0.42rem;
  padding: 12px;
  border: 1px solid #F3F6F9;
  height: 44px;
  width: 100%;
  background: #F3F6F9;
}

.btn-green-light {
  background: #8AE4A9;
}

.btn-red-light {
  background: #FBCEC7;
}

.btn-violet {
  background: #950362;
}

.btn-violet-light {
  background: #EEADD7;
}

.btn-blue {
  background: #038BD9;
}

.btn-blue-light {
  background: #BFE1F5;
}

.text-violet {
  color: #950362;
}

.agree.checkbox-inline .checkbox {
  display: inline-block;
  margin-right: 2px !important;
  margin-bottom: 0px !important;
}

.btn.btn-outline-green {
  color: #039536;
  background-color: transparent;
  border-color: #039536;
}

.btn.btn-green {
  color: #FFFFFF;
  background-color: #039536;
  border-color: #039536;
}

.fix-agree-text {
  float: left;
  margin-left: 25px;
  margin-top: 4px;
}

.hide-select-dropdown {
  appearance: none;
}

.cart-items {
  position: relative;
}

.cart-items span {
  position: absolute;
  top: -2px;
  right: -2px;
  padding-left: 1px;
  padding-top: 0.8px;
}

.label.label-red {
  color: #ffffff;
  background-color: #B51400;
}

.z-index-0 {
  z-index: 0 !important;
}

.bg-blue-light {
  background-color: #BFE1F5;
}

.bg-green-light {
  background-color: #8AE4A9 !important;
}

.bg-violet-light {
  background-color: #EEADD7 !important;
}

.bg-grey-light {
  background-color: #EAEAEA !important;
}

.bg-red-light {
  background-color: #FBCEC7 !important;
}

.order-status-ribbon {
  bottom: 38px;
}

.text-grey {
  color: #212121 !important
}

.notification {
  position: relative;
}

.notification span {
  position: absolute;
  top: -10px;
  right: -10px;
}

.padding-r-0 {
  padding-right: 0px !important;
}

.stack-sm {
  display: inline-block !important;
  height: 1.5em !important;
  line-height: 1.5em !important;
  position: relative !important;
  vertical-align: middle !important;
  width: 2em !important;
}

.stack-sm-1 {
  font-size: 1.5em !important;
}

.stack-xs-2,
.stack-sm-1 {
  left: 0;
  position: absolute !important;
  text-align: center !important;
  width: 100% !important;
}

.stack-xs-2 {
  line-height: inherit !important;
  font-size: 0.5em !important;
  transform: rotate(270deg);
  margin-top: 1px !important;
}

.set-margin {
  margin-top: 9.5px !important;
  margin-left: 13px !important;
}

.settings-item-here {
  background-color: #f7f6f0 !important;
}

.logo-wrapper {
  display: table-cell;
  width: 100px;
  vertical-align: middle;
}

.logo-wrapper img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}

.image-input .image-input-wrapper {
  background-size: contain !important;
  background-position: center !important;
}

.b-type-text {
  color: #22190A;
}

.b-type-text:hover {
  color: #a77f34;
}

.type-w {
  width: 55% !important;
}

@media (min-width: 1199px) and (max-width: 1399px) {
  .type-w {
    width: 50% !important;
  }
}

@media (min-width: 576px) and (max-width: 599px) {
  .type-w {
    width: 50% !important;
  }
}

.padding-l {
  padding-left: 3rem !important;
}

@media (min-width: 1199px) and (max-width: 1399px) {
  .padding-l {
    padding-left: 2rem !important;
  }
}

@media (min-width: 576px) and (max-width: 599px) {
  .padding-l {
    padding-left: 2rem !important;
  }
}

.b-type-icon:hover>div>svg path {
  fill: #F9F5EE !important;
}

.h-160 {
  height: 160px;
}

@media (min-width: 1399px) {
  .w-percentage {
    width: 32%;
    margin-bottom: 2px !important;
  }

  .w-percentage>svg {
    width: 98px !important;
    height: 88px !important;
  }

  .energy-percentage>svg {
    width: 50px !important;
    height: 78px !important;
  }

  .margin-b- {
    margin-bottom: -3px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .w-percentage {
    width: 31%;
    margin-bottom: 2px !important;
  }

  .w-percentage>svg {
    width: 80px !important;
    height: 70px !important;
  }

  .energy-percentage {
    width: 18%;
    margin-bottom: 2px !important;
  }

  .energy-percentage>svg {
    width: 50px !important;
    height: 70px !important;
  }

  .margin-b- {
    margin-bottom: -2px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .w-percentage {
    width: 30%;
    margin-bottom: 2px !important;
  }

  .w-percentage>svg {
    padding-right: 5px;
    width: 90px !important;
    height: 78px !important;
  }

  .energy-percentage {
    width: 18%;
    margin-bottom: 2px !important;
  }

  .energy-percentage>svg {
    width: 50px !important;
    height: 78px !important;
  }

  .margin-b- {
    margin-bottom: -4px;
  }
}

@media (min-width: 575px) and (max-width: 650px) {
  .w-percentage {
    width: 30%;
    margin-bottom: 2px !important;
  }

  .w-percentage>svg {
    padding-right: 5px;
    width: 90px !important;
    height: 78px !important;
  }

  .energy-percentage {
    width: 18%;
    margin-bottom: 2px !important;
  }

  .energy-percentage>svg {
    width: 50px !important;
    height: 78px !important;
  }

  .margin-b- {
    margin-bottom: -3px;
  }
}

.industry-page-card-title {
  color: #3A3A3A;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0px;
}

.industry-page-card-header {
  height: 152px;
}

@media (max-width:767px) {
  .industry-page-card-header {
    height: auto;
  }
}

#zoom-img {
  display: inline-block;
  overflow: hidden;
}

#zoom-img img {
  display: block;
  transition: transform .8s;
}

#zoom-img:hover img {
  transform: scale(1.1);
  transform-origin: 50% 50%;
}

@media (min-width: 1351px) {
  .container.business {
    max-width: 1280px !important;
    padding: 0 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1350px) {
  .container.business {
    max-width: 1280px !important;
  }
}

@media (max-width: 991px) {
  .container.business {
    padding: 0 25px !important;
  }

  .header-mobile.business {
    padding: 10px 25px !important;
  }
}

.font-35 {
  font-size: 35px;
}

.voucher-slider-h {
  max-height: 473px;
}

.voucher-slider-caption {
  background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF00 00%, #FFFFFF00 12%, #FFFFFFCC 14%, #FFFFFF 100%);
  position: absolute;
  bottom: 0px;
  z-index: 10;
  padding-top: 20px;
  width: 100%;
  height: 185px;
}

.arrow-position {
  padding-bottom: 90px !important;
}

@media (max-width:600px) {
  .voucher-slider-caption {
    height: 250px;
  }

  .arrow-position {
    padding-bottom: 120px !important;
  }
}

.industry-header {
  max-width: 1920px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.industry-header-img {
  height: 660px;
  width: 100%;
  object-fit: cover;
}

@media (max-width:1000px) {
  .industry-header-img {
    height: 460px;
    width: 100%;
    object-fit: cover;
  }
}

@media (min-width:1440px) {
  .industry-header-img {
    height: 760px;
    width: 100%;
    object-fit: cover;
  }
}

.arrow-animation {
  margin-top: 0.7px;
}

.arrow-animation:hover {
  margin-left: 10px !important;
}

.text-arrow-animation:hover {
  margin-right: 8px !important;
}

.voucher-chart-h {
  height: 250px;
  padding-top: 10px;
}

a.text-hover-dark:hover {
  color: #3C3C3C !important;
}

.submit-size {
  height: 38px;
  width: 140px;
}

.icon-normal {
  font-size: 1rem;
}

@media (min-width:768px) {
  .card-industry-h {
    height: 300px;
  }
}

.map-hotel {
  background-color: #EA4335;
}

.map-attraction {
  background-color: #00E64D;
}

.map-golfcourse {
  background-color: #6991FD;
}

.hint-colored-box {
  box-shadow: rgb(0 0 0 / 30%) 0px 1px 4px -1px;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  margin-top: 10px;
}

.map-hint {
  right: 22px;
  top: 60px;
  background-color: white;
  box-shadow: rgb(0 0 0 / 30%) 0px 1px 4px -1px;
  border-radius: 2px !important;
  width: 40px;
  height: 100px !important;
  padding-top: 1px;
  padding-left: 10px;
}

@media (min-width:768px) {
  .w-lg-65 {
    width: 65% !important;
  }
}

.filter-option-inner-inner {
  color: #464E5F !important;
}

.btn.btn-default.dropdown-toggle:after {
  color: #464E5F !important;
}

.setting-icon:after, .setting-icon:before{
  line-height: 1 !important;
}

.responsive-icon{
  line-height: 0 !important;
}
.survey-gray-box {
  background: #F8F8F8;border-radius: 5px;
}
.survey >.checkbox{
  padding-left: 17px!important;
  margin-right: 10px!important;
  width:85px;
}
.survey >.checkbox > span {
  height: 12px!important;
  width: 12px!important;
  margin-top: 2px;
  background-color: #CBCBCB!important;
}
.survey >.checkbox > span:after {
  width: 4px!important;
  height: 9px!important;
}
.width-65px {
  width:65px!important;
}
.csr-text-box{
  line-height:20px;
  padding-right:4rem;
  padding-left:4rem;
  padding-top:5rem;
  padding-bottom:5rem;
  position: absolute;
  left:5%;
  top:50%;
  transform: translate(0, -50%);
  width:41%;
  background: #FFFFFF;
  opacity: 0.89;
}

@media (max-width:767px) {
  .csr-text-box{
    padding-right:2rem;
    padding-left:2rem;
    padding-top:2rem;
    padding-bottom:2rem;
    top:5%;
    left:50%;
    transform: translate(-50%, 0);
    width:80%;
    line-height: 1.5;
  }
}
.csr-img {
    object-fit: cover;
    min-height: 600px;
    box-shadow: 0px 0px 12px #00000029!important;
    width: 100% !important;
    border-radius: 0.42rem !important;
  }

.my-company-logo {
  border: 1px solid #EAE9E8;
border-radius: 10px;
width: 87px;
height: 87px;
}
.my-company-title {
  color: #464E5F;
  font-size: 20px;
  font-weight: 600;
  line-height: 23px;
}
.my-company-items-title{
  color:#80808F;
  font-size: 13px;
}
.my-company-items{
  color:#464E5F;
  font-size: 13px;
  font-weight: 600;
}
.my-company-contact-icons{
  font-size: 12px;
  margin-top:4px;
  margin-right: 0.5rem;
}
.separator-fixed{
margin-left:-2.3rem;margin-right:-2.3rem;
}

@media (min-width:992px){
  .menu-desktop-width{
    width: 170px;
  }
}

.cursor-default{
  cursor: default !important;
}

.mark-unread{
  background-color: #f7f6f0;
}

.icon-notification {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro', sans-serif;
  font-weight: 400; 
  font-size: 1.3rem;
}

.icon-notification:before {
  content: "\f0f3";
}

.btn >div>.icon-notification{
  font-size: 1.5rem;
}

@media (max-width:991px) {
  .icon-notification {
    position: relative;
    font-family: 'Font Awesome 5 Duotone', sans-serif;
    font-weight: 900; 
  }
  .btn >div>.icon-notification{
    font-size: 1.4rem;
  }
  .icon-notification:before {
    position: absolute;
    color: var(--fa-primary-color, inherit);
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1);
  }
  .icon-notification:after {
    content: "\10f0f3";
    color: var(--fa-secondary-color, inherit);
    opacity: 0.4;
    opacity: var(--fa-secondary-opacity, 0.4);
  }
 }
 .survey-validation-text{
  color: #F64E60;
  font-size: 0.85rem;
  font-weight: 400;
  margin-top: 3px;
}
.red-warning-icon>.swal2-header>.swal2-icon.swal2-warning {
  border-color: #E35B64;
  color: #E35B64;
}
.cyan-warning-icon>.swal2-header>.swal2-icon.swal2-warning {
  border-color: #5EC3BD;
  color: #5EC3BD;
}
.email-validation-text{
  color: #F64E60;
  font-size: 0.85rem;
  font-weight: 400;
  position: absolute;
  margin-top:2px;
}
.assign-code-table > tr >td {
  padding-bottom: 1.5rem!important;
    padding-top: 1.5rem!important;
}
html {
  width: 100vw;
}
.w-8{
  width: 8%;
}

.plant-svg {
  background-color: white;
    background-position: 95% bottom;
    background-image: url(/static/media/business/Plant.svg);
    background-repeat: no-repeat;
    height: 105%
}
@media (max-width: 992px) {
  .plant-svg {
    height: 113%
  }
}

.dashboard-video-modal {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 11;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  overflow: auto;
}

.dashboard-video-modal-content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: auto;
  width: 70%;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
    0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 768px) {
  .dashboard-video-modal-content {
    height: 368px;
    align-items: center;
    width: 680px;
  }
}

@media (min-width: 960px) {
  .dashboard-video-modal-content {
    width: auto !important;
  }
}

.dashboard-video-close {
  color: #505050;
  float: right;
  font-size: 40px;
  position: absolute;
  right: 15px;
  top: 0;
}

.dashboard-video-close:hover,
.dashboard-video-close:focus {
  text-decoration: none;
  cursor: pointer;
}

.video-close {
  z-index: 11;
}

.play-video {
  top: 43%;
  display: flex;
  justify-content: center;
}

.play-video svg {
  fill: #3C3C3C;
}

.play-video svg:hover {
  fill: #3C3C3C;
}

.email-width {
  width: 250px !important;
}

@media (min-width: 992px){
  .header-menu .menu-nav > .menu-item > .golden-gray.menu-link{
  padding-left:0.75rem!important;
  padding-right: 0.75rem!important;
  }
}

.dropdown-menu{
  padding: 0 0;
  min-height: 40px!important;
}

.dropdown-menu > div{
  min-height: 40px!important;
}


.notification-height{
  max-height: 600px;
}