/*#region Fonts*/
/*#endregion Fonts*/
/* #region NF Colors */
/* Light Gray */
/* Mid Gray */
/* Dark Gray */
/* #endregion NF Colors */
/*#region Media queries*/
/*#endregion Media queries*/
/*#region enviroment colors*/
/*#endregion enviroment colors*/
/*region login*/
/*endregion login*/
/*region assesment mobile*/
/*endregion assesment mobile*/
/*#region dashboard*/
/*#endregion dashboard*/
/*#region application colors*/
/*#endregion application colors*/
/* #region sidebar */
/* #endregion sidebar */
/* #region topnavbar */
/* #endregion topnavbar */
/* #region button */
/* #region button */
/* #region users mobile*/
/* #endregion users mobile*/
/*#region Fonts*/
/*#endregion Fonts*/
/* #region NF Colors */
/* Light Gray */
/* Mid Gray */
/* Dark Gray */
/* #endregion NF Colors */
/*#region Media queries*/
/*#endregion Media queries*/
/*#region enviroment colors*/
/*#endregion enviroment colors*/
/*region login*/
/*endregion login*/
/*region assesment mobile*/
/*endregion assesment mobile*/
/*#region dashboard*/
/*#endregion dashboard*/
/*#region application colors*/
/*#endregion application colors*/
/* #region sidebar */
/* #endregion sidebar */
/* #region topnavbar */
/* #endregion topnavbar */
/* #region button */
/* #region button */
/* #region users mobile*/
/* #endregion users mobile*/
/*#region Fonts*/
/*#endregion Fonts*/
/* #region NF Colors */
/* Light Gray */
/* Mid Gray */
/* Dark Gray */
/* #endregion NF Colors */
/*#region Media queries*/
/*#endregion Media queries*/
/*#region enviroment colors*/
/*#endregion enviroment colors*/
/*region login*/
/*endregion login*/
/*region assesment mobile*/
/*endregion assesment mobile*/
/*#region dashboard*/
/*#endregion dashboard*/
/*#region application colors*/
/*#endregion application colors*/
/* #region sidebar */
/* #endregion sidebar */
/* #region topnavbar */
/* #endregion topnavbar */
/* #region button */
/* #region button */
/* #region users mobile*/
/* #endregion users mobile*/
/*#region Fonts*/
/*#endregion Fonts*/
/* #region NF Colors */
/* Light Gray */
/* Mid Gray */
/* Dark Gray */
/* #endregion NF Colors */
/*#region Media queries*/
/*#endregion Media queries*/
/*#region enviroment colors*/
/*#endregion enviroment colors*/
/*region login*/
/*endregion login*/
/*region assesment mobile*/
/*endregion assesment mobile*/
/*#region dashboard*/
/*#endregion dashboard*/
/*#region application colors*/
/*#endregion application colors*/
/* #region sidebar */
/* #endregion sidebar */
/* #region topnavbar */
/* #endregion topnavbar */
/* #region button */
/* #region button */
/* #region users mobile*/
/* #endregion users mobile*/
/* #region NF fonts */
/* #endregion NF fonts */
.datepicker-small-height .k-input, .k-grid:not(.card-grid) .k-grid > .k-toolbar .k-datepicker .k-input-inner, .k-grid:not(.card-grid) > .k-toolbar > div:not(.white-header) .k-datepicker .k-input-inner {
  height: 19px;
  line-height: 0px;
  padding-top: 3px;
  width: 100%;
  border-radius: 0px;
}

.multiSelectToolbar .k-multiselect .k-reset .k-button, #assignQuestionnaireGrid > .k-toolbar .k-multiselect .k-reset .k-button, #assignQuestionnaireGridMobile > .k-toolbar .k-multiselect .k-reset .k-button {
  overflow: hidden;
  text-overflow: ellipsis;
  --moz-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.k-filter-menu-container .k-picker, .k-filter-menu-container .k-input {
  background-color: #FAFAFA !important;
  border: 1px solid #B2BEC3;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
}

.k-tabstrip.second-level-tabs > .k-tabstrip-items-wrapper > .k-tabstrip-items > .k-item, .k-tabstrip.first-level-tabs > .k-tabstrip-items-wrapper > .k-tabstrip-items > .k-item {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #B2BEC3;
  color: #808E9B;
  background: #FAFAFA;
}

/**
    Override Kendo default styles
*/
/* set a border-box model only to elements that need it */
.form-control,
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-cke_inner10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.k-input:focus-within, .k-widget.k-input:focus-within {
  background-color: #fff;
}

.k-button {
  text-transform: unset;
}

/*Drop Down*/
.k-dropdownlist:not(.dropdownbutton), .k-dropdowntree {
  width: 100%;
  height: 40px;
}
.k-dropdownlist:not(.dropdownbutton) .k-state-default, .k-dropdowntree .k-state-default {
  background-color: #fafafa;
  border-color: #fafafa;
}

.k-dropdownlist, .k-dropdowntree, .k-input {
  height: 40px;
}
.k-dropdownlist .k-input-inner, .k-dropdowntree .k-input-inner, .k-input .k-input-inner {
  padding: 0 0 0 8px;
}
.k-dropdownlist .k-input-button, .k-dropdowntree .k-input-button, .k-input .k-input-button {
  height: 100%;
}

.k-colorpicker {
  height: 40px;
  border: 1px solid #B2BEC3;
  border-radius: 2px;
}

/* Multiselect Fix Override Buttons*/
.k-grid:not(.card-grid) {
  /*.k-header {*/
  /*}*/
}
.k-grid:not(.card-grid).k-grid-toolbar {
  padding: 4px;
}
.k-grid:not(.card-grid).k-grid-toolbar :not(li).k-button {
  background-color: #2b4162;
  border: 1px solid #707ab9;
}
.k-grid:not(.card-grid).k-grid-toolbar :not(li).k-button:hover {
  background-color: #707ab9;
  border: 1px solid #707ab9;
}
.k-grid:not(.card-grid).k-grid-toolbar .k-dropdownlist {
  background: #2b4162;
  border: none;
  border-bottom: 1px solid #FAFAFA;
  border-radius: 0px;
}
.k-grid:not(.card-grid).k-grid-toolbar .k-dropdownlist > span {
  color: #FAFAFA;
}
.k-grid:not(.card-grid).k-grid-toolbar .k-dropdownlist .k-i-arrow-s {
  background-position: -16px -32px;
  opacity: 1;
}
.k-grid:not(.card-grid).k-grid-toolbar input.k-textbox:not(.search-box) {
  background: #2b4162;
  border: none;
  border-bottom: 1px solid #FAFAFA;
  border-radius: 0px;
  color: #FAFAFA;
}
.k-grid:not(.card-grid) .k-grid-toolbar {
  padding: 4px 0px 4px 0px;
}
.k-grid:not(.card-grid) .k-multiselect:not(.grid-inner) .k-chip {
  margin: 6px 0 3px 3px;
  padding: 0 1.6em 0 0.857em;
  line-height: 1.86em;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: unset;
  color: white;
  background: #00b894;
}
.k-grid:not(.card-grid) .k-toolbar .k-button:not(.slButton, .k-input-button), .k-grid:not(.card-grid) .k-toolbar .k-button:not(.slButton, .k-input-button):hover {
  max-height: 26px;
  padding: 4px 8px;
  background-color: #2b4162;
  border: 1px solid #707ab9;
  color: white;
  align-items: center;
}
.k-grid:not(.card-grid) .k-grid-filter.k-active, .k-grid:not(.card-grid) .k-grid-filter.k-state-active {
  background-color: #00B894;
}
.k-grid:not(.card-grid) .k-grid-filter.k-active .k-icon, .k-grid:not(.card-grid) .k-grid-filter.k-state-active .k-icon {
  color: white;
  opacity: 0.9;
}
.k-grid:not(.card-grid) .k-command-cell .k-button, .k-grid:not(.card-grid) .k-command-cell .k-button:hover {
  color: #2B4162;
  padding: 4px 8px;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}
