@font-face {
  font-family: "EYInterstate";
  src: url(97bea81251628adb6fbc.ttf);
  font-display: block;
}
@font-face {
  font-family: "EYInterstate";
  font-style: italic;
  src: url(46d741588f2b2e5b197b.ttf);
  font-display: block;
}
@font-face {
  font-family: "EYInterstate";
  font-weight: bold;
  src: url(f07c89384f3eec42f61f.ttf);
  font-display: block;
}
@font-face {
  font-family: "EYInterstate";
  font-style: italic;
  font-weight: bold;
  src: url(89c2a049b1d8be20a8cb.ttf);
  font-display: block;
}
@font-face {
  font-family: "EYInterstate";
  font-weight: 300;
  src: url(7ba89db1182d37c35377.ttf);
  font-display: block;
}

/**
 * main.less
 */
/*  Adding an @import here to point at the
 *  EY Online Style Guide. This is required because of some issues with
 *  The "extract-text-webpack-plugin", or webpack itself. In either case,
 *  relying on the @import order instead of webpack fixes the issue.
 *  TODO: undo this later, and just refer to the OSG in the top-level
 *  component. */
/**
 * Global LESS variables
 */
/* Colors */
/* Layout */
.global-lh-pd-fs {
  padding: 0 10px;
}
:root {
  --px-0: 0;
  --px-0_1: 0.00714rem;
  --px-0_5: 0.03571rem;
  --px-0_8: 0.05714rem;
  --px-1: 0.07143rem;
  --px-1_5: 0.10714rem;
  --px-2: 0.14286rem;
  --px-2_5: 0.17857rem;
  --px-3: 0.21429rem;
  --px-3_5: 0.25rem;
  --px-3_7: 0.26429rem;
  --px-3_8: 0.27143rem;
  --px-4: 0.28571rem;
  --px-4_4: 0.31429rem;
  --px-4_5: 0.32143rem;
  --px-5: 0.35714rem;
  --px-5_5: 0.39286rem;
  --px-6: 0.42857rem;
  --px-6_5: 0.46429rem;
  --px-7: 0.5rem;
  --px-7_14: 0.51rem;
  --px-7_1429: 0.51021rem;
  --px-7_37: 0.52643rem;
  --px-7_5: 0.53571rem;
  --px-8: 0.57143rem;
  --px-8_5: 0.60714rem;
  --px-8_5714: 0.61224rem;
  --px-8_8: 0.62857rem;
  --px-9: 0.64286rem;
  --px-9_3: 0.66429rem;
  --px-10: 0.71429rem;
  --px-11: 0.78571rem;
  --px-11_4286: 0.81633rem;
  --px-12: 0.85714rem;
  --px-12_2: 0.87143rem;
  --px-12_25: 0.875rem;
  --px-12_5: 0.89286rem;
  --px-13: 0.92857rem;
  --px-14: 1rem;
  --px-14_5: 1.03571rem;
  --px-15: 1.07143rem;
  --px-15_5: 1.10714rem;
  --px-15_6: 1.11023rem;
  --px-16: 1.14286rem;
  --px-17: 1.21429rem;
  --px-17_1: 1.25rem;
  --px-18: 1.28571rem;
  --px-19: 1.35714rem;
  --px-20: 1.42857rem;
  --px-21: 1.5rem;
  --px-22: 1.57143rem;
  --px-22_22: 1.58604rem;
  --px-22_222: 1.58729rem;
  --px-23: 1.64286rem;
  --px-23_5: 1.67857rem;
  --px-24: 1.71429rem;
  --px-25: 1.78571rem;
  --px-26: 1.85714rem;
  --px-27: 1.92857rem;
  --px-27_5: 1.96429rem;
  --px-28: 2rem;
  --px-29: 2.07143rem;
  --px-30: 2.14286rem;
  --px-31: 2.21429rem;
  --px-32: 2.28571rem;
  --px-32_5: 2.32143rem;
  --px-33: 2.35714rem;
  --px-33_4: 2.38571rem;
  --px-33_6: 2.4rem;
  --px-34: 2.42857rem;
  --px-35: 2.5rem;
  --px-36: 2.57143rem;
  --px-37: 2.64286rem;
  --px-38: 2.71429rem;
  --px-39: 2.78571rem;
  --px-40: 2.85714rem;
  --px-41: 2.92857rem;
  --px-42: 3rem;
  --px-43: 3.07143rem;
  --px-43_7: 3.12143rem;
  --px-44: 3.14286rem;
  --px-45: 3.21429rem;
  --px-46: 3.28571rem;
  --px-46_5: 3.32143rem;
  --px-47: 3.35714rem;
  --px-48: 3.42857rem;
  --px-49: 3.5rem;
  --px-50: 3.57143rem;
  --px-51: 3.64286rem;
  --px-52: 3.71429rem;
  --px-53: 3.78571rem;
  --px-54: 3.85714rem;
  --px-55: 3.92857rem;
  --px-56: 4rem;
  --px-57: 4.07143rem;
  --px-58: 4.14286rem;
  --px-59: 4.21429rem;
  --px-60: 4.28571rem;
  --px-61: 4.35714rem;
  --px-62: 4.42857rem;
  --px-63: 4.5rem;
  --px-64: 4.57143rem;
  --px-65: 4.64286rem;
  --px-66: 4.71429rem;
  --px-67: 4.78571rem;
  --px-68: 4.85714rem;
  --px-69: 4.92857rem;
  --px-70: 5rem;
  --px-71: 5.07143rem;
  --px-72: 5.14286rem;
  --px-73: 5.21429rem;
  --px-74: 5.28571rem;
  --px-75: 5.35714rem;
  --px-76: 5.42857rem;
  --px-78: 5.57143rem;
  --px-79: 5.64286rem;
  --px-80: 5.71429rem;
  --px-82: 5.85714rem;
  --px-84: 6rem;
  --px-85: 6.07143rem;
  --px-87: 6.21429rem;
  --px-88: 6.28571rem;
  --px-89: 6.35714rem;
  --px-90: 6.42857rem;
  --px-91: 6.5rem;
  --px-92: 6.57143rem;
  --px-94: 6.71429rem;
  --px-95: 6.78571rem;
  --px-96: 6.85714rem;
  --px-97: 6.92857rem;
  --px-98: 7rem;
  --px-99: 7.07143rem;
  --px-100: 7.14286rem;
  --px-103: 7.35714rem;
  --px-105: 7.5rem;
  --px-106: 7.57143rem;
  --px-108: 7.71429rem;
  --px-110: 7.85714rem;
  --px-111: 7.92857rem;
  --px-112: 8rem;
  --px-113: 8.07143rem;
  --px-114: 8.14286rem;
  --px-115: 8.21429rem;
  --px-116: 8.28571rem;
  --px-117: 8.35714rem;
  --px-118: 8.42857rem;
  --px-120: 8.57143rem;
  --px-123: 8.78571rem;
  --px-125: 8.92857rem;
  --px-126: 9rem;
  --px-127: 9.07143rem;
  --px-128: 9.14286rem;
  --px-130: 9.28571rem;
  --px-135: 9.64286rem;
  --px-136: 9.71429rem;
  --px-137: 9.78571rem;
  --px-139: 9.92857rem;
  --px-140: 10rem;
  --px-142: 10.14286rem;
  --px-143: 10.21429rem;
  --px-144: 10.28571rem;
  --px-145: 10.35714rem;
  --px-146: 10.42857rem;
  --px-150: 10.71429rem;
  --px-151: 10.78571rem;
  --px-152: 10.85714rem;
  --px-155: 11.07143rem;
  --px-158: 11.28571rem;
  --px-159: 11.35714rem;
  --px-160: 11.42857rem;
  --px-165: 11.78571rem;
  --px-167: 11.92857rem;
  --px-170: 12.14286rem;
  --px-174: 12.42857rem;
  --px-175: 12.5rem;
  --px-176: 12.571428rem;
  --px-178: 12.714268rem;
  --px-180: 12.85714rem;
  --px-182: 13rem;
  --px-184: 13.14286rem;
  --px-185: 13.21429rem;
  --px-185_5: 13.25rem;
  --px-190: 13.57143rem;
  --px-193: 13.78571rem;
  --px-195: 13.92857rem;
  --px-200: 14.28571rem;
  --px-201: 14.35714rem;
  --px-205: 14.64286rem;
  --px-205_5: 14.67857rem;
  --px-210: 15rem;
  --px-214: 15.28571rem;
  --px-215: 15.35714rem;
  --px-216: 15.42857rem;
  --px-220: 15.71429rem;
  --px-221: 15.78571rem;
  --px-227: 16.21428rem;
  --px-228: 16.28571rem;
  --px-230: 16.42857rem;
  --px-232: 16.57143rem;
  --px-235: 16.78571rem;
  --px-240: 17.14286rem;
  --px-245: 17.5rem;
  --px-246: 17.57143rem;
  --px-247: 17.64286rem;
  --px-250: 17.85714rem;
  --px-251: 17.92857rem;
  --px-253: 18.07143rem;
  --px-255: 18.21429rem;
  --px-257: 18.35714rem;
  --px-260: 18.57143rem;
  --px-262: 18.71428rem;
  --px-265: 18.92857rem;
  --px-266: 19rem;
  --px-268: 19.14286rem;
  --px-270: 19.28571rem;
  --px-272: 19.42857rem;
  --px-273: 19.5rem;
  --px-275: 19.64286rem;
  --px-276: 19.71429rem;
  --px-278: 19.85714rem;
  --px-280: 20rem;
  --px-281: 20.07143rem;
  --px-284: 20.28571rem;
  --px-285: 20.35714rem;
  --px-286: 20.42857rem;
  --px-290: 20.71429rem;
  --px-295: 21.07143rem;
  --px-300: 21.42857rem;
  --px-305: 21.78571rem;
  --px-308: 22rem;
  --px-310: 22.14286rem;
  --px-317: 22.64286rem;
  --px-318: 22.71429rem;
  --px-320: 22.85714rem;
  --px-324: 23.14286rem;
  --px-325: 23.21429rem;
  --px-327: 23.35714rem;
  --px-330: 23.57143rem;
  --px-335: 23.92857rem;
  --px-336: 24rem;
  --px-340: 24.28571rem;
  --px-341: 24.35714rem;
  --px-342: 24.42857rem;
  --px-345: 24.64286rem;
  --px-348: 24.85714rem;
  --px-350: 25rem;
  --px-355: 25.35714rem;
  --px-357: 25.5rem;
  --px-360: 25.71429rem;
  --px-361: 25.78571rem;
  --px-362: 25.85714rem;
  --px-364: 26rem;
  --px-370: 26.42857rem;
  --px-373: 26.64286rem;
  --px-375: 26.78571rem;
  --px-380: 27.14286rem;
  --px-385: 27.5rem;
  --px-390: 27.85714rem;
  --px-391: 27.92857rem;
  --px-395: 28.21429rem;
  --px-399: 28.5rem;
  --px-400: 28.57143rem;
  --px-410: 29.28571rem;
  --px-412: 29.42857rem;
  --px-420: 30rem;
  --px-426: 30.42857rem;
  --px-430: 30.71429rem;
  --px-436_5: 31.17857rem;
  --px-438: 31.28571rem;
  --px-440: 31.42857rem;
  --px-445: 31.78571rem;
  --px-447: 31.92857rem;
  --px-450: 32.14286rem;
  --px-460: 32.85714rem;
  --px-466: 33.28571rem;
  --px-470: 33.57143rem;
  --px-480: 34.28571rem;
  --px-490: 35rem;
  --px-493: 35.21429rem;
  --px-500: 35.71429rem;
  --px-505: 36.07143rem;
  --px-510: 36.42857rem;
  --px-520: 37.14286rem;
  --px-525: 37.5rem;
  --px-530: 37.85714rem;
  --px-540: 38.57143rem;
  --px-545: 38.92857rem;
  --px-548: 39.14286rem;
  --px-550: 39.28571rem;
  --px-551: 39.35714rem;
  --px-560: 40rem;
  --px-570: 40.71429rem;
  --px-576: 41.14286rem;
  --px-580: 41.42857rem;
  --px-590: 42.14286rem;
  --px-600: 42.85714rem;
  --px-620: 44.28571rem;
  --px-626: 44.71429rem;
  --px-630: 45rem;
  --px-640: 45.71429rem;
  --px-650: 46.42857rem;
  --px-665: 47.5rem;
  --px-670: 47.85714rem;
  --px-680: 48.57143rem;
  --px-700: 50rem;
  --px-703: 50.21429rem;
  --px-710: 50.71429rem;
  --px-720: 51.42857rem;
  --px-730: 52.14286rem;
  --px-735: 52.5rem;
  --px-740: 52.85714rem;
  --px-750: 53.57143rem;
  --px-774: 55.28571rem;
  --px-776: 55.42857rem;
  --px-800: 57.14286rem;
  --px-830: 59.28571rem;
  --px-840: 60rem;
  --px-880: 62.85714rem;
  --px-890: 63.57143rem;
  --px-918: 65.57143rem;
  --px-934: 66.71429rem;
  --px-940: 67.14286rem;
  --px-950: 67.85714rem;
  --px-960: 68.57143rem;
  --px-962: 68.71429rem;
  --px-966: 69rem;
  --px-1000: 71.42857rem;
  --px-1018: 72.71429rem;
  --px-1080: 77.14286rem;
  --px-1088: 77.71429rem;
  --px-1200: 85.71429rem;
  --px-2048: 146.28571rem;
  --px-999990: 71427.85714rem;
}
body {
  margin: 0;
  font-size: 2vw;
  line-height: 3vw;
  background: linear-gradient(119deg, var(--neutrals-bg-gradient1) 19.79%, var(--neutrals-bg-gradient2) 99.54%);
}
@media only screen and (max-width : 767px) {
  body {
    font-size: 100%;
    line-height: 100%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  body {
    font-size: 1.7vw;
    line-height: 4vw;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1366px) {
  body {
    font-size: 1.5vw;
  }
}
@media only screen and (min-width : 1200px) {
  body {
    font-size: 0.87vw;
    line-height: 2vw;
  }
}
@media only screen and (min-width : 1824px) {
  body {
    line-height: 1.65vw;
  }
}
.btn {
  font-size: 2vw;
  line-height: 3vw;
}
@media only screen and (max-width : 767px) {
  .btn {
    font-size: 100%;
    line-height: 100%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  .btn {
    line-height: 4vw;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1366px) {
  .btn {
    font-size: 1.5vw;
  }
}
@media only screen and (min-width : 1200px) {
  .btn {
    font-size: 0.87vw;
    line-height: 2vw;
  }
}
@media only screen and (min-width : 1824px) {
  .btn {
    font-size: 0.87vw;
    line-height: 1.65vw;
  }
  .btn.btn-secondary,
  .btn.btn-primary {
    font-size: 0.7vw;
  }
}
input,
textarea,
select,
.Select-control,
.form-control,
.Select-menu-outer {
  font-size: 2vw;
  line-height: 3vw;
}
@media only screen and (max-width : 767px) {
  input,
  textarea,
  select,
  .Select-control,
  .form-control,
  .Select-menu-outer {
    font-size: 100%;
    line-height: 100%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  input,
  textarea,
  select,
  .Select-control,
  .form-control,
  .Select-menu-outer {
    line-height: 4vw;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1366px) {
  input,
  textarea,
  select,
  .Select-control,
  .form-control,
  .Select-menu-outer {
    font-size: 1.5vw;
  }
}
@media only screen and (min-width : 1200px) {
  input,
  textarea,
  select,
  .Select-control,
  .form-control,
  .Select-menu-outer {
    font-size: 0.87vw;
    line-height: 2vw;
  }
}
@media only screen and (min-width : 1824px) {
  input,
  textarea,
  select,
  .Select-control,
  .form-control,
  .Select-menu-outer {
    font-size: 0.83vw;
    line-height: 1.65vw;
  }
}
.Select-control {
  line-height: 4vw;
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  .Select-control {
    line-height: 4vw;
  }
}
@media only screen and (min-width : 1200px) {
  .Select-control {
    line-height: 2vw;
  }
}
@media only screen and (min-width : 1824px) {
  .Select-control {
    line-height: 1.9vw;
  }
}
@media only screen and (max-width : 767px) {
  .Select-control {
    line-height: 100%;
  }
}
label {
  line-height: 2vw;
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  label {
    line-height: 4vw;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1366px) {
  label {
    line-height: 3.5vw;
  }
}
@media only screen and (min-width : 1200px) {
  label {
    line-height: 2vw;
  }
}
@media only screen and (min-width : 1824px) {
  label {
    line-height: 1.8vw;
  }
}
@media only screen and (max-width : 767px) {
  label {
    line-height: 100%;
  }
}
h1 {
  font-size: 4vw;
  line-height: 4.2vw;
}
@media only screen and (max-width : 767px) {
  h1 {
    font-size: initial;
    line-height: 100%;
  }
}
h3 {
  font-size: 2.9vw;
  line-height: 3vw;
}
@media only screen and (max-width : 767px) {
  h3 {
    font-size: initial;
    line-height: 100%;
  }
}
h4 {
  font-size: 3vw;
  line-height: 3.2vw;
}
@media only screen and (min-width : 1200px) {
  h4 {
    font-size: 2.2vw;
    line-height: 2.4vw;
  }
}
@media only screen and (max-width : 767px) {
  h4 {
    font-size: initial;
    line-height: 100%;
  }
}
h5,
.modal-control .modal-header .modal-title,
.add-edit-page-title {
  font-size: 1.6vw;
  line-height: 1.9vw;
}
@media only screen and (max-width : 767px) {
  h5,
  .modal-control .modal-header .modal-title,
  .add-edit-page-title {
    font-size: initial;
    line-height: 100%;
  }
}
h6,
.application-name .title {
  font-size: 2.1vw;
  line-height: 3vw;
}
@media only screen and (max-width : 767px) {
  h6,
  .application-name .title {
    font-size: initial;
    line-height: 100%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  h6,
  .application-name .title {
    font-size: 1.7vw;
    line-height: 4vw;
  }
}
@media only screen and (min-width : 1200px) {
  h6,
  .application-name .title {
    font-size: 1.3vw;
    line-height: 2vw;
  }
}
@media only screen and (min-width : 1824px) {
  h6,
  .application-name .title {
    font-size: 1.05vw;
    line-height: 1.65vw;
  }
}
.container .typeahead-control input {
  height: 20px;
}
@media only screen and (min-width : 1824px) {
  .container .typeahead-control input {
    height: inherit;
  }
}
.tiny-text {
  font-size: 0.71vw;
  line-height: 1vw;
}
@media only screen and (max-width : 767px) {
  .tiny-text {
    font-size: 100%;
    line-height: 100%;
  }
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  .tiny-text {
    font-size: 1.5vw;
    line-height: 2vw;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1366px) {
  .tiny-text {
    font-size: 1.5vw;
    line-height: 2vw;
  }
}
.label-4-regular {
  font-size: var(--px-14);
  font-weight: 400;
  color: var(--neutrals-900);
  line-height: var(--px-20);
}
.label-4-light {
  font-size: var(--px-12);
  font-weight: 300;
  line-height: var(--px-18);
}
.layout-table-wrapper {
  --col-product-width: var(--px-100);
  --col-client-name-width: var(--px-262);
}
@media only screen and (min-width : 1824px) {
  .layout-table-wrapper {
    --col-product-width: var(--px-160);
    --col-client-name-width: var(--px-420);
  }
}
/*there is something wrong with this class. I have to add it all over to make it work. it should be in
  the common vars and work everywhere*/
.optional-tag {
  font-weight: normal;
  font-style: italic;
  color: #3b3838;
  padding-left: 10px;
}
body[motif-theme] {
  --spacing-xx-small: 0.14286rem;
  --spacing-x-small: 0.28572rem;
  --spacing-small: 0.57143rem;
  --spacing-medium-small: 0.71429rem;
  --spacing-medium: 0.85715rem;
  --spacing-medium-large: 1rem;
  --spacing-large: 1.14286rem;
  --spacing-x-large: 1.71429rem;
  --spacing-xx-large: 2.28572rem;
  --spacing-xxx-large: 2.85715rem;
}
html {
  font-size: 14px !important;
}
html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {
  font-family: 'EYInterstate', Helvetica;
  font-size: unset;
  border-radius: unset;
}
body::-webkit-scrollbar {
  width: 0;
}
p,
ol,
ul {
  margin: 0;
  padding: 0;
}
.hide {
  display: none;
}
.btn {
  /* Override OSG styles */
  padding: 8px 18px;
  padding: 0 10px;
}
.btn > .fa-2x {
  font-size: inherit;
}
.btn > .fa-3x {
  font-size: inherit;
}
.btn > .fa-4x {
  font-size: inherit;
}
.btn > .fa-5x {
  font-size: inherit;
}
.search-form.row.content.top-tools {
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  border: none;
}
.has-feedback .form-control {
  border: 1px solid #f7941d;
  padding: 0 5px 0;
  color: #999;
}
/* Loading Indicator -- Remove later*/
.loader {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.loader progress {
  width: 60%;
  height: 8px;
  margin-top: 15%;
}
.motif-modal.motif-modal-content.relate-deliverable-modal {
  max-width: 100%;
  max-height: 100%;
  height: 100%;
}
.relate-entities {
  width: var(--px-966) !important;
  height: var(--px-774) !important;
  min-height: var(--px-774) !important;
}
.notRequiredModal {
  width: 30% !important;
  max-width: 30% !important;
  height: auto !important;
}
.notRequiredModal.multiEntity {
  min-height: var(--px-380) !important;
}
.notRequiredModal.multiEntity .motif-modal-header {
  height: var(--px-56) !important;
}
.notRequiredModal .motif-modal-header {
  height: var(--px-48) !important;
}
.notRequiredModal .motif-modal-body {
  overflow: hidden;
}
.notRequiredModal .motif-modal-footer {
  height: var(--px-92) !important;
}
.notRequiredModal .motif-modal-footer .motif-button {
  height: var(--px-44) !important;
}
@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}
.Select .Select-control {
  border-radius: 0px;
}
.text-bold {
  font-weight: bold;
}
button[disabled],
html input[disabled] {
  background-color: var(--neutrals-50, #f3f3f5);
}
.Loader .Loader__background {
  position: fixed !important;
}
@media only screen and (min-width : 1367px) and (max-width : 1600px) {
  html {
    font-size: 12.61px !important;
  }
}
@media only screen and (min-width : 992px) and (max-width : 1366px) {
  html {
    font-size: 11.2px !important;
  }
  .task-category-title {
    width: 100px !important;
  }
  .task-list-panel {
    width: 330px;
  }
  .task-details-panel {
    width: calc(100% - 300px);
  }
  .document-name-span .last-modified .modifiedName {
    max-width: 60% !important;
  }
  .search-filter-control {
    width: 290px;
  }
  .leftContainerCollapsed .rightContainer .task-list-panel {
    width: 400px !important;
  }
  .leftContainerCollapsed .rightContainer .task-details-panel {
    width: calc(100% - 400px) !important;
  }
  .leftContainerCollapsed .rightContainer .search-filter-control {
    width: 390px;
  }
  .container span.timeline .datesContainer section.buttonDiv button {
    height: var(--px-15) !important;
  }
}
.main {
  flex: 1;
  overflow-y: auto;
}
.main::-webkit-scrollbar {
  width: 8px;
}
.main::-webkit-scrollbar-track {
  background-color: var(--neutrals-00white);
  border-radius: 0 !important;
}
.main::-webkit-scrollbar-thumb {
  background-color: var(--neutrals-200);
  border-radius: 0 !important;
  background-clip: padding-box;
}
.main::-webkit-scrollbar-thumb:hover {
  background-color: var(--neutrals-300);
}
body[motif-theme='dark'] .buildstep-tooltip .motif-tooltip .motif-tooltip-inner {
  color: #fff !important;
  background-color: #2e2e38 !important;
}
body[motif-theme='dark'] .buildstep-tooltip .motif-tooltip .motif-tooltip-arrow::before {
  box-shadow: 0 0 var(--px-1) var(--px-1) #2e2e38 !important;
  border: var(--px-11) solid #2e2e38 !important;
  background-color: #2e2e38 !important;
}
body[motif-theme='dark'] .StyledSearchFilter .filter-search .motif-search-input-wrapper .motif-input-component .motif-input {
  box-shadow: #ffffff 0px -1px 0px 0px inset !important;
}
body[motif-theme='dark'] .StyledSearchFilter .filter-search .motif-search-input-wrapper .motif-input-component .motif-input:hover,
body[motif-theme='dark'] .StyledSearchFilter .filter-search .motif-search-input-wrapper .motif-input-component .motif-input:focus {
  box-shadow: #ffffff 0px -1px 0px 0px inset !important;
}
body[motif-theme='dark'] .StyledSearchFilter .filter-search .motif-search-input-wrapper .motif-input-component .motif-input:focus:not(:disabled) {
  box-shadow: #ffffff 0px -1px 0px 0px inset !important;
}
body[motif-theme='dark'] .style-set-modal .ag-header-viewport {
  background: #23232f !important;
}
body[motif-theme='dark'] .motif-modal-overlay .motif-modal-body.DocumentRelateTaskModalBody a {
  color: #fff !important;
}
body[motif-theme='dark'] .motif-modal-overlay .motif-modal-body.DocumentRelateTaskModalBody a a:focus,
body[motif-theme='dark'] .motif-modal-overlay .motif-modal-body.DocumentRelateTaskModalBody a:hover {
  color: #fff !important;
}
body[motif-theme='dark'] .export .exportsection {
  color: #ffe600;
}
body[motif-theme='dark'] .assignments-count-wrap,
body[motif-theme='dark'] .sign-off-cards {
  background: #2e2e3c;
}
body[motif-theme='dark'] .daysPriorSection .motif-form-field .motif-input-component .motif-input {
  background: transparent;
  color: #fff;
}
body[motif-theme='dark'] .sdmChart .highcharts-series-group .highcharts-series .highcharts-color-0 {
  fill: #ff9831;
}
body[motif-theme='dark'] .sdmChart .highcharts-legend .highcharts-series-0 rect {
  fill: #ff9831;
}
body[motif-theme='dark'] .pic-search-section .motif-input {
  background-color: transparent !important;
}
body[motif-theme='dark'] .pic-search-section .motif-input:hover {
  background-color: transparent !important;
}
body[motif-theme='dark'] .k-window .k-window-titlebar.k-dialog-titlebar {
  background: #fff;
  color: #2e2e38;
}
body[motif-theme='dark'] .k-window .k-window-content .FooterSection {
  border-top-color: #3a3a4a;
}
body[motif-theme='dark'] .addreq-modal.k-window .k-window-titlebar.k-dialog-titlebar {
  background: #3a3a4a;
  color: #fff;
}
body[motif-theme='dark'] .addreq-modal.k-window .k-window-titlebar .k-window-title {
  font-size: var(--px-17);
  font-weight: bold;
}
body[motif-theme='dark'] .addreq-modal.k-window .k-window-content {
  background: #23232f;
  color: #fff;
}
body[motif-theme='dark'] .addreq-modal.k-window .k-window-content .FooterSection {
  border-top-color: #3a3a4a;
}
body[motif-theme='dark'] .motif-progress-loader-container {
  opacity: 0.75;
  z-index: 2;
}
body[motif-theme='dark'] .event-type-button {
  background: #2e2e38 !important;
  border-color: #3a3a4a;
}
body[motif-theme='dark'] .event-type-button:hover {
  background: #1a1a24 !important;
  color: #ffffff;
  border-color: #3a3a4a;
}
body[motif-theme='dark'] .keyBtn-event {
  background-color: #0d7575;
}
body[motif-theme='dark'] .shareBtn-event {
  background-color: #0d7575;
}
body[motif-theme='dark'] .keyBtn svg path {
  fill: #ffffff;
}
body[motif-theme='dark'] .document-opened-header .click-here {
  color: #ffe600;
}
body[motif-theme='dark'] .document-opnened-docname .DocumentNameDetails .DocumentName .last-modified,
body[motif-theme='dark'] .document-opnened-docname .DocumentNameDetails .DocumentName .currently-modified {
  color: #f6f6fa !important;
}
body[motif-theme='dark'] .document-opnened-docname .documentName-icons svg {
  fill: #fff !important;
}
body[motif-theme='dark'] .tag-input-box .motif-input {
  background-color: #2e2e3c !important;
}
body[motif-theme='dark'] .color-dropdown .react-select__control {
  background-color: #2e2e3c !important;
}
body[motif-theme='dark'] .name .motif-form-field .motif-input-component .motif-input {
  background-color: #2e2e3c !important;
}
body[motif-theme='dark'] .completion-indicators-wrp:hover {
  border: var(--px-1) solid #1777cf;
}
body[motif-theme='dark'] .assignment-summary-list .assignment-container:hover,
body[motif-theme='dark'] .timephase-list .drag-hover,
body[motif-theme='dark'] .tags-list .container-tag:hover,
body[motif-theme='dark'] .timephase-list .container-timephase:hover,
body[motif-theme='dark'] .assignment-summary-list .drag-hover,
body[motif-theme='dark'] .tags-list .drag-hover {
  border: var(--px-1) solid #1777cf !important;
}
body[motif-theme='dark'] .motif-toast-error .motif-toast-icon-container svg {
  fill: #ff736a !important;
}
body[motif-theme='dark'] .motif-toast-warning .motif-toast-icon-container svg {
  fill: #ed6500 !important;
}
body[motif-theme='dark'] .motif-toast-info .motif-toast-icon-container svg {
  fill: #c4c4cd !important;
}
body[motif-theme='dark'] .assignment-display .motif-tooltip-inner {
  background-color: #2e2e38;
  color: white;
}
body[motif-theme='dark'] .ellipsis-tooltip .motif-tooltip-arrow::before {
  border-color: #2e2e3c !important;
}
body[motif-theme='dark'] .ellipsis-tooltip .motif-tooltip-inner {
  color: #ffffff;
  background-color: #2e2e3c;
}
body[motif-theme='dark'] .ellipsis-tooltip .motif-tooltip-inner svg path {
  fill: #ffffff;
}
body[motif-theme='dark'] .ellipsis-tooltip .motif-tooltip-inner li::marker {
  color: #ffffff;
}
body[motif-theme='dark'] .metadataTooltipDataArea:hover {
  background-color: #3a3a4a;
}
body[motif-theme='dark'] .assignment-type-select .motif-select .motif-select-trigger {
  background: #2e2e3c;
}
body[motif-theme='dark'] .motif-filter-section .end-date .motif-form-field .motif-input-component .motif-input {
  background: #2e2e3c !important;
}
body[motif-theme='dark'] .Assignment-action-select .motif-select .motif-select-trigger {
  background-color: #2e2e3c;
}
body[motif-theme='dark'] .filter-and-search .assignment-search .motif-form-field {
  background-color: #2e2e3c;
}
body[motif-theme='dark'] .filter-and-search .motif-form-field {
  background-color: #2e2e3c;
}
body[motif-theme='dark'] .filter-and-search .end-date .motif-form-field .motif-input-component .motif-input {
  background-color: #2e2e3c;
}
body[motif-theme='dark'] .assignment-count .motif-tooltip .motif-tooltip-inner {
  background: #2e2e3c;
  color: #fff;
}
body[motif-theme='dark'] .bulkSeeTaskBackground {
  background: #2e2e3c;
}
body[motif-theme='dark'] .bulkSeeTaskBackground .horizontalLineForSeeTask {
  border-bottom: var(--px-1) solid #3a3a4a;
}
body[motif-theme='dark'] .assignment-tooltip .motif-tooltip-inner {
  background: #2e2e38;
}
body[motif-theme='dark'] .assignment-tooltip .motif-tooltip-inner {
  padding: 0 !important;
}
body[motif-theme='dark'] .assignment-tooltip .motif-tooltip-content-children {
  margin-right: 0 !important;
}
body[motif-theme='dark'] .searchControl input::placeholder {
  color: #fff;
}
body[motif-theme='dark'] .DocumentLayoutHeader {
  background-color: #2e2e38;
  color: #fff;
}
body[motif-theme='dark'] .DocumentLayoutHeader .DocumentListTabs .motif-tab-bar .motif-button {
  color: #fff;
}
body[motif-theme='dark'] .DocumentLayoutHeader .DocumentListTabs .motif-tab-bar .motif-button.motif-active {
  color: #fff;
}
body[motif-theme='dark'] .DocumentLayoutHeader .DocumentListTabs .motif-tab-bar .motif-button:hover {
  color: #fff;
}
body[motif-theme='dark'] .DocumentListPagination input {
  color: #2e2e38 !important;
}
body[motif-theme='dark'] .offlineprep,
body[motif-theme='dark'] .offline {
  border-color: #42c9c2;
}
body[motif-theme='dark'] input[disabled] {
  background-color: #1a1a24;
}
body[motif-theme='dark'] .task-left-panel h3 a {
  color: #f6f6fa;
}
body[motif-theme='dark'] svg.task-Complete path:last-child {
  stroke: #57e188;
}
body[motif-theme='dark'] svg.task-Complete path:nth-child(3),
body[motif-theme='dark'] svg.task-Progress path:nth-child(3),
body[motif-theme='dark'] svg.task-Review path:nth-child(3) {
  stroke: #57e188;
}
body[motif-theme='dark'] svg.gray {
  fill: #747480;
}
body[motif-theme='dark'] svg.red {
  fill: #f95d54;
}
body[motif-theme='dark'] svg.blue {
  fill: #4ebeeb;
}
body[motif-theme='dark'] svg.teal {
  fill: #42c9c2;
}
body[motif-theme='dark'] input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 var(--px-1000) #1a1a24 inset;
  -webkit-text-fill-color: #fff;
}
body[motif-theme='dark'] button.secondaryBtn:hover svg {
  fill: black;
}
body[motif-theme='dark'] .cleared .reviewNote-details span.Medium,
body[motif-theme='dark'] .closed .reviewNote-details span.Medium,
body[motif-theme='dark'] .cleared .reviewNote-item span.Medium,
body[motif-theme='dark'] .closed .reviewNote-item span.Medium,
body[motif-theme='dark'] .cleared .reviewNote-details span.Low,
body[motif-theme='dark'] .closed .reviewNote-details span.Low,
body[motif-theme='dark'] .cleared .reviewNote-item span.Low,
body[motif-theme='dark'] .closed .reviewNote-item span.Low,
body[motif-theme='dark'] .cleared .reviewNote-details span.Critical,
body[motif-theme='dark'] .closed .reviewNote-details span.Critical,
body[motif-theme='dark'] .cleared .reviewNote-item span.Critical,
body[motif-theme='dark'] .closed .reviewNote-item span.Critical,
body[motif-theme='dark'] .cleared .reviewNote-details span.High,
body[motif-theme='dark'] .closed .reviewNote-details span.High,
body[motif-theme='dark'] .cleared .reviewNote-item span.High,
body[motif-theme='dark'] .closed .reviewNote-item span.High,
body[motif-theme='dark'] .cleared .reviewNote-details .left-border,
body[motif-theme='dark'] .closed .reviewNote-details .left-border,
body[motif-theme='dark'] .cleared .reviewNote-item .left-border,
body[motif-theme='dark'] .closed .reviewNote-item .left-border {
  color: #1a1a24 !important;
  border-color: #1a1a24 !important;
}
body[motif-theme='dark'] .error-message-wrapper {
  color: #f6f6fa;
}
body[motif-theme='dark'] .error-message-wrapper .error-message {
  color: #f6f6fa;
  background: black;
}
body[motif-theme='dark'] .info-icon {
  background-color: #c4c4cd;
}
body[motif-theme='dark'] .errorIcon {
  background-color: #b9251c;
}
body[motif-theme='dark'] .success-icon {
  background-color: #2c973e;
}
body[motif-theme='dark'] .warning-icon {
  background-color: #ff9831;
}
body[motif-theme='dark'] .note-error {
  color: #f95d54;
}
body[motif-theme='dark'] .note-error .k-editor-widget.k-editor {
  border-color: #f95d54;
}
body[motif-theme='dark'] .note-error .note-error-icon {
  fill: #f95d54 !important;
}
body[motif-theme='dark'] .note-error .note-error-message .error-text {
  color: #f95d54;
}
body[motif-theme='dark'] .task-layout-wrapper,
body[motif-theme='dark'] .notes-layout-wrapper,
body[motif-theme='dark'] .FourFortyLayoutContainer {
  background: linear-gradient(to right, #23232f 50%, #1a1a24 50%);
}
body[motif-theme='dark'] .FourFortyLayoutContainer {
  background: linear-gradient(to right, #23232f 50%, #1a1a24 50%);
}
body[motif-theme='dark'] .FourFortyLayoutContainer .left-container .left-container__list .left_header_group {
  color: #c4c4cd !important;
}
body[motif-theme='dark'] .FourFortyLayoutContainer .left-container .left-container__list .left-container__list__category-header__label {
  color: #c4c4cd !important;
}
body[motif-theme='dark'] .WCGWWrapper .count,
body[motif-theme='dark'] .RiskWrapper .count,
body[motif-theme='dark'] .SEM-body .count,
body[motif-theme='dark'] .ValidationsWrapper .count,
body[motif-theme='dark'] .risk-category-header .count,
body[motif-theme='dark'] .accountTypes .count {
  color: #2e2e38;
  border-color: #f6f6fa;
}
body[motif-theme='dark'] .task-in-details .BuildstepContainer .accountTypes .count {
  color: #fff;
}
body[motif-theme='dark'] hr {
  border-top: solid var(--px-1) #2e2e38;
}
body[motif-theme='dark'] .motif-tooltip.motif-tooltip-right,
body[motif-theme='dark'] .motif-tooltip.motif-tooltip-left,
body[motif-theme='dark'] .motif-tooltip.motif-tooltip-bottom,
body[motif-theme='dark'] .motif-tooltip.motif-tooltip-top {
  border: none !important;
}
body[motif-theme='dark'] .assignment-display .motif-tooltip,
body[motif-theme='dark'] .assignment-count .motif-tooltip,
body[motif-theme='dark'] .assignment-tooltip .motif-tooltip,
body[motif-theme='dark'] .allAssignmentsClosedList .motif-tooltip {
  border: none !important;
}
body[motif-theme='dark'] .assignment-count .motif-tooltip {
  border: none !important;
}
body[motif-theme='dark'] .assignment-tooltip .motif-tooltip {
  border: none !important;
}
body[motif-theme='dark'] .assertionToolTip .motif-tooltip {
  border-color: #747480 !important;
}
body[motif-theme='dark'] .assertionToolTip .motif-tooltip .motif-tooltip-arrow::before {
  box-shadow: 0 0 var(--px-1) var(--px-1) #747480;
  border-color: #2e2e3c;
}
body[motif-theme='dark'] .assertionToolTip .motif-tooltip .motif-tooltip-inner {
  background-color: #2e2e3c;
  color: #fff !important;
}
body[motif-theme='dark'] .assertionToolTip .motif-tooltip .motif-tooltip-inner .risk-Type-Header {
  background: #2e2e3c;
  border-bottom: var(--px-1) solid #747480;
  color: #fff;
}
body[motif-theme='dark'] .assertionToolTip .motif-tooltip .motif-tooltip-inner .motif-tooltip-content-children {
  background-color: #2e2e3c;
}
body[motif-theme='dark'] .assertionToolTip .motif-tooltip .motif-tooltip-inner .assertionsList {
  color: #fff;
}
body[motif-theme='dark'] .document-list-pagination input[type='text'] {
  background-color: transparent;
  color: #fff !important;
}
body[motif-theme='dark'] .DocumentListFileUploadWrapper .StyledFileUpload button.btn-default {
  background: #1a1a24;
  color: #fff;
}
body[motif-theme='dark'] .DocumentListFileUploadWrapper .StyledFileUpload button.btn-default:hover {
  color: #ffe600;
  border-color: #ffe600;
}
body[motif-theme='dark'] .motif-modal-overlay .motif-modal-body .DocumentNameContainer .DocumentNameDetails .DocumentName {
  color: #fff;
}
body[motif-theme='dark'] .motif-modal-overlay .motif-modal-body .add-note-wrapper .motif-text-area {
  background-color: #2e2e38 !important;
  color: #fff;
}
body[motif-theme='dark'] .motif-modal-overlay .motif-modal-body .edit-note-wrapper .motif-text-area {
  background-color: #2e2e38 !important;
  color: #fff;
}
body[motif-theme='dark'] .motif-modal-overlay .motif-modal-body .edit-note-wrapper .react-select--is-disabled .react-select__control {
  border-bottom: 1px solid #c4c4cd;
}
body[motif-theme='dark'] .motif-modal-overlay .motif-modal-body .edit-note-wrapper .react-select--is-disabled .react-select__control {
  border-bottom: 1px solid #c4c4cd;
}
body[motif-theme='dark'] .motif-modal-overlay .motif-modal-body .review-note-category .reply-input-wrapper .reply-icon {
  fill: #fff;
  opacity: 1;
}
body[motif-theme='dark'] .motif-modal-overlay .motif-modal-body .review-note-category .reply-container .reply {
  background-color: #2e2e38;
}
body[motif-theme='dark'] .motif-modal-overlay .motif-modal-body .review-note-category .reply-container .reply .reply-controls svg {
  fill: #fff;
  opacity: 1;
}
body[motif-theme='dark'] .motif-modal-overlay .motif-modal-body.editReply .text-area-editor .motif-text-area {
  background-color: #2e2e38 !important;
}
body[motif-theme='dark'] .motif-modal-overlay .motif-modal-footer {
  background-color: transparent;
  border-top: var(--px-1) solid #2e2e3c;
}
body[motif-theme='dark'] .motif-modal-overlay .motif-modal-footer .motif-button.motif-button-secondary:not(:disabled) {
  background-color: transparent !important;
}
body[motif-theme='dark'] .motif-tooltip-wrapper .motif-tooltip-inner::-webkit-scrollbar-track {
  background: #23232f;
}
body[motif-theme='dark'] .motif-tooltip-wrapper .motif-tooltip-inner::-webkit-scrollbar-thumb {
  background: #3a3a4a;
}
body[motif-theme='dark'] .motif-tooltip-wrapper .motif-tooltip-inner::-webkit-scrollbar-thumb:hover {
  background: #747480;
}
body[motif-theme='dark'] .react-select-container .react-select__menu .react-select__menu-list::-webkit-scrollbar {
  width: var(--px-6);
}
body[motif-theme='dark'] .react-select-container .react-select__menu .react-select__menu-list::-webkit-scrollbar-track {
  background: #23232f;
  width: var(--px-6);
}
body[motif-theme='dark'] .react-select-container .react-select__menu .react-select__menu-list::-webkit-scrollbar-thumb {
  background: #3a3a4a;
  width: var(--px-6);
  cursor: pointer;
}
body[motif-theme='dark'] .react-select-container .react-select__menu .react-select__menu-list::-webkit-scrollbar-thumb:hover {
  background: #747480;
}
body[motif-theme='dark'] .selectBoxlabelTopPos .show svg.medium {
  fill: #f95d54;
}
body[motif-theme='dark'] .selectBoxlabelTopPos .show .error-text {
  color: #f95d54;
}
body[motif-theme='dark'] .delete-tag-tooltip .motif-tooltip .motif-tooltip-arrow::before {
  border-color: #2e2e3c;
}
body[motif-theme='dark'] .tooltip.top .tooltip-arrow {
  border-top-color: #2e2e3c !important;
}
body[motif-theme='dark'] .tooltip.right .tooltip-arrow {
  border-right-color: #2e2e3c !important;
}
body[motif-theme='dark'] .tooltip .tooltip-inner {
  color: #ffffff;
  background-color: #2e2e3c;
}
body[motif-theme='dark'] .step2-tooltip .motif-tooltip-inner .motif-icon-button {
  color: #1a1a24;
}
body[motif-theme='dark'] .step2-tooltip .motif-tooltip .motif-tooltip-arrow:before {
  border-color: #f6f6fa;
}
body[motif-theme='dark'] .delete-tag-tooltip .motif-tooltip-inner {
  background-color: #1a1a24;
  color: #fff;
}
body[motif-theme='dark'] .create-dropdown .motif-dropdown-item.disabled,
body[motif-theme='dark'] .relate-dropdown .motif-dropdown-item.disabled {
  background-color: #23232f;
}
body[motif-theme='dark'] .add-document-search-bar .addDocument-pager .addDocument-paging {
  background-color: #23232f;
}
body[motif-theme='dark'] .add-document-search-bar .addDocument-pager .addDocument-paging .Dropdown-control {
  background-color: #23232f;
}
body[motif-theme='dark'] .add-document-search-bar .addDocument-pager .addDocument-paging input[type='text'] {
  background-color: #23232f;
}
body[motif-theme='dark'] .requestfilters-wrapper .quickfilters-tabbar .motif-button:hover {
  color: #1a1a24 !important;
}
body[motif-theme='dark'] .overrideAssignment .motif-tooltip-inner {
  background-color: #1a1a24;
  color: #fff;
}
body[motif-theme='dark'] .overrideAssignment .motif-tooltip-inner .motif-icon-button {
  color: #fff;
}
body[motif-theme='dark'] .linkedprojects-container .empty-linkedprojects {
  background-color: #1a1a24 !important;
}
body[motif-theme='dark'] .linkedprojects-container .empty-linkedprojects {
  color: #fff !important;
}
body[motif-theme='dark'] .linkedprojects-container .empty-linkedprojects .motif-icon {
  color: #fff;
}
body[motif-theme='dark'] .linkedprojects-container .empty-linkedprojects .motif-icon svg {
  fill: #fff !important;
}
body[motif-theme='dark'] .ep-tooltip .motif-tooltip-inner,
body[motif-theme='dark'] .eqr-tooltip .motif-tooltip-inner,
body[motif-theme='dark'] .complete-assng-tooltip .motif-tooltip-inner,
body[motif-theme='dark'] .notes-tooltip .motif-tooltip-inner,
body[motif-theme='dark'] .tasks-tooltip .motif-tooltip-inner,
body[motif-theme='dark'] .canvasoversight-tooltip .motif-tooltip-inner,
body[motif-theme='dark'] .access-location-tooltip .motif-tooltip-inner {
  background-color: #2e2e3c;
  color: #fff;
}
body[motif-theme='dark'] .ep-tooltip .motif-tooltip-arrow:before,
body[motif-theme='dark'] .eqr-tooltip .motif-tooltip-arrow:before,
body[motif-theme='dark'] .complete-assng-tooltip .motif-tooltip-arrow:before,
body[motif-theme='dark'] .notes-tooltip .motif-tooltip-arrow:before,
body[motif-theme='dark'] .tasks-tooltip .motif-tooltip-arrow:before,
body[motif-theme='dark'] .canvasoversight-tooltip .motif-tooltip-arrow:before,
body[motif-theme='dark'] .access-location-tooltip .motif-tooltip-arrow:before {
  border-color: #2e2e3c;
}
body[motif-theme='dark'] .tasks-tooltip svg.large.progress-circle.in-progress path:last-child {
  stroke: #34c768;
}
body[motif-theme='dark'] .tasks-tooltip svg.large.progress-circle.in-review path:last-child {
  stroke: #34c768;
}
body[motif-theme='dark'] .tasks-tooltip svg.large.progress-circle.complete path {
  stroke: #57e188;
}
body[motif-theme='dark'] .canvasoversight-tooltip .motif-icon-button svg path {
  fill: #fff;
}
body[motif-theme='dark'] .notes-tooltip .motif-tooltip-inner .status-text.medium {
  color: #ff810a;
}
body[motif-theme='dark'] .notes-tooltip .motif-tooltip-inner .status-text.high {
  color: #ffb46a;
}
body[motif-theme='dark'] .notes-tooltip .motif-tooltip-inner .status-text.critical {
  color: #ff9a91;
}
body[motif-theme='dark'] .ep-tooltip .status-count,
body[motif-theme='dark'] .eqr-tooltip .status-count,
body[motif-theme='dark'] .complete-assng-tooltip .status-count {
  color: #c981b2;
}
body[motif-theme='dark'] .complete-assng-tooltip .motif-tooltip-inner .status-text {
  color: #c4c4cd;
}
body[motif-theme='dark'] .complete-assng-tooltip .motif-tooltip-inner .complete-assng-tooltip-inner .count-text-wrap .percent-label-wrap .percent-text.preparer {
  color: #35a4e8;
}
body[motif-theme='dark'] .complete-assng-tooltip .motif-tooltip-inner .complete-assng-tooltip-inner .count-text-wrap .percent-label-wrap .percent-text.reviewer {
  color: #35a4e8;
}
body[motif-theme='dark'] .relatedtasks-modal .relatedtasks-listcontainer ul li.saving-relatefile {
  background: #2e2e38 !important;
  opacity: 0.7;
}
body[motif-theme='dark'] .package-list-modal .motif-tab-navigation .motif-tab-button .motif-badge-number {
  color: #ffffff !important;
}
body[motif-theme='dark'] .assertions-tooltip .motif-tooltip-content-children {
  width: var(--px-250);
  margin: 0 !important;
}
body[motif-theme='dark'] .assertions-tooltip .motif-tooltip-content-children .assertion-header {
  color: #fff;
  background: #2e2e3c;
}
body[motif-theme='dark'] .assertions-tooltip .motif-tooltip-content-children .craBadgesWrapper {
  border-top: solid 1px #747480;
  background: #2e2e3c;
  color: #fff;
}
body[motif-theme='dark'] .assertions-tooltip .motif-tooltip-inner .motif-icon-button svg path {
  fill: #fff;
}
body[motif-theme='dark'] .assertions-tooltip .motif-tooltip-arrow::before {
  box-shadow: 0 0 var(--px-1) var(--px-1) #747480;
  border-color: #2e2e3c;
}
body[motif-theme='dark'] .calendar-tooltip .motif-tooltip-inner,
body[motif-theme='dark'] .schedule-request-tooltip .motif-tooltip-inner {
  background: #2e2e3c;
  color: #fff;
}
body[motif-theme='dark'] .calendar-tooltip .motif-tooltip-inner .cc-tooltip-date,
body[motif-theme='dark'] .schedule-request-tooltip .motif-tooltip-inner .cc-tooltip-date,
body[motif-theme='dark'] .calendar-tooltip .motif-tooltip-inner .tooltip-text,
body[motif-theme='dark'] .schedule-request-tooltip .motif-tooltip-inner .tooltip-text {
  color: #fff;
}
body[motif-theme='dark'] .calendar-tooltip .motif-tooltip-arrow::before,
body[motif-theme='dark'] .schedule-request-tooltip .motif-tooltip-arrow::before {
  box-shadow: 0 0 var(--px-1) var(--px-1) #747480;
  border-color: #2e2e3c;
}
body[motif-theme='dark'] .statusTooltip .motif-tooltip-inner {
  background: #2e2e3c;
  color: #fff;
}
body[motif-theme='dark'] .statusTooltip .motif-tooltip-arrow::before {
  box-shadow: 0 0 var(--px-1) var(--px-1) #747480;
  border-color: #2e2e3c;
}
body[motif-theme='dark'] .tree-item-list-level2 .tree-list-item.children-open:last-child:after {
  background: #23232f !important;
}
body[motif-theme='dark'] .relatefile-checkbox .motif-checkbox.motif-checkbox-disabled:hover:not(.motif-checkbox-checked) .motif-checkbox-custom {
  border-width: 1px;
}
body[motif-theme='dark'] .group-pending-tooltip .motif-tooltip-inner,
body[motif-theme='dark'] .group-overdue-tooltip .motif-tooltip-inner,
body[motif-theme='dark'] .group-task-tooltip .motif-tooltip-inner,
body[motif-theme='dark'] .validation-tooltip .motif-tooltip-inner,
body[motif-theme='dark'] .sdm-creat-req-tooltip .motif-tooltip-inner,
body[motif-theme='dark'] .notification-tooltip-placeholer .motif-tooltip-inner {
  background: #2e2e3c;
  color: #fff;
}
body[motif-theme='dark'] .group-pending-tooltip .motif-tooltip-arrow::before,
body[motif-theme='dark'] .group-overdue-tooltip .motif-tooltip-arrow::before,
body[motif-theme='dark'] .group-task-tooltip .motif-tooltip-arrow::before,
body[motif-theme='dark'] .validation-tooltip .motif-tooltip-arrow::before,
body[motif-theme='dark'] .sdm-creat-req-tooltip .motif-tooltip-arrow::before,
body[motif-theme='dark'] .notification-tooltip-placeholer .motif-tooltip-arrow::before {
  box-shadow: 0 0 var(--px-1) var(--px-1) #747480;
  border-color: #2e2e3c;
}
body[motif-theme='dark'] .addrequest-description span.k-colorpicker,
body[motif-theme='dark'] .addrequest-description .k-picker-wrap.k-state-active,
body[motif-theme='dark'] .addrequest-description .k-picker-wrap,
body[motif-theme='dark'] .requestdetails-info .edit-description span.k-colorpicker,
body[motif-theme='dark'] .requestdetails-info .edit-description .k-picker-wrap.k-state-active,
body[motif-theme='dark'] .requestdetails-info .edit-description .k-picker-wrap {
  background-color: transparent;
}
body[motif-theme='dark'] .addrequest-description table.k-editor .k-content,
body[motif-theme='dark'] .requestdetails-info .edit-description table.k-editor .k-content {
  background-color: #eaeaf2 !important;
}
body[motif-theme='dark'] .add-request .motif-fab:hover svg {
  fill: #1a1a24;
}
body[motif-theme='dark'] .withdraw-dropdown .motif-dropdown-menu[x-placement^='bottom-end']:before {
  background-color: #2e2e3c;
}
body[motif-theme='dark'] .motif-dropdown .motif-dropdown-menu .apply-search.selection-change:hover span,
body[motif-theme='dark'] .motif-dropdown .motif-dropdown-menu .apply-search.selection-change span {
  color: #2e2e3c;
  border-color: #2e2e3c;
}
body[motif-theme='dark'] .motif-dropdown .motif-dropdown-menu .apply-search.selection-change span {
  border-color: #ffe600;
}
body[motif-theme='dark'] .notification-tooltip-wrap .motif-tooltip-inner {
  background: #2e2e3c;
  color: #fff;
  border: 0;
}
body[motif-theme='dark'] .notification-tooltip-wrap .motif-tooltip {
  border: var(--px-1) solid #c4c4cd;
}
body[motif-theme='dark'] .notification-tooltip-wrap .motif-tooltip-arrow::before {
  box-shadow: 0 0 var(--px-1) var(--px-1) #747480;
  border-color: #2e2e3c;
}
body[motif-theme='dark'] .all-types-filter-dropdown,
body[motif-theme='dark'] .eng-filter-dropdown {
  background-color: #3a3a4a;
}
body[motif-theme='dark'] .document-opened-header .click-here {
  color: #ffe600;
}
body[motif-theme='dark'] .motif-progress-bar-wrapper .motif-progress-bar.motif-progress-bar-indeterminate {
  background-color: #747480;
}
body[motif-theme='dark'] .pic-dashboard-tool-tip-of-due-date .motif-tooltip {
  border: none !important;
}
body[motif-theme='dark'] .pic-dashboard-tool-tip-of-due-date .motif-tooltip-inner {
  background-color: black;
}
body[motif-theme='dark'] .pic-dashboard-tool-tip-of-due-date .motif-tooltip-arrow::before {
  border-color: black;
}
body[motif-theme='dark'] .quick-filter-buttons .motif-active .motif-icon svg {
  stroke: #ffffff;
  color: #ffffff;
}
body[motif-theme='dark'] .quick-filter-buttons .motif-icon svg {
  stroke: #c4c4cd;
  color: #c4c4cd;
}
body[motif-theme='dark'] .quick-filter-buttons .motif-tab-button:hover .motif-icon svg {
  stroke: #ffffff;
  color: #ffffff;
}
body[motif-theme='dark'] .DocumentNameWrapper .documentName-icons .StyledDisplayDocumentSignoffRequirements .signoff-requirement-badge {
  color: #fff !important;
  border-color: #fff !important;
}
body[motif-theme='dark'] .StyledSignOff .signOff-preparer .sign-off-icon,
body[motif-theme='dark'] .StyledSignOff .signOff-reviewer .sign-off-icon {
  fill: #fff;
}
body[motif-theme='dark'] .StyledSignOff .signOff-preparer .sign-off-icon path,
body[motif-theme='dark'] .StyledSignOff .signOff-reviewer .sign-off-icon path {
  fill: #fff;
}
body[motif-theme='dark'] .document-list-wrap .handOffItem-buttons,
body[motif-theme='dark'] .document-list-wrap .sign-off-section {
  border-left: var(--px-1) solid #747480 !important;
  border-right: var(--px-1) solid #747480 !important;
}
body[motif-theme='dark'] .document-list-wrap .handOffItem-buttons-top,
body[motif-theme='dark'] .document-list-wrap .sign-off-section-top {
  border-top: var(--px-1) solid #747480 !important;
}
body[motif-theme='dark'] .document-list-wrap .handOffItem-buttons-bottom,
body[motif-theme='dark'] .document-list-wrap .sign-off-section-bottom {
  border-bottom: var(--px-1) solid #747480 !important;
}
body[motif-theme='dark'] .autoassign-banner svg {
  fill: #ff810a;
}
body[motif-theme='dark'] .bulk-requests-tasks-popup.relatedTaskDropdown.motif-dropdown-menu-portal {
  background-color: #2e2e3c !important;
  padding-block: var(--px-10) !important;
}
body[motif-theme='dark'] .bulk-requests-tasks-popup.relatedTaskDropdown.motif-dropdown-menu-portal .motif-dropdown-arrow::before {
  background: #2e2e3c !important;
}
body[motif-theme='dark'] .bulk-requests-tasks-popup.relatedTaskDropdown.motif-dropdown-menu-portal .taskList .taskListBody > section:hover {
  background-color: #3a3a4a !important;
}
body[motif-theme='dark'] .bulk-requests-tasks-popup.relatedTaskDropdown.motif-dropdown-menu-portal .taskList .taskListBody .listView .TaskNames {
  color: #fff !important;
}
body[motif-theme='dark'] .bulk-requests-tasks-popup.relatedTaskDropdown.motif-dropdown-menu-portal.Dataloading .motif-dropdown-arrow::before {
  background: #2e2e380d;
  opacity: 0.5;
}
body[motif-theme='dark'] .bulk-requests-tasks-popup.relatedTaskDropdown.motif-dropdown-menu-portal.Dataloading .taskList {
  background: #2e2e380d;
}
body[motif-theme='dark'] .relatedTaskDropdown.motif-dropdown-menu-portal[data-popper-placement^='top'] > .motif-dropdown-arrow:before {
  border-bottom: 1px solid #2e2e3c !important;
  border-right: 1px solid #2e2e3c !important;
}
body[motif-theme='dark'] .relatedTaskDropdown .motif-dropdown-trigger .relatedTaskSection svg {
  fill: #fff;
}
body[motif-theme='dark'] .relatedTaskDropdown .motif-dropdown-trigger .relatedTaskSection svg path {
  fill: #fff;
}
body[motif-theme='dark'] .relatedTaskDropdown .motif-icon svg,
body[motif-theme='dark'] .relatedTaskDropdown .CloseButton svg {
  fill: #fff;
}
body[motif-theme='dark'] .relatedTaskDropdown .motif-icon svg path,
body[motif-theme='dark'] .relatedTaskDropdown .CloseButton svg path {
  fill: #fff;
}
body[motif-theme='dark'] .relatedTaskDropdown .taskList .taskListBody .listView .TaskNames {
  color: #ffe600 !important;
}
body[motif-theme='dark'] .relatedTaskDropdown .taskList .taskListBody .listView .TaskNames:hover {
  color: #ffe600 !important;
}
body[motif-theme='dark'] .relatedTaskDropdown .taskList .taskListBody .listView .TaskNames a {
  color: #ffe600 !important;
}
body[motif-theme='dark'] .relatedTaskDropdown .taskList .taskListBody .listView .TaskNames a:hover {
  color: #ffe600 !important;
}
body[motif-theme='dark'] .add-remove-tags-content .StyledSearch input {
  box-shadow: none !important;
  border: none !important;
  border-bottom: var(--px-1) solid #fff !important;
}
body[motif-theme='dark'] .add-remove-tags-content .StyledSearch input:hover {
  background-color: #1a1a24 !important;
}
body[motif-theme='dark'] .add-remove-tags-content .StyledSearch input:focus {
  border: none;
  border-bottom: var(--px-1) solid #fff !important;
  box-shadow: none !important;
  background-color: #1a1a24 !important;
  outline: none;
}
body[motif-theme='dark'] .add-remove-tags-content .StyledSearch .motif-search-input-wrapper .motif-typeahead.motif-input-component .motif-input:focus:not(:disabled) {
  border: none;
  border-bottom: var(--px-1) solid #fff !important;
  box-shadow: none !important;
  background-color: #1a1a24 !important;
  outline: none;
}
body[motif-theme='dark'] .sharedanalytics-tooltip .motif-tooltip-wrapper,
body[motif-theme='dark'] .appliedfilter-tooltipcontent .motif-tooltip-wrapper {
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.15);
}
body[motif-theme='dark'] .sharedanalytics-tooltip .motif-tooltip-wrapper .motif-tooltip-arrow:before,
body[motif-theme='dark'] .appliedfilter-tooltipcontent .motif-tooltip-wrapper .motif-tooltip-arrow:before {
  box-shadow: -4px 4px 5px -2px rgba(0, 0, 0, 0.15);
  border-color: #2e2e3c !important;
}
body[motif-theme='dark'] .sharedanalytics-tooltip .motif-tooltip-wrapper .motif-tooltip-inner,
body[motif-theme='dark'] .appliedfilter-tooltipcontent .motif-tooltip-wrapper .motif-tooltip-inner {
  background-color: #2e2e3c;
  color: #fff;
}
body[motif-theme='dark'] .sharedanalytics-tooltip .motif-tooltip-wrapper .motif-tooltip-inner .motif-icon-button path,
body[motif-theme='dark'] .appliedfilter-tooltipcontent .motif-tooltip-wrapper .motif-tooltip-inner .motif-icon-button path {
  fill: #fff;
}
body[motif-theme='dark'] .DocumentNameWrapper .DocumentNameContainer .DocumentSVG svg[name='client-analytic'] path:nth-of-type(1) {
  fill: #fff;
}
body[motif-theme='dark'] .DocumentNameWrapper .DocumentNameContainer .DocumentSVG svg[name='client-analytic'] path:nth-of-type(2) {
  fill: #7883a4;
}
body[motif-theme='dark'] .DocumentNameWrapper .DocumentNameContainer .DocumentSVG svg[name='client-analytic'] path:nth-of-type(3) {
  fill: #2e2e3c;
}
body[motif-theme='dark'] .helix-projects-wrapper {
  background: #1a1a24;
}
body[motif-theme='dark'] .motif-tooltip-content.add-remove-tags-content .motif-tooltip .motif-tooltip-wrapper {
  box-shadow: -2px -2px 5px 0 rgba(26, 26, 36, 0.2) !important;
  outline: 1px solid #2e2e3c !important;
}
body[motif-theme='dark'] .motif-tooltip-content.add-remove-tags-content .motif-tooltip .motif-tooltip-wrapper .motif-tooltip-arrow:before {
  box-shadow: -2px -2px 5px 0 rgba(26, 26, 36, 0.2) !important;
  outline: 1px solid #2e2e3c !important;
  border-color: #2e2e3c !important;
}
body[motif-theme='dark'] .motif-tooltip-content.add-remove-tags-content .motif-tooltip .motif-tooltip-wrapper .motif-tooltip-inner {
  background-color: #2e2e3c !important;
  color: #fff !important;
}
body[motif-theme='dark'] .motif-tooltip-content.add-remove-tags-content .motif-tooltip .motif-tooltip-wrapper .motif-tooltip-inner .motif-icon-button path {
  fill: #fff;
}
.customScrollbar {
  overflow-y: auto;
}
.customScrollbar::-webkit-scrollbar {
  width: var(--px-16);
}
.customScrollbar::-webkit-scrollbar-track {
  background-color: var(--neutrals-00white);
}
.customScrollbar::-webkit-scrollbar-thumb {
  width: var(--px-8);
  border-radius: var(--px-8);
  border: var(--px-4) solid var(--neutrals-00white);
  background-color: var(--neutrals-200);
}
/* Ellipses Tooltip CSS Starts */
.tooltip {
  position: absolute;
  display: block;
  font-style: normal;
  font-weight: 400;
  line-height: var(--px-20);
  line-break: auto;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  z-index: 99999999999 !important;
}
.tooltip .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.fade {
  transition: opacity 0.15s linear;
}
.tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}
.tooltip.in.top .tooltip-arrow {
  border-top-color: var(--neutrals-1000) !important;
}
.tooltip.top {
  padding: var(--px-10) 0;
  margin-top: calc(var(--px-3) * -1);
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  border-width: var(--px-10) var(--px-10) 0;
  border-top-color: var(--neutrals-1000) !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
}
.tooltip.bottom {
  padding: var(--px-10) 0;
  margin-top: var(--px-3);
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: calc(var(--px-5) * -1);
  border-width: 0 var(--px-10) var(--px-10);
  border-bottom-color: var(--neutrals-1000) !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
}
.tooltip .tooltip-inner {
  padding: var(--px-6);
  font-size: var(--px-14);
  color: var(--neutrals-00white) !important;
  background-color: var(--neutrals-1000) !important;
  box-shadow: 0 0 var(--px-20) 0 rgba(0, 0, 0, 0.3);
  max-width: var(--px-700);
  text-align: left;
  word-wrap: break-word;
  border-radius: var(--px-4);
}
/* Ellipses Tooltip CSS Ends */
/* Below code has to be remove after ASU or Fabric fixes svg icons stroke issue */
[motif-theme] .motif-header-logo svg path {
  stroke: none;
}

