@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-Regular.ttf');
}



@media print {
  @page {
    size: A4;
    margin: 10%;
  }
  *:has(.message),
  *:has(.message) * {
    display: none !important;
    margin: 0px !important;
    left: 0px !important;
    top: 0px !important;
    box-shadow: none !important;
    height: max-content !important;
  }

  *:has(.message),
  div.message:not(.message-box-content),
  div.message:not(.message-box-content) * {
    display: revert !important;
  }
  div.message {
    margin: 0px;
  }
}

:root {
  --background: rgba(0, 155, 107, 0.2) ;
  --green: rgb(0, 155, 107); 
  --blue: #0066b3; 
  --grey: #a4b4cb;
  --dark_grey: #5f666c;
  --black: #000000;
  --white: #fff;
  --hoverr: #d3e1f5;
  --ghover: #93d8be;
  --input-readonly-text-color: #000000;
  --headclr: #0066b3 !important;
}

.theme-entry .form {
  background-color: var(--background);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size:10px;
  color: var(--black);
}
body {
  font-family: 'Inter', sans-serif !important;
  background: var(--background);
}
h1.SourceCode-Forms-Controls-Web-Label * {
  color: var(--blue) !important;
  font-size: 2.4rem;
  font-weight: 800;
  line-height: normal;
  font-family: 'Inter', sans-serif;
}
h2.SourceCode-Forms-Controls-Web-Label {
  color: var(--blue);
  font-size: 1.8rem;
  font-weight: 800;
  font-family: 'Inter', sans-serif;
  line-height: normal;
}
h3.SourceCode-Forms-Controls-Web-Label {
  color: var(--black);
  font-size: 1.6rem;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  line-height: normal;
}
h4.SourceCode-Forms-Controls-Web-Label {
  padding-left: 0;
  color: var(--blue);
  font-size: 1.8rem;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
}
h4.SFC.SourceCode-Forms-Controls-Web-DataLabel {
  padding-left: 0;
  color: var(--blue);
  font-size: 1.8rem;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
}

.theme-entry h1.page-title {
  color: var(--black);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: normal;
  font-family: 'Inter', sans-serif;
}
.theme-entry h2.page-subtitle {
  color: var(--black);
  font-size: 1rem;
  font-weight: 200;
  font-style: italic;
  font-family: 'Inter', sans-serif;
}
.theme-entry label.input-label,
.theme-entry span.SourceCode-Forms-Controls-Web-Label {
  color: var(--black);
  opacity: 1;
  font-size: 11.5px;
  font-family: 'Inter', sans-serif;
  font-family: 'Inter', sans-serif !important;
}
.theme-entry p.description {
  color: var(--black);
  opacity: 0.8;
  font-size: 1.2rem;
  font-family: 'Inter', sans-serif;
}
p.SourceCode-Forms-Controls-Web-Label {
  color: var(--black);
  font-size: 1.2rem;
  font-family: 'Inter', sans-serif;
}
.theme-entry a.Hyperlink {
  font-size: 1.2rem;
  font-weight: 400;
  text-decoration: none;
  color: var(--blue);
  font-family: 'Inter', sans-serif;
}
.theme-entry a.Hyperlink:hover {
  color: var(--green);
}
.theme-entry a.Hyperlink-NotSet.disabled {
  color: var(--dark_grey);
  text-decoration: none;
}
.theme-entry input.SFC.SourceCode-Forms-Controls-Web-TextBox {
}
.theme-entry .input-control textarea,
.theme-entry .SFC.SourceCode-Forms-Controls-Web-TextBox,
.theme-entry input[type="text"].input-control,
.theme-entry input[type="password"].input-control,
.theme-entry .input-control.select-box.invalid input[type="text"],
.theme-entry .input-control.select-box.read-only a.input-control,
.theme-entry .styling-outer-wrapper .input-control-m,
.theme-entry .styling-outer-wrapper .input-control-m .input-control-m-c,
.theme-entry
  .styling-outer-wrapper
  .input-control-m
  .input-control-m-c
  .input-control-wrapper,