.k-grid:not(.card-grid) .k-command-cell .k-button .k-icon, .k-grid:not(.card-grid) .k-command-cell .k-button:hover .k-icon {
  opacity: 1;
}
.k-grid:not(.card-grid) .k-i-info {
  background-position: -176px -240px;
}
.k-grid:not(.card-grid) .k-tabstrip:not(.showtab) > .k-tabstrip-items-wrapper > .k-tabstrip-items {
  display: none;
}
.k-grid:not(.card-grid) > .k-toolbar > div:not(.white-header) .k-datepicker {
  border: none;
  border-bottom: 1px solid #FAFAFA;
}
.k-grid:not(.card-grid) > .k-toolbar > div:not(.white-header) .k-datepicker .k-icon.k-i-calendar {
  background-position: -48px -176px;
  opacity: 1;
}
.k-grid:not(.card-grid) > .k-toolbar > div:not(.white-header) .k-datepicker .k-input-inner {
  background: #2b4162;
  color: #FAFAFA;
}
.k-grid:not(.card-grid) > .k-toolbar .white-header {
  color: #808E9B;
}
.k-grid:not(.card-grid) > .k-toolbar .white-header .c-radio {
  line-height: 18px;
}
.k-grid:not(.card-grid) > .k-toolbar .white-header .c-radio label {
  font-size: 14px;
  font-weight: normal;
}
.k-grid:not(.card-grid) > .k-toolbar .white-header .c-radio span {
  margin-left: -10px;
  width: 10px;
  height: 10px;
  border: 3px solid #ccc;
}
.k-grid:not(.card-grid) > .k-grid-toolbar {
  background: #2b4162;
  overflow: visible;
}
.k-grid:not(.card-grid) > .k-grid-toolbar .k-grid-custom-title {
  color: white;
}
.k-grid:not(.card-grid) .k-loading-image {
  background-image: none;
}
.k-grid:not(.card-grid) .k-loading-color {
  opacity: 0;
}
.k-grid:not(.card-grid) .k-grid > .k-grid-toolbar {
  background: #c0c9e2;
}
.k-grid:not(.card-grid) .k-grid .k-toolbar.k-grid-toolbar .k-button {
  background-color: #c0c9e2;
  border: 1px solid #d7dff7;
  color: #2b4162;
}
.k-grid:not(.card-grid) .k-grid .k-toolbar.k-grid-toolbar .k-button:hover {
  background-color: #879ace;
  border-color: #66757d;
  color: #fff;
}
.k-grid:not(.card-grid) .k-grid .k-toolbar.k-grid-toolbar .k-dropdownlist {
  background: #c0c9e2;
  border: 0px;
  border-bottom: 1px solid #2b4162;
  border-radius: 0px;
}
.k-grid:not(.card-grid) .k-grid .k-toolbar.k-grid-toolbar .k-dropdownlist > span {
  color: #2b4162;
}
.k-grid:not(.card-grid) .k-grid .k-toolbar.k-grid-toolbar .k-dropdownlist .k-i-arrow-s {
  background-position: 0px -32px;
  opacity: 1;
}
.k-grid:not(.card-grid) .k-grid .k-toolbar.k-grid-toolbar input.k-textbox {
  background: #c0c9e2;
  border: none;
  border-bottom: 1px solid #2b4162;
  border-radius: 0px;
  color: #2b4162;
}
.k-grid:not(.card-grid) .k-grid .k-grid-custom-title {
  line-height: 2em;
  color: #2b4162;
}
.k-grid:not(.card-grid) .k-grid tr.k-detail-row > td.k-detail-cell > * {
  -webkit-box-shadow: 0 0 15px 7px #879ace;
  -moz-box-shadow: 0 0 15px 7px #879ace;
  box-shadow: 0 0 15px 7px #879ace;
  --ms-box-shadow: 0 0 15px 7px #879ace;
}
.k-grid:not(.card-grid) .k-grid > .k-toolbar .k-datepicker {
  border: none;
  border-bottom: 1px solid #2b4162;
}
.k-grid:not(.card-grid) .k-grid > .k-toolbar .k-datepicker .k-input-inner {
  background: #c0c9e2;
  color: #2b4162;
}
.k-grid:not(.card-grid) .k-grid > .k-toolbar .k-datepicker .k-icon.k-i-calendar {
  background-position: -32px -176px;
  opacity: 1;
}
.k-grid:not(.card-grid) .k-grid > .k-toolbar .k-input-button {
  line-height: 23px;
  background: #2b4162;
}
.k-grid:not(.card-grid) td {
  padding: 0.22em 0.42em;
}
.k-grid:not(.card-grid) td:not(.k-detail-cell) {
  white-space: nowrap;
  overflow: hidden;
}
.k-grid:not(.card-grid) td.k-selected.k-focus, .k-grid:not(.card-grid) td.k-selected:hover {
  background-color: #879ace;
  border-color: #879ace;
  box-shadow: none;
}
.k-grid:not(.card-grid) tr.k-master-row > .k-hierarchy-cell {
  overflow: visible;
}
.k-grid:not(.card-grid) .k-grid-save-changes, .k-grid:not(.card-grid) .k-grid-add, .k-grid:not(.card-grid) .k-grid-cancel-changes {
  float: right;
  text-transform: capitalize;
}
.k-grid:not(.card-grid) tbody .k-button {
  padding: 3px;
  min-width: 26px !important;
}
.k-grid:not(.card-grid) tbody .k-button .k-icon {
  margin-left: 0px;
  margin-right: 0px;
}
.k-grid:not(.card-grid) tbody .fa-trash, .k-grid:not(.card-grid) tbody .fa-pencil {
  color: #8a8a8a;
  min-width: 26px;
}
.k-grid:not(.card-grid) tbody .fa-trash:hover, .k-grid:not(.card-grid) tbody .fa-pencil:hover {
  color: #000;
}
.k-grid:not(.card-grid) .k-grid-custom-title {
  line-height: 2em;
}
.k-grid:not(.card-grid) tr.k-selected {
  background-color: #879ace;
}
.k-grid:not(.card-grid) tr.k-selected:hover td {
  background-color: #879ace;
  border-color: #879ace;
}
.k-grid:not(.card-grid) tr.k-selected > td {
  border-color: #879ace;
}
.k-grid:not(.card-grid) tr.k-detail-row > td.k-detail-cell > * {
  margin-left: -33px;
  margin-right: -6px;
  margin-top: -3px;
  border-bottom: 3px #879ace solid;
  border-left: 3px #879ace solid;
  border-right: 3px #879ace solid;
}
.k-grid:not(.card-grid) tr.admin-grey:not(.k-selected) {
  background-color: gainsboro;
}
.k-grid:not(.card-grid) tr .k-edit-cell .k-input-inner {
  height: 100%;
  padding: 0 0 0 8px;
}
.k-grid:not(.card-grid) tr .k-edit-cell .k-textbox > .k-input-inner {
  padding: 0;
}
.k-grid:not(.card-grid) tr .k-edit-cell .k-input-button {
  height: 100%;
}
.k-grid:not(.card-grid) tr .k-edit-cell .k-picker, .k-grid:not(.card-grid) tr .k-edit-cell .k-numerictextbox, .k-grid:not(.card-grid) tr .k-edit-cell .k-datepicker, .k-grid:not(.card-grid) tr .k-edit-cell .k-textbox {
  height: 24px;
  background-color: white;
}
.k-grid:not(.card-grid) tr .k-edit-cell .k-datepicker {
  max-width: 125px;
}
.k-grid:not(.card-grid) tr .k-edit-cell > .k-multiselect {
  height: auto;
}
.k-grid:not(.card-grid) tr .k-edit-cell > .k-multiselect .k-chip-list {
  gap: 0px 6px;
}
.k-grid:not(.card-grid) tr .k-edit-cell > .k-multiselect .k-input-inner {
  height: 30px;
}
.k-grid:not(.card-grid):not(.white-grid) > .k-toolbar {
  padding: 4px 8px;
  color: #FAFAFA;
}
.k-grid:not(.card-grid):not(.white-grid) > .k-toolbar .k-dropdownlist {
  background-color: #fff;
  height: 26px;
  border: none;
  border-radius: 0;
}
.k-grid:not(.card-grid):not(.white-grid) > .k-toolbar input.k-textbox::placeholder {
  color: #444;
}

