@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-placingcontainer.LightgreenBg{
 background-color: rgba(0,0,0,1);
border-radius: 10px 10px 10px 10px ;
}
.tk-component.PictureFrame:not(.isgridrowdiv *):not(:has(img)){
 border-color:rgba(0, 0, 0, 1);
 fill:rgba(0, 0, 0, 1); 
-webkit-box-shadow:unset;
box-shadow:0px 0px 8px rgba(0, 0, 0, 1);
}
.tk-component.PictureFrame:not(.isgridrowdiv *) img.PictureFrame{
 border-color:rgba(0, 0, 0, 1);
 fill:rgba(0, 0, 0, 1); 
-webkit-box-shadow:unset;
box-shadow:0px 0px 8px rgba(0, 0, 0, 1);
}
:root {
--btn-default-clr: 188, 216, 189;
--text-on-primary: 0, 0, 1;
--base-bg-color: 246, 247, 236;
--primary-color-dark: 255, 249, 231;
--sidebar-bg-color: 188, 216, 189;
--primary-color: 135, 229, 126;
--navbar-bg-color: 23, 82, 9;
--select-border-radius: 5px;
--base-font-size: 14px;
--base-border-radius: 5px;
--data-table-row-height: 36px;
}
.tk-modal__surface {
  background: #F6F7EC;

}