:root {
  --color-primary-focus-dark: #001d6c;
  --color-primary-focus-mid: #002d9c;
  --color-primary-focus-light: #0043ce;
  --color-primary-neutral-dark: #006dd7;
  --color-primary-neutral-mid: #4589ff;
  --color-primary-neutral-light: #78a9ff;
  --color-primary-light-shade-dark: #a6c8ff;
  --color-primary-light-shade-mid: #d0e2ff;
  --color-primary-light-shade-light: #edf5ff;
  --color-text-dark: #121619;
  --color-text-default: #475467;
  --color-text-muted: #697077;
  --color-text-light: #d0d5dd;
  --color-text-primary: #006dd7;
  --color-text-error: #d92d20;
  --color-gray-focus-darker: #121619;
  --color-gray-focus-dark: #1d1b1b;
  --color-gray-focus-mid: #344054;
  --color-gray-focus-light: #475467;
  --color-gray-neutral-dark: #697077;
  --color-gray-neutral-mid: #878d96;
  --color-gray-neutral-light: #d0d5dd;
  --color-gray-light-shade-dark: #e4e7ec;
  --color-gray-light-shade-mid: #f2f4f7;
  --color-gray-light-shade-light: #f2f4f8;
  --color-gray-light-shade-lighter: #ffffff;
  --color-error-dark: #b42318;
  --color-error-mid: #d92d20;
  --color-error-light: #fef3f2;
  --color-warning-dark: #c4320a;
  --color-warning-mid: #dc6803;
  --color-warning-light: #fff6ed;
  --color-highlight-dark: #a16207;
  --color-highlight-mid: #ca8a04;
  --color-highlight-light: #fffaeb;
  --color-success-dark: #027a48;
  --color-success-mid: #039855;
  --color-success-light: #ecfdf3;
  --color-info-dark: #002d9c;
  --color-info-mid: #0043ce;
  --color-info-light: #edf5ff;
  --color-background-body: #ffffff;
  --color-background-primary: #f2f4f8;
  --color-background-secondary: #ffffff;
  --color-background-ternary: #f2f4f7;
  --color-border-darker: #121619;
  --color-border-dark: #475467;
  --color-border-mid: #e4e7ec;
  --color-border-light: #f2f4f7;
  --color-button-primary-default: #0043ce;
  --color-button-primary-hover: #000001;
  --color-button-primary-focus: #002d9c;
  --color-button-primary-text: #ffffff;
  --color-button-secondary-default: #dde1e6;
  --color-button-secondary-hover: #dde1e6;
  --color-button-secondary-focus: #c1c7cd;
  --color-button-secondary-text: #344054;
  --color-button-distract-default: #d92d20;
  --color-button-distract-hover: #d92d20;
  --color-button-distract-focus: #b42318;
  --color-button-distract-text: #ffffff;
  --color-link-primary: #0043ce;
  --color-link-secondary: #121619;
  --color-icons-dark: #1d1b1b;
  --color-icons-mid: #475467;
  --color-icons-light: #697077;
  --color-input-border-default: #f2f4f7;
  --color-input-border-focus: #f2f4f7;
  --color-input-border-error: #d92d20;
  --color-input-background: #ffffff;
  --color-purple-dark: #5925dc;
  --color-purple-mid: #7a5af8;
  --color-purple-light: #ebe9fe;
  --color-blue-light-dark: #026aa2;
  --color-blue-light-mid: #0086c9;
  --color-blue-light-light: #e0f2fe;
  --color-pink-dark: #c11574;
  --color-pink-mid: #dd2590;
  --color-pink-light: #fce7f6;
  --color-teal-dark: #0f766e;
  --color-teal-mid: #0d9488;
  --color-teal-light: #ccfbf1;
}

.kriyo-stories .m-form-field__input {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  border-radius: 5px;
}
.kriyo-stories .c-add-employee__form-m .m-form-field {
  margin-bottom: 25px;
}
.kriyo-stories .m-form-field__lbl {
  min-height: 0 !important;
  margin-bottom: 0 !important;
}

.kriyo-stories h2.t2 {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 28px !important;
}
.kriyo-stories .m-form-field__field-item.m-list-input {
  background-size: 2em !important;
}
.kriyo-stories span.c-breadcrumbs__divider {
  margin-right: 5px;
}

.kriyo-stories .m-alert .m-alert--success .is__invisible-true {
  display: none;
}

.kriyo-stories .m-alert .m-alert--success .is__invisible-false {
  display: block;
}
.kriyo-stories .m-alert {
  left: 83% !important;
  left: auto;
}

span.s-small-normal.gray-500 {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.kriyo-stories .o-modal__body {
  padding: 0;
}

.kriyo-stories .o-modal__inner-header {
  height: auto;
}

.kriyo-stories .c-form__card {
  background-color: rgb(255, 255, 255);
  box-shadow: none;
  height: 100%;
  /*padding: 20px;*/
}

input[type=radio]:checked ~ label {
  /*color: #147AD6;*/
  color: unset;
}

.a-toggle__label-stories {
  font-size: 14px;
  color: #4D5358;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.kriyo-stories .m-form-field__field-item {
  /*top: 1px;*/
  /*border-radius:5px;*/
}

.kriyo-stories .c-form-uni__header .c-form__content-header {
  padding: 20px;
}

.c-user__project-details-wrapper{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  grid-column-gap: 20px !important;
  grid-auto-flow: row !important;
}



/*QA UI Issue Fixes V1 Start*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-box-shadow: none !important;
  -webkit-text-fill-color: #121619 !important;
}
.kriyo-stories .o-accordion__block-label{
  margin-bottom: 0;
}
.kriyo-stories .c-user__project-details-wrapper {
  gap: 20px;
}
.kriyo-stories .c-form-uni__header {
  border-bottom: 1px solid #DDE1E6;
  padding: 20px !important;
}
.c-bank-details__wrap {
  padding: 0 20px 20px;
}
.kriyo-stories .m-form-field__error {
  font-size: 12px !important;
}
.m-form-field.has-error .m-form-field__field {
  background-size: 1.8em !important;
}
.c-autocomplete__wrap .autocomplete-container{
  box-shadow: none !important;
}
.autocomplete-container .suggestions-container ul li a {
  padding: 14px 15px;
  display: block;
  text-decoration: none;
  cursor: pointer;
  color: rgba(0,0,0,.87) !important;
  font-size: 14px !important;
  font-weight: 500;
}

.kriyo-stories .c-experience-logo__preview-wrapper{
  height: auto !important;
  min-height: 220px;
  border-radius: 6px;
  box-shadow: none;
  background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat:  no-repeat;
}
.kriyo-stories .c-experience__logo-preview {
  text-align: center;
  color: #344054;
  font-size: 14px;
  font-weight: 600;
  height: 220px;
  width: 217px;
  line-height: 220px;
}
.c-data-table__body-wrapper {
  width: 100%;
  height: calc(80vh - 240px);
  overflow-x: auto;
}
.kriyo-stories .l-page__aside-left {
  min-height: calc(100vh - 45px) !important;
}
.kriyo-stories .c-employee-table__modal-bottom-top {
  position: absolute;
  bottom: 30px;
  right: 0;
  top: unset;
}
.kriyo-stories .c-employee-table__modal {
  z-index: 10;
}
/*QA UI Issue Fixes V1 End*/


.o-modal__inner-close:hover, .o-modal__inner-close:focus {
  border: 0;
  background: transparent;
  color: var(--colorTextDark) !important;
}