/*@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');*/
@import "./component/variables.css";
@import "./component/upload_form.css?v=1.0";
/*@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');*/
@import "./component/font_main.css";

body{
   background: #f2f3f3;
   /*font-family: 'Lato', 'Open Sans', sans-serif;*/
   font-family: 'Source Sans Pro', sans-serif;
}

.page-pane,
.table-pane{
   border-radius: 8px;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
}

.nav-pills > li > a {
   border-radius: 0;
}

.page-breadcrumb{
   font-size: 14px;
   position: fixed;
   margin-top: -35px;
   margin-left: 17px;
   z-index: 1031;
}

/*.page-header{
    margin: 15px -25px 15px;
    padding: 0 25px 8px;
}*/
.page-header.location-heading, .page-header.category-heading{
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.modal-content .page-header{
  padding: initial;
  opacity: 0.5;
}

#wrapper {
   padding-left: 0;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   /*overflow: hidden;*/
   /*margin-bottom: 90px;*/
}

#wrapper.toggled {
   padding-left: 300px;
   /*overflow: hidden;*/
}

.logo-box{
  height: 65px;
}

.logo-box img{
  margin: 10px 0 0 3px;
  background: url('/img/locaboo-gmbh-green.svg?v=2');
  background-repeat: no-repeat;
  background-size: auto 37px;
  height: 40px;
  width: 187px;
}
@media (max-width: 768px) {
    .logo-box img{
        margin: 12px 0 0 1px;
        background-size: auto 28px;
        height: 28px;
        width: 177px;
    }
}

#the-top-white-bar{
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 1030;
  height: 45px !important;
}

#sidebar-wrapper {
   top:0;
   font-size: 0.9em;
   /*font-weight: 600;*/
   background: white;
   z-index: 1032;
   position: fixed;
   left: 300px;
   width: 0;
   height: 100%;
   margin-left: -300px;
   overflow-y: auto;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
   width: 300px;
}

#page-wrapper {
   position: absolute;
   width: 100%;
   /*overflow-x: hidden;*/

   /* To accommodate the AI hover button */
    padding-bottom: 100px !important;  
}

.platform-page-wrapper {
/*    height: 100vh !important;*/
    /*padding-top: 40px !important;*/
}
.platform-page-wrapper.disable-sidebar{
    padding-top: 40px !important;
}

#platform-widget-wrapper {
    display: flex; 
    flex-direction: column;
    height: 100%;
}

.page-container {
   min-width: 360px;
}

#wrapper.toggled #page-wrapper {
   position: relative;
   margin-right: 0px;
}

.fa-stack{
  width: 3em !important;
  line-height: 2.3em !important;
  text-align: center;
}
.nav-sub .fa-stack{
  width: 2em !important;
}
.fa-stack .feather{
  width:24px;
  height: 40px;
}

.fixed-brand {
   width: auto;
}

/* Sidebar Styles */

.sidebar-main{
}

.sidebar-nav {
   width: 300px;
   margin: 0;
   padding: 0;
   list-style: none;
   margin-top: 2px;
   height: 85%;
   overflow-y: auto;
   padding-bottom: 15px;
}

.sidebar-nav li {
   text-indent: 15px;
   line-height: 40px;
}

.sidebar-nav li a {
   display: block;
   text-decoration: none;
   color: #303030;
   /*border-left: #4A4A4A 2px solid;*/
   /*border-left: 2px solid white;*/
   font-weight: normal;
   font-size: 0.9rem;
   letter-spacing: 0.4px;
}

.sidebar-nav li .nav-sub a{
  font-size: 12px;
  letter-spacing: 0.2px;
}

.sidebar-nav li a.active,
.sidebar-nav li a:hover {
   text-decoration: none;
   color: #007041;
   /*font-weight: bold;*/
   background: rgba(20, 71, 52, 0.15);
   /*border-left: 2px solid #007041;*/
   /*border-left: #91a99f 2px solid;*/
}

.sidebar-nav li a#sidebar-wrapper-toggler:hover{
  color: #999 !important;
  background: inherit;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
   text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
   height: 65px;
   font-size: 18px;
   line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
   color: #fff;
}

.sidebar-nav > .sidebar-brand a:hover {
   color: #fff;
   background: #383838;
}

.sidebar-nav li a .feather{
  color: var(--btn_primary_color1);
  font-size: 1.2rem;
}

#sidebar-backdrop{
  z-index: 1030;
}

.nav-sub{
  float:right;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  z-index: 1033;
  padding-top: 16px;
  background: #eee;
  overflow: auto;
}

.nav-sub-inner{
  /*display: none;*/
  width: 230px;
}

.nav-sub hr{
  margin: 5px;
  border-color: rgba(67, 107, 92, 0.18);
}

.nav-sub li a.active,
.nav-sub li a:hover {
   color: #007041;
   background: unset;
   /*border-left: #383838 2px solid;*/
}

.nav-sub li a .fa {
   color: #777;
   font-size: 0.9rem;
   margin-top: 2.5px;
}
.nav-sub li a .fa-external-link{ vertical-align: text-bottom;}
.nav-sub li a .fa-power-off{ color: white !important;}

#sidebar-wrapper i.badge-new{
   color: silver;
   font-size: 0.7em;
   position: absolute;
   cursor: pointer;
   right: 15px;
   margin-top: 10px;
   text-indent: 0;
   padding: 4px;
}

#sidebar-wrapper .divider{
   border-top: 1px solid #404040;
   margin: 5px 15px;
}


.navbar-collapse{
   background: #FFFFFF;
   border-bottom: 1px solid #EDEFF0;
}
.navbar-right {
   font-size: 14px;
   /*margin: 12px 20px 6px;*/
   margin: 10px 20px 6px;
}


.main-hr, .main-hr-sm{
   border-color: rgba(67, 107, 92, 0.18);
   margin: 10px 10px 5px;
}
.main-hr-sm{
   width: 50px;
   display: none;
}

.sidebar-foot{
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 115px;
  overflow-x: hidden !important;
  background: white;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sidebar-foot a{
  width: 300px !important;
}
.sidebar-foot a .feather{
  color: #91a99f !important;
  width: 18px;
}
.sidefoot1 a .feather{
  font-size: 0.75em !important;
}
.sidefoot1 a{
  color: #91a99f !important;
}
.sidefoot2 .link-primary{
  background: #91a99f !important;
  color: #404040 !important;
}
.sidefoot2 .text-copyright{
  color: #91a99f !important;
  padding-right: 16px;
}


.no-margin {
   margin: 0;
}

#sidebar-wrapper-toggler .swt-open, #sidebar-wrapper-toggler .swt-close{
  display: none;
}