@media only screen and (max-width: 1700px) {
  .k-grid .k-pager-sm .k-pager-sizes.k-label {
    font-size: 0px;
  }
  .k-grid .k-pager-sm .k-pager-sizes.k-label > .k-dropdownlist {
    font-size: 14px;
  }
}
.k-grid .k-pager-sizes {
  white-space: nowrap;
}
@media only screen and (max-width: 1400px) {
  .k-grid .k-pager-sizes .k-label {
    font-size: 0px;
  }
  .k-grid .k-pager-sizes .k-label > .k-dropdownlist {
    font-size: Roboto, sans-serif;
  }
}
.k-grid .k-pager-sizes > .k-dropdownlist {
  background-color: #FAFAFA;
  border: none;
  border-radius: 0;
  border-bottom: 0;
  height: 30px;
}
.k-grid .k-pager-sizes > .k-dropdownlist .k-input-inner {
  padding: 0 8px;
}
.k-grid > .k-pager-wrap {
  padding: 0;
}
.k-grid > .k-pager-wrap.noDataPager > *:not(.k-pager-refresh, .k-pager-info) {
  display: none;
}
.k-grid > .k-pager-wrap.k-focus {
  box-shadow: none;
}
.k-grid > .k-pager-wrap .k-pager-refresh {
  margin-left: auto;
}
.k-grid > .k-pager-wrap .k-pager-numbers-wrap {
  margin-top: 0;
  margin-bottom: 0;
  align-self: center;
  padding: 1px 0;
}
.k-grid > .k-pager-wrap .k-pager-numbers {
  background-color: #FAFAFA;
  align-self: center;
}
.k-grid > .k-pager-wrap .k-pager-numbers .k-link {
  border-top-width: 0;
}
.k-grid > .k-pager-wrap .k-pager-numbers .k-link:focus {
  box-shadow: inset 0 0 0 1px rgba(128, 128, 128, 0.2);
}
.k-grid > .k-pager-wrap .k-pager-numbers .k-selected {
  border-color: #00B894;
  color: #001B38;
}
.k-grid > .k-pager-wrap .k-pager-numbers .k-link:not(.k-selected):hover {
  border-color: #e6e6e6;
}

.k-grid .k-toolbar.k-grid-toolbar input.k-textbox::placeholder {
  color: #FAFAFA;
}

.k-grouping-header {
  background-color: #2b4162;
  height: 34px;
  padding: 4px;
}
.k-grouping-header .k-group-indicator {
  color: #FAFAFA;
  background-color: #32408f;
  border-color: #FAFAFA;
  height: 17px;
  line-height: 9px;
}

.k-dirty {
  margin: -0.25em 0 0 -0.35em;
}

.k-grid-header th.k-header {
  padding: 9px 0px 9px 9px;
  vertical-align: middle;
}

.hascheckbox .k-grid-header th.k-header {
  padding: 7px 0px 4px 15px;
}

.k-grid-norecords {
  height: 99%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.k-filter-menu-container {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.k-filter-menu-container .k-button.k-button-solid-primary {
  background-color: #00B894;
  color: white;
}
.k-filter-menu-container .k-button.k-button-solid-primary:hover {
  background-color: #008766;
}

@media only screen and (max-width: 1024px) {
  .k-grid td {
    padding: 0.4em 1em;
  }
  .k-grid td.k-hierarchy-cell {
    padding: 0.4em 0.4em;
  }
  .k-webkit .k-pager-wrap {
    min-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .k-grid .k-header {
    min-height: 25px;
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .k-grid th.k-header {
    padding: 11px 0px 9px 15px;
  }
  .hascheckbox > .k-grid-header th.k-header {
    padding: 5px 0px 4px 15px;
  }
}
/* Reverse Collapse Expand */
.k-i-collapse {
  background-position: 0 -224px;
}

.k-i-expand {
  background-position: 0 -208px;
}

/* Forms */
.k-textbox {
  padding: 0 0 0 10px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #f0f0f0;
}
.k-textbox:hover {
  border-color: #f5f5f5;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}

span.k-tooltip {
  padding: 4px;
}

.k-widget.k-tooltip {
  margin-left: 6px;
  margin-right: 6px;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* Batch Grid display Toolbar Button*/
.k-editable > .k-toolbar > .k-grid-save-changes,
.k-editable > .k-toolbar > div > div > .k-grid-save-changes,
.k-editable > .k-toolbar > div > .k-grid-save-changes,
.k-editable > .k-toolbar > .k-grid-cancel-changes,
.k-editable > .k-toolbar k-grid-cancel-changes > .k-cancel {
  display: none;
}

.isEditing > .k-toolbar > .k-grid-save-changes,
.isEditing > .k-toolbar > div > div > .k-grid-save-changes,
.isEditing > .k-toolbar > div > .k-grid-save-changes,
.isEditing > .k-toolbar > .k-grid-cancel-changes,
.isEditing > .k-toolbar k-grid-cancel-changes > .k-cancel {
  display: flex;
}

.k-cancel {
  text-transform: none;
}

/* Menu */
.k-grid-header .k-header .k-link {
  color: #444;
}

/* Upload Button */
.input_upload .k-dropzone {
  padding: 5px 10px;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border: 1px solid #B2BEC3;
}
.input_upload.showTextOnMobile .k-dropzone {
  width: auto !important;
}
.input_upload.showTextOnMobile .k-dropzone .k-upload-button {
  opacity: initial !important;
}

.k-dropzone {
  padding-top: 7px;
}
.k-dropzone .k-button.k-upload-button {
  max-height: 27px;
  padding: 2px 8px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding-left: 0px !important;
  margin-left: 0px !important;
  color: #444 !important;
}
.k-dropzone .k-upload-status-total {
  top: 0;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}

.k-widget.k-upload.k-header {
  max-height: 35px;
  background-color: transparent;
}
.k-widget.k-upload .k-dropzone .k-dropzone-hint {
  display: none;
  margin-left: 0.6em;
}

.k-combobox.k-input {
  border-color: #B2BEC3;
  border-radius: 0;
}
.k-combobox .k-dropdown-wrap:before, .k-combobox .k-numeric-wrap:before, .k-combobox .k-picker-wrap:before {
  height: 1.86em;
}

.k-button-outline-base.k-hover, .k-button-outline-base:hover {
  color: #444;
  background-color: #FAFAFA;
}

.k-grid-content {
  overflow-y: visible;
  background: #FAFAFA;
}
.k-grid-content > table {
  position: relative;
}

/* Show invalid message inside the grid column, fix the problem of the 1st record */
/*Same as the above, used in ddls with input*/
.k-widget.k-colorpicker.k-header {
  width: 100%;
}
.k-widget.k-colorpicker.k-header .k-selected-color {
  width: 100%;
}
.k-widget.k-colorpicker.k-header .k-select {
  background-color: #FAFAFA;
}

.k-colorpicker .k-tool-icon {
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 1px;
  padding-left: 10px;
}

/*Tree selected*/
.k-treeview.primary-100 .k-treeview-lines .k-item .k-in.k-selected {
  background-color: #E0F5F0;
}
.k-treeview .k-treeview-lines .k-item .k-in.k-selected {
  background-color: #ebebeb;
}
.k-treeview .k-checkbox-label {
  display: inline;
  margin-left: 5px;
}
.k-treeview .k-checkbox {
  border-radius: 2px;
}
.k-treeview .k-checkbox:checked {
  border-color: #00B894;
  color: #fff;
  background-color: #00B894;
}
.k-treeview .k-checkbox.k-state-indeterminate, .k-treeview .k-checkbox:indeterminate {
  border-color: #c9c9c9;
  color: #00B894;
  background-color: #fff;
}
.k-treeview .checkByParent .k-checkbox:checked {
  border-color: #00B894;
  color: #00B894;
  background-color: #ffffff;
}

.k-button:not(.k-disabled):hover .k-i-info {
  background-position: -176px -240px;
}

/*#region ti kanoume edo*/
.datepicker-small-height .k-picker-wrap {
  border: none;
  border-bottom: 1px solid #FAFAFA;
}

.datepicker-small-height .k-input {
  background: #2b4162;
  color: #FAFAFA;
}

.datepicker-small-height .k-picker-wrap {
  border: none;
  border-bottom: 1px solid #2b4162;
}

.datepicker-small-height .k-input {
  background: #c0c9e2;
  color: #2b4162;
}

.datepicker-small-height .k-picker-wrap.k-state-default > .k-select {
  line-height: 23px;
  /*background: #c0c9e2;*/
}

.k-calendar > .k-header {
  background-color: #001B38;
}
.k-calendar > .k-header .k-link.k-hover {
  background-color: #808E9B;
}
.k-calendar > .customWeekCalendar tr:hover {
  box-shadow: 0 1px 0 #f5f5f5 !important;
  background: #f5f5f5 !important;
}
.k-calendar > .k-calendar-view > .k-content tr > td {
  padding: 0;
  border-radius: 0;
}
.k-calendar > .k-calendar-view > .k-content tr > td.k-selected > .k-link, .k-calendar > .k-calendar-view > .k-content tr > td.k-selected.k-focused > .k-link {
  background-color: #00B894;
  border-color: #00B894;
  color: #FAFAFA !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  --ms-box-shadow: none;
}
.k-calendar > .k-calendar-view > .k-content .k-link {
  min-height: 4.271em;
  line-height: 4.271em;
  padding: 0;
  text-align: center;
  border-radius: 0;
}
.k-calendar > .k-calendar-view > .k-content .k-today .k-link {
  color: #00B894;
  box-shadow: inset 0 0 0 1px #00B894;
  border-radius: 0;
}
.k-calendar > .k-calendar-view > .k-content.k-month .k-link {
  min-height: 2.571em;
  line-height: 2.571em;
}
.k-calendar > .k-calendar-view > .k-content.k-century .k-link {
  min-height: 2em;
  line-height: 2em;
}
.k-calendar .k-footer .k-nav-today {
  color: #2B4162;
}

/*.k-calendar td.k-state-selected .k-link {
    background-color: $main-green-color;
    border-color: $main-green-color;
    @include box-shadow(none);
}*/
/*#endregion ti kanoume edo*/
.k-picker-wrap .k-select {
  min-height: 1.7em;
  border: none;
  border-radius: 0px;
}

#assignQuestionnaireGrid > .k-toolbar .k-multiselect, #assignQuestionnaireGridMobile > .k-toolbar .k-multiselect {
  min-height: 24px;
  background: #2b4162;
}
#assignQuestionnaireGrid > .k-toolbar .k-multiselect .k-i-close, #assignQuestionnaireGridMobile > .k-toolbar .k-multiselect .k-i-close {
  top: 1px;
  margin-right: 1px;
}
#assignQuestionnaireGrid > .k-toolbar .k-multiselect .k-input, #assignQuestionnaireGridMobile > .k-toolbar .k-multiselect .k-input {
  height: 15px;
  color: #FAFAFA;
}
#assignQuestionnaireGrid > .k-toolbar .k-multiselect .k-reset .k-button, #assignQuestionnaireGridMobile > .k-toolbar .k-multiselect .k-reset .k-button {
  height: 20px;
  margin: 1px;
  line-height: 17px;
  max-width: 180px;
  white-space: nowrap;
}

#usersQuestionnairesForm .form-group {
  margin: 10px 0;
}

#erganicards .form-group {
  margin-bottom: 0;
}

.k-multiselect {
  background-color: transparent;
}
.k-multiselect .k-chip-list {
  padding: 5px;
}
.k-multiselect .k-chip {
  font-size: 14px;
}
.k-multiselect .k-chip .k-chip-content:first-child {
  margin-inline-start: unset;
}
.k-multiselect .k-chip .k-i-x-circle:before {
  content: "\e11b";
}

.multiSelectToolbar .k-multiselect {
  min-height: 24px;
  background: #2b4162;
}
.multiSelectToolbar .k-multiselect .k-i-close {
  top: 1px;
  margin-right: 1px;
}
.multiSelectToolbar .k-multiselect .k-input-inner {
  height: 15px;
  color: #FAFAFA;
}
.multiSelectToolbar .k-multiselect .k-chip {
  margin: 6px 0 3px 3px;
  padding: 0 1.5em 0 0.457em !important;
  line-height: 1.86em;
  background-color: #c0c9e2 !important;
  border: 1px solid #333 !important;
  border-radius: 5px !important;
  /* background: linear-gradient(to bottom, rgb(181, 203, 216) 0%,rgb(135, 154, 206) 100%); */
  -webkit-box-shadow: inset 1px 1px #deebf3, inset -1px -1px #879ace !important;
  -moz-box-shadow: inset 1px 1px #deebf3, inset -1px -1px #879ace !important;
  box-shadow: inset 1px 1px #deebf3, inset -1px -1px #879ace !important;
  --ms-box-shadow: inset 1px 1px #deebf3, inset -1px -1px #879ace !important;
  color: #2B4162 !important;
}
.multiSelectToolbar .k-multiselect .k-reset .k-button {
  height: 20px;
  margin: 1px;
  line-height: 17px;
  max-width: 180px;
  white-space: nowrap;
}

#PsyDetailsWiz.k-tabstrip:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  --ms-box-shadow: none;
}

.k-tabstrip-wrapper {
  background: #FAFAFA;
}
.k-tabstrip-wrapper > .k-header {
  background-color: transparent;
  color: #444;
}

.k-tabstrip > .k-tabstrip-items-wrapper {
  background: #FAFAFA;
}
.k-tabstrip > .k-tabstrip-items-wrapper > .k-tabstrip-items {
  width: 100%;
}
.k-tabstrip > .k-tabstrip-items-wrapper > .k-tabstrip-items > .k-item {
  margin-bottom: -1px;
  width: max-content;
}
.k-tabstrip .k-hstack > .k-button {
  color: #001B38;
}

.k-tabstrip.first-level-tabs.no-borders > .k-tabstrip-items-wrapper > .k-tabstrip-items {
  border-top: none;
  border-left: none;
  border-right: none;
}
.k-tabstrip.first-level-tabs > .k-content {
  padding: 12px;
  background: #FAFAFA;
}
.k-tabstrip.first-level-tabs > .k-tabstrip-items-wrapper > .k-tabstrip-items {
  background: #FAFAFA;
  border: 1px solid #DFE6E9;
}
.k-tabstrip.first-level-tabs > .k-tabstrip-items-wrapper > .k-tabstrip-items > .k-item {
  text-transform: none;
  border: none;
  height: 38px;
  line-height: 19px;
  margin-right: 5px;
}
.k-tabstrip.first-level-tabs > .k-tabstrip-items-wrapper > .k-tabstrip-items > .k-item .k-link {
  color: #808E9B;
}
.k-tabstrip.first-level-tabs > .k-tabstrip-items-wrapper > .k-tabstrip-items .k-link {
  padding: 10px 15px;
  color: white;
}
.k-tabstrip.first-level-tabs > .k-tabstrip-items-wrapper > .k-tabstrip-items .k-active {
  border-bottom: 2px solid #00B894;
}
.k-tabstrip.first-level-tabs > .k-tabstrip-items-wrapper > .k-tabstrip-items .k-active .k-link {
  color: #00B894;
}
.k-tabstrip.first-level-tabs:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  --ms-box-shadow: none;
}

.k-tabstrip.second-level-tabs > .k-content {
  padding: 12px;
  background: #FAFAFA;
}
.k-tabstrip.second-level-tabs > .k-tabstrip-items-wrapper > .k-tabstrip-items {
  background: #FAFAFA;
  border-top: 1px solid #DFE6E9;
  justify-content: flex-end;
}
.k-tabstrip.second-level-tabs > .k-tabstrip-items-wrapper > .k-tabstrip-items > .k-item {
  text-transform: none;
  border: none;
  height: 38px;
  line-height: 19px;
  margin-right: 5px;
  margin-top: -1px;
  border-top: 1px solid #DFE6E9;
}
.k-tabstrip.second-level-tabs > .k-tabstrip-items-wrapper > .k-tabstrip-items > .k-item .k-link {
  color: #808E9B;
}
.k-tabstrip.second-level-tabs > .k-tabstrip-items-wrapper > .k-tabstrip-items .k-link {
  padding: 10px 15px;
  color: white;
}
.k-tabstrip.second-level-tabs > .k-tabstrip-items-wrapper > .k-tabstrip-items .k-active {
  border-top: 1px solid #00B894;
}
.k-tabstrip.second-level-tabs > .k-tabstrip-items-wrapper > .k-tabstrip-items .k-active .k-link {
  color: #00B894;
}
.k-tabstrip.second-level-tabs:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  --ms-box-shadow: none;
}
.k-tabstrip.second-level-tabs.tab-2px .k-tabstrip-items {
  border-top-width: 1px;
}
.k-tabstrip.second-level-tabs.tab-2px .k-tabstrip-items > .k-item {
  margin-top: -2px;
  border-top: 2px solid #DFE6E9;
}
.k-tabstrip.second-level-tabs.tab-2px .k-tabstrip-items > .k-item.k-active {
  border-top: 2px solid #00B894;
}

/*Form buttons images save-delete*/
.k-i-update {
  opacity: 1 !important;
  margin-right: 5px !important;
}

.k-i-update:before {
  content: "\e118";
}

.toolbarmargin {
  display: flex;
}
.toolbarmargin.h40 {
  height: 40px;
}
.toolbarmargin > div:not(.ml-auto) {
  margin: 3px 3px 3px 3px !important;
}

/* #region Kendo Window */
.k-widget.k-window {
  background: #FAFAFA;
  padding-top: 30px !important;
}
.k-widget.k-window .k-window-titlebar {
  border: none;
  background: #FAFAFA;
  margin-top: -30px !important;
  padding: 5px 15px;
}
.k-widget.k-window .k-window-titlebar .k-window-title {
  color: #2B4162;
}
.k-widget.k-window .k-window-titlebar .k-window-actions .k-window-action {
  color: #2B4162;
}
.k-widget.k-window .k-window-titlebar .k-window-actions .k-window-action:hover {
  color: black;
}
.k-widget.k-window .k-window-titlebar .k-window-actions .k-hover {
  background-color: #FAFAFA !important;
  border-color: #FAFAFA !important;
}
.k-widget.k-window .k-window-titlebar .k-window-actions .k-icon.k-i-maximize {
  background-position: -32px -144px;
}
.k-widget.k-window .k-window-titlebar .k-window-actions .k-icon.k-i-close {
  background-position: -32px -16px;
}
.k-widget.k-window .k-window-titlebar .k-window-actions .k-icon.k-i-restore {
  background-position: -32px -128px;
}
.k-widget.k-window .k-window-content {
  background: #FAFAFA;
}

.mobile .k-tabstrip:focus {
  box-shadow: none !important;
}
.mobile .k-animation-container .k-list-container .k-list .k-list-ul {
  overflow: auto;
}

/* #endregion Kendo Window */
.k-treelist .k-grid-content .k-selected td {
  background: #c3cfed !important;
  opacity: 0.7;
}

.k-popup.choes-comboboxgroup-template .k-list-scroller {
  margin-top: 17px;
}
.k-popup.choes-comboboxgroup-template .k-list .k-item {
  padding-left: 25px;
}
.k-popup.choes-comboboxgroup-template .k-list .k-item.k-first {
  position: relative;
  padding-top: 17px !important;
}
.k-popup.choes-comboboxgroup-template .k-list .k-item > .k-group {
  border-bottom-left-radius: 1px;
  background: #001B38 !important;
  color: white !important;
  position: absolute;
  top: 0;
  left: 0;
  right: unset;
  padding: 0 0.5em;
  font-size: 10px;
  line-height: 1.8;
}
.k-popup.choes-comboboxgroup-template .k-list .k-item > .k-group:before {
  border-color: #001B38 transparent transparent #001B38;
  display: block;
  content: " ";
  border-width: 9px;
  border-style: solid;
  position: absolute;
  right: -18px;
  bottom: 0;
}
.k-popup.choes-comboboxgroup-template > .k-group-header {
  border-bottom-left-radius: 1px;
  background: #001B38 !important;
  color: white !important;
  position: absolute;
  top: 0;
  left: 0;
  right: unset;
  padding: 0 0.5em;
  font-size: 10px;
  z-index: 1;
}
.k-popup.choes-comboboxgroup-template > .k-group-header:before {
  border-color: #001B38 transparent transparent #001B38;
  display: block;
  content: " ";
  border-width: 10px;
  border-style: solid;
  position: absolute;
  right: -20px;
  bottom: 1px;
}

.k-popup.choes-group-template .k-list .k-item {
  padding-left: 25px;
}
.k-popup.choes-group-template .k-list .k-item.k-first {
  position: relative;
  padding-top: 17px !important;
}
.k-popup.choes-group-template .k-list .k-item > .k-group {
  border-bottom-left-radius: 1px;
  background: #001B38 !important;
  color: white !important;
  position: absolute;
  top: 0;
  left: 0;
  right: unset;
  padding: 0 0.5em;
  font-size: 10px;
  line-height: 1.8;
}
.k-popup.choes-group-template .k-list .k-item > .k-group:before {
  border-color: #001B38 transparent transparent #001B38;
  display: block;
  content: " ";
  border-width: 9px;
  border-style: solid;
  position: absolute;
  right: -18px;
  bottom: 0;
}
.k-popup.choes-group-template > .k-virtual-wrap > .k-group-header {
  text-align: center;
  background: white;
  color: white !important;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0px !important;
  z-index: 1;
}
.k-popup.choes-group-template > .k-virtual-wrap > .k-group-header .showFixedGroup {
  background: #001B38 !important;
  padding: 5px 6.5px 5px 6.5px;
}
.k-popup.choes-group-template > .k-virtual-wrap > .k-group-header .showFixedGroup:before {
  border-color: #001B38 transparent transparent #001B38;
  display: block;
  content: " ";
  border-width: 12.2px;
  border-style: solid;
  position: absolute;
  right: -23.4px;
  bottom: 0;
}
.k-popup.choes-group-template > .k-group-header {
  text-align: center;
  background: white;
  color: white !important;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0px !important;
  z-index: 1;
}
.k-popup.choes-group-template > .k-group-header .showFixedGroup {
  background: #001B38 !important;
  padding: 5px 6.5px 5px 6.5px;
}
.k-popup.choes-group-template > .k-group-header .showFixedGroup:before {
  border-color: #001B38 transparent transparent #001B38;
  display: block;
  content: " ";
  border-width: 12px;
  border-style: solid;
  position: absolute;
  right: -23.4px;
  bottom: 2px;
}
.k-popup.choes-group-template .k-hover > .k-group {
  right: auto;
}
.k-popup.choes-group-template .k-list-filter {
  margin-top: 19px !important;
}

.k-menu:not(.k-context-menu) {
  background-color: transparent;
  border: none;
}
.k-menu:not(.k-context-menu) .k-item {
  border: none;
}
.k-menu:not(.k-context-menu) .k-item.k-focus, .k-menu:not(.k-context-menu) .k-item:hover, .k-menu:not(.k-context-menu) .k-item:active {
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  --ms-box-shadow: none;
}
.k-menu:not(.k-context-menu) .k-item .k-menu-link {
  border: none;
}
.k-menu:not(.k-context-menu) .k-item .k-animation-container .k-content {
  white-space: nowrap;
}

ul.k-tabstrip-items .k-loading {
  border-top-width: 0;
}

.k-upload {
  background-color: transparent;
  border: none;
}

.k-grid-content > .k-loading-mask {
  display: none !important;
}

.k-toolbar {
  background-color: #fafafa;
}

.k-button.k-state-active:hover {
  color: #fff;
  border-color: #00b894;
  background-color: #00b894;
}
.k-button.k-state-active:hover .ch-tx-disable {
  color: #fff;
}
.k-button.k-button-transparent {
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: #808E9B;
}
.k-button.k-button-transparent:hover {
  color: #001B38;
}

.custom-color-picker .k-colorpicker {
  width: 100%;
}
.custom-color-picker .k-colorpicker .k-picker-wrap {
  height: 40px;
  border: 1px solid #b2bec3;
}
.custom-color-picker .k-colorpicker .k-picker-wrap .k-selected-color {
  width: 100%;
  height: 40px;
}
.custom-color-picker .k-colorpicker .k-picker-wrap .k-icon {
  height: 40px;
}

.k-chart-tooltip {
  padding: 0px;
}

/* Primary Grid Checkbox on grid */
.grid-checkbox-primary .c-checkbox input[type=checkbox]:checked + span {
  border-color: #2B4162 !important;
  background-color: #2B4162 !important;
}

.k-daterangepicker {
  background-color: #fafafa;
}
.k-daterangepicker.hideEndDate span:nth-child(3) {
  display: none !important;
}

.white-grid .k-grid-content tr:not(.k-detail-row):hover .k-daterangepicker {
  background-color: #ebebeb;
}

/*#region Custom Grid Pop Up editor*/
.k-edit-form-container {
  width: 100%;
}

.choes-popup-editor .k-window-titlebar .k-window-title {
  color: #001B38;
  padding-top: 10px;
  padding-left: 10px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-size: 20px;
  letter-spacing: 0.0015em;
  display: flex;
  flex-direction: column;
}
.choes-popup-editor .k-window-titlebar .k-window-title .subtitle {
  font-size: 14px;
  color: #808E9B;
  line-height: 14px;
}
.choes-popup-editor > div.k-popup-edit-form {
  padding: 0 10px;
}
.choes-popup-editor .k-edit-form-container {
  width: 100%;
}
.choes-popup-editor .k-edit-form-container .k-edit-label {
  width: 100%;
  text-align: left;
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
  color: #001B38;
}
.choes-popup-editor .k-edit-form-container .k-edit-field {
  float: none;
  width: 100%;
  margin-bottom: 0.5rem;
}
.choes-popup-editor .k-edit-form-container .k-edit-field input.k-textbox {
  height: 40px;
}
.choes-popup-editor .k-edit-form-container .k-edit-field.bordered-input-numeric .k-numerictextbox {
  width: 100%;
}
.choes-popup-editor .k-edit-form-container .k-edit-field .k-picker-wrap .k-select, .choes-popup-editor .k-edit-form-container .k-edit-field .k-colorpicker .k-selected-color {
  height: 38px;
}
.choes-popup-editor .k-edit-form-container .k-edit-field .caledarIconPopUp.bordered-ddl > .k-input-inner {
  padding: 0;
  min-width: 25px;
}
.choes-popup-editor .k-edit-form-container .k-edit-field .caledarIconPopUp.bordered-ddl > .k-input-inner .k-input-button {
  width: 28px !important;
}
.choes-popup-editor .k-edit-form-container .k-edit-field .caledarIconPopUp.bordered-ddl > .k-input-inner .k-input-value-text {
  text-indent: 0.5em;
}
.choes-popup-editor .k-edit-form-container .k-dropdownlist, .choes-popup-editor .k-edit-form-container .k-datepicker, .choes-popup-editor .k-edit-form-container .k-numerictextbox, .choes-popup-editor .k-edit-form-container .k-combobox, .choes-popup-editor .k-edit-form-container .k-dateinput {
  background-color: #ffffff !important;
  border-radius: 0;
  border-color: #B2BEC3 !important;
}
.choes-popup-editor .k-edit-form-container .k-dropdownlist .k-input-button, .choes-popup-editor .k-edit-form-container .k-dropdownlist .k-button, .choes-popup-editor .k-edit-form-container .k-datepicker .k-input-button, .choes-popup-editor .k-edit-form-container .k-datepicker .k-button, .choes-popup-editor .k-edit-form-container .k-numerictextbox .k-input-button, .choes-popup-editor .k-edit-form-container .k-numerictextbox .k-button, .choes-popup-editor .k-edit-form-container .k-combobox .k-input-button, .choes-popup-editor .k-edit-form-container .k-combobox .k-button, .choes-popup-editor .k-edit-form-container .k-dateinput .k-input-button, .choes-popup-editor .k-edit-form-container .k-dateinput .k-button {
  background-color: #ffffff !important;
}
.choes-popup-editor .form-control {
  height: 40px;
  border-color: #b2bec3;
}
.choes-popup-editor .k-button.k-button-solid-primary {
  order: 1;
  border-color: #00B894 !important;
  color: #fff;
  background-color: #00B894 !important;
  border-radius: 2px;
}
.choes-popup-editor a.choes-popup-delete {
  position: absolute;
  z-index: 10;
  bottom: -6px;
  left: -2px;
  color: #444;
}
.choes-popup-editor .k-edit-form-container .k-edit-buttons {
  margin-bottom: 1em;
}
.choes-popup-editor textarea.form-control {
  border-color: #B2BEC3;
  border-radius: 2px;
}
.choes-popup-editor .cke_chrome {
  border: none;
}
.choes-popup-editor .cke_inner .cke_top {
  background: #fafafa;
}
.choes-popup-editor .cke_inner .cke_bottom {
  background: #fafafa !important;
}
.choes-popup-editor .cke_inner .cke_bottom .cke_path_item, .choes-popup-editor .cke_inner .cke_bottom .cke_path_empty {
  color: #808E9B;
}
.choes-popup-editor .cke_inner .cke_bottom .cke_resizer {
  border-color: transparent #808E9B transparent transparent;
}
.choes-popup-editor .k-editor-toolbar li.k-tool-group .k-tool {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-color: #001B38;
  color: #808E9B;
}
.choes-popup-editor .daysofweekWrapper {
  border: 1px solid #B2BEC3;
  border-radius: 2px;
  padding: 12px;
}
.choes-popup-editor .k-grid .k-daterangepicker .k-textbox-container {
  max-width: 100px;
}
.choes-popup-editor .k-grid .k-daterangepicker .k-textbox-container input.k-textbox {
  line-height: 23px;
}
.choes-popup-editor .editFormDateRange.k-daterangepicker .k-textbox-container > .k-label {
  color: #2B4162;
  transform: scale(1);
  top: calc(1.7321428575em - 30px);
}
.choes-popup-editor .editFormDateRange.k-daterangepicker .k-textbox-container input.k-textbox {
  border-color: #B2BEC3 !important;
}
.choes-popup-editor .codemirror-textarea {
  width: 100%;
  min-height: 34px;
}
.choes-popup-editor .codemirror-textarea .CodeMirror-sizer {
  min-height: 31px !important;
}

/*#endregion Custom Grid Pop Up editor*/
/*#region Scheduler*/
.k-scheduler:not(.grey-white-row-scheduler-timeline):not(.grey-white-row-scheduler) .k-scheduler-table .k-today:not(.k-nonwork-hour), .k-scheduler:not(.grey-white-row-scheduler-timeline):not(.grey-white-row-scheduler) .k-today > .k-scheduler-datecolumn, .k-scheduler:not(.grey-white-row-scheduler-timeline):not(.grey-white-row-scheduler) .k-today > .k-scheduler-groupcolumn {
  background-color: #586C90;
  color: #FAFAFA;
}

.k-scheduler {
  background-color: #FAFAFA;
}
.k-scheduler .k-scheduler-layout .k-event {
  z-index: 2;
}
.k-scheduler .k-scheduler-layout .k-event .k-event-actions {
  margin-left: 0;
}
.k-scheduler .k-scheduler-toolbar {
  background-color: #FAFAFA;
  color: #808E9B;
  line-height: 40px;
}
.k-scheduler .k-scheduler-toolbar > .k-button {
  order: 1;
  margin-left: auto;
  color: #808E9B;
  background-color: #FAFAFA;
  border: none;
}
.k-scheduler .k-scheduler-toolbar > .k-button:hover {
  color: #808E9B;
  background-color: #FAFAFA;
  border-color: #808E9B;
}
.k-scheduler .k-scheduler-toolbar > .k-spacer.k-toolbar-spacer {
  display: none;
}
.k-scheduler .k-scheduler-toolbar > .k-scheduler-views-wrapper {
  margin-left: 15px;
}
.k-scheduler .k-scheduler-toolbar > .k-scheduler-navigation > .k-button {
  color: #808E9B;
  background-color: #FAFAFA;
  border: 1px solid #B2BEC3;
  border-radius: 0 !important;
  margin-right: 6px;
  height: 32px;
}
.k-scheduler .k-scheduler-toolbar > .k-scheduler-navigation > .k-button:hover {
  color: #808E9B;
  background-color: #FAFAFA;
  border-color: #808E9B;
}
.k-scheduler .k-scheduler-toolbar > .k-scheduler-navigation > .ddl-white {
  display: flex;
  align-items: center;
}
.k-scheduler .k-scheduler-toolbar .k-scheduler-views.k-button-group {
  display: flex;
  gap: 5px;
}
.k-scheduler .k-scheduler-toolbar .k-scheduler-views.k-button-group .k-button {
  border-radius: 30px !important;
  color: #808E9B;
  background-color: #FAFAFA;
  border: 1px solid #B2BEC3;
  text-decoration: none;
  padding: 5px 14px;
}
.k-scheduler .k-scheduler-toolbar .k-scheduler-views.k-button-group .k-button:hover {
  color: #808E9B;
  background-color: #FAFAFA;
  border-color: #808E9B;
}
.k-scheduler .k-scheduler-toolbar .k-scheduler-views.k-button-group .k-button:hover:not(.k-nav-current) {
  color: #FAFAFA;
  background-color: #008766;
  border-color: #008766;
}
.k-scheduler .k-scheduler-toolbar .k-scheduler-views.k-button-group .k-button.k-selected {
  color: #FAFAFA;
  background-color: #00B894;
  border-color: #00B894;
}
.k-scheduler .k-scheduler-monthview .k-scheduler-table tr td:first-child::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  min-height: 80px;
}
.k-scheduler .k-other-month {
  background-color: #F6F8F9;
}
.k-scheduler .k-scheduler-table {
  background-color: #FAFAFA;
}
.k-scheduler .weekendDay {
  background-color: #F3F3F3;
}
.k-scheduler .isBlackoutDay {
  position: relative;
  z-index: 3;
  background: #EEF0F2;
}
.k-scheduler i.calendarIcon {
  display: block;
  float: left;
  font-size: 20px;
}
.k-scheduler .calendarTitle {
  font-size: 16px;
  display: block;
}
.k-scheduler .defaultBlackoutIcon img.calendarIcon, .k-scheduler .defaultBlackoutIcon i.calendarIcon {
  position: absolute;
  top: calc(50% - 16px);
  left: calc(50% - 11px);
  font-size: 32px;
  color: #DFE6E9;
}
.k-scheduler .defaultBlackoutIcon .calendarTitle {
  float: left;
  text-align: left;
  width: 85%;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
}
.k-scheduler .leaveEventContainer {
  width: calc(100% - 60px);
  display: flex;
  line-height: 24px;
  height: 100%;
}
.k-scheduler .leaveEventContainer .fa {
  line-height: 24px;
}
.k-scheduler .leaveEventContainer .fa-info-circle {
  margin-left: auto;
}
.k-scheduler .invalidSlot {
  background-color: #f44336 !important;
}

.k-edit-form-container .k-scheduler-delete {
  color: #444;
}
.k-edit-form-container .k-scheduler-delete.k-primary {
  border-color: #00B894 !important;
  color: #fff;
  background-color: #00B894 !important;
}

.editFormDateRange.k-daterangepicker > span:not(.k-floating-label-container) {
  display: inline-block;
  width: 0px;
}
.editFormDateRange.k-daterangepicker > span.k-floating-label-container {
  width: calc(50% - 15px);
  max-width: unset;
}

/*#endregion Scheduler*/
/*#region new window*/
.new-window-title {
  padding: 10px;
  border-bottom: 1px solid #DFE6E9;
}

.new-window-actions {
  top: 12px !important;
  right: 12px !important;
}

.new-window-titlebar {
  padding-bottom: 0 !important;
}

/*#endregion new window*/
.k-popup .k-list-filter {
  padding: 0;
}

.k-list-item.k-selected {
  color: #00B894;
  background-color: #FAFAFA;
}
.k-list-item.k-selected:hover {
  color: #008766;
}

.k-list-optionlabel, .k-list-optionlabel.k-selected {
  border-color: #B2BEC3;
}

.k-grid-search {
  background: 0 0;
  background-color: #fff;
  color: #444;
  float: right;
  position: relative;
  display: flex;
}
.k-grid-search > .k-input {
  width: 100%;
  background: 0 0;
  background-color: #fff;
  color: #444;
  border: none;
}
.k-grid-search > .k-input-icon {
  width: 2.42142857em;
  position: absolute;
  right: 0;
}

.k-toolbar .k-input, .k-toolbar .k-picker {
  width: 100%;
}

.k-draghandle {
  border-width: 2px;
}

.k-edit-form-container .k-button {
  margin: 0 0.16em;
}

.k-edit-form-container .k-button, .k-edit-form-container .k-primary:active, .k-popup .k-button, .k-popup .k-primary:active, .k-popup .k-primary:active:hover {
  color: #444;
  background-color: #fafafa;
  border-color: #fafafa;
  box-shadow: none;
}
.k-edit-form-container .k-button.k-button-solid-primary, .k-edit-form-container .k-primary:active.k-button-solid-primary, .k-popup .k-button.k-button-solid-primary, .k-popup .k-primary:active.k-button-solid-primary, .k-popup .k-primary:active:hover.k-button-solid-primary {
  color: white;
  background-color: #00B894;
}

.k-drag-clue, .k-grid-header, .k-grouping-header, .k-header, .k-menu, .k-progressbar, .k-state-highlight, .k-tabstrip, .k-tabstrip-items .k-item {
  background-color: #FAFAFA;
}

.k-daterangepicker .k-label {
  font-weight: normal;
  font-size: 19px;
  line-height: normal;
}
.k-daterangepicker .k-dateinput.k-input {
  margin-top: 5px;
}

#reportOrgChartProjectsGrid tr {
  background-color: unset;
  color: unset;
}
#reportOrgChartProjectsGrid td:hover {
  background-color: unset;
  color: unset;
}
#reportOrgChartProjectsGrid td:not(:hover) {
  background-color: unset;
  color: unset;
}

.remove-margin-on-multiselect .k-chip {
  margin: unset !important;
}

.remove-k-menu-arrow .k-menu-expand-arrow {
  display: none;
}

.range-datepicker-hidden-labels {
  gap: 5px;
}
.range-datepicker-hidden-labels .k-floating-label-container {
  padding: 0;
}
.range-datepicker-hidden-labels .k-floating-label-container .k-input {
  margin: 0 !important;
}
.range-datepicker-hidden-labels .k-floating-label-container .k-label {
  display: none;
}

.grey-bg-dropdown .k-chip-solid-base {
  border-radius: 20px !important;
  background-color: #E5E9EB !important;
  color: unset !important;
  border: unset;
}
.grey-bg-dropdown .bordered-multiddl.k-multiselect .k-chip {
  border-radius: 20px !important;
  background-color: #E5E9EB !important;
  color: black !important;
}
.grey-bg-dropdown .bordered-multiddl.k-multiselect .k-chip .k-icon.k-i-x-circle {
  color: lightGrey;
}
.grey-bg-dropdown .bordered-multiddl.k-multiselect .k-chip .k-chip-label {
  padding-left: 5px !important;
}

.calendar-without-paddings .k-calendar .k-calendar-decadeview, .calendar-without-paddings .k-calendar .k-calendar-monthview, .calendar-without-paddings .k-calendar .k-calendar-yearview {
  padding: unset !important;
}
.calendar-without-paddings .k-calendar > .k-header {
  padding: unset !important;
}

.remove-toolbar-on-scheduler .k-scheduler-toolbar {
  display: none;
}

.white-header-calendar .k-header {
  background-color: #fff !important;
  color: #424242;
}

#bookingAnalysisGrid .k-grouping-row {
  height: 40px;
}

.white-group-details-grid.k-grid tr.k-detail-row > td.k-detail-cell > * {
  margin-left: -33px;
  margin-right: -6px;
  margin-top: -3px;
  border-bottom: unset !important;
  border-left: unset !important;
  border-right: unset !important;
}

/* Stepper */
.k-stepper {
  background: #FAFAFA;
}
.k-stepper .k-step-list-horizontal {
  background: #FAFAFA;
}
.k-stepper .k-step-indicator {
  border-color: #B2BEC3;
}
.k-stepper .k-step-text {
  max-width: none !important;
}
.k-stepper .k-widget.k-progressbar.k-progressbar-horizontal {
  border-bottom-color: #B2BEC3 !important;
  border-top-color: #B2BEC3 !important;
}