.highlight-business-hours{
 background-color: rgb(252, 218, 224);
}
.highlight-lunch-break{
 background-color: #A9A9A9;
}
.c-only-bottom-border{
  border:none!important;
  border-bottom: 1px solid rgb(224, 221, 221);
  
}

.fa-google {
  background: 
    linear-gradient(to bottom left,transparent 49%,#fbbc05 50%) 0 25%/48% 40%,
    linear-gradient(to top    left,transparent 49%,#fbbc05 50%) 0 75%/48% 40%,
  
    linear-gradient(-40deg ,transparent 53%,#ea4335 54%),
    linear-gradient( 45deg ,transparent 46%,#4285f4 48%),
    #34a853;
  background-repeat:no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.c-h-100vh {
  height: 100vh!important;
}


.event-card{
  padding: 1.5em .5em .5em !important;
    border-radius: 2em !important;

    background-color: #34a853;    
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2) !important;
            box-shadow: 0 5px 10px rgba(0,0,0,.2) !important;
}

.c-only-bottom-border{
  border: none !important;
  border-bottom: 1px solid rgb(226, 223, 223) !important;
  }

.fa-google {
  background: 
    linear-gradient(to bottom left,transparent 49%,#fbbc05 50%) 0 25%/48% 40%,
    linear-gradient(to top    left,transparent 49%,#fbbc05 50%) 0 75%/48% 40%,
  
    linear-gradient(-40deg ,transparent 53%,#ea4335 54%),
    linear-gradient( 45deg ,transparent 46%,#4285f4 48%),
    #34a853;
  background-repeat:no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.c-no-border{
  border:none!important;
 
  }

.c-sb-link {
  height: 40px;
  
  position: relative;
  border-radius: 20px;
  margin-bottom: 0.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;  
}

.c-vh-100{
  height: 100vh;
}
.c-logged-in {
  color: green;
}

.c-logged-out {
  color: red;
}

.dot {
  height: 10px;
  width: 10px;
  background-color: rgb(136, 13, 13);
  border-radius: 50%;
  display: inline-block;
}


.event-card{
  padding: 1.5em .5em .5em !important;
    border-radius: 2em !important;

    background-color: #c8dff5;    
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2) !important;
            box-shadow: 0 5px 10px rgba(0,0,0,.2) !important;
}



.bgc-green{
  background-color: rgb(155, 238, 155)!important;
}

.bgc-orange{
  background-color:#f19b68 !important;
}

.bgc-red{
  background-color: rgb(233, 152, 152) !important;
}

.c-accordian{
  background-color: rgb(41,48,66)!important;
}

.c-mail-layout-bg{
  background-color: #e1e7ec;
}



.vl {
  border-left: 3 solid rgb(91, 189, 91);
  height: 50px;
}




* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  background-color: #fff;
}

.box {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 10px 20px;
  text-align: center;
  overflow: hidden;
}

.box-item {
  display: block;
  position: relative;
  float: left;
  width: calc(100% / 7 - 7px);
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  padding: 0 10px;
  background-color: #fcc;
  border-radius: 4px;
  color: white;
}
.box-item:before {
  content: "";
  position: absolute;
  right: -9px;
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 10px solid rgb(207, 32, 32);
  border-radius: 4px;
}
.box-item:after {
  content: "";
  position: absolute;
  left: -1px;
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 10px solid #fff;
  border-radius: 4px;
}
.box-item:first-child:after {
  display: none;
}
.box-item:last-child {
  margin-right: 0;
}
.box-item:last-child:before {
  display: none;
}

.c-header{
  
  position: sticky;
  top: 0;
  z-index: 999;

}

.break{
  page-break-after: always;
}

.c-no-text-decoration{
  text-decoration: none;
}

.style1{
  border-color:#3595f6;
  border-top-right-radius:0px;}


    .timer {font-size: 20px;text-align: center;
}

.bg-appointed{
      background: rgb(64 220 135 / 23%);
}
.bg-warm{
     background: rgb(252 255 19 / 27%);
}
.bg-tender{
      
      background: rgb(235 157 53 / 28%);
}
.bg-cold{
background: rgb(30 144 255 / 27%);

}
.playbtn:disabled{
  color: grey !important;
}