#lMenu-toggle{
  margin-right: 8px;
  /*top: 5px;*/
  z-index: 1040;
  background: #f8f8f8;
  border: none;
  padding: 5px;
  font-size: 1.6em;
  color: #007041;
  /*position: fixed;
  right: 10px;*/
}

/*@media (max-width: 768px) {

    #the-top-white-bar{
      top:0;
    }

}*/

#lang-option{margin-top:0px;}
#lang-label{margin-top:10px;}

@media (min-width: 768px) {

  #lang-option{margin-top:15px;}
  #lang-label{margin-top:25px;}

   #page-wrapper {
     padding: 15px;
  }
   .fixed-brand {
      width: 300px;
   }
   #wrapper.toggled {
      padding-left: 0;
   }

   #wrapper.toggled #sidebar-wrapper {
      width: 300px;
   }
   #wrapper.toggled-3 #sidebar-wrapper:hover {
      width: 300px;
   }
   #wrapper.toggled-sub #sidebar-wrapper:hover {
      width: 70px;
   }


   #sidebar-wrapper .nav-sub,
   #wrapper.toggled #sidebar-wrapper .nav-sub,
   #wrapper.toggled-3 #sidebar-wrapper:hover .nav-sub {
      /*opacity: 1;*/
      right: 0px;
      -webkit-transition-property: right; /* Safari */
      -webkit-transition-duration: 0.5s; /* Safari */
      transition-property: right;
      transition-duration: 0.5s;
   }
   #wrapper.toggled-2 #sidebar-wrapper .nav-sub,
   #wrapper.toggled-sub #sidebar-wrapper:hover .nav-sub {
      /*opacity: 0;*/
      right: -230px;
   }


   #wrapper.toggled-3 #sidebar-wrapper:hover .main-hr {
      display: block;
   }
   #wrapper.toggled-3 #sidebar-wrapper:hover .main-hr-sm {
      display: none;
   }


   #wrapper.toggled-2 #sidebar-wrapper .sidebar-foot{
      width: 70px;
   }
   #wrapper.toggled-3 #sidebar-wrapper:hover .sidebar-foot{
      width: 300px;
   }

   #sidebar-wrapper-toggler .swt-close{
    display: block;
   }
   #wrapper.toggled #sidebar-wrapper-toggler .swt-close,
   #wrapper.toggled-2 #sidebar-wrapper-toggler .swt-close{
    display: none;
   }
   #sidebar-wrapper-toggler .swt-open{
    display: none;
   }
   #wrapper.toggled #sidebar-wrapper-toggler .swt-open,
   #wrapper.toggled-2 #sidebar-wrapper-toggler .swt-open{
    display: block;
   }

   #wrapper .nav-sub{
    /*display: inline;*/
    /*position: fixed;*/
   }
   #wrapper.toggled-2 .top-nav-badge{
      width: auto !important;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
   }
   #wrapper.toggled-2 .free-trial-text{
      display: none;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
   }
   #wrapper.toggled-3 #sidebar-wrapper:hover .top-nav-badge{
    width: 125px !important;
   }
   #wrapper.toggled-3 #sidebar-wrapper:hover .free-trial-text{
    display: inline;
   }


    .move-with-sidebar{
       padding-left: 300px !important;
    }
    .move-with-sidebar.toggled-2{
       padding-left: 70px !important;
    }


   #page-wrapper {
      padding: 0 10px;
      position: relative;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
   }
   #wrapper.toggled #page-wrapper:not(.disable-sidebar) {
      position: relative;
      margin-right: 0;
      padding-left: 300px;
   }

   #sidefoot2{
    display: none;
   }
/*
   #wrapper .panel-modal{
     left: 300px !important;
     -webkit-transition-property: left;
     -webkit-transition-duration: 1s;
     transition-property: left;
     transition-duration: 1s;
   }
   #wrapper.toggled-2 .panel-modal{
     left: 70px !important;
   }
*/
}

@media (min-width: 991px) {
   #wrapper .under-navbar-static{
    top: 45px;
     padding-left: 300px !important;
   }

   #platform-widget-wrapper .under-navbar-static.menubar{
    top: 0 !important;
   }

   #wrapper.toggled-2 .under-navbar-static{
     padding-left: 70px !important;
   }

   #wrapper.toggled-2 #page-wrapper {
      position: relative;
      margin-right: 0;
      margin-left: -220px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      width: auto;
   }

   #wrapper.toggled-2 #sidebar-wrapper {
      width: 70px;
   }
   #sidebar-wrapper {
      width: 300px;
   }

   #wrapper:not(.disable-sidebar):not(.toggled) {
      padding-left: 300px;
   }

   .sidebar-foot{
    display: block;
   }
}
@media (max-width: 991px) and (min-width: 769px){
    .blankbar{
        /* To fix a gap above menubar on calendar scroll between 769px and 991px*/
        height: 45px;
        background-color: #eee;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 10;
    }
}
/*@media (max-width: 1340px) {
  #wrapper .under-navbar-static{
    padding-left: 0px !important;
    top: -8px;
    left: -8px;
   }
   #wrapper.toggled-2 .under-navbar-static{
     padding-left: 0px !important;
     top:-8px;
   }
   .calendar-top-clearance{
    top: 50px;
   }
}*/

/*

@media (min-width: 990px) {
  #wrapper .under-navbar-static{
    top: -4px;
    left: -4px;
   }
}

@media (min-width: 1024px) {
  #wrapper .under-navbar-static{
    padding-left: 0px !important;
    top: -8px;
    left: -8px;
     -webkit-transition-property: padding;
     -webkit-transition-duration: 1s;
     transition-property: padding;
     transition-duration: 1s;
   }
   #wrapper.toggled-2 .under-navbar-static{
     padding-left: 0px !important;
     top:-8px;
   }
}

@media (min-width: 1340px) {
  #wrapper .under-navbar-static{
    padding-left: 0px !important;
    top: initial;
    left: initial;
    margin-left: -8px;
    margin-top: -4px;
    margin-right:300px;
   }
   #wrapper.toggled-2 .under-navbar-static{
     padding-left: 0px !important;
     top: initial;
     margin-top: -4px;
   }
}
*/
.ticket-select label[for^="ticketRadio"],
.customer-ticket
{
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    position: relative;
}

.ticket-select label[for^="ticketRadio"]:before,
.customer-ticket label[for^="ticketRadio"]:before{
    top: 4px;
}
.ticket-select label[for^="ticketRadio"]:after,
.customer-ticket label[for^="ticketRadio"]:after{
    position: absolute;
    top: 7px;
}

.customer-tickets-div span.balance,
.ticket-select-div span.balance{
    background: #0070417a;
    padding: 5px;
    padding-right: 0px;
    right: 0px;
    position: relative;
    top: 0px;
    border-radius: 6px;
    color: #fff;
    white-space: nowrap;
}

.customer-tickets-div span.balance-item,
.ticket-select-div span.balance-item{
    background: #007041;
    padding: 6px;
    border-radius: 6px;
}

.customer-tickets-div span.balance.zero,
.ticket-select-div span.balance.zero{
    background: #d87d8e;
}

.customer-tickets-div span.balance.zero .balance-item,
.ticket-select-div span.balance.zero .balance-item{
    background: #ed143d;
}

.customer-tickets-div{
  margin-bottom: 15px;
  /*padding:15px !important;*/
}

.customer-tickets-div.backend{
  /*padding:0px !important;*/
  margin-top: 15px;
}

.customer-tickets-div .customer-ticket{
    padding: 5px 15px;
    background: #fafafa;
}
.customer-tickets-div .customer-ticket:nth-child(even){
    background: #eee;
}

.customer-tickets-div.backend .customer-ticket{
    border-top: 1px SOLID #eee;
}

.customer-tickets-div .customer-ticket .ct-green-box{ position: relative; }
.customer-tickets-div .customer-ticket .ct-green-box .balance{ margin-top:10px; }

.customer-tickets-div.backend .customer-ticket{
    position: relative;
}
.customer-tickets-div.backend .customer-ticket .ct-green-box{
    margin-top: 15px;
}

.customer-tickets-div.backend span.balance{
    position: relative;
    top: 0px;
}

#wrapper #BookingManage .picker .picker__frame,
#wrapper #DocumentManage .picker .picker__frame,
#wrapper .panel-modal .picker .picker__frame{
   left: 290px !important;
}
#wrapper.toggled-2 #BookingManage .picker .picker__frame,
#wrapper.toggled-2 #DocumentManage .picker .picker__frame,
#wrapper.toggled-2 .panel-modal .picker .picker__frame{
   left: 60px !important;
}

.btn-box .btn-group{
  box-shadow: none !important;
}

.btn-box .btn{
  box-shadow: inset 0 0 1px #777;
  border:0 !important;
  font-size: 0.85rem;
  padding: 4px 8px;
}
.btn-box .btn .fa{
  font-size: 0.7rem
}
.btn-box .btn.btn-default .fa{
  color: #777;
}

.trial-bar-height-34{
  padding-top: 31px !important;
}
.trial-bar-height-3{
  /*padding-top: 3px !important;*/
}
.trial-bar-height-34 .calendar-top{
  padding-top: 46px !important;
}
.trial-bar-height-34 .calendar-top-clearance{
  margin-top: 54px !important;
}

@media (max-width: 768px) {

  /* .wrapper-tab .nav-tabs{
     overflow: scroll;
     white-space: nowrap;
     padding-bottom: 5px;
   }*/

   .top-buttons{
     margin-top: -60px;
   }

   .page-header small{
    display: none;
   }

   .search-alt-box{
    text-align: center;
    padding: 8px 0 4px;
    background: white;
    border-bottom: 1px solid #eee;
   }

   .booking-btn-group-alt{
    margin-right: 25px;
   }

   /*#wrapper .under-navbar-static .calendar-top{
    margin-left: -30px;
    margin-right: -30px;
   }*/

   #page-wrapper .calendar-top{
    padding: 0px;
    margin-top:-2px;
   }

   #wrapper .under-navbar-static.active .calendar-top{
    margin-left: -15px;
    margin-right: -15px;
   }

    #wrapper #BookingManage .picker .picker__frame,
    #wrapper #DocumentManage .picker .picker__frame,
    #wrapper .panel-modal .picker .picker__frame{
       left: 18px !important;
    }

    .the-page.trial-bar-height-34{
      padding-top: 0px !important;
    }
    .the-page.trial-bar-height-3{
      padding-top: 0px !important;
    }
    .the-page.trial-bar-height-34 .calendar-top{
      padding-top: 10px !important;
    }
    /*.the-page.trial-bar-height-34 .calendar-top-clearance{
      margin-top: 57px !important;
    }*/

}

#calendarGroup{
   /*padding-left: 0;*/
}

/* Global Styles */

.huge {
    font-size: 50px;
    line-height: normal;
}


/* Side Navigation */

@media(min-width:768px) {
    .side-nav {
        position: fixed;
        top: 51px;
        left: 225px;
        width: 225px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #222;
    }

    .side-nav>li>a {
        width: 225px;
    }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #000 !important;
    }
}

.side-nav>li>ul {
    padding: 0;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #999;
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}

.top-nav-badge{
  text-indent: 0;
  position: absolute;
  font-size: 0.7rem;
  display: block;
  line-height: 0;
  right: 0;
  background: firebrick;
  padding: 2px 10px 4px 0;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  box-shadow: 0 0 1px #333 !important;
  width: 125px;
  margin-top: -20px;
}
.top-nav-badge .glyphicon{
  left:4px;
}
.top-nav-badge .free-trial-text{
  padding-left: 6px
}

.user-display .ud-name{
  display:inline;
  font-weight:bold;
  font-size:1.1em;
}

.user-display .dropdown-menu:not(.lang){
  min-width: 195px;
  background: none;
  box-shadow: none;
}

.user-display .dropdown-menu .fa-caret-up{
  color: white;
  position: absolute;
  top: 1px;
  right: -2px;
  text-shadow: 0px -1px 1px #ccc;
}

.user-display .dropdown-menu .white-bubble {
  background:white;
  margin: 15px -15px 0 0;
  padding: 0.75rem 0;
  border-radius: 4px;
}

.user-display .dropdown-menu .dropdown-delimeter {
  margin: 0.75rem 0;
  border: 1px solid #eee;
}

.user-display .dropdown-menu .dropdown-container {
  padding: 0 0.75rem;
}

.user-display .dropdown-menu a{
  color: #909090 !important;
  font-size: 14px;
  text-decoration: none;
  text-align: left;
  border-radius: 0 !important;
  padding: 0.35rem 0.75rem;
  width: 100%;
}
.user-display .dropdown-menu a:hover {
  background-color: #F4F5F7 !important;
}
.user-display .dropdown-menu .heading{
    font-size: 0.9em;
    color: #aaa;
    padding: 0.35rem 0.75rem;
    margin: 0;
    background: #f9f9f9;
}
.profile-dropdown .dropdown-menu .heading{
    padding: 0.35rem 0.75rem;
    margin: 0;
    background: #f9f9f9;
}

.v-list-actions{
  margin-bottom: 15px;
}
.v-list-actions button{
  opacity: 0.4;
}
.v-list-actions.active button{
  opacity: 1;
}
.v-list-actions button{
  box-shadow: 0 1px 2px 1px #DDD;
  min-width: 100px;
}
.v-list-actions button, .v-list-actions input{
  margin-right: 15px;
  padding: 0 8px;
  border-radius: 5px;
}
.v-list-actions.active button{
  box-shadow: 0 2px 4px 2px #DDD;
}
#atlwdg-trigger{
  right: 40px;
}

.platform.navbar-brand img{
    width: 28px;
    height: 28px;
}


.flash-container{
  position: fixed;
  z-index: 1010;
  right: 20px;
  margin-top: 15px;
  bottom: 25px;
}

.alert.alert-dismissable{
  min-width: 370px;
  border:none;
  border-left: 8px solid transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #303030;
  box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
  text-shadow:none;
  font-size: 1rem;
}

.alert.alert-dismissable h4{
  margin:0;
  font-weight: bold;
  font-size: 1rem;
}

.alert-success-color{ border-color: #007041 !important; }
.alert-info-color{ border-color: #33b5e5 !important; }
.alert-danger-color{ border-color: #f44 !important; }
.alert-warning-color{ border-color: #fb3 !important; }
.alert-default-color{ border-color: #2BBBAD !important; }

.alert-success-color .fa, .alert-success-color h4{ color: #007041; }
.alert-info-color .fa, .alert-info-color h4{ color: #33b5e5; }
.alert-danger-color .fa, .alert-danger-color h4{ color: #f44; }
.alert-warning-color .fa, .alert-warning-color h4{ color: #fb3; }
.alert-default-color .fa, .alert-default-color h4{ color: #2BBBAD; }

/* Responsive calendar top menu */
#page-wrapper .menubar  .calendar-top--title,
#page-wrapper .menubar .calendar-top .btn-search-toggle,
#page-wrapper .menubar .calendar-top .show-more-div,
#page-wrapper .menubar .calendar-top .calendar-top--container .btn-div.btn-calendar-group.view-select{
    display: none;
}

@media only screen and (min-width: 769px){
    #page-wrapper .menubar .calendar-top .calendar-top--container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: start;
        align-content: start;
        gap: 12px 12px;
    }
    #page-wrapper .menubar .calendar-top .calendar-top--container .btn-div,
    #page-wrapper .menubar .calendar-top .calendar-top--container .calendar-select,
    #page-wrapper .menubar .calendar-top .calendar-top--container .select-pills,
    #page-wrapper .menubar .calendar-top .calendar-top--container .add-event{
        flex: 0 0 auto;
        /*margin: 10px;*/
    }

    #page-wrapper .menubar .calendar-top .calendar-top--container .add-event{
        margin-left: auto;
        order: 1;
        padding-top: 0;
        padding-bottom: 0;
    }
    #page-wrapper .menubar .calendar-top .calendar-top--container .conflicts{
        order: 2;
    }
}


#resourceMapView {
    padding-left: 15px;
    padding-right: 15px;
    background: transparent;
    border: none;
    box-shadow: none;
}
#calendarGroup .control-row,
#calendarGroup #scheduler,
#calendarGroup #calendar,
#calendarGroup #weekCalendar,
#calendarGroup #month,
#calendarGroup  .year_dp,
#mapView{
    border-radius: 8px;
    box-shadow: 0 2px 4px 2px #ddd !important;
    overflow: hidden;
    background-color: #fff;
}
#calendarGroup .control-row{
    overflow: initial;
}
.search-panel .row.w-100{ padding-left: 0 !important;}
#calendarGroup .control-row{
 border-bottom-right-radius: 0;
 border-bottom-left-radius: 0;
}
#calendarGroup #scheduler,
#calendarGroup #calendar,
#calendarGroup #weekCalendar,
#calendarGroup #month,
#calendarGroup  .year_dp{
 border-top-right-radius: 0;
 border-top-left-radius: 0;
}
#mapView .search-panel > .row:first-child{
    margin-top: 34px;
}
@media only screen and (max-width: 768px){

    #wrapper .under-navbar-static.active .calendar-top{
        margin-left: 0;
        margin-right: 0;
    }
    #page-wrapper .menubar .calendar-top {}
    #page-wrapper .menubar  .calendar-top--title {
        border-bottom: 1px solid #DFDFDF;
        /*padding: 0 15px 8px;*/
        background-color: #eeeeee;
        display: block;
    }
    #page-wrapper .menubar  .calendar-top--title + div{
        margin-top: 0;
        /*padding: 0px 25px;*/
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #page-wrapper .menubar .calendar-top--title .calendar-top--title-inner {
    }
    #page-wrapper .menubar .calendar-top .calendar-top--container {
        display: flex;
        flex-direction: row;
        flex: 1 1 auto;
        flex-wrap: wrap;

        /* #todo #later flex gap not supported in mobile devices yet. When supported, uncomment below and remove "#calendar-top flexgap alternative".*/
        /*gap: 12px 12px;*/
    }
    #page-wrapper .menubar .calendar-top .btn-div {
        margin-left: 0;
    }
    #page-wrapper .menubar .calendar-top .btn-calendar-group,
    #page-wrapper .menubar .calendar-top .btn-group,
    #page-wrapper .menubar .calendar-top .view-select,
    #page-wrapper .menubar .calendar-top .calendar-select{

    }

    #page-wrapper .menubar .calendar-top .btn-calendar-group-view{
        display: inline-flex !important;
        text-align: center;

    }

    #page-wrapper .menubar .calendar-top .view-select,
    #page-wrapper .menubar .calendar-top .calendar-select{
        margin-left: 0;
    }
    #page-wrapper .menubar .calendar-top .btn-calendar-group.datepicker {
        margin-right: 0;
        display: flex;
        place-items: center;
    }

    #page-wrapper .menubar .calendar-top .btn-calendar-group.datepicker button .fa{
        color: #070f0b !important;
    }
    #page-wrapper .menubar .calendar-top .btn-calendar-group.datepicker button:first-child{
        margin-right: auto;
    }
    #page-wrapper .menubar .calendar-top .btn-calendar-group.datepicker button:last-child{
        margin-left: auto;
    }


    #page-wrapper .menubar .calendar-top #new-event-ind{
        margin-right: auto;
        margin-left: 0;
    }
    #page-wrapper .menubar .calendar-top .conflicts{
        /*margin-left: auto;*/
    }

    #page-wrapper .menubar .calendar-top .view-select{
        margin-right: auto;
        flex-grow: 1;
    }
    #page-wrapper .menubar .calendar-top .calendar-select{
        height: 100%;
    }
    #page-wrapper .menubar .calendar-top .btn-calendar-group-search{
        margin-left: auto;
    }

    #page-wrapper .menubar .calendar-top .btn-calendar-group-resource{
        flex-basis: 50%;
        width: auto;
        flex-grow: 1;
    }
    #page-wrapper .menubar .calendar-top .btn-calendar-group-floppy{
        flex-basis: auto;
        width: auto;
    }

    #page-wrapper .menubar .calendar-top .btn-calendar-group-floppy .megamenu{
        left: 0;
        transform: translate(-89%);
        width: calc(100vw - 40px);
    }

    #page-wrapper .menubar .calendar-top .btn-calendar-group-view{
        width: auto;
    }

    #page-wrapper .menubar .calendar-top .btn-calendar-group-view .pill{
        width: 100%;
        padding: 6px;
    }
    #page-wrapper .menubar .calendar-top .btn-calendar-group-view .megamenu{
        padding: 0;
    }
    #page-wrapper .menubar .calendar-top .btn-calendar-group-view .pill:hover{
        background-color: #ddd;
    }
    #page-wrapper .menubar .calendar-top .btn-calendar-group:not(.datepicker) .btn-calendar {
        display: flex;
        place-items: center;
        width: 100%;
        position: relative;
    }
    #page-wrapper .menubar .calendar-top .btn-calendar-group .btn-calendar .fa{
        font-size: 17px;
        top: 1px;
        position: relative;
    }
    #page-wrapper .menubar .calendar-top .open.btn-calendar-group:not(.datepicker) .btn-calendar > span:last-child,
    #page-wrapper .menubar .calendar-top .btn-calendar-group:not(.datepicker) .btn-calendar > span:last-child,
    #page-wrapper .menubar .calendar-top .btn-calendar-group:not(.datepicker) .btn-calendar > span.caret{
        margin-left: auto;
        position: absolute;
        right: 8px;
        border-top-width: 6px;
        border-left-width: 5px;
        border-right-width: 5px;
    }
    #page-wrapper .menubar .calendar-top .btn-calendar-group-resource .fa,
    #page-wrapper .menubar .calendar-top .btn-calendar-group-floppy .fa,
    #page-wrapper .menubar .calendar-top .btn-calendar-group-export .fa{
        left: -4px;
    }
    #page-wrapper .menubar .calendar-top .btn-calendar-group-resource,
    #page-wrapper .menubar .calendar-top .btn-calendar-group-floppy,
    #page-wrapper .menubar .calendar-top .btn-calendar-group-export{
        transition: all 0.2s linear 0s;
    }
/*
    #page-wrapper .menubar .calendar-top .btn-calendar-group-floppy.search-box-show-less,
    #page-wrapper .menubar .calendar-top .btn-calendar-group-export.search-box-show-less{
*/
    #page-wrapper .menubar .calendar-top .btn-calendar-group-resource.search-box-show-less,
    #page-wrapper .menubar .calendar-top .btn-calendar-group-floppy.search-box-show-less,
    #page-wrapper .menubar .calendar-top .btn-calendar-group-export.search-box-show-less,
    #page-wrapper .menubar .calendar-top .btn-calendar-group-view.search-box-show-less,
    #page-wrapper .menubar .calendar-top .calendar-select.search-box-show-less,
    #page-wrapper .menubar .calendar-top .view-select.search-box-show-less,
    #page-wrapper .menubar .calendar-top .btn-calendar-group-search.search-box-show-less,
    #page-wrapper .menubar .calendar-top .conflicts.search-box-show-less{
        opacity: 0;
        height: 0;
        overflow: hidden;
        max-height: 0;
        padding: 0;
        margin: 0;
        /* width: 0; */
        display: none !important;
    }

    #page-wrapper .menubar .calendar-top .show-more-div {
        display: flex;
        order: 14;
        width: 100%;
    }
    #page-wrapper .menubar .calendar-top .btn-search-toggle {
        /*width: 100%;*/
        font-weight: bold;
        display: flex;
        place-items: center;
    }
    #page-wrapper .menubar .calendar-top .btn-search-toggle .fa{
        font-size: 18px;
    }
    /** item order */
    #page-wrapper .menubar .calendar-top .btn-calendar-group.datepicker{
        order: 1;
    }
    #page-wrapper .menubar .calendar-top .view-select{
        order: 1;
    }
    #page-wrapper .menubar .calendar-top .calendar-select{
        order: 2;
    }
    #page-wrapper .menubar .calendar-top .btn-calendar-group-search{
        order: 3;
    }
    #page-wrapper .menubar .calendar-top .btn-calendar-group-floppy{
        order: 6;
    }
    #page-wrapper .menubar .calendar-top .btn-calendar-group-export{
        order: 7;
        width: auto;
        flex-grow: 1;
    }
    #page-wrapper .menubar .calendar-top .btn-calendar-group-resource{
        order: 8;
        flex-basis: 100%;
        width: 100%;
    }
    #page-wrapper .menubar .calendar-top .btn-search-toggle {
        /*order: 14;*/
    }
    #page-wrapper .menubar .calendar-top #new-event-ind{
        order: 15;
    }
    #page-wrapper .menubar .calendar-top .conflicts{
        order: 7;
    }

    /* #calendar-top flexgap alternative*/
    #page-wrapper .menubar .calendar-top .calendar-top--container .btn-div,
    #page-wrapper .menubar .calendar-top .calendar-top--container .calendar-select,
    #page-wrapper .menubar .calendar-top .calendar-top--container .select-pills,
    #page-wrapper .menubar .calendar-top .calendar-top--container .view-select,
    #page-wrapper .menubar .calendar-top .calendar-top--container .add-event,
    #page-wrapper .menubar .calendar-top .calendar-top--container .show-more-div{
        margin: 6px;
    }


    /** LOC-4424 Update calendar top menu **/
    .menubar .calendar-top--container{
        margin-top: 0 !important;
    }

    .menubar .calendar-top--container .btn{
        box-shadow: none;
    }

    #page-wrapper .menubar .calendar-top .btn-calendar-group{
        /*display: none;*/
    }

    .calendar-top--title .calendar-top--title-inner{
        margin-top: 15px;
        font-size: 18px;
    }

    #map-view .search-panel>.row .zoom-selector{
        margin-top: 0 !important;
    }
    /** LOC-4424 Update calendar top menu end **/

    /** Start of Responsive calendar header dashboard/widget update - Part B (https://michael-loy.atlassian.net/browse/LOC-4562) */
    .control-row .control-row-element{
        border-radius: 0;
    }

    #calendarGroup, .calendarView{
     padding-left: 0 !important;
     padding-right: 0 !important;
    }
    #bookings_list.table-pane,
    #platform-booking-list.table-pane{
        margin-left: -15px;
        margin-right: -15px;
        border-radius: 0;
        box-shadow: none;
        scrollbar-width: thin;
    }
    #bookings_list.table-pane .table-responsive::-webkit-scrollbar,
    #platform-booking-list.table-pane .table-responsive::-webkit-scrollbar {
        height: 7px;
        width: 12px;
    }


    #mapView .search-panel > .row{
        margin-left: -15px;
        margin-right: -15px;
    }
    #mapView .search-panel > .row:first-child{
        margin-top: 0;
    }
    #mapView {
        background-color: #fff;
        border-radius: 0;
        box-shadow: none;
    }

    #resourceMapView, #resourceMapView > [class*="col-"]{
        padding-left: 0;
        padding-right: 0;
    }
    #calendarGroup .control-row,
    #calendarGroup #scheduler,
    #calendarGroup #calendar,
    #calendarGroup #weekCalendar,
    #calendarGroup #month,
    #calendarGroup  .year_dp,
    #mapView{
        border-radius: 0;
        box-shadow: none;
        overflow: hidden;
        background-color: #fff;
    }

    /** End of LOC-4562 */
}
/* End of Responsive calendar top menu */


.notification-table th:nth-child(2),
.notification-table th:nth-child(3),
.notification-table td:nth-child(2),
.notification-table td:nth-child(3)
{
    text-align: center;
}

.notification-table .material-switch{
    display: inline-block;
    text-align: left;
}

.tox-tinymce,
textarea{
  border-radius: 8px !important;
}

.blinking {
    border: 5px solid #66ff66;
    animation-name: blinking;
/*  animation-duration: 2s;*/
/*  animation-iteration-count: infinite;*/
    padding-top: 5px;
    margin-right: -15px;
    padding-right: 15px;
}
.profile-dropdown .blinking{
    margin-right: 0;
    padding-right: 0;
    margin-top: -12px;
    padding-top: 12px;
}
.sharing-border{
    position: fixed;
    background: #66ff66;
    z-index: 1033;
}
.sharing-border.top{
    width: 100vw;
    height: 5px;
    left: 0;
    top: 0;
}
.sharing-border.left{
    width: 5px;
    height: 100vh;
    left: 0;
    top: 0;
}
.sharing-border.right{
    width: 5px;
    height: 100vh;
    right: 0;
    top: 0;
}
.sharing-border.bottom{
    width: 100vw;
    height: 5px;
    left: 0;
    bottom: 0;
}
@keyframes blinking {
  50% {
    border-color: #ffffff00;
  }
}
.sharing_mode_label{
    color: #66ff66;
    float: left;
    bottom: 0px;
    position: absolute;
    top: -2px;
    left: 2px;
    font-size: 0.7rem;
}
.profile-dropdown .sharing_mode_label{
    top: 3px;
}
table.minimal{
    font-size: 12px;
    color: #555;
}
/* LOC-4448 https://michael-loy.atlassian.net/browse/LOC-4448 */
#scheduler .scheduler_white_rowheader .scheduler_white_rowheader_inner_text p{
        transform: rotate(0deg);
        transition: all 0.2s linear 0s;
}
@media only screen and (max-width: 768px){
    #scheduler .scheduler_white_rowheader,
    #scheduler .scheduler_white_corner,
    #scheduler .scheduler_white_corner_inner,
    #scheduler .scheduler_white_rowheader_scroll div,
    #scheduler .scheduler_white_rowheader_scroll,
    #scheduler > div:first-child{
        width: 80px !important;
    }

    #scheduler .scheduler_white_rowheader .calendar_res_img{
        display: none;
    }
    #scheduler .scheduler_white_rowheader .scheduler_white_rowheader_inner_text p{
        transform: rotate(-90deg) translate(0, -34px);
    }
    
    #scheduler .scheduler_white_divider.scheduler_white_splitter{
        left: 79px !important;
    }
    
    #scheduler .scheduler_white_timeheader_scroll,
    #scheduler .scheduler_white_scrollable{
        left: -120px !important;
        width: 225% !important;
    }
}
/** End of LOC-4448 */

.noscroll {
    overflow: hidden !important;
}
/* PLATFORM HEADER / NAVBAR */
.platform-navbar-container {
    position: fixed !important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 8%) !important;
    background-color: #F7F7F7;
}
.platform-navbar {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0;
}
.platform-navbar .navbar-toggle {
    margin: 0;
}
.platform-navbar .platform-navbar-company {
    font-size: 1.5rem;
    font-weight: 600;
}
.platform-navbar .platform-navbar-company a {
    display: flex;
    align-items: center;
    color: #070f0b;
}
.platform-navbar .platform-navbar-company img {
    border-radius: 4px;
    margin-right: 0.5rem;
}
.platform-navbar .profile-dropdown {
    margin-bottom: 0;
}
.platform-navbar .profile-dropdown .cart-items {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 4px;
    top: 4px;
    background-color: #ecb725;
    border-radius: 50%;
    border: 2px solid #efefef;
    font-size: 0.6875rem;
    display: flex;
    place-content: center;
}
.platform-navbar .profile-dropdown .profile-dropdow-delimeter {
    border-right: 1px solid #e6e7e6;
    height: 50px;
    margin: 0 1rem;
}
.platform-navbar .profile-dropdown .profile-dropdown-icon {
    display: block;
    width: 50px;
    height: 50px;
    color: #070f0b;
}
.platform-navbar .profile-dropdown .profile-dropdown-icon .profile-dropdown-icon-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: relative;
    border-radius: 4px;
}
.platform-navbar .profile-dropdown .profile-dropdown-icon.profile-dropdown-icon--loggedin {
    width: auto;
}
.platform-navbar .profile-dropdown .profile-dropdown-icon.profile-dropdown-icon--loggedin .profile-dropdown-icon-content {
    padding: 0.5rem;
    line-height: 1.2;
    font-size: 14px;
    align-items: center;
}
.platform-navbar .profile-dropdown .profile-dropdown-icon.profile-dropdown-icon--loggedin .profile-dropdown-icon-content div {
    display: flex;
    flex-direction: column;
    margin-right: 0.25rem;
}
.platform-navbar .profile-dropdown .profile-dropdown-icon.profile-dropdown-icon--loggedin .profile-dropdown-icon-content strong {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
}
.platform-navbar .profile-dropdown .profile-dropdown-icon:hover .profile-dropdown-icon-content,
.platform-navbar .profile-dropdown .dropdown.open .profile-dropdown-icon-content {
    background-color: #e6e7e6;
}
.platform-navbar .profile-dropdown .dropdown-menu {
    left: auto;
    right: 0;
    width: 260px;
    background: transparent;
    padding-bottom: 0;
}
.platform-navbar .profile-dropdown .dropdown-menu.dropdown-menu--sm {
    width: 180px;
}
.platform-navbar .profile-dropdown .dropdown-menu-content {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    padding: 1rem 0.5rem;
    border-radius: 4px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
}
.platform-navbar .profile-dropdown .dropdown-menu-content .dropdown-icon {
    margin-right: 0.5rem;
}
.platform-navbar .profile-dropdown .dropdown-menu-content .dropdown-delimeter,
.profile-dropdown-mobile .dropdown-menu .dropdown-menu-content .dropdown-delimeter {
    margin: 1rem 0;
    border: 1px solid #f2f3f3;
}
.platform-navbar .btn-platform {
    display: flex;
    /*height: 40px;*/
    text-align: left;
    padding: 0.5rem 1rem;
    color: #070f0b;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 600;
    transition: all 0.2s ease-out;
}
.platform-navbar .btn-platform--icon {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.platform-navbar .btn-platform--icon:hover {
    background-color: #f2f3f3;
}
.platform-navbar .btn-platform--green {
    background-color: #e9f3f1;
    color: #2f6e45;
}
.platform-navbar .btn-platform--green:hover {
    box-shadow: 0 2px 6px 0px rgb(0 0 0 / 25%);
}
.profile-dropdown-mobile {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.profile-dropdown-mobile:not(.open) {
    display: none;
}
.profile-dropdown-mobile .dropdown-menu {
    display: flex;
    flex-direction: column;
    padding: 1rem 0.5rem 0.5rem 0.5rem;
    width: 100%;
}
.profile-dropdown-mobile:not(.guest-user) .dropdown-menu {
    overflow-y: scroll;
}
.profile-dropdown-mobile #profile-img {
    border-radius: 4px;
}
.profile-dropdown-mobile .dropdown-menu-content .dropdown-icon {
    margin-right: 0.5rem;
}
.profile-dropdown-mobile .dropdown-menu .dropdown-menu-content:not(:last-of-type) {
    margin-bottom: 1rem;
}
.profile-dropdown-mobile .dropdown-menu .dropdown-menu-content.dropdown-menu-content--row {
    display: flex;
    justify-content: space-between;
}
.profile-dropdown-mobile .dropdown-menu .dropdown-menu-content.dropdown-menu-content--row--bg {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    border-radius: 4px;
    background-color: #f7f7f7;
}
.profile-dropdown-mobile .dropdown-menu .dropdown-menu-content .dropdown-menu-content--internal {
    display: flex;
    flex-direction: column;
}
.profile-dropdown-mobile .dropdown-menu .dropdown-menu-content .dropdown-lang .lang-dropdown-icon {
    display: block;
    width: 50px;
    color: #070f0b;
}
.profile-dropdown-mobile .dropdown-menu .dropdown-menu-content .dropdown-lang .lang-dropdown-icon .lang-dropdown-icon-content {
    display: flex;
}
.profile-dropdown-mobile .dropdown-menu .dropdown-menu-content .dropdown-lang .lang-dropdown-icon .lang-dropdown-icon-content img {
    margin-right: 0.5rem;
}
.profile-dropdown-mobile .dropdown-menu .dropdown-menu-content .dropdown-lang:not(.open) .dropdown-menu {
    display: none;
}
.profile-dropdown-mobile .dropdown-menu .dropdown-menu-content .dropdown-lang .lang-dropdown-icon-content--down {
    display: none;
}
.profile-dropdown-mobile .dropdown-menu .dropdown-menu-content .dropdown-lang:not(.open) .lang-dropdown-icon-content--down {
    display: block;
}
.profile-dropdown-mobile .dropdown-menu .dropdown-menu-content .dropdown-lang .lang-dropdown-icon-content--up {
    display: block;
}
.profile-dropdown-mobile .dropdown-menu .dropdown-menu-content .dropdown-lang:not(.open) .lang-dropdown-icon-content--up {
    display: none;
}
.profile-dropdown-mobile--backdrop {
    display: none;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
@media (max-width: 767px) {
    .platform-navbar-container {
        background-color: var(--btn_primary_color1);
        color: var(--btn_primary_text_color);
    }
    .platform-navbar .profile-dropdown .profile-dropdown-icon {
        color: var(--btn_primary_text_color);
    }
    .platform-navbar-container .container {
        width: 100%;
    }
    .platform-navbar {
        justify-content: flex-end;
    }
    .platform-navbar .profile-dropdown .profile-dropdow-delimeter {
        display: none;
    }
    .platform-navbar .navbar-toggle {
        display: flex;
    }
    .profile-dropdown-mobile {
        display: block;
    }
    .profile-dropdown-mobile--backdrop {
        display: block;
    }
}
.opacity-0{ opacity: 0 !important;}
.opacity-1{ opacity: 1 !important;}
.translate-left-1000{ transform: translateX(-10000px)}
.translate-0{ transform: translateX(0px)}
.booking-sidebar .panel-modal{
    z-index: 1051;
}
.booking-sidebar .booking-sidebar-platform-overlay{
    transition: all 0.2s linear 0s;
    position: fixed;
    inset: 0;
    background-color: rgba(0,0,0,0);
    z-index: 1037;
}
.caret.caret-up {
    border-top-width: 0;
    border-bottom: 4px solid #000;
}

@media (max-width: 991px) {
    #lMenu-toggle{
        display: flex;
    }
}
@media screen and (max-width: 1480px) {
    .panel-moves #wrapper #page-wrapper .page-container,
    .panel-moves #wrapper #page-wrapper .page-container .container:not(.platform-v2){
        min-width: 100%;
        width: 100%;
    }
}

.platform-v2 .platform-navbar-container{
    box-shadow: none !important;
    border: none !important;
    background-color: var(--widget_bg_color) !important;
}
@media only screen and (max-width: 767px) {
    .platform-v2 .platform-navbar-container {
        background-color: var(--widget_theme_color) !important;
        color: var(--widget_font_color) !important;
    }
}
.platform-v2-count-down-timer{
    background-color: #ecb725;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 0.275rem 0.3rem;
    border-radius: 4px;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
}
.platform-v2-count-down-timer svg{
    width: 16px;
    height: 16px;
}
.platform-v2-count-down-timer #count_down_time{
    animation: pulse 1.1s infinite 0s;
}
.platform-navbar-container #platform-v2-navbar .profile-dropdown {
    color: #070f0b;
}

.platform-navbar#platform-v2-navbar .profile-dropdown .profile-dropdown-icon {
    color: #070f0b;
}
/* blink animation */
@keyframes pulse {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.calendarView.standard #calendar .calendar_white_rowheader_inner,
.calendarView.compact #calendar .calendar_white_rowheader_inner{
    font-size: 12px;
    font-weight: 600;
}
.calendarView.compact #calendar .calendar_white_rowheader_inner{
    top: -8px;
}
.calendarView.standard #calendar .calendar_white_rowheader_inner .calendar_white_rowheader_minutes,
.calendarView.compact #calendar .calendar_white_rowheader_inner .calendar_white_rowheader_minutes{
    font-weight: 400;
}
.calendarView.compact #calendar .calendar_white_rowheader_inner .calendar_white_rowheader_minutes{
    top: 4px;
    position: relative;
}

.calendarView.standard .calendar_white_cell:not(.disabled) .calendar_white_cell_inner,
.calendarView.compact .calendar_white_cell:not(.disabled) .calendar_white_cell_inner{
    font-size: 14px !important;
}
#platform-widget-wrapper .calendarView.compact .calendar_white_cell:not(.disabled) .calendar_white_cell_inner{
    font-size: 9px !important;
}

/** New dropdown design */
.platform-navbar .btn-platform{
    font-weight: 400;
}
.platform-navbar .profile-dropdown-mobile .btn-platform{
    place-items: center;
    justify-content: space-between;
}
.platform-navbar .profile-dropdown .dropdown-menu.dropdown-menu-contact{
    min-width: fit-content;
}
.platform-navbar .dropdown-menu-content.dropdown-contact-layout .dropdown-icon{
    display: none;
}
.platform-navbar .btn-platform > span{
    position: relative;
    display: inline-block;
}
.text-muted{
    color: #909090;
}

.text-small{
    font-size: 0.9rem;
}
.text-small-2x{
    font-size: 0.8rem;
}
.text-small-3x{
    font-size: 0.7rem;
}
.text-small-4x{
    font-size: 0.6rem;
}
.text-small-5x{
    font-size: 0.5rem;
}

.bullet-notification {
    position: absolute;
    top: 0px;
    right: -10px;
    width: 8px;
    height: 8px;
    background-color: #ecb725;
    border-radius: 50%;
}

.bullet-notification-success{
    background-color: #007041;
}

.bullet-notification-danger{
    background-color: #d9534f;
}

.bullet-notification-warning{
    background-color: #f0ad4e;
}   

.bullet-notification-info{
    background-color: #5bc0de;
}

.bullet-notification-default{
    background-color: #2BBBAD;
}
.platform-navbar .profile-dropdown .dropdown-menu{
    border-radius: 20px;
}
.platform-navbar .profile-dropdown .dropdown-menu-content{
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.12);
    padding: 16px 14px;
    gap: 3px
}
.platform-navbar .profile-dropdown .dropdown-menu-content.dropdown-contact-layout .dropdown-delimeter.small, .profile-dropdown-mobile .dropdown-menu .dropdown-menu-content.dropdown-contact-layout .dropdown-delimeter.small{
    margin: 0.3rem 0;
}
.platform-navbar .profile-dropdown .dropdown-menu-content.dropdown-contact-layout .dropdown-item{
    display: inline-flex;
    place-content: space-between;
    height: auto;
}
.platform-navbar .dropdown-menu-content.dropdown-contact-layout .dropdown-item.dropdown-item-contact{
    column-gap: 5px;
    min-width: 320px;
    position: relative;
}

.platform-navbar .dropdown-menu-content.dropdown-contact-layout .dropdown-item.dropdown-item-contact > img{
}

.platform-navbar .dropdown-menu-content.dropdown-contact-layout .dropdown-item.dropdown-item-contact > div > strong{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 215px;
}

.platform-navbar .dropdown-menu-content.dropdown-contact-layout .dropdown-item.dropdown-item-contact > div > span{
    display: block;
    font-weight: normal;
    font-size: 13px;
    color: #9A9A9A;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 215px;
}

.platform-navbar .dropdown-menu .dropdown-menu-content.dropdown-contact-layout .heading{
    background-color: transparent;
    padding: 0.5rem 0.5rem;
    font-size: 10px;
    font-weight: 600;
    color: #79787A;
    margin-bottom: 0;
    
}
.platform-navbar .dropdown-menu .dropdown-menu-content.dropdown-contact-layout .dropdown-item.dropdown-item-contact{
    background-color: transparent;
    border-radius: 10px;
    line-height: 1.2;
    place-content: flex-start;
    place-items: center;
    border: 1px solid #eee;
    transition: all 0.2s linear 0s;
    padding: 15px 10px;
}
.platform-navbar .dropdown-menu .dropdown-menu-content.dropdown-contact-layout .dropdown-item.dropdown-item-contact:hover{
    background-color: #f2f3f3;
}
.platform-navbar .dropdown-menu .dropdown-menu-content.dropdown-contact-layout .dropdown-item.dropdown-item-contact.active{
    background-color: #f2f3f3;
    border: none;
}
.dropdown-item-contact-select{
    width: 12px;
    height: 12px;
    border: 1px solid #BABABA;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.dropdown-item-contact-select.selected{
    border-color: #007041;
    border-width: 4px;
}
.dropdown-contact-switcher{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    max-height: 175px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 10px;
    padding: 0 10px 0 0;
}


/* Text Highlight Animation */
@keyframes blinkOnce {
    0% { background-color: transparent; color: black; }
    50% { background-color: #E9F3F1; color: black; }
    100% { background-color: transparent; color: black; }
}

.blink-text {
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    animation: blinkOnce 2s ease-in-out forwards;
}


/* update the scrollbar like ios */
.platform-navbar .dropdown-menu-content.dropdown-contact-layout .dropdown-contact-switcher::-webkit-scrollbar {
    width: 0;
    opacity: 0;
    transition: opacity 0.2s linear 0s;
}
.platform-navbar .dropdown-menu-content.dropdown-contact-layout .dropdown-contact-switcher:hover::-webkit-scrollbar {
    width: 5px;
    opacity: 1;
}
.platform-navbar .dropdown-menu-content.dropdown-contact-layout .dropdown-contact-switcher::-webkit-scrollbar-thumb {
    background-color: #bababa;
    border-radius: 10px;
}
.platform-navbar .dropdown-menu-content.dropdown-contact-layout .dropdown-contact-switcher::-webkit-scrollbar-track {
    background-color: transparent;
}
.platform-navbar .dropdown-menu-content.dropdown-contact-layout .dropdown-contact-switcher::-webkit-scrollbar-thumb:hover {
    background-color: #bababa;
}
.platform-navbar .dropdown-menu-content.dropdown-contact-layout .dropdown-contact-switcher::-webkit-scrollbar-thumb:active {
    background-color: #bababa;
}
.overview-list-empty-state{
    height: calc(100vh - 200px);
    width: 100%;
    display: flex;
    flex-direction: column;
    place-items: center;
    place-content: center;
}
.overview-list-empty-state .overview-list-empty-state__text{
    text-align: center;
}
.overview-list-empty-state .overview-list-empty-state__text h3{
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.overview-list-empty-state .overview-list-empty-state__text p{
    color: #A9ACB4;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 15px;
}
#EventGroupCustomerSelect .v-select .vs__search{
    color: #9b9797;
}