/*
 * Background Color Modifiers: 
 */
.pandoor-background-color-orange {
  background-color: #FF5C01;
  color: #ffffff;
}
.pandoor-background-color-grey {
  background-color: #eee;
  color: #000000;
}
.pandoor-background-color-purple {
  background-color: #CE04D0;
  color: #ffffff;
}
.pandoor-background-color-yellow {
  background-color: #FFDB01;
  color: #000000;
}
.pandoor-background-color-lightblue {
  background-color: #00C5FF;
  color: #000000;
}
.pandoor-background-color-darkblue {
  background-color: #0900FF;
  color: #ffffff;
}
.pandoor-background-color-red {
  background-color: #FB0101;
  color: #ffffff;
}

.pandoor-background-color-magenta {
  background-color: #FF008D;
  color: #ffffff;
}

.pandoor-background-color-green {
  background-color: #77c171;
  color: #000;
}

.pandoor-background-color-superlightblue{
  background-color: #ccc;
   color: #000;
}

.pandoor-background-color-purple-peach {
  background: rgb(237,180,33);
  background: linear-gradient(90deg, rgba(237,180,33,0.87718837535014) 0%, rgba(133,57,177,1) 21%, rgba(131,58,180,1) 50%, rgba(135,57,175,1) 79%, rgba(237,180,33,0.87718837535014) 100%);
  color:#ffffff;
}
.pandoor-background-color-preview-first-day {
  background-color: #FF8C00 !important;
  color: white !important;
}

.pandoor-background-color-preview-other-day {
  background-color: #FFB366 !important;
  color: white !important;
}
/*--------------------------------- global_navigation_bar  bonus_notification_spinner---------------------------*/
#totalBonus {
  position: relative;
  padding: 0 5px 0 0;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 600;
  font-size: 0.88em;

}
.bonus-spinner-static::before {
  content: "";
  display: block;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  position: absolute;
  margin: auto;
  top: -1px;
  border: 2.2px solid transparent;
  border-top-color: orangered;
  border-bottom-color: orangered;
}
.bonnus-spinner-out::before {
  content: "";
  display: block;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  position: absolute;
  margin: auto;
  top: -1px;
  border: 2.2px solid transparent;
  border-top-color: orangered;
  border-bottom-color: orangered;
  animation: spinny 1.8s linear alternate;
}

.sales-managers-bonus-spinner-out::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  margin: auto;
  top: -12px;
  border: 2.2px solid transparent;
  border-top-color: orangered;
  border-bottom-color: orangered;
  animation: spinny 1.8s linear alternate;
}


.sales-managers-bonus-per-sale-spinner-out::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  margin: auto;
  top: -12px;
  border: 2.2px solid transparent;
  border-top-color: rgb(38, 151, 10);
  border-bottom-color: rgb(38, 151, 10);
  animation: spinny 1.8s linear alternate;
}




@keyframes spinny { 
  50% {
    transform: rotate(360deg) scale(1.25);
  }
  90% {
    transform: rotate(0deg) scale(1);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}

/*--------------------------------------------------------------------------------------------------------------*/

/*.pandoor-background-color-orange {
  background-color: #8cc14c;
  color: #ffffff;
}
.pandoor-background-color-red {
  background-color: #FB0101;
  color: #ffffff;
}
.pandoor-background-color--purple {
  background-color: #8cc14c;
  color: #ffffff;
}
.pandoor-background-color-orange {
  background-color: #8cc14c;
  color: #ffffff;
}
.pandoor-background-color-red {
  background-color: #8cc14c;
  color: #ffffff;
}
.pandoor-background-color--purple {
  background-color: #8cc14c;
  color: #ffffff;
}
.pandoor-background-color-orange {
  background-color: #8cc14c;
  color: #ffffff;
}
.pandoor-background-color-red {
  background-color: #8cc14c;
  color: #ffffff;
}
.pandoor-background-color--purple {
  background-color: #8cc14c;
  color: #ffffff;
}
.pandoor-background-color-orange {
  background-color: #8cc14c;
  color: #ffffff;
}
.pandoor-background-color-red {
  background-color: #8cc14c;
  color: #ffffff;
}
.pandoor-background-color--purple {
  background-color: #8cc14c;
  color: #ffffff;
}*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> GLOBAL CSS  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.stickeyHeadTable{
  overflow:auto;
  border:1px solid #ddd;
}
.stickeyHeadTable thead th{
  background-color: #fff;
  position: sticky;
  top: 0;
  box-shadow: 0 4px 3px -3px #aaa;
  vertical-align: top;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< GLOBAL CSS  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/