@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-quickgrid-cell > .isgridrowdiv > .Newcard div, .tk-data-table__cell.Newcard div{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 max-width: unset;
 min-width: 400px;
 width: unset;
}
.tk-quickgrid-cell > .isgridrowdiv > .Newcard input, .tk-data-table__cell .Newcard input{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 max-width: unset;
 min-width: 400px;
 width: unset;
}
.tk-placingcontainer.Newcard{
 background-color: rgba(255,255,255,1);
 border-color:rgba(255, 255, 255, 1);
 fill:rgba(255, 255, 255, 1); 
border-width: 1px 1px 1px 1px ;
 border-style: solid;
border-radius: 5px 5px 5px 5px ;
 margin: 5px 5px 5px 5px ;
 padding: 0px 0px 0px 0px ;
 max-height: 500px;
 min-height: 400px;
 height: unset;
 max-width: 500px;
 min-width: 350px;
 width: unset;
}
.tk-component.Newcard:not(.isgridrowdiv *) input.Newcard{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 max-width: 400px;
 min-width: 300px;
 width: unset;
}
.tk-component.Newcard:not(.isgridrowdiv *) .tk-select__native.Newcard{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 max-width: 400px;
 min-width: 300px;
 width: unset;
}
.tk-component.Newcard:not(.isgridrowdiv *) .tk-button__native.Newcard{
 max-width: 400px;
 min-width: 300px;
 width: unset;
}
.tk-component.Newcard:not(.isgridrowdiv *) .tk-static-text__native.Newcard{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 max-width: 400px;
 min-width: 300px;
 width: unset;
}
.tk-data-table__header-cell.Newcard, th.tk-quickgrid-cell.Newcard  {
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.Newcard:not(.isgridrowdiv *):not(:has(img)){
 animation-name: animateInVisible;
 animation-duration: 1s;
 animation-timing-function: ease;
 border-color:rgba(255, 255, 255, 1);
 fill:rgba(255, 255, 255, 1); 
-webkit-box-shadow:unset;
box-shadow:0px 4px 8px rgba(255, 255, 255, 1);
 max-height: unset;
 min-height: 500px;
 height: unset;
 max-width: unset;
 min-width: 0px;
 width: unset;
}
.tk-component.Newcard:not(.isgridrowdiv *) img.Newcard{
 animation-name: animateInVisible;
 animation-duration: 1s;
 animation-timing-function: ease;
 border-color:rgba(255, 255, 255, 1);
 fill:rgba(255, 255, 255, 1); 
-webkit-box-shadow:unset;
box-shadow:0px 4px 8px rgba(255, 255, 255, 1);
 max-height: unset;
 min-height: 500px;
 height: unset;
 max-width: unset;
 min-width: 0px;
 width: unset;
}
.tk-component.readonly:not(.isgridrowdiv *):not(:has(img)){
 background-color: rgba(255,255,255,1);
}
.tk-component.readonly:not(.isgridrowdiv *) img.readonly{
 background-color: rgba(255,255,255,1);
}
.tk-quickgrid-cell > .isgridrowdiv > .readonly div, .tk-data-table__cell.readonly div{
 background-color: rgba(255,255,255,1);
 border-color:rgba(255, 255, 255, 1);
 fill:rgba(255, 255, 255, 1); 
 color: rgba(26,32,44,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-quickgrid-cell > .isgridrowdiv > .readonly input, .tk-data-table__cell .readonly input{
 background-color: rgba(255,255,255,1);
 border-color:rgba(255, 255, 255, 1);
 fill:rgba(255, 255, 255, 1); 
 color: rgba(26,32,44,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-placingcontainer.NewsCard{
 background-color: rgba(255,255,255,1);
 border-color:rgba(255, 255, 255, 1);
 fill:rgba(255, 255, 255, 1); 
border-width: 1px 1px 1px 1px ;
 border-style: solid;
border-radius: 5px 5px 5px 5px ;
-webkit-box-shadow:unset;
box-shadow:0px 4px 8px rgba(255, 255, 255, 1);
 margin: 5px 5px 5px 5px ;
 max-width: 400px;
 min-width: 400px;
 width: unset;
}
.tk-component.NewsCard:not(.isgridrowdiv *) input.NewsCard{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 max-width: 300px;
 min-width: 250px;
 width: unset;
}
.tk-component.NewsCard:not(.isgridrowdiv *) .tk-select__native.NewsCard{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 max-width: 300px;
 min-width: 250px;
 width: unset;
}
.tk-component.NewsCard:not(.isgridrowdiv *) .tk-button__native.NewsCard{
 max-width: 300px;
 min-width: 250px;
 width: unset;
}
.tk-component.NewsCard:not(.isgridrowdiv *) .tk-static-text__native.NewsCard{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 max-width: 300px;
 min-width: 250px;
 width: unset;
}
.tk-component.NewsCard:not(.isgridrowdiv *):not(:has(img)){
 max-height: unset;
 min-height: 500px;
 height: unset;
 max-width: unset;
 min-width: 0px;
 width: unset;
}
.tk-component.NewsCard:not(.isgridrowdiv *) img.NewsCard{
 max-height: unset;
 min-height: 500px;
 height: unset;
 max-width: unset;
 min-width: 0px;
 width: unset;
}
.tk-quickgrid-cell > .isgridrowdiv > .NewsCard div, .tk-data-table__cell.NewsCard div{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 max-width: unset;
 min-width: 400px;
 width: unset;
}
.tk-quickgrid-cell > .isgridrowdiv > .NewsCard input, .tk-data-table__cell .NewsCard input{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 max-width: unset;
 min-width: 400px;
 width: unset;
}
.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;
}
.tk-component.bgImg:not(.isgridrowdiv *):not(:has(img)){
 background-color: rgba(0,0,0,1);
}
.tk-component.bgImg:not(.isgridrowdiv *) img.bgImg{
 background-color: rgba(0,0,0,1);
}

/* Medium (Tablet) Breakpoint */
@media(min-width: 768px) {
}
/* Large (Desktop) Breakpoint */
@media(min-width: 1200px) {
}
:root {
--data-table-header-bg-color: 54, 69, 79;
--success-color: 206, 250, 208;
--navbar-brand-color: 255, 255, 255;
--navbar-link-color: 255, 255, 255;
--success-color-dark: 92, 237, 115;
--primary-color-dark: 206, 250, 208;
--sidebar-bg-color: 54, 69, 79;
--base-bg-color: 26, 32, 44;
--table-bg-clr: 54, 69, 79;
--data-table-header-text-color: 47, 35, 29;
--navbar-bg-color: 47, 35, 29;
}