.theme-entry
  .styling-outer-wrapper
  .input-control-m
  .input-control-m-c
  .input-control-wrapper
  input,
.theme-entry
  .styling-outer-wrapper
  .input-control-m
  .input-control-m-c
  .input-control-wrapper
  a {
  font-family: 'Inter', sans-serif;
}
.theme-entry .drop-menu ul.drop-menu li a {
  height: 3rem;
}
.theme-entry .drop-menu ul.drop-menu li:hover,
.theme-entry .drop-menu ul.drop-menu li:hover a:hover {
  background-color: var(--hoverr);
}
.theme-entry .drop-menu ul.drop-menu a.selected,
.theme-entry .drop-menu ul.drop-menu a.selected:hover,
.theme-entry .drop-menu ul.drop-menu li.selected,
.theme-entry .drop-menu ul.drop-menu li.selected a:hover {
  background-color: var(--blue);
}
.theme-entry a.SourceCode-Forms-Controls-Web-Button {
  background: var(--green);
  border-color: var(--green);
  font-family: 'Inter', sans-serif;
  color: var(--white) !important;
}
.theme-entry a.SourceCode-Forms-Controls-Web-Button:hover {
  background: var(--blue);
  border-color: var(--blue);
  color: var(--white);
}
.theme-entry a.SourceCode-Forms-Controls-Web-Button.button-primary {
  background: var(--blue);
  border-color: var(--blue);
  font-family: 'Inter', sans-serif;
  color: var(--white);
}
.theme-entry a.SourceCode-Forms-Controls-Web-Button.button-primary:hover {
  background: var(--green);
  border-color: var(--green);
}
.theme-entry a.SourceCode-Forms-Controls-Web-Button.button-quiet,
.theme-entry a.SourceCode-Forms-Controls-Web-Button.button-quiet.designtime,
.theme-entry a.SourceCode-Forms-Controls-Web-Button.button-quiet.preview {
  border-color: var(--dark_grey);
  color: var(--dark_grey);
}
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-ListBox
  .stylewrapper
  .title,
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-MultiChoice
  .stylewrapper
  .sourcetitle,
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-MultiChoice
  .stylewrapper
  .destinationtitle {
  background: var(--green);
  color: var(--white);
  font-family: 'Inter', sans-serif;
}
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-ListBox
  .stylewrapper
  .hoverdiv:hover,
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-MultiChoice
  .stylewrapper
  .hoverdiv:hover {
  background: var(--ghover);
}
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-ListBox
  .stylewrapper
  .hoverdiv.selected,
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-ListBox
  .stylewrapper
  .hoverdiv.selected:hover,
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-MultiChoice
  .stylewrapper
  .hoverdiv.selected,
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-MultiChoice
  .stylewrapper
  .hoverdiv.selected:hover {
  background: var(--green);
}
.theme-entry .ajax__slider_h_handle,
.theme-entry .Slider-rail a.Slider {
  background: var(--blue);
  border-color: var(--blue);
}
.theme-entry .ajax__slider_h_handle:hover,
.theme-entry .Slider-rail a.Slider:hover,
.theme-entry .ajax__slider_h_handle:focus,
.theme-entry .Slider-rail a.Slider:focus,
.theme-entry .ajax__slider_h_handle:active,
.theme-entry .Slider-rail a.Slider:active {
  background: var(--green);
  border-color: var(--green);
}
.theme-entry .view .panel-header-wrapper,
.theme-entry .view-canvas .panel-header-wrapper,
.theme-entry .view .grid-header-wrapper,
.theme-entry .view-canvas .grid-header-wrapper {
  background: var(--white);
  border-color: none;
}
.theme-entry .grid table.grid-content-table tr:hover > td {
  background-color: transparent;
}
.theme-entry .grid table.grid-content-table tr:hover {
  background-color: var(--ghover) !important;
}
.theme-entry .grid table.grid-content-table tr.selected > td,
.theme-entry
  .grid
  table.grid-content-table.zebra-stripes
  tr.selected:not(.action-row)
  > td {
  background-color: var(--green);
  border-color: var(--green);
  color: var(--black);
}
.theme-entry .grid table.grid-column-header-table,
.theme-entry .grid table.grid-content-table,
.theme-entry .grid table.grid-summary-content-table,
.theme-entry .grid table.grid-edit-templates-table,
.theme-entry .grid table.grid-display-templates-table {
  font-family: 'Inter', sans-serif;
}
.theme-entry .grid .grid-column-headers div,
.theme-entry .grid .grid-column-headers span {
  color: var(--black);
  font-weight: 800;
}
.theme-entry .grid table.grid-content-table.zebra-stripes tr:nth-child(even) {
  background-color: var(--white);
}
.panel-body {
  background-color: var(--white) !important;
}
.theme-entry .grid table.grid-column-header-table td {
  background-color: var(--white);
  border-bottom: 1px solid var(--blue);
  border-right: none;
}
.theme-entry .grid.with-header .grid-toolbars .toolbar-wrapper {
  border-bottom: solid 1px var(--blue);
  background-color: white;
}
.theme-entry a.toolbar-button:hover {
  background-color: var(--hoverr);
}
.theme-entry a.toolbar-button:focus,
.theme-entry a.toolbar-button:active {
  border: none;
}
html[dir="ltr"] .theme-entry .grid-header-wrapper .grid-header-text,
html[dir="ltr"] .theme-entry .panel-header-wrapper .grid-header-text,
html[dir="ltr"] .theme-entry .grid-header-wrapper .panel-header-text,
html[dir="ltr"] .theme-entry .panel-header-wrapper .panel-header-text {
  padding-left: auto;
  color: var(--blue) !important;
  font-size: 1.5rem;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
}
.view {
  background: white !important;
  padding: 2rem;
  /* stroke: #009b6b; */
  border-radius: 3px;
  box-shadow: 1px 1px 5px 0px #555555 !important;
  color: #000;
}
.theme-entry .StandardChart .radhtmlcharttitle {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: var(--green);
}
.theme-entry .StandardChart .radhtmlchartsubtitle {
  font-family: 'Inter', sans-serif;
  color: var(--black);
  font-size: 10px;
  font-weight: 400;
  padding: 0.5rem 0rem;
  font-style: italic !important;
}
.theme-entry .file-wrapper .file-watermark {
  color: var(--blue) !important;
  font-family: "'Inter', sans-serif";
}
.theme-entry .file-wrapper:hover {
  background-color: var(--ghover);
}

.theme-entry .SourceCode-Forms-Controls-Web-ControlPack-Worklist {
  border-radius: 3px;
  box-shadow: 1px 1px 5px 0px #555555 !important;
}
.SourceCodeFormsControlsWorklist {
  padding: 2rem;
}
.theme-entry .SourceCodeFormsControlsWorklist .headerTxt {
  padding: 1rem;
  color: var(--blue);
  font-size: 1.8rem;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
}
.WorklistItemSectionCell {
  margin-top: 1rem;
}
.theme-entry .SourceCodeFormsControlsWorklist .worklist-grid-even {
  background-color: var(--white);
}
.theme-entry .SourceCodeFormsControlsWorklist .WorkListItemTableHeader {
  background-color: var(--white);
  color: var(--blue);
}
.theme-entry .SourceCodeFormsControlsWorklist .nav input[type="button"]:hover,
.theme-entry .SourceCodeFormsControlsWorklist .nav input[type="button"]:focus {
  background-color: var(--hoverr);
  color: var(--white);
}
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-Worklist
  .SourceCodeFormsControlsWorklist {
  border: none;
}
.theme-entry .SourceCodeFormsControlsWorklist .searchBar,
.theme-entry .SourceCodeFormsControlsWorklist table.SelectAllMainTable td,
.theme-entry .SourceCodeFormsControlsWorklist .WorkListGridTableBody {
  border-top-color: var(--blue);
}
table.WorkListItemTableHeader {
  border-top: 1px solid var(--blue);
}
th.worklist-grid-column-header {
  font-family: 'Inter', sans-serif;
  
}
.worklist-grid-column-header-cell {
  font-size: 10px !important;
}
.grid-footer {
  background-color: var(--white);
}
.theme-entry a:not(.action-row),
.theme-entry div,
.theme-entry ul,
.theme-entry .grid table.grid-content-table {
  text-decoration: none;
}
.theme-entry a,
.theme-entry a:visited {
  color: var(--dark_grey);
}
.theme-entry .SourceCodeFormsControlsWorklist .column-arow {
  right: 2rem;
  margin-top: -1rem;
}
.theme-entry .SourceCodeFormsControlsWorklist .column-arrow-asc,
.theme-entry .SourceCodeFormsControlsWorklist .column-arrow-desc {
  width: 2.6rem;
  height: 2.6rem;
}
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-Worklist
  .WorklistItemGridRow:hover
  > td,
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-Worklist
  .WorklistItemGridRow.ShowMenu
  > td,
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-Worklist
  .WorklistItemGridRow.SelectedDivBackground:hover
  td,
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-Worklist
  .WorklistItemGridRow:focus
  > td,
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-Worklist
  .WorklistItemGridRow.SelectedDivBackground:focus
  td {
  background-color: var(--ghover);
  border-color: var(--ghover);
  color: var(--black) ;
}
.theme-entry
  .SourceCodeFormsControlsWorklist
  .WorkListItemTable
  tr:hover
  td.WorklistTableSelectGridArrow,
.theme-entry
  .SourceCodeFormsControlsWorklist
  .WorkListItemTable
  tr.ShowMenu
  td.WorklistTableSelectGridArrow,
.theme-entry
  .SourceCodeFormsControlsWorklist
  .WorkListItemTable
  tr:focus
  td.WorklistTableSelectGridArrow {
  background-color: var(--green);
}
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-Worklist
  .WorklistItemGridRow.SelectedDivBackground
  td {
  background-color: var(--green);
  color: var(--black);
}
.theme-entry
  .SourceCodeFormsControlsWorklist
  .WorkListItemTable
  .SelectedDivBackground
  .WorklistTableSelectGridArrow {
  background-color: var(--green) !important;
}
.theme-entry .input-control.select-box .input-control-body {
  background-color: transparent !important;
}
.theme-entry .input-control.select-box .input-control-m-c,
.theme-entry .input-control.select-box .input-control-buttons,
.theme-entry .input-control.text-input .input-control-m-c {
  background-color: transparent !important;
  color: var(--black);
}
.theme-entry .SourceCodeFormsControlsWorklist .loadmore {
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important;
}
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-Worklist
  .worklist-search-more:hover,
.theme-entry .SourceCodeFormsControlsWorklist .LoadMoreHyperlink {
  background-color: transparent;
  border: 1px solid var(--blue);
  color: var(--blue);
}
.theme-entry
  .SourceCode-Forms-Controls-Web-ControlPack-Worklist
  .worklist-search-more:hover,
.theme-entry .SourceCodeFormsControlsWorklist .LoadMoreHyperlink:hover {
  background-color: var(--blue);
  color: var(--white);
}
.theme-entry .root-table.Grid-Layout > .editor-cell.lastrow,
.theme-entry .root-table.editor-grid > .editor-cell.lastrow {
  font-family: 'Inter', sans-serif;
}
.theme-entry span.SourceCode-Forms-Controls-Web-Label.LabelWrap.readonly,
.theme-entry p.SourceCode-Forms-Controls-Web-Label.LabelWrap {
  color: var(--black) !important;
}
.theme-entry span.SourceCode-Forms-Controls-Web-Label.LabelWrap.visible {
  color: black !important;
}
.theme-entry h1.SourceCode-Forms-Controls-Web-Label.LabelWrap,
.theme-entry h2.SourceCode-Forms-Controls-Web-Label.LabelWrap,
.theme-entry h3.SourceCode-Forms-Controls-Web-Label.LabelWrap,
.theme-entry h4.SourceCode-Forms-Controls-Web-Label.LabelWrap,
.theme-entry label.SourceCode-Forms-Controls-Web-Label.LabelWrap,
.theme-entry span.SourceCode-Forms-Controls-Web-DataLabel.LabelWrap,
.theme-entry h1.SourceCode-Forms-Controls-Web-DataLabel.LabelWrap,
.theme-entry h2.SourceCode-Forms-Controls-Web-DataLabel.LabelWrap,
.theme-entry h3.SourceCode-Forms-Controls-Web-DataLabel.LabelWrap,
.theme-entry h4.SourceCode-Forms-Controls-Web-DataLabel.LabelWrap,
.theme-entry label.SourceCode-Forms-Controls-Web-DataLabel.LabelWrap,
.theme-entry p.SourceCode-Forms-Controls-Web-DataLabel.LabelWrap {
  font-family: Inter, sans-serif !important;
  /* color: var(--green) !important; */
  padding-right: 12px !important;
}
span.SFC.SourceCode-Forms-Controls-Web-DataLabel.LabelWrap.readonly.visible,
span.SFC.SourceCode-Forms-Controls-Web-DataLabel.LabelWrap.readonly {
  border-color: var(--input-readonly-border-color) !important;
  color: var(--input-readonly-text-color) !important;
}
span.styling-font {
  color: var(--input-readonly-text-color);
}
textarea {
  color: var(--input-readonly-text-color) !important;
}
.theme-entry .toolbars.double .toolbar .toolbar-wrapper,
.theme-entry
  .grid.with-header
  .grid-toolbars
  .toolbars.double
  .toolbar:first-child
  .toolbar-wrapper,
.theme-entry
  .panel.with-header.with-header.with-double-toolbar
  > .panel-toolbars
  .toolbar:first-child
  .toolbar-wrapper {
  background: white;
}
.theme-entry a.SourceCode-Forms-Controls-Web-Button:focus {
  border-color: var(--green);
  background-color: var(--green);
}
.file-delete {
  top: 5px;
  right: 10px;
}
td {
  background: white;
}

.view:has([name="Form Title Data Label"]):has([name="Form Detail Data Label"]) * {
  background: transparent !important;
  align-items: start;
}
.view:has([name="Form Title Data Label"]):has([name="Form Detail Data Label"]) {
  background: linear-gradient(70deg, #0066b3, #009b6b) !important;
}
.view:has([name="Form Detail Data Label"]) * {
  color: #fff !important;
  font-weight: bold;
}
.input-control.select-box.dropdown-box
  .styling-outer-wrapper
  .input-control-buttons.styling-right.styling-inner-wrapper
  * {
  color: #000 !important;
}
.input-control.select-box.dropdown-box
  .styling-outer-wrapper
  .input-control-buttons.styling-right.styling-inner-wrapper
  a:hover {
  color: #fff !important;
  background-color: #0066b3 !important;
}

.drop-menu-m {
  color: var(--black) !important;
}
.grid-header-text {
  color: var(--headclr) !important;
}
.worklistToolbarHeaderTextWrapper {
  color: var(--headclr) !important;
}
.button-text {
  color: var(--black) !important;
}

.styling-font {
  color: var(--black) !important;
}

.input-control.text-input * {
  color: var(--black) !important;
}
.grid-column-header-table .WorkListItemTableHeader {
  color: var(--green) !important;
}
.view:has([name="com.K2.App.Framework.Core.ItemView.FormFooter"]) * {
  background: transparent !important;
  align-items: start;
}
.view:has([name="com.K2.App.Framework.Core.ItemView.FormFooter"]) {
  background: linear-gradient(70deg, #0066b3, #009b6b) !important;
}

.view:has([name="Table1"]) * {
  color: #000 !important;
}

.view:has([name="Form Detail Data Label"]) * {
  color: #fff !important;
  font-weight: bold;
}

.view:has([name="User Name Data Label"]) * {
  color: #fff !important;
  /* padding-right: 15px !important; */
}
.theme-entry * .form {
  background-color: var(--background) !important;
}

.panel-header-text{
  color: var(--blue) !important;
}

.Cancel Button * {
  color: var(--white) !important;
}

.stylewrapper{
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.panel-header-text * {
  color: var(--blue);
}