@keyframes animateLeftToRight {
  from { transform: translateX(-100%); }
  to { transform: translateX(0%); }
}
@keyframes animateRightToLeft {
  from { transform: translateX(100%);  }
  to { transform: translateX(0%);  }
}
@keyframes animateTopToBottom {
  from { transform: translateY(-100%);  }
  to { transform: translateY(0%);  }
}
@keyframes animateBottomToTop {
  from { transform: translateY(100%);  }
  to { transform: translateY(0%);  }
}
@keyframes animateVisible {
  from { opacity:0;  }
  to { opacity:1;  }
}
@keyframes animateInVisible {
  from { opacity:1;  }
  to { opacity:0;  }
}
.tk-data-table__header-cell.NewStyle1, th.tk-quickgrid-cell.NewStyle1  {
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.NewStyle1:not(.isgridrowdiv *):not(:has(img)){
 animation-name: animateInVisible;
 animation-duration: 1s;
 animation-timing-function: ease;
 background-color: rgba(0,230,122,1);
 border-color:rgba(0, 0, 0, 1);
 fill:rgba(0, 0, 0, 1); 
border-width: 0px 0px 0px 0px ;
 border-style: solid;
-webkit-box-shadow:unset;
box-shadow:0px 4px 8px rgba(0, 0, 0, 1);
}
.tk-component.NewStyle1:not(.isgridrowdiv *) img.NewStyle1{
 animation-name: animateInVisible;
 animation-duration: 1s;
 animation-timing-function: ease;
 background-color: rgba(0,230,122,1);
 border-color:rgba(0, 0, 0, 1);
 fill:rgba(0, 0, 0, 1); 
border-width: 0px 0px 0px 0px ;
 border-style: solid;
-webkit-box-shadow:unset;
box-shadow:0px 4px 8px rgba(0, 0, 0, 1);
}
.tk-component.Inspiration1:not(.isgridrowdiv *) input.Inspiration1{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.Inspiration1:not(.isgridrowdiv *) .tk-select__native.Inspiration1{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.Inspiration1:not(.isgridrowdiv *) .tk-static-text__native.Inspiration1{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-label.Inspiration1 {
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-button__native.Inspiration1 .tk-button__text {
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-groupbox.Inspiration1 > .panel-heading{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-data-table.Inspiration1 > .tk-data-table__label{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-checkbox.Inspiration1 > .tk-checkbox__label{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.Inspiration1 > .tk-button__native{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}

/* Medium (Tablet) Breakpoint */
@media(min-width: 768px) {
}
/* Large (Desktop) Breakpoint */
@media(min-width: 1200px) {
}
:root {
--data-table-header-bg-color: 0, 230, 122;
--base-fg-color: 9, 9, 9;
--btn-default-clr: 0, 230, 122;
--sidebar-bg-color: 0, 230, 122;
--base-bg-color: 106, 101, 101;
--table-bg-clr: 0, 230, 122;
--data-table-header-text-color: 255, 255, 255;
--select-border-clr: 0, 230, 122;
}