@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.BorderGray25{
 background-color: rgba(249,251,252,1);
 border-color:rgba(197, 210, 223, 1);
 fill:rgba(197, 210, 223, 1); 
border-width: 1px 1px 1px 1px ;
 border-style: solid;
border-radius: 6px 6px 6px 6px ;
}
.tk-component.Tab:not(.isgridrowdiv *) input.Tab{
 background-color: rgba(255,255,255,0);
text-shadow:unset;
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.Tab:not(.isgridrowdiv *) .tk-select__native.Tab{
 background-color: rgba(255,255,255,0);
text-shadow:unset;
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.Tab:not(.isgridrowdiv *) .tk-button__native.Tab{
 background-color: rgba(255,255,255,0);
-webkit-box-shadow:unset;
box-shadow:unset;
}
.tk-component.Tab:not(.isgridrowdiv *) .tk-static-text__native.Tab{
 background-color: rgba(255,255,255,0);
text-shadow:unset;
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.Tab:not(.isgridrowdiv *):not(:has(img)){
 border-color:rgba(220, 228, 236, 1);
 fill:rgba(220, 228, 236, 1); 
border-width: 0px 0px 1px 0px ;
 border-style: solid;
 padding: 0px 0px 0px 0px ;
}
.tk-component.Tab:not(.isgridrowdiv *) img.Tab{
 border-color:rgba(220, 228, 236, 1);
 fill:rgba(220, 228, 236, 1); 
border-width: 0px 0px 1px 0px ;
 border-style: solid;
 padding: 0px 0px 0px 0px ;
}
.tk-label.Tab {
 color: rgba(106,130,153,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-button__native.Tab .tk-button__text {
 color: rgba(106,130,153,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-groupbox.Tab > .panel-heading{
 color: rgba(106,130,153,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-data-table.Tab > .tk-data-table__label{
 color: rgba(106,130,153,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-checkbox.Tab > .tk-checkbox__label{
 color: rgba(106,130,153,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.Tab > .tk-button__native{
 color: rgba(106,130,153,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-placingcontainer.RoundedBorder{
border-radius: 12px 12px 12px 12px ;
}
.tk-quickgrid-cell:has(> .isgridrowdiv > .CellSmall), .tk-data-table__cell.CellSmall {
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 max-width: 130px;
 min-width: 130px;
 width: unset;
}
.tk-component.ButtonWhite25:not(.isgridrowdiv *) input.ButtonWhite25{
 background-color: rgba(255,255,255,0.1);
text-shadow:unset;
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.ButtonWhite25:not(.isgridrowdiv *) .tk-select__native.ButtonWhite25{
 background-color: rgba(255,255,255,0.1);
text-shadow:unset;
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.ButtonWhite25:not(.isgridrowdiv *) .tk-button__native.ButtonWhite25{
 background-color: rgba(255,255,255,0.1);
-webkit-box-shadow:unset;
box-shadow:unset;
}
.tk-component.ButtonWhite25:not(.isgridrowdiv *) .tk-static-text__native.ButtonWhite25{
 background-color: rgba(255,255,255,0.1);
text-shadow:unset;
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-label.ButtonWhite25 {
 color: rgba(255,255,255,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-button__native.ButtonWhite25 .tk-button__text {
 color: rgba(255,255,255,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-groupbox.ButtonWhite25 > .panel-heading{
 color: rgba(255,255,255,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-data-table.ButtonWhite25 > .tk-data-table__label{
 color: rgba(255,255,255,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-checkbox.ButtonWhite25 > .tk-checkbox__label{
 color: rgba(255,255,255,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.ButtonWhite25 > .tk-button__native{
 color: rgba(255,255,255,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-label.TabActive {
 color: rgba(9,22,30,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-button__native.TabActive .tk-button__text {
 color: rgba(9,22,30,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-groupbox.TabActive > .panel-heading{
 color: rgba(9,22,30,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-data-table.TabActive > .tk-data-table__label{
 color: rgba(9,22,30,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-checkbox.TabActive > .tk-checkbox__label{
 color: rgba(9,22,30,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.TabActive > .tk-button__native{
 color: rgba(9,22,30,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.TabActive:not(.isgridrowdiv *):not(:has(img)){
 border-color:rgba(9, 22, 30, 1);
 fill:rgba(9, 22, 30, 1); 
border-width: 0px 0px 2px 0px ;
 border-style: solid;
 padding: 0px 0px 0px 0px ;
}
.tk-component.TabActive:not(.isgridrowdiv *) img.TabActive{
 border-color:rgba(9, 22, 30, 1);
 fill:rgba(9, 22, 30, 1); 
border-width: 0px 0px 2px 0px ;
 border-style: solid;
 padding: 0px 0px 0px 0px ;
}
.tk-component.TabActive:not(.isgridrowdiv *) input.TabActive{
 background-color: rgba(255,255,255,0);
text-shadow:unset;
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.TabActive:not(.isgridrowdiv *) .tk-select__native.TabActive{
 background-color: rgba(255,255,255,0);
text-shadow:unset;
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.TabActive:not(.isgridrowdiv *) .tk-button__native.TabActive{
 background-color: rgba(255,255,255,0);
border-radius: 0px 0px 0px 0px ;
-webkit-box-shadow:unset;
box-shadow:unset;
}
.tk-component.TabActive:not(.isgridrowdiv *) .tk-static-text__native.TabActive{
 background-color: rgba(255,255,255,0);
text-shadow:unset;
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.ImageSmall:not(.isgridrowdiv *):not(:has(img)){
 max-width: 50px;
 min-width: 50px;
 width: unset;
}
.tk-component.ImageSmall:not(.isgridrowdiv *) img.ImageSmall{
 max-width: 50px;
 min-width: 50px;
 width: unset;
}
.tk-quickgrid-cell > .isgridrowdiv > .BadgeLightGreen div, .tk-data-table__cell.BadgeLightGreen div{
 background-color: rgba(230,244,230,1);
border-radius: 16px 16px 16px 16px ;
 color: rgba(93,184,91,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 padding: 2px 12px 2px 12px ;
}
.tk-quickgrid-cell > .isgridrowdiv > .BadgeLightGreen input, .tk-data-table__cell .BadgeLightGreen input{
 background-color: rgba(230,244,230,1);
 color: rgba(93,184,91,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 padding: 2px 12px 2px 12px ;
}
.tk-quickgrid-cell:has(> .isgridrowdiv > .BadgeLightGreen), .tk-data-table__cell.BadgeLightGreen {
 text-align: center;
 vertical-align: middle;
 font-weight: normal;
 font-style: normal;
 padding: 0px 8px 0px 8px ;
}
.tk-label.BadgeLightGreen {
 background-color: rgba(230,244,230,1);
 color: rgba(93,184,91,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 padding: 2px 12px 2px 12px ;
}
.tk-button__native.BadgeLightGreen .tk-button__text {
 background-color: rgba(230,244,230,1);
 color: rgba(93,184,91,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 padding: 2px 12px 2px 12px ;
}
.tk-groupbox.BadgeLightGreen > .panel-heading{
 background-color: rgba(230,244,230,1);
 color: rgba(93,184,91,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 padding: 2px 12px 2px 12px ;
}
.tk-data-table.BadgeLightGreen > .tk-data-table__label{
 background-color: rgba(230,244,230,1);
 color: rgba(93,184,91,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 padding: 2px 12px 2px 12px ;
}
.tk-checkbox.BadgeLightGreen > .tk-checkbox__label{
 background-color: rgba(230,244,230,1);
 color: rgba(93,184,91,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 padding: 2px 12px 2px 12px ;
}
.tk-component.BadgeLightGreen > .tk-button__native{
 background-color: rgba(230,244,230,1);
 color: rgba(93,184,91,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 padding: 2px 12px 2px 12px ;
}
.tk-placingcontainer.BGWhite{
 background-color: rgba(255,255,255,1);
}
.tk-data-table__header-cell.TableHeaderGray, th.tk-quickgrid-cell.TableHeaderGray  {
 background-color: rgba(234,234,234,1);
 text-align: left;
 vertical-align: middle;
 font-weight: normal;
 font-style: normal;
}
.tk-label.TextGreen {
 color: rgba(93,184,91,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-button__native.TextGreen .tk-button__text {
 color: rgba(93,184,91,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-groupbox.TextGreen > .panel-heading{
 color: rgba(93,184,91,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-data-table.TextGreen > .tk-data-table__label{
 color: rgba(93,184,91,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-checkbox.TextGreen > .tk-checkbox__label{
 color: rgba(93,184,91,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.TextGreen > .tk-button__native{
 color: rgba(93,184,91,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-quickgrid-cell:has(> .isgridrowdiv > .TextGreen), .tk-data-table__cell.TextGreen {
 text-align: center;
 vertical-align: middle;
 font-weight: normal;
 font-style: normal;
 padding: 0px 8px 0px 8px ;
}
.tk-quickgrid-cell > .isgridrowdiv > .TextGreen div, .tk-data-table__cell.TextGreen div{
 color: rgba(93,184,91,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-quickgrid-cell > .isgridrowdiv > .TextGreen input, .tk-data-table__cell .TextGreen input{
 color: rgba(93,184,91,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.ImageUpload:not(.isgridrowdiv *) input.ImageUpload{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 max-width: 120px;
 min-width: 120px;
 width: unset;
}
.tk-component.ImageUpload:not(.isgridrowdiv *) .tk-select__native.ImageUpload{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 max-width: 120px;
 min-width: 120px;
 width: unset;
}
.tk-component.ImageUpload:not(.isgridrowdiv *) .tk-button__native.ImageUpload{
 max-width: 120px;
 min-width: 120px;
 width: unset;
}
.tk-component.ImageUpload:not(.isgridrowdiv *) .tk-static-text__native.ImageUpload{
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 max-width: 120px;
 min-width: 120px;
 width: unset;
}
.tk-placingcontainer.RoundedBorder2{
border-radius: 8px 8px 8px 8px ;
}
.tk-component.TextGrey:not(.isgridrowdiv *) input.TextGrey{
 color: rgba(106,130,153,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.TextGrey:not(.isgridrowdiv *) .tk-select__native.TextGrey{
 color: rgba(106,130,153,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.TextGrey:not(.isgridrowdiv *) .tk-static-text__native.TextGrey{
 color: rgba(106,130,153,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-label.TextGrey {
 color: rgba(197,210,223,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-button__native.TextGrey .tk-button__text {
 color: rgba(197,210,223,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-groupbox.TextGrey > .panel-heading{
 color: rgba(197,210,223,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-data-table.TextGrey > .tk-data-table__label{
 color: rgba(197,210,223,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-checkbox.TextGrey > .tk-checkbox__label{
 color: rgba(197,210,223,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.TextGrey > .tk-button__native{
 color: rgba(197,210,223,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-label.BadgeLightOrange {
 background-color: rgba(253,242,228,1);
 color: rgba(240,173,78,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 padding: 2px 12px 2px 12px ;
}
.tk-button__native.BadgeLightOrange .tk-button__text {
 background-color: rgba(253,242,228,1);
 color: rgba(240,173,78,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 padding: 2px 12px 2px 12px ;
}
.tk-groupbox.BadgeLightOrange > .panel-heading{
 background-color: rgba(253,242,228,1);
 color: rgba(240,173,78,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 padding: 2px 12px 2px 12px ;
}
.tk-data-table.BadgeLightOrange > .tk-data-table__label{
 background-color: rgba(253,242,228,1);
 color: rgba(240,173,78,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 padding: 2px 12px 2px 12px ;
}
.tk-checkbox.BadgeLightOrange > .tk-checkbox__label{
 background-color: rgba(253,242,228,1);
 color: rgba(240,173,78,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 padding: 2px 12px 2px 12px ;
}
.tk-component.BadgeLightOrange > .tk-button__native{
 background-color: rgba(253,242,228,1);
 color: rgba(240,173,78,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 padding: 2px 12px 2px 12px ;
}
.tk-quickgrid-cell:has(> .isgridrowdiv > .BadgeLightOrange), .tk-data-table__cell.BadgeLightOrange {
 text-align: center;
 vertical-align: middle;
 font-weight: normal;
 font-style: normal;
 padding: 0px 8px 0px 8px ;
}
.tk-quickgrid-cell > .isgridrowdiv > .BadgeLightOrange div, .tk-data-table__cell.BadgeLightOrange div{
 background-color: rgba(253,242,228,1);
border-radius: 16px 16px 16px 16px ;
 color: rgba(240,173,78,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 padding: 2px 12px 2px 12px ;
}
.tk-quickgrid-cell > .isgridrowdiv > .BadgeLightOrange input, .tk-data-table__cell .BadgeLightOrange input{
 background-color: rgba(253,242,228,1);
 color: rgba(240,173,78,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
 padding: 2px 12px 2px 12px ;
}
:root {
--base-font-size: 14px;
--navbar-height: 60px;
}

/* Medium (Tablet) Breakpoint */
@media(min-width: 768px) {
}
/* Large (Desktop) Breakpoint */
@media(min-width: 1200px) {
}
:root {
--primary-color-dark: 33, 33, 33;
--primary-color: 1, 1, 1;
--navbar-link-color: 255, 255, 255;
--navbar-bg-color: 1, 1, 1;
--text-on-primary: 255, 255, 255;
}