.block {
  background-color: #FFF;
  border: 1px solid rgba(53, 63, 73, 0.078);
}
.flexInLine {
  display: flex;
  flex-flow: row;
}
.flexCenter {
  display: flex;
  justify-content: center;
}
.flexRight {
  display: flex;
  justify-content: flex-end;
}
.flexVerticalCenter {
  display: flex;
  align-items: center;
}
/*!
 * Quill Editor v1.2.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  cursor: text;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
  text-align: right;
  margin-right: 0.3em;
  margin-left: -1.5em;
}
.ql-editor li.ql-direction-rtl::before {
  text-align: left;
  margin-left: 0.3em;
}
.ql-editor ol li,
.ql-editor ul li {
  padding-left: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-num;
}
.ql-editor ol li:before {
  content: counter(list-num, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  pointer-events: none;
  position: absolute;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding-bottom: 2px;
  padding-top: 2px;
}
.ql-snow .ql-editor code:before,
.ql-snow .ql-editor code:after {
  content: "\A0";
  letter-spacing: -2px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
.ql-font-arial,
.ql-font span[data-value="arial"]::before {
  font-family: Arial, sans-serif;
}
.ql-font-comic-sans,
.ql-font span[data-value="comic-sans"]::before {
  font-family: "Comic Sans MS", cursive, sans-serif;
}
.ql-font-courier-new,
.ql-font span[data-value="courier-new"]::before {
  font-family: "Courier New";
}
.ql-font-georgia,
.ql-font span[data-value="georgia"]::before {
  font-family: Georgia, serif;
}
.ql-font-helvetica,
.ql-font span[data-value="helvetica"]::before {
  font-family: Helvetica, sans-serif;
}
.ql-font-lucida,
.ql-font span[data-value="lucida"]::before {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.acmMaterial .acmButton {
  background-color: transparent;
  color: #333;
  box-shadow: none;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  margin-right: 3px;
  min-height: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 7px;
  text-decoration: none;
}
.acmMaterial .acmButton.onlyIconButton {
  min-width: 0;
  margin-left: 4px;
}
.acmMaterial .acmButton.blueTextButton {
  color: #DE002A;
}
.acmMaterial .acmButton:hover,
.acmMaterial .acmButton.select {
  background-color: #DE002A;
  color: #FFF;
}
.acmMaterial .acmButton.hoverRed:hover {
  background-color: #E92222;
}
.acmMaterial .acmButton.hoverGreen:hover {
  background-color: #31C136;
}
.acmMaterial .acmButton:active {
  box-shadow: none;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.acmMaterial .acmButton .icon,
.acmMaterial .acmButton .fas,
.acmMaterial .acmButton .far {
  font-size: 20px;
}
.acmMaterial .acmButton .icon {
  margin-right: 5px;
}
.acmMaterial .acmButton .iconMore {
  margin-right: 10px;
}
.acmMaterial .acmButton.stillHover {
  background-color: #DE002A;
  color: #FFF;
}
.acmMaterial .acmInputContainer fieldset {
  border-radius: 0px;
}
.acmMaterial .acmButton:disabled {
  background-color: transparent;
  color: #808080 !important;
}
.acmMaterial .acmPopupButtons [class*="icon-"] {
  width: 18px;
  height: 18px;
  margin-right: 3px;
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #DE002A;
}
.acmMaterial .acmPopupButtons .acmButton:hover [class*="icon-"] {
  color: #FFF;
}
.acmMaterial .buttonIcon {
  color: #DE002A;
  margin-right: 4px;
  font-size: 1rem;
}
.acmMaterial .acmButton:hover .buttonIcon {
  color: #FFF;
}
.acmMaterial .detailViewParentModuleSelect {
  border: none;
}
.acmMaterial .acmSelectContainer {
  width: 100%;
  background-color: #FFF;
}
.acmMaterial .acmSelect {
  width: 100%;
}
.acmMaterial .acmSelect > div {
  display: flex;
  align-items: center;
  padding-left: 4px;
  width: 100%;
}
.acmMaterial .newListViewLine .acmSelectContainer {
  height: 100%;
}
.acmMaterial .newListViewLine .acmSelectContainer .acmSelect {
  height: 100%;
}
.acmMaterial .newListViewLine .acmSelectContainer .acmSelect [role=button] {
  padding-top: 10px;
  height: calc(100% - 16px);
  padding-left: 4px;
}
.acmMaterial .acmSelectContainer > div::after {
  border-bottom-color: #3584D4;
}
.acmMaterial .acmSelectContainer.focus > label {
  color: #3584D4;
}
.acmMaterial .acmSelectContainer.error > div:after {
  border-bottom-color: #E92222;
}
.acmMaterial .acmSelectContainer.error > div:before,
.acmMaterial .acmSelectContainer.error.withBorder {
  border-bottom-color: #E92222;
  border-bottom-width: 2px;
}
.acmMaterial .acmSelectContainer.withBorder {
  border: 1px solid #DFDFDF;
  border-radius: 7px;
  display: flex;
  justify-content: center;
  height: 34px;
}
.acmMaterial .acmSelectContainer.withBorder .acmSelect {
  height: 100%;
  border-radius: 7px;
}
.acmMaterial .acmSelectContainer.withBorder > div > div > div {
  height: 100%;
  padding: 0px;
  padding-left: 14px;
  display: flex;
  align-items: center;
}
.acmMaterial .acmSelectContainer.withBorder > label {
  top: -7px;
  left: 11px;
  background-color: #FFF;
}
.acmMaterial .acmSelectContainer.withBorder > div::before {
  border-bottom: none;
}
.acmMaterial .acmSelectContainer.withBorder > div:hover::before {
  border-bottom: none!important;
}
.acmMaterial .DetailViewValue .acmSelect {
  height: 32px;
  border: 1px solid #DFDFDF;
  border-bottom: none;
}
.acmMaterial .DetailViewValue .acmSelect > div > div:focus {
  background-color: transparent;
}
.acmMaterial .DetailViewValue .acmSelect > div > div {
  padding-left: 20px;
}
.acmMaterial .MuiSelect-icon {
  top: calc(50% - 9px);
}
.mui-fixed .acmSelectHeader {
  font-weight: 600;
  color: #333;
  opacity: 1;
  background-color: #CCC;
}
.mui-fixed ul[role='listbox'] {
  padding-top: 0px;
}
.MuiButtonBase-root.selectButton {
  color: #3584D4;
}
.MuiPopover-root .MuiListItem-root {
  height: 30px;
}
.colorList {
  border-radius: 28px;
  max-width: 20px;
  min-width: 20px;
  max-height: 20px;
  min-height: 20px;
  margin-right: 8px;
}
.newListViewLine .colorList,
.colorList.listFilter {
  max-width: 20px;
  min-width: 20px;
  max-height: 20px;
  min-height: 20px;
}
.acmMultiSelect {
  width: 100%;
  min-height: 28px;
  outline: none;
}
.acmMultiSelectContainer {
  min-height: 28px;
  width: 100%;
  border: 1px solid transparent;
  position: relative;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.acmMultiSelectContainer:hover {
  background-color: #f7f7f7;
  box-shadow: inset 0px 0px 8px 0px rgba(230, 230, 230, 0.71);
}
.acmMultiSelectLabelContainer {
  width: 100%;
  min-height: 28px;
  position: relative;
}
.acmMultiSelectLabel {
  width: 100%;
  height: 100%;
}
.acmMultiSelectList {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: #FFF;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
/* width */
.acmMultiSelectList::-webkit-scrollbar {
  width: 10px;
  background-color: #f3f3f3;
}
/* Track */
.acmMultiSelectList::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.acmMultiSelectList::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* Handle on hover */
.acmMultiSelectListLine {
  display: flex;
  align-items: center;
  user-select: none;
}
.acmMultiSelectListLine > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.acmMultiSelectListLine.select {
  font-weight: 600;
  background-color: #F0F0F0;
}
.acmMultiSelectListLine:hover {
  background-color: rgba(169, 224, 255, 0.5);
}
.acmMultiSelectLineHeader {
  font-weight: 700;
  height: 29px;
  line-height: 30px;
  border-bottom: 1px solid #333;
}
.acmMultipleSelectSelectBlock {
  border: 1px solid #3584D4;
  background-color: rgba(111, 199, 230, 0.431);
  display: flex;
  align-items: center;
  height: 30px;
  border-radius: 10px;
  overflow: hidden;
}
.acmMultipleSelectSelectBlock > div {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.9rem;
  padding-left: 3px;
}
.acmMultipleSelectSelectBlock > div.acmMultiSelectDelete {
  width: 20px;
  justify-content: center;
  display: flex;
  padding-left: 0px;
  cursor: pointer;
  /* Chrome all / Safari all */
  /* Firefox all */
  /* IE 10+ */
  /* Likely future */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.acmMultiSelectListContainer {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  width: 100%;
  display: flex;
  flex: 1 1 0%;
  flex-flow: column nowrap;
  place-content: stretch space-between;
  align-items: stretch;
}
.acmMultiSelectLastRow {
  text-align: center;
  background-color: #f0f0f0;
  cursor: pointer;
}
.acmMultiSelectContainer .acmMultiSelectLabelContainer {
  border: 1px solid transparent;
  border-bottom: none;
}
.withBorder .acmMultiSelectContainer .acmMultiSelectLabelContainer {
  border: 1px solid #DFDFDF;
}
.acmMultiSelectContainer .acmMultipleSelectSelectBlock {
  background-color: transparent;
  border: 1px solid transparent;
  max-width: 100%;
}
.acmMultiSelectContainer .acmMultiSelectDelete {
  border-right: none;
}
.acmMultiSelectContainer .acmMultiSelectLabel {
  width: 100%;
  padding: 3px;
  display: flex;
  flex: 1 1 0%;
  flex-flow: column;
  place-content: flex-start;
  align-items: flex-start;
  height: auto;
  flex-wrap: wrap;
  flex-direction: row;
}
.acmMultiSelectContainer .acmMultipleSelectSelectBlock > div.acmMultiSelectDelete::before {
  content: "⚫";
  font-size: 0.5rem;
}
.acmMultiSelectEmpty {
  display: block;
  width: 100%;
  border-bottom: 1px dotted #CCC;
  cursor: pointer;
  color: #AAA;
  font-style: italic;
}
.acmMultiSelectContainer.open {
  background-color: #FFF;
  border: 1px solid #66afe9;
  z-index: 5;
}
.acmMultiSelectContainer.open .acmMultiSelectLabelContainer {
  border: 1px solid #66afe9;
  min-height: 45px;
  border-bottom: none;
}
.acmMultiSelectContainer.open .acmMultiSelectListContainer {
  border: 1px solid #66afe9;
  min-height: 120px;
  border-top: none;
}
.acmMultiSelectContainer.open .acmMultipleSelectSelectBlock {
  color: #FFF;
  background-color: #3584D4;
  max-width: 49%;
  margin-bottom: 2px;
  margin-right: 2px;
}
.acmMultiSelectContainer.open .acmMultiSelectLabel {
  padding: 3px!important;
  display: flex;
  flex: 1 1 0%;
  flex-flow: row wrap;
  place-content: flex-start;
  align-items: flex-start;
  height: auto;
}
.acmMultiSelectContainer.open .acmMultipleSelectSelectBlock > div.acmMultiSelectDelete::before {
  content: "✖";
  font-size: 0.8rem;
}
.acmMultiSelectContainer.open .acmMultipleSelectSelectBlock > div:last-child {
  padding-left: 0px;
}
.acmMultiSelectContainer.open .acmMultiSelectEmpty {
  display: none;
}
.acmMultiSelectContainer.open .acmMultiSelectListLine.arrowSelect {
  background-color: #ddeaf8;
}
.acmMultiSelectContainer.open .acmMultipleSelectSelectBlock.arrowSelect {
  box-shadow: 0 0 3px 0 #3584D4;
}
.acmMultiSelectSearchPanel .acmInput {
  border-radius: 0px!important;
}
.acmMaterial .acmButtonFloat {
  background-color: transparent;
  color: #333;
  box-shadow: none;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  margin-right: 3px;
  height: 33px;
  width: 33px;
  min-width: 35px;
  min-height: 35px;
}
.acmMaterial .acmButtonFloat:hover {
  background-color: #3584D4;
  color: #FFF;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.acmMaterial .acmButtonFloat:active {
  box-shadow: none;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.acmMaterial .acmButtonFloat .icon,
.acmMaterial .acmButtonFloat .fas,
.acmMaterial .acmButtonFloat .far {
  font-size: 20px;
}
.acmMaterial .acmButtonFloat .icon {
  margin-right: 5px;
}
.acmMaterial .acmButtonFloat .iconMore {
  margin-right: 10px;
}
.acmMaterial .DetailViewValue .acmCheckBox,
.acmMaterial .DetailViewValue .acmCheckBox span {
  overflow: visible;
}
.acmMaterial .acmCheckBox > span:first-child > span:first-child > span:first-child {
  color: #3584D4;
}
.acmMaterial .acmCheckBox > span:last-child {
  background-color: #5f9edd;
}
.acmMaterial .acmCheckBox.noHeight > span:first-child {
  height: auto;
}
.acmMaterial .acmCheckBox.off > span:first-child > span:first-child > span:first-child {
  color: #999;
}
.acmMaterial .acmCheckBox.off > span:last-child {
  background-color: #b3b3b3;
}
.acmMaterial .acmCheckBox span[class*="MuiTouchRipple-ripple"] {
  color: #5f9edd;
}
.acmMaterial .acmCheckBox .MuiSwitch-colorSecondary.Mui-checked {
  color: #3584D4;
}
.acmMaterial .acmCheckBox .MuiSwitch-colorSecondary.Mui-checked:hover {
  background-color: rgba(53, 132, 212, 0.2);
}
.dropzone {
  position: relative;
  background-color: #f3f3f38f;
  width: 100%;
  padding: 10px;
  cursor: pointer;
  margin-top: 15px;
}
.dropzone .drop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #20A8D8;
  opacity: 0.5;
  z-index: 1000;
}
.dropzone.nonactive {
  border: 2px dashed #DDD;
}
.dropzone.active {
  border: 2px dashed #20A8D8;
}
.dropzone table {
  width: 100%;
}
.dropzone table tr td,
.dropzone table tr th {
  border-bottom: 1px solid #DDD;
  padding: 3px 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dropzone table td:last-child a {
  float: right;
}
.dropzone table td:nth-child(2),
.dropzone table td:nth-child(3),
.dropzone table th:nth-child(4) {
  width: 1%;
}
.dropzone table tr:last-child td {
  border: 0;
}
.dropzone p {
  word-break: break-word !important;
}
.acmMaterial:not(.portal) .acmTickbox {
  color: #DE002A !important;
}
.acmMaterial:not(.portal) .newListView .acmTickbox {
  padding: 0px;
}
.acmMaterial:not(.portal) .newListView .acmTickbox > span > svg {
  font-size: 16px;
}
.acmMaterial:not(.portal) .acmTickBox.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.acmMaterial .acmInput {
  width: 100%;
  background-color: #FFF;
}
.acmMaterial .acmInput > div::after {
  border-bottom-color: #3584D4;
}
.acmMaterial .acmInput.focus > label {
  color: #3584D4;
}
.acmMaterial .acmInput.error > div::after {
  border-bottom-color: #E92222;
}
.acmMaterial .acmInput.focus.error > label {
  color: #E92222;
}
.acmMaterial .DetailViewValue .acmInput input {
  height: 30px;
  display: block;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 45px;
}
.acmMaterial .DetailViewValue .dateTimeDateContainerHours .acmInput input,
.acmMaterial .DetailViewValue .dateTimeDateContainerMinutes .acmInput input {
  padding: 0px;
}
.acmMaterial .acmInput.withBorder {
  border: 1px solid #DFDFDF;
  border-bottom: none;
  border-radius: 7px;
  overflow: hidden;
}
.acmMaterial .acmInput.withBorder > div::before {
  border-bottom-color: #DFDFDF;
}
.acmMaterial .acmInput.withBorder input {
  padding-left: 14px;
}
textarea.error {
  border: 2px solid #E92222;
}
.acmMaterial .acmRadioGroup > label > span > span {
  color: #3584D4;
}
.acmMaterial .acmRadioGroup > label {
  margin: 0px;
}
.acmMaterial .acmRadioGroup > label > span {
  padding: 7px;
}
.acmMaterial .acmTabContainer {
  min-height: 35px;
}
.acmMaterial .acmTabContainer > div > div > span {
  background-color: #DE002A;
  font-size: 1rem;
  height: 3px;
}
.acmMaterial .acmTabContainer button {
  min-height: 35px;
  font-size: 1rem;
  font-weight: 400;
  text-transform: none;
  min-width: auto;
}
.acmMaterial .acmTabContainer button span {
  padding-left: 4px;
  padding-right: 4px;
}
.acmMaterial .acmTabContainer button[aria-selected='true'] {
  color: #000;
  font-weight: 500;
}
.acmMaterial .acmTabContainer.listViewFilter button {
  min-width: 20px;
  width: 50%;
}
.acmMaterial .acmTabContainer span[class*="MuiTouchRipple-child"] {
  background-color: #DE002A;
}
.acmMaterial .acmTabContainer button.error {
  background-color: #FAA09F;
}
.acmMaterial .acmTabContainer button.error span[class*="MuiTouchRipple-child"] {
  background-color: #f63c3a;
}
.acmMaterial .MuiTabs-indicator {
  background-color: #DE002A;
  height: 3px;
}
.acmMoreOptionContent li {
  padding: 4px 8px;
  min-width: 100px;
  cursor: pointer;
}
.acmMoreOptionContent ul {
  padding: 0px;
}
.acmMoreOptionContent > div:last-child {
  border-radius: 0px;
  padding: 10px;
}
.acmMoreOptionContent.right .MuiMenu-paper {
  left: auto!important;
  right: 30px;
}
.moreOptionMenuItem {
  padding: 8px;
  min-width: 120px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.moreOptionMenuItem:hover {
  background-color: #CCC;
}
.moreOptionMenuItem {
  padding: 8px;
  min-width: 120px;
  cursor: pointer;
}
.moreOptionIcon {
  color: #DE002A;
  margin-right: 4px;
}
.RichText .ql-editor {
  max-height: 500px;
}
.RichText {
  width: 200%;
}
.quill > .ql-container.ql-snow {
  height: 350px;
}
.ql-tooltip.ql-editing {
  margin-left: 110px;
}
.acmTreeTest {
  width: 250px;
  margin: 100px auto;
  border: 1px solid #CCC;
}
.acmTree {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column;
  /* Chrome all / Safari all */
  /* Firefox all */
  /* IE 10+ */
  /* Likely future */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.acmTreeMenu {
  display: flex;
  justify-content: space-between;
}
.acmTreeHover {
  width: 100%;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.1);
  display: none;
  position: absolute;
}
.acmTreeSelect {
  width: 100%;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.1);
  display: block;
  top: 21px;
  position: absolute;
  border-left: 3px solid #DE002A;
  -webkit-transition: top 0.2s;
  /* Safari */
  -moz-transition: top 0.2s;
  -o-transition: top 0.2s;
  -ms-transition: top 0.2s;
  transition: top 0.2s;
}
.acmTreeGroupHeader {
  padding: 0px 5px 0px 0px;
  cursor: pointer;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.acmTreeGroupHeader,
.acmTreeRecord {
  height: 40px;
  display: flex;
  align-items: center;
}
.acmTreeGroupContent {
  height: auto;
  margin-left: 0px;
  opacity: 1;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  position: relative;
  z-index: 1;
}
.acmTreeContentLine {
  position: absolute;
  left: 8px;
  top: 0px;
  width: 1px;
  height: 100%;
  background-color: #000;
}
.acmFileLine {
  position: absolute;
  height: 1px;
  width: 5px;
  top: 20px;
  left: 8px;
  background-color: #000;
}
.acmTreeGroupContent > .acmTreeGroup:last-child > .acmTreeContentLine,
.acmTreeGroupContent > .acmTreeRecord:last-child > .acmTreeContentLine {
  height: 20px;
}
.acmTreeGroupContent > .acmTreeGroup:first-child > .acmTreeContentLine,
.acmTreeGroupContent > .acmTreeRecord:first-child > .acmTreeContentLine {
  top: -8px;
  height: auto;
  bottom: 0;
}
.acmTreeGroupContent > .acmTreeGroup:first-child:last-child > .acmTreeContentLine,
.acmTreeGroupContent > .acmTreeRecord:first-child:last-child > .acmTreeContentLine {
  bottom: auto;
  top: -8px;
  height: 28px;
}
.acmTreeGroupContentClose {
  height: 0px;
  margin-left: -20px;
  opacity: 0;
  overflow: hidden;
}
.acmTreeRecord {
  padding: 0px 5px 0px 0px;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  cursor: pointer;
}
.acmTreeRecord > span {
  margin-left: 6px;
}
.acmTreeGroupMain > .acmTreeGroupContent > .acmTreeRecord {
  padding-left: 0px;
}
.acmTreeGroupMain > .acmTreeGroupHeader {
  display: none;
}
.acmTreeGroupMain > .acmTreeGroupContent > .acmTreeGroup > .acmTreeGroupHeader {
  padding-left: 0px;
}
.acmTreeGroup.acmTreeGroupMain {
  padding-left: 3px;
  position: relative;
  z-index: 2;
}
.acmTree > .acmTreeGroupMain {
  overflow-y: scroll;
  padding-left: 0px;
}
.acmTreeGroup.acmTreeGroupMain > .acmTreeContentLine {
  display: none;
}
.acmTreeGroupMain > .acmFileLine {
  display: none;
}
.acmTreeGroupMain > .acmTreeGroupContent > .acmTreeGroup > .acmTreeContentLine,
.acmTreeGroupMain > .acmTreeGroupContent > .acmTreeRecord > .acmTreeContentLine {
  display: none;
}
.acmTreeGroup,
.acmTreeRecord {
  padding-left: 12px;
  position: relative;
}
.acmTreeGroupMain > .acmTreeGroupContent > .acmTreeGroup,
.acmTreeGroupMain > .acmTreeGroupContent > .acmTreeRecord {
  padding-left: 0px;
}
input.acmTreeInput {
  margin-left: 5px;
  position: relative;
  top: -2px;
}
.acmTreeGroupCount {
  padding-left: 4px;
}
.acmTreeGroupMain > div.acmTreeGroupContent > div > div.acmFileLine {
  display: none;
}
.acmTreeMenuButtons {
  display: flex;
}
.acmTreeFolderIcon {
  padding: 4px;
  font-size: 1.1rem;
  color: #DE002A;
}
.acmTreeOpenAllIcon,
.acmTreeCloseAllIcon {
  padding: 2px;
  font-size: 1.2rem;
}
.acmTimeline {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  padding-right: 13px;
}
.acmTimelinePointContainer {
  width: 100%;
  display: flex;
  flex-flow: row;
  align-items: center;
  position: relative;
}
.acmTimeLineContainerArrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 31px 0 31px 15px;
  border-color: transparent transparent transparent #FFF;
  position: absolute;
  right: -16px;
  z-index: 2;
}
.acmTimeLineArrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 28px 0 28px 14px;
  border-color: transparent transparent transparent #b9b9b9;
  position: absolute;
  right: -14px;
  z-index: 3;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.acmTimelinePoint {
  width: 100%;
  height: 60px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 2px 0px;
}
.acmTimelinePointCenter {
  width: 100%;
  height: 100%;
  padding-left: 14px;
  background-color: #b9b9b9;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  color: #FFF;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.acmTimelinePointCenter.clickable {
  cursor: pointer;
}
.acmTimelinePointCenterRound {
  min-width: 18px;
  min-height: 18px;
  border-radius: 15px;
  background-color: #FFF;
}
.acmTimelinePointLeft,
.acmTimelinePointRight {
  width: 100%;
  height: 6px;
  background-color: #808080;
}
.acmTimelinePointText {
  text-align: center;
  padding-top: 8px;
}
.acmTimeline .acmTimelinePointContainer:first-child .acmTimelinePointLeft {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.acmTimeline .acmTimelinePointContainer:last-child .acmTimelinePointLeft {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.popupContent .acmTimelinePoint {
  height: 30px;
}
.popupContent .acmTimeLineContainerArrow {
  border-width: 15px 0 15px 15px;
}
.popupContent .acmTimeLineArrow {
  border-width: 14px 0 14px 14px;
}
.acmMaterial .AcmDate {
  width: 100%;
  border-radius: 7px;
  overflow: hidden;
}
.acmMaterial .AcmDate > div > input {
  min-height: 31px;
  overflow: hidden;
  border: none;
  padding: 0px 4px;
}
.acmMaterial .AcmDate .MuiIconButton-root {
  padding: 8px;
}
.acmMaterial .AcmDate .MuiInput-underline:after {
  border-bottom-color: #3584D4;
}
.acmMaterial .detailCard .DetailviewValue .AcmDate > div > input {
  border: none;
  padding-left: 19px;
  top: -2px;
}
.acmMaterial .detailCard .DetailviewValue .AcmDate > div {
  border-top: 1px solid #DFDFDF;
  border-left: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
  border-radius: 7px;
}
.MuiPickersModal-dialogRoot .MuiPickersToolbar-toolbar {
  background-color: #3584D4 !important;
}
.MuiPickersModal-dialogRoot .MuiButton-textPrimary {
  color: #3584D4;
}
.MuiPickersModal-dialogRoot .MuiPickersDay-daySelected {
  background-color: #3584D4;
}
.MuiPickersModal-dialogRoot .MuiPickerDTTabs-tabs {
  background-color: #3584D4;
}
.MuiPickersModal-dialogRoot .MuiPickerDTTabs-tabs .MuiTabs-indicator {
  background-color: #FFF;
}
.MuiPickersModal-dialogRoot .MuiPickersClock-pin {
  background-color: #3584D4;
}
.MuiPickersModal-dialogRoot .MuiPickersClockPointer-pointer {
  background-color: #3584D4;
}
.MuiPickersModal-dialogRoot .MuiPickersClockPointer-noPoint {
  background-color: #3584D4;
}
.MuiPickersModal-dialogRoot .MuiPickersClockPointer-thumb {
  border-color: #3584D4;
}
.AcmDate.withBorder {
  border: 1px solid #DFDFDF;
  border-bottom: none;
}
.AcmDate.withBorder p {
  border-bottom: 1px solid #DFDFDF;
}
.AcmDate.withBorder > div::before {
  border-bottom-color: #DFDFDF;
}
.AcmDate.withBorder input {
  padding-left: 14px;
}
.acmMaterial .AcmDate.error > div.MuiInput-underline::after,
.AcmDate.error > div.MuiInput-underline::before {
  border-bottom-color: #E92222;
  border-width: 2px;
}
.acmDateFreeFormat {
  display: flex;
  width: 100%;
  position: relative;
}
.acmDateFreeFormat input {
  padding-left: 4px;
}
.acmDateFreeFormat > span {
  position: absolute;
  right: 4px;
  bottom: 4px;
}
.acmMaterial .waveEffect {
  padding: 0px;
  width: auto;
}
.acmMaterial .waveEffect span[class*="MuiTouchRipple-ripple"] {
  color: rgba(255, 255, 255, 0.5);
}
.acmMaterial .waveEffect.dark span[class*="MuiTouchRipple-ripple"] {
  color: rgba(0, 0, 0, 0.5);
}
* {
  outline: none;
}
html {
  font-size: 12px!important;
}
BODY {
  padding: 0px;
  margin: 0px;
  background-color: #FBFBFD;
  font-size: 12px!important;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}
#page {
  padding: 44px 0px 0px 0px;
  margin-left: 210px;
  height: 100%;
  -webkit-transition: margin 0.2s;
  /* Safari */
  -moz-transition: margin 0.2s;
  -o-transition: margin 0.2s;
  -ms-transition: margin 0.2s;
  transition: margin 0.2s;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
}
#page.min {
  margin-left: 45px;
}
#page.alertMessageActive {
  padding-top: 70px;
}
#app {
  height: 100%;
}
.pointerClass {
  cursor: pointer;
}
.greenBC {
  background-color: #31C136;
}
.redBC {
  background-color: #E92222;
}
.required {
  color: #e64f4f;
}
.blueButton {
  background-color: #3584D4 !important;
  color: #FFF !important;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
a {
  color: #3584D4;
}
a:focus,
a:hover {
  color: #265e8f;
  text-decoration: underline;
}
a:focus {
  outline: none;
}
.w100 {
  width: 100%;
}
.formError {
  color: red;
  width: 100%;
  margin-bottom: 15px;
}
.link {
  color: #3584D4;
  text-decoration: none;
  cursor: pointer;
}
header {
  width: 100%;
  background-color: #282d33;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 4;
  display: flex;
  flex-flow: column;
}
.headerAlertPanel {
  background-color: #E92222;
  width: 100%;
  text-align: center;
  color: #DE002A;
  height: 20px;
}
.headerAlertPanel a {
  color: #DE002A;
  margin-left: 8px;
  text-decoration: underline;
}
.headerContent {
  height: 44px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.headerLeftContainer {
  display: flex;
}
.userMenu {
  height: 100%;
  float: right;
  min-width: 100px;
  display: flex;
  align-items: center;
}
.userHeaderButton {
  height: 100%;
  width: 44px;
  background-size: 60%!important;
  background-position: center;
  cursor: pointer;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}
.profileIcon {
  font-size: 1.2rem;
}
.logo img {
  height: 80%;
}
.userMenuContainer {
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 20px;
  padding-left: 15px;
  position: relative;
  color: #FFF;
  width: 186px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  /* Safari */
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
  /* Chrome all / Safari all */
  /* Firefox all */
  /* IE 10+ */
  /* Likely future */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.userMenuContainerHeader,
.userMenuContainerHeader:hover,
.userMenuContainerHeader:focus {
  height: 100%;
  display: flex;
  align-items: center;
  color: #DE002A;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.userMenuContainer .userIcon {
  width: 25px;
  height: 25px;
}
.userMenuContainer .userName {
  font-weight: 600;
  padding: 0px 10px;
  text-decoration: underline;
}
.userMenuContent {
  position: absolute;
  top: 100%;
  right: -200%;
  background-color: #3e4248;
  box-shadow: 2px 3px 4px 0px #0000002b;
  width: 250px;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.userMenuContent a {
  text-decoration: none;
  color: #DE002A;
}
.userMenuContainer:hover {
  background-color: #3e4248;
}
.userMenuContainer:hover .userMenuContent {
  right: 0px;
}
.userMenuContentLine {
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 5px;
  color: #DE002A;
}
.userMenuContentLine div[class^="icon-"] {
  width: 40px;
  text-align: center;
}
.userMenuContentLine:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.headerLogoContainer {
  display: flex;
  align-items: center;
  width: 210px;
}
.headerLogoContainer .logo {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  vertical-align: top;
  color: #DE002A;
  font-size: 1.3rem;
  font-weight: 700;
  padding-left: 12px;
}
.logo:hover,
.logo:focus {
  text-decoration: none;
}
.headerLogoContent {
  display: block;
  height: 100%;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
.headerLogo {
  height: 65%;
}
.headerBreadCrumb {
  height: 100%;
  display: flex;
  align-items: center;
  color: #DE002A;
  padding-left: 20px;
}
.headerBreadCrumb a {
  color: #DE002A;
  text-decoration: none;
  font-weight: 700;
}
.headerBreadCrumb span {
  white-space: nowrap;
  max-width: 25vw;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumbDelimiter {
  padding: 0px 12px;
  font-size: 0.8rem;
  color: #808080;
  padding-top: 5px;
}
.globalSearchInput .acmInput {
  background-color: transparent;
}
.globalSearchInput .acmInput input {
  color: #FFF;
}
.globalSearchInput .acmInput input::-webkit-input-placeholder {
  color: #c2c2c2;
}
.globalSearchInput .acmInput input:-ms-input-placeholder {
  color: #c2c2c2;
}
.globalSearchInput .acmInput input::placeholder {
  color: #c2c2c2;
}
.headerGlobarSearch {
  background-color: #494e51;
  display: flex;
  height: 32px;
  border-radius: 7px;
  padding: 0px 6px 0 12px;
}
.userHeaderButton {
  color: #aaa8ab;
  font-size: 1rem;
}
.MuiInput-underline:before {
  border-bottom: 0;
}
.MuiInput-underline:hover:not(.Mui-disabled):before {
  border-bottom: none;
}
.develModePanel {
  display: flex;
  justify-content: center;
  color: #FFF;
  font-size: 1.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.develModePanel,
.testEnviroment {
  background-color: #9E0707;
  font-weight: 700;
}
.testEnviromentLocal .develModePanel,
.testEnviromentLocal {
  background-color: #220099;
  font-weight: 700;
}
nav {
  position: fixed;
  left: 0;
  top: 44px;
  bottom: 0;
  width: 210px;
  display: flex;
  flex-flow: column;
  vertical-align: top;
  background: #FFF;
  border-right: 1px solid #e8e8e8;
  z-index: 2;
  -webkit-transition: width 0.2s;
  /* Safari */
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -ms-transition: width 0.2s;
  transition: width 0.2s;
}
nav .buttonsHolder {
  height: 100%;
  overflow-y: auto;
  padding-top: 12px;
  width: 210px;
}
nav .buttonsHolder.withGroups {
  padding-top: 0px;
}
nav .navToogle {
  width: 14px;
  height: 40px;
  top: 50%;
  right: -15px;
  background-color: #212852;
  border: 1px solid #e8e8e8;
  border-left: none;
  position: absolute;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #FFF;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
nav .menuButton {
  width: 100%;
  height: 36px;
  display: inline-block;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding-left: 25px;
  color: #241e20;
  cursor: pointer;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1rem;
  text-transform: uppercase;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
}
nav .menuButton span {
  color: #241e20;
  -webkit-transition: opacity 0.2s;
  /* Safari */
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
}
nav .menuGroup {
  height: 36px;
  padding-left: 15px;
  color: #241e20;
  text-transform: uppercase;
  font-size: 1rem;
  align-items: center;
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  letter-spacing: 0.5px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s linear, border-left-color 0.2s linear;
  /* Safari */
  -moz-transition: background-color 0.2s linear, border-left-color 0.2s linear;
  -o-transition: background-color 0.2s linear, border-left-color 0.2s linear;
  -ms-transition: background-color 0.2s linear, border-left-color 0.2s linear;
  transition: background-color 0.2s linear, border-left-color 0.2s linear;
}
nav .menuGroup span {
  margin-right: 4px;
  color: #DE002A;
}
nav .menuGroup:hover {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: background-color 0.2s linear, border-left-color 0.2s linear;
  /* Safari */
  -moz-transition: background-color 0.2s linear, border-left-color 0.2s linear;
  -o-transition: background-color 0.2s linear, border-left-color 0.2s linear;
  -ms-transition: background-color 0.2s linear, border-left-color 0.2s linear;
  transition: background-color 0.2s linear, border-left-color 0.2s linear;
}
nav .menuGroup.select.open {
  color: #DE002A;
  border-bottom: none;
  background-color: transparent;
}
nav .menuGroup.select span {
  color: #DE002A;
}
nav .menuGroupItems > div.menuButtonContainer {
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.2s linear;
  /* Safari */
  -moz-transition: max-height 0.2s linear;
  -o-transition: max-height 0.2s linear;
  -ms-transition: max-height 0.2s linear;
  transition: max-height 0.2s linear;
}
nav .menuGroupItems.fullHeight > div.menuButtonContainer {
  -webkit-transition: max-height 0.2s linear;
  /* Safari */
  -moz-transition: max-height 0.2s linear;
  -o-transition: max-height 0.2s linear;
  -ms-transition: max-height 0.2s linear;
  transition: max-height 0.2s linear;
  max-height: 45px;
}
nav .select {
  color: #fff;
  background-color: #DE002A;
}
nav .select span {
  color: #FFF;
}
nav .select .menuButtonIcon {
  color: #FFF !important;
}
nav .menuButton:hover {
  background-color: rgba(200, 200, 200, 0.1);
}
nav .menuButton.select:hover {
  background-color: #ff123f;
}
nav .menuButtonIcon {
  width: 16px;
  display: flex;
  justify-content: center;
  margin-right: 4px;
  overflow: hidden;
}
nav.alertMessageActive {
  top: 70px;
}
.menuCreatedBy {
  width: 100%;
  height: 40px;
  font-size: 0.8rem;
  border-top: 1px solid #DFDFDF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #D1D1D1;
}
.menuCreatedBy img {
  height: 20px;
  margin-left: 10px;
}
.menuButtonContainer {
  position: relative;
}
.menuButtonContainer .minHover {
  display: none;
}
nav.min {
  width: 45px;
}
nav.min .buttonsHolder {
  width: 45px;
  overflow-x: visible;
}
nav.min .menuButton {
  padding-left: 8px;
}
nav.min .menuButton span {
  opacity: 0;
  display: none;
}
nav.min .menuButtonIcon {
  margin-right: 0px;
}
nav.min .menuCreatedBy {
  display: none;
}
nav.min .subMenuButtonsContainer .subMenuButton {
  padding-left: 13px;
}
nav.min .menuButtonContainer:hover .minHover {
  display: flex;
  justify-content: flex-start;
  background-color: #FFF;
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
}
.subMenuButtonsContainer {
  background-color: #c50025;
  color: #FFF;
  display: flex;
  flex-flow: column;
}
.menuGroupItems .subMenuButtonsContainer {
  display: none;
}
.menuGroupItems.fullHeight .subMenuButtonsContainer {
  display: flex;
}
.subMenuButtonsContainer .subMenuButton {
  padding-left: 30px;
  color: #FFF;
  text-decoration: none;
  line-height: 40px;
  display: flex;
  align-items: center;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.subMenuButtonsContainer .subMenuButton:hover,
.subMenuButtonsContainer .subMenuButton.select {
  background-color: #ff123f;
}
.subMenuButtonsContainer .subMenuIcon {
  margin-right: 15px;
}
.menuHoverLabel {
  display: none;
  position: absolute;
  left: 45px;
  background-color: #f0f0f0;
  width: 200px;
  z-index: 2;
  pointer-events: none;
  height: 36px;
  align-items: center;
  padding: 4px 8px;
  text-transform: uppercase;
  box-shadow: 0px 0px 8px #00000040;
  transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -ms-transition-duration: 0.1s;
}
.menuHoverLabel::before {
  content: "";
  height: 100%;
  position: absolute;
  background-color: #f0f0f0;
  top: 0;
  left: -8px;
  width: 8px;
}
.menuGroupOpenIndicator {
  font-size: 0.6rem;
  padding: 0px 8px;
}
nav.min .menuButton {
  border-left: 3px solid transparent;
}
nav.min .menuButton:hover {
  border-left: 3px solid #DE002A;
}
@keyframes showLoad {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.pageLoad {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 101;
  background-color: rgba(0, 0, 0, 0.2);
  animation-name: showLoad;
  animation-duration: 4s;
  overflow: hidden;
  cursor: wait;
}
.pageLoadLoader {
  display: block;
  width: 100px;
  height: 100px;
  margin: 100px auto;
}
.lds-ellipsis {
  top: calc(50% - 32px);
  left: calc(50% - 32px);
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #DE002A;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.pageLoad .lds-ellipsis div {
  background: #DE002A;
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
@keyframes inputEditButtonAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.DetailViewMainContainer {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.pageContainer .detailViewContainer {
  padding: 15px 5px 0px 16px;
  overflow-y: scroll;
  height: 100%;
  display: flex;
  flex-flow: column;
}
.popupContent .detailViewContainer {
  padding: 0px;
}
.detailViewTabContentRow {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  padding: 0px 0px 0px 3px;
}
.detailViewTabContentRow .detailViwRow {
  padding-right: 15px;
  padding-bottom: 3px;
}
.detailViewTabContentRow .detailViwRow:last-child {
  padding-right: 0px;
}
.detailViewTabContentRow .detailViwRow:first-child {
  padding-right: 15px;
}
.detailViewTabContentRow .detailViwRowGroup:last-child .detailViwRowGroupHeader {
  margin-right: 0px;
}
.detailViewTabContentRow .detailViwRowGroup .detailViwRow {
  padding-right: 15px;
}
.detailViewTabContentRow .detailViwRowGroup:last-child .detailViwRow {
  padding-right: 0px;
}
.DetailviewLabel {
  width: 40%;
  display: inline-block;
  vertical-align: top;
  min-height: 32px;
  padding-top: 9px;
  padding-right: 14px;
}
.detailView {
  padding: 20px;
  padding-top: 5px;
  position: relative;
}
.DetailViewValue,
.DetailviewError {
  position: relative;
  width: 60%;
  display: inline-block;
}
.DetailviewError {
  color: #E92222;
  padding: 5px 20px;
  font-size: 0.75rem;
}
.DetailViewValue a.strong,
.newListViewLine a.strong {
  font-weight: 700;
}
.DetailViewValue span,
.newListViewLine span,
.DetailViewValue a,
.newListViewLine a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.DetailViewValue input,
.newListViewLine input {
  width: 100%;
  -webkit-transition: opacity 0.2s;
  /* Safari */
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.DetailViewValue .inputContainer,
.newListViewLine .inputContainer {
  width: 100%;
  display: inline-block;
}
.DetailViewValue .buttonContainer,
.newListViewLine .buttonContainer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-evenly;
  align-items: center;
  width: 50px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 2;
}
.DetailViewValue .inputEditButton,
.newListViewLine .inputEditButton {
  display: inline-block;
  color: #DE002A;
  cursor: pointer;
}
.DetailViewValue .inputEditButton .icon-detailCancel,
.newListViewLine .inputEditButton .icon-detailCancel {
  font-size: 0.8rem;
}
.DetailViewValue .inputEditButton .icon-detailSearch,
.newListViewLine .inputEditButton .icon-detailSearch {
  font-size: 0.8rem;
  font-weight: 600;
}
.DetailViewValue .wrongInput,
.newListViewLine .wrongInput {
  border: 1px solid #F00;
}
.DetailViewValue .inputEditContainer,
.newListViewLine .inputEditContainer {
  -webkit-transition: opacity 0.2s;
  /* Safari */
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
  display: flex;
  position: relative;
}
.DetailViewValue .waitingInput,
.newListViewLine .waitingInput {
  opacity: 0.6;
}
.DetailViewValue .closeButtonContainer,
.newListViewLine .closeButtonContainer {
  margin-left: 10px;
}
.valueContainerNoPadding > span {
  width: 100%;
  overflow: visible;
}
.newListViewLine .inputEditContainer {
  height: 100%;
}
.newListViewLine .inputEditButton .detailViewParentModuleSelect {
  height: 100%;
}
.DetailviewValue .valueContainer {
  width: 100%;
  padding-left: 20px;
  -webkit-transition: background-color 0.2s;
  /* Safari */
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.DetailviewValue .valueContainerNoPadding {
  width: 100%;
  -webkit-transition: background-color 0.2s;
  /* Safari */
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.DetailviewValue .valueContainer.hover:hover {
  background-color: #f7f7f7;
  box-shadow: inset 0px 0px 8px 0px rgba(230, 230, 230, 0.71);
  border-radius: 7px;
  cursor: text;
}
.DetailviewValue .valueContainerNoPadding.error .acmMultiSelectEmpty,
.DetailviewValue .valueContainer.error {
  background-color: #f9c4c4;
}
.DetailviewLabel label {
  font-weight: 600;
  color: #333;
  margin-bottom: 0px;
}
.DetailViewValue,
.valueContainer {
  min-height: 32px;
  line-height: 32px;
}
.valueContainer > span {
  display: flex;
  flex-flow: row nowrap;
  line-height: 20px;
  padding-top: 8px;
}
.overflowEllipsis {
  display: block;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.valueContainer ul {
  padding-left: 0px;
}
.detailViewTabContent {
  background-color: #FFF;
  border: 1px solid rgba(53, 63, 73, 0.078);
  padding-top: 12px;
}
.detailViewTabContent .detailViewTabHeader {
  display: flex;
}
.detailViewTabContent .detailViewTabHeader div {
  width: 100%;
}
.detailViewTabContent.customDataItemComponent .detailViewTabHeader .customDataItemEditButtonContainer {
  width: 20px;
  padding: 0 10px;
}
.detailViewTabContent.customDataItemComponent .detailViewTabHeader .customDataItemHeader {
  padding: 5px;
  font-weight: bold;
}
.detailViewTabContent.customDataItemComponent .detailViewTabRow {
  display: flex;
}
.detailViewTabContent.customDataItemComponent .detailViewTabRow div.customDataItemValue {
  width: 100%;
  padding: 5px;
}
.detailViewTabContent.customDataItemComponent .detailViewTabRow div.customDataItemValue input {
  border: 1px solid #DFDFDF;
}
.detailViewTabContent.customDataItemComponent .detailViewTabRow div.customDataItemValue.valueNumber input {
  text-align: right;
}
.detailViewTabContent.customDataItemComponent .detailViewTabRow div.customDataItemValue.slevaContainer {
  display: flex;
}
.detailViewTabContent.customDataItemComponent .detailViewTabRow div.customDataItemValue.slevaContainer input {
  text-align: right;
  padding-right: 3px;
}
.detailViewTabContent.customDataItemComponent .detailViewTabRow div.customDataItemValue.slevaContainer .acmSelectContainer {
  min-width: 50px;
}
.detailViewTabContent.customDataItemComponent .detailViewTabRow div.customDataItemValue.slevaContainer .acmSelectContainer .acmSelect > div {
  padding-bottom: 0.5px;
}
.detailViewTabContent.customDataItemComponent .detailViewTabRow div.customDataItemValue.slevaContainer .acmSelectContainer .acmSelect > div > div {
  padding-top: 7px;
}
.detailViewTabContent.customDataItemComponent .detailViewTabRow .customDataItemEditButtonContainer {
  width: 20px;
  padding: 10px 0 0 5px;
}
.detailViewTabContent.customDataItemComponent .detailViewTabRow .customDataItemEditButtonContainer .icon-deleteIcon {
  margin: auto 0;
  width: 20px;
  font-size: 0.9em;
}
.detailViewTabContent.customDataItemComponent .detailViewTabRow .customDataItemEditButtonContainer .icon-deleteIcon:hover {
  color: #E92222;
}
.detailViewTabContent.customDataItemComponent .detailViewTabRow .customDataItemEditButtonContainer .icon-editDesc {
  margin: auto 0;
  width: 20px;
  font-size: 0.9em;
}
.detailViewTabContent.customDataItemComponent .detailViewTabRow .customDataItemEditButtonContainer .icon-editDesc:hover {
  color: #DE002A;
}
.detailViwRow {
  display: table-cell;
  vertical-align: top;
}
.detailViwRow > div {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}
.detailViwRow.hiddenField {
  visibility: hidden;
}
.detailViewTabMenuContainer {
  padding-bottom: 0;
  display: inline-block;
  margin-left: 30px;
  position: relative;
  top: 1px;
  border: 1px solid rgba(53, 63, 73, 0.078);
  border-bottom: none;
}
.detailViewTabMenuButton h3 {
  margin: 0;
}
.detailViewTabMenuButton {
  padding: 8px 10px 10px;
  display: inline-block;
  background-color: #989898;
  cursor: pointer;
  border-left: 1px solid #CCC;
}
.detailViewTabMenuButton:first-child {
  border-left: none;
}
.detailViewTabMenuButton.select {
  background-color: #FFF;
  cursor: default;
}
.detailViewTabContentBlok {
  display: none;
}
.detailViewTabContentBlok.select {
  display: flex;
  flex-flow: column;
  width: 100%;
  border-collapse: collapse;
}
.inputDatetime,
.inputDate {
  z-index: 2;
  position: relative;
  display: flex;
}
.detailCard .DetailviewValue .inputDatetime input[type='text'] {
  display: inline;
  border: none;
}
.dateTimeDate {
  width: 50%;
}
.inputDate,
.inputDate .inputDateContainer {
  width: 100%;
}
.inputDatetime .react-datepicker {
  width: 100%;
  position: absolute;
  z-index: 5;
  top: 100%;
  left: 0;
  font-size: 1rem;
}
.inputDatetime .datetimehours,
.inputDatetime .datetimeminutes {
  width: 40px;
}
.inputDateTimeInputs {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  border: 1px solid #e4e7ea;
  border-bottom: none;
  background-color: #FFF;
  position: relative;
}
.inputDateTimeInputs input {
  text-align: center;
}
.dateTimeDateContainerHours {
  width: 60px;
}
.dateTimeDateContainerMinutes {
  width: 60px;
}
.inputDateTimeInputs .dateTimeValue {
  width: 100%;
}
.inputDateTimeInputs .datetimehours,
.inputDateTimeInputs .datetimeminutes {
  width: 55px;
}
.inputDateTimeInputs .dateTimeValue,
.inputDateTimeInputs .datetimehours,
.inputDateTimeInputs .datetimeminutes {
  box-shadow: none;
  background-color: transparent;
  border-color: transparent!important;
  text-align: center;
}
.inputDateTimeInputs .dateTimeValue:focus,
.inputDateTimeInputs .datetimehours:focus,
.inputDateTimeInputs .datetimeminutes:focus {
  box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
}
.inputDateTimeInputs .dateTimeDelimiter {
  margin-bottom: 0px;
  opacity: 0.5;
  padding-top: 9px;
}
.inputDate input {
  width: 100%;
}
.inputDate .react-datepicker {
  position: absolute;
  z-index: 5;
  top: 100%;
  left: 0;
  font-size: 1rem;
}
.textareaEditContainer {
  position: relative;
}
.textareaEditContainer .buttonContainer {
  height: 33px;
}
.textareaEditContainer textarea {
  resize: vertical;
  min-height: 100px;
  border-radius: 0px;
}
.selectEditContainer select {
  width: 100%;
  cursor: pointer;
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}
.selectEditContainer select::-ms-expand {
  display: none;
}
.selectEditContainer .noedit {
  border: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  background-color: #FFF;
}
.selectEditContainer .noedit:hover {
  background-color: #F8F8F8;
}
.selectEditContainer .wrongSelect {
  border: 1px solid #F00;
}
.inputDate.active,
.inputDatetime.active {
  z-index: 5;
}
.hoursMinutes {
  width: 50px!important;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-right: 3px;
}
.hourseDate .hoursMinutes:last-child {
  margin-left: 3px;
}
.hourseDate {
  display: flex;
}
.editFieldButton {
  width: 15px;
  height: 15px;
  top: 11px;
  right: 4px;
  opacity: 0.7;
  transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -ms-transition-duration: 0.1s;
  cursor: pointer;
  position: absolute;
}
.multiSelectEditContainer select {
  width: 92%;
}
.multiSelectEditContainer .buttonContainer {
  width: 8%;
  top: 0;
  right: 0;
}
.multiSelectEditContainer .inputEditButton {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.multiSelectEditContainer .inputEditButton div {
  margin: auto;
}
.detailViewSpanEdit.icon-EditField {
  color: #000;
  position: absolute;
  right: 7px;
  top: 6px;
  transform: scale(0);
  cursor: pointer;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  background-color: #FFF;
  border: 1px solid #DDD;
  padding: 4px;
  border-radius: 25px;
}
.DetailViewValue:hover > div > .detailViewSpanEdit.icon-EditField,
.DetailViewValue > .detailApi__field > div:hover > .detailViewSpanEdit.icon-EditField {
  transform: scale(1);
}
#email1 em {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detailViewSpanEdit.fieldEdited {
  position: absolute;
  right: 15px;
  border-radius: 10px;
  top: 17px;
  width: 7px;
  height: 7px;
  background-color: #3584D4;
}
.detailCard {
  background-color: #FFF;
  /*box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);*/
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.detailCard .header {
  display: flex;
  padding: 0px 20px 2px 0px;
  height: 40px;
}
.detailCard .header .appVersion {
  font-size: 0.8em;
  height: 100%;
  padding: 10px;
  cursor: pointer;
  float: right;
  display: inline-block;
}
.detailCard .header .title {
  height: 40px;
  display: flex;
  align-items: center;
  align-self: center;
  font-size: 1.05rem;
  margin-bottom: 0px;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.1;
  color: inherit;
  max-width: 50vw;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detailCard .header .title span {
  margin-right: 5px;
}
.detailCard .header .action {
  display: flex;
  flex-flow: row;
  align-items: center;
}
.detailCard .header .action a {
  font-size: 1rem;
  align-self: center;
  color: #DE002A;
  padding: 6px;
  border: 1px solid #e8e8e8;
  border-radius: 7px;
  margin-left: 4px;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  text-decoration: none;
}
.detailCard .header .action a:hover,
.detailCard .header .action a:active {
  text-decoration: none;
  background-color: #DE002A;
  color: #FFF;
}
.detailCard .detailViewTabContent {
  border: 1px solid #FFF;
  border-top: none;
}
.detailCard .detailViewTabMenuContainer {
  border: none;
}
.detailCard .detailViewTabMenuButton {
  border: none;
  background-color: transparent;
  color: #73818f;
  font-weight: 100;
}
.detailCard .detailViewTabMenuButton h3 {
  font-size: 1.1rem;
  font-weight: 400!important;
}
.detailCard .detailViewTabMenuButton.select {
  border: 1px solid #e8e8e8;
  border-bottom-color: #FFF;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #333;
}
.detailCard .DetailviewValue .acmInput {
  border-radius: 7px;
  overflow: hidden;
  border: 1px solid #DFDFDF;
}
.detailCard .DetailviewValue input[type='text'] {
  border-radius: 7px;
  border-bottom: none;
  position: relative;
  z-index: 2;
}
.detailCard .DetailviewValue input.wrongInput {
  border-color: #E92222;
}
.detailCard .DetailviewValue .buttonContainer .inputEditButton {
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
}
.detailCard .DetailviewValue .buttonContainer .inputEditButton:hover {
  transform: scale(1.1);
}
.detailCard .DetailViewValue .acmSelectLabel {
  padding: 0px;
  padding-left: 15px;
  border: none;
}
.relateField {
  position: relative;
}
.quickSearchResult {
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 2;
  background-color: #FFF;
  border: 1px solid #e4e7ea;
  max-height: 250px;
  overflow-y: scroll;
  box-shadow: 0px 1px 1px 0px #0009;
}
.quickSearchResultLine {
  padding-left: 10px;
  cursor: pointer;
  /* Chrome all / Safari all */
  /* Firefox all */
  /* IE 10+ */
  /* Likely future */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.quickSearchResultLine:hover {
  background-color: #F0F3F5;
  font-weight: 500;
}
.quickSearchResultLine.select {
  background-color: #EEE;
  font-weight: 500;
}
.quickSearchResultLine.arrowSelect {
  background-color: #ffabbb;
}
.quickSearchResultLine.newRecord {
  color: #DE002A;
}
.inputDetailCheckbox {
  height: 25px;
  margin-top: 7px;
  width: 42px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  box-shadow: inset 0px 0px 7px 0px #0000002e;
  padding: 1px;
  -webkit-transition: background-color 0.3s;
  /* Safari */
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.inputDetailCheckbox.check {
  background-color: #DE002A;
}
.inputDetailCheckbox.unCheck {
  background-color: #9a9a9a;
}
.inputDetailCheckboxBall {
  width: 23px;
  height: 23px;
  background-color: #FFF;
  border-radius: 30px;
  position: relative;
  left: 0px;
  -webkit-transition: left 0.2s;
  /* Safari */
  -moz-transition: left 0.2s;
  -o-transition: left 0.2s;
  -ms-transition: left 0.2s;
  transition: left 0.2s;
  cursor: pointer;
}
.inputDetailCheckbox.check .inputDetailCheckboxBall {
  left: 19px;
}
.detailViewFieldIframe {
  border: none;
  margin: 5px 0px;
  width: 100%;
}
/*
.detailNullValue{

  border-bottom: 1px dotted #CCC;
  position: relative;
  top: 30px;
  margin-right: 15px;
}*/
.error > .detailNullValue {
  border-bottom: 2px solid #f63c3a;
}
.valueContainer .textareaContent {
  line-height: normal;
  padding: 10px;
  padding-left: 0px;
}
.valueContainer.nullValue {
  border: 1px solid #DFDFDF;
  border-radius: 7px;
}
.nullValue.notAllowed {
  cursor: not-allowed;
}
.inputDetailRadioLine {
  display: flex;
  align-items: center;
  height: 33px;
}
.inputDetailRadioButton {
  width: 18px;
  height: 18px;
  box-shadow: inset 0px 0px 5px 0px #c7c7c7;
  border-radius: 10px;
  background-color: #EEEEEE;
  margin: 0px 5px;
  margin-top: 4px;
  cursor: pointer;
  -webkit-transition: box-shadow 0.1s;
  /* Safari */
  -moz-transition: box-shadow 0.1s;
  -o-transition: box-shadow 0.1s;
  -ms-transition: box-shadow 0.1s;
  transition: box-shadow 0.1s;
}
.inputDetailRadioButton.select {
  background-color: #FFF;
  box-shadow: inset 0px 0px 0px 4px #DE002A;
}
.inputDetailRadioLabel {
  line-height: initial;
}
.detailViewParentModuleSelect {
  width: 200px;
  border: 1px solid #e8e8e8;
  margin-right: 2px;
}
.detailViewParentModuleSelect .acmSelect,
.detailViewParentModuleSelect .acmSelectContainer {
  height: 100%;
}
.detailView .acmTabContainer {
  border-bottom: 1px solid #e8e8e8;
}
.detailInvComp {
  margin-top: 10px;
}
.detailInvComp .pageContainer .detailViewContainer {
  padding: 0;
}
.detailInvComp .detailCard {
  margin-top: 0px;
}
.detailInvComp .DetailViewMainContainer {
  height: auto;
}
.detailViewTabContent .detailInvComp .detailViewTabContent {
  padding: 0px;
}
.detailInvComp .relInvContainer {
  height: auto;
}
.detailInvComp .invCandidatesContainer {
  height: auto;
}
.detailInvCustComp.detailInvComp .detailViewTabContent {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.detailInvCustComp .header {
  background-color: #F2F2F2;
  display: flex;
  border-bottom: 1px solid #e8e8e8;
  padding: 3px 20px 2px 20px;
  height: 40px;
}
.invitesTableCallTo {
  font-size: 0.9rem;
  padding-left: 4px;
}
.detailInvCustComp .header > div {
  font-weight: 700;
  font-size: 1.05rem;
  margin: auto 0;
}
.priceInput input {
  text-align: right;
}
.actionButton {
  width: 25px;
  height: 25px;
  border-radius: 15px;
  overflow: hidden;
}
.detailActionButton {
  width: 25px;
  height: 25px;
}
.detailViewMulti .acmMultiSelectEmpty {
  border: 1px solid #DFDFDF;
  border-radius: 7px;
  line-height: 30px;
}
.detailViewMulti .acmMultiSelectContainer .acmMultiSelectLabelContainer {
  border: 0px solid transparent;
}
.detailViewMulti .acmMultiSelectContainer .acmMultiSelectLabel {
  padding: 0px 0px;
}
.detailViewMulti .acmMultiSelectContainer.open .acmMultiSelectLabelContainer {
  min-height: 32px;
}
.detailviewParentModule {
  margin-right: 4px;
}
.detailViewFieldIconEye,
.valueContainer a.detailViewFieldIconEye,
.DetailViewValue a.detailViewFieldIconExpand {
  display: flex;
  align-items: center;
  margin-right: 4px;
  cursor: pointer;
  color: #808080;
}
.detailViewFieldIconNewTab {
  display: flex;
  align-items: center;
  margin-right: 4px;
  margin-top: 5px;
  text-decoration: none;
  cursor: pointer;
  color: #808080;
}
.detailView.calInvComponent {
  padding: 0;
}
.detailView.calInvComponent .detailView {
  padding: 0;
}
.detailViewPanelHeader {
  border-bottom: 1px solid #DE002A;
  display: flex;
  font-size: 1.1rem;
  font-weight: 700;
  padding-left: 3px;
  padding-bottom: 1px;
  margin-bottom: 8px;
}
.detailViwRowGroup {
  display: flex;
  flex-flow: column;
}
.detailViwRowGroupHeader {
  font-weight: 700;
  margin-right: 15px;
  margin-bottom: 8px;
}
.detailTimelineCustomForm {
  height: 100px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 8px;
}
.detailViewFieldFile {
  position: relative;
  top: -4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.detailViewFieldFile a.fileLink,
.detailViewFieldFile span.fileName {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detailViewFieldFile .buttons {
  display: flex;
}
.detailViewFieldFile button div {
  font-size: 1rem;
  padding: 0px;
}
.detailViewFieldFile button {
  font-size: 1rem;
  padding: 0px 4px!important;
}
.valueContainerNoPadding .acmMultiSelectEmpty {
  padding-left: 20px;
}
.detailDashboardContainer {
  width: 100%;
  height: 75px;
}
.detailDashboardContainer .customReportContainer {
  padding: 0px;
}
.detailDashboardContainer .customReport {
  box-shadow: none;
}
.detailIframeContainer {
  width: 100%;
  height: 350px;
}
.detailIframeContainer .customReportContainer {
  padding: 0px;
}
.detailIframeContainer .customReport {
  box-shadow: none;
}
.detailViewName {
  padding-left: 4px;
}
.detailViewHeaderIcon {
  color: #FFF;
  background-color: #DE002A;
  display: inline-block;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.customLinesRowContainer {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
}
.customLinesCell,
.acmSelectContainer.customLinesCell {
  flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  margin: 4px;
}
.customLinesCell.error.acmSelectContainer,
.acmSelectContainer.customLinesCell.error.acmSelectContainer {
  background-color: #f9c4c4;
}
.customLinesCell.error .acmInput,
.acmSelectContainer.customLinesCell.error .acmInput {
  background-color: #f9c4c4;
}
.customLinesCell.inputDateContainer > div > div > div,
.customLinesCell > div,
.customLinesCell > div.acmSelect {
  height: 100%;
  width: 100%;
}
.customLinesCell.inputDateContainer > div > div > div > div,
.customLinesCell > div > div,
.customLinesCell > div.acmSelect > div {
  height: 100%;
  width: 100%;
}
.customLinesCell.inputDateContainer > div > div > div > div > div.acmInput,
.customLinesCell > div > div > div.acmInput,
.customLinesCell > div.acmSelect > div > div.acmInput {
  height: 100%;
}
.customLinesCell.inputDateContainer > div > div > div > div > div.acmInput > div,
.customLinesCell > div > div > div.acmInput > div,
.customLinesCell > div.acmSelect > div > div.acmInput > div {
  height: 100%;
}
.acmSelectContainer.customLinesCell > div > div > div {
  padding-left: 4px;
}
.customLinesHeader .customLinesCell {
  padding-left: 5px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.customLinesFooter {
  border-top: 1px solid #B3B3B3;
  margin-top: 4px;
}
.customLinesFooter .customLinesCell {
  padding-left: 4px;
  padding-right: 4px;
  font-weight: bold;
}
.customLinesFooter .customLinesCell.alignRight {
  text-align: right;
}
.customLinesCell .AcmDate > div > input {
  min-height: 25px;
}
.customLinesCell > .acmTickBox {
  height: 26px;
  padding-top: 0;
  padding-bottom: 0;
}
.customLinesCell .actionPanelButtonIcon {
  cursor: pointer;
  color: #241e20;
}
.customLinesCell .actionPanelButtonIcon:hover {
  color: #DE002A;
}
.customLinesCell input {
  padding-left: 4px!important;
}
.customLinesCell .alignRight input {
  text-align: right;
}
.customLinesCell input:disabled {
  color: #333;
}
.customLinesCell .customLinesCellEye {
  flex-grow: 0;
  width: 15px;
  min-width: 14px;
  padding: 0;
  max-width: 14px;
  padding-left: 0px;
  margin-right: 0px;
  display: inline-flex;
  color: #241e20;
}
.customLinesCell .customLinesCellEye:hover {
  color: #DE002A;
}
.customLinesCell .customLinesCellEye > div {
  color: #241e20;
}
.customLinesCell .customLinesCellEye > div:hover {
  color: #DE002A;
}
.customLinesCell .customLinesCellArrows {
  flex-flow: column;
  position: relative;
  top: -8px;
}
.customLinesCell .customLinesCellArrows div {
  font-size: 0.8rem;
}
.customLinesCell.customLinesCellDelete {
  flex-grow: 0;
  padding: 0;
  margin-right: 0;
}
.customLinesCell.customLinesCellDelete .customLinesButton {
  padding-left: 0px;
  margin-right: 0px;
  max-width: 14px;
  display: inline-flex;
}
.customLinesCell .acmSelect > div > div {
  padding-right: 20px;
}
.customLinesCell.center input {
  text-align: center;
}
.acmMaterial .acmDetailFieldButton {
  background-color: #DE002A;
  color: #FFF;
}
.acmMaterial .acmDetailFieldButton:hover {
  background-color: #ff123f;
}
.detailviewInfoIcon {
  display: inline-block;
  margin-left: 2px;
  padding-top: 4px;
  cursor: pointer;
  opacity: 0.4;
}
.detailviewInfoIcon:before {
  position: relative;
  top: 2px;
}
.imageFieldContainer {
  width: 100%;
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.imageFieldContainer img {
  max-width: 100%;
  max-height: 100%;
}
.imageFieldHover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  display: flex;
  align-items: flex-end;
  flex-flow: column;
  padding: 8px 12px;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.imageFieldContainer:hover .imageFieldHover {
  opacity: 1;
}
.imageFieldIcon {
  color: #FFF;
  font-size: 1.8rem;
  margin-bottom: 8px;
  cursor: pointer;
}
.qGroupComponent .productGroupBody .qProductLine .quoteProductField .Mui-disabled fieldset {
  background-color: rgba(155, 155, 155, 0.2);
  border-color: #DFDFDF;
}
.detailTextEditor {
  background-color: #FFF;
  position: relative;
  z-index: 1;
  box-shadow: -1px 6px 10px 0px rgba(0, 0, 0, 0.16);
}
.detailTextEditor > div#toolbar,
.detailTextEditor > div.quill > .ql-container {
  border-left: none;
  border-right: none;
}
.detailTextEditor > div.quill > .ql-container {
  border-top: none;
}
.detailTextEditor.noEdit {
  padding: 4px 8px 8px 8px;
  border-top: 1px solid #e8e8e8;
  min-height: 250px;
}
.detailTextEditorContainer {
  position: relative;
}
.detailTextEditorContainer .detailViewSpanEdit {
  z-index: 2;
  transform: scale(1);
}
.detailTopInfo {
  background-color: #FFF;
  padding: 8px 0px 8px 0px;
  font-size: 1rem;
}
.detailTopInfo table {
  width: 100%;
  font-size: 1rem;
}
.detailTopInfo table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 0;
  padding-left: 2px;
}
.detailTopInfo .labelIcon {
  display: inline-block;
  margin-right: 2px;
  color: #DE002A;
}
.detailViewTabContent.edit {
  display: flex;
  flex-flow: row;
}
.edit .detailViewTabContentBlok.select {
  border-right: 1px solid #CCC;
  margin-right: 4px;
}
.editDetailButton {
  display: flex;
  flex-flow: row nowrap;
  position: absolute;
  right: 7px;
  top: 4px;
  cursor: pointer;
}
.startEditButton {
  margin-top: 12px;
}
.editChangeContainer {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  border: 1px solid #CCC;
  min-height: 36px;
}
.editChangeContainer.select {
  color: #FFF;
  border-color: #E92222;
  background-color: #FAA09F;
}
.editChangeContainer.select .acmInput {
  background-color: transparent!important;
}
.editChangeContainer.select .acmInput .MuiInputBase-input {
  color: #FFF;
}
.editChangeContainer span {
  color: #9a9a9a;
  font-size: 0.9rem;
  padding-bottom: 4px;
}
.editChangeContainer .acmInputContainer {
  width: 100%;
}
.editDetailFieldPosition {
  margin: 0px 4px;
  margin-bottom: 8px;
  cursor: pointer;
}
.detailViewHiddenFieldsContainer {
  width: 240px;
  background-color: #ececec;
  border: 1px solid #CCC;
  display: flex;
  flex-flow: column;
}
.hiddenFieldItem {
  margin-top: 4px;
  padding: 4px;
  background-color: #FFF;
  border: 1px solid #CCC;
  display: flex;
  align-items: center;
  min-height: 36px;
  /* Chrome all / Safari all */
  /* Firefox all */
  /* IE 10+ */
  /* Likely future */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.hiddenFieldItem > div:first-child {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
.hiddenFieldItem div span {
  color: #9a9a9a;
  font-size: 0.9rem;
}
.hiddenFieldItem.select {
  background-color: #FAA09F;
  border-color: #E92222;
  color: #FFF;
}
.hiddenFieldButton {
  background-color: #DE002A;
  color: #FFF;
  justify-content: center;
  cursor: pointer;
  /* Chrome all / Safari all */
  /* Firefox all */
  /* IE 10+ */
  /* Likely future */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.hiddenFieldButton.disabled {
  background-color: #CCC;
  cursor: default;
}
.hiddenFieldItem .editDetailFieldPosition {
  margin-right: 8px;
  margin-bottom: 0px;
  display: inline;
}
.detailViewHiddenFieldsContainerList {
  padding: 2px 4px 2px 4px;
  height: 100%;
  overflow-y: scroll;
}
.detailViewEditAddLineContainer {
  display: flex;
  justify-content: center;
  padding: 4px;
}
.detailViewEditAddLineContainer > div {
  cursor: pointer;
}
.detailViewEditRemoveLineContainer {
  padding-top: 14px;
  font-size: 0.8rem;
  position: relative;
  right: 8px;
}
.detailViewEditRemoveLineContainer > div {
  cursor: pointer;
}
.detailViewEnumEditAddLineContainer {
  padding-top: 4px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
}
.detailViewEnumEditListLine {
  display: flex;
  padding: 0px 6px 0px 0px;
  margin-bottom: 4px;
  border: 1px solid #CCC;
  background-color: #EEE;
  align-items: center;
}
.detailViewEnumEditListLine .acmInput {
  background-color: transparent;
}
.detailViewEnumEditListLine .acmInputContainer {
  width: 100%;
}
.detailViewEnumEditListLineKey {
  min-width: 20%;
}
.detailViewEnumEditListLineDelete > div {
  cursor: pointer;
}
.detailViewEnumEditListLineMove {
  display: flex;
  width: 40px;
  flex-flow: column;
}
.detailViewEnumEditListLineMove > div {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 4px;
  cursor: pointer;
}
.detailViewEnumEditSaveButton {
  border-top: 1px solid #CCC;
  margin-top: 6px;
  padding-top: 6px;
}
.detailViewEnumEditContainer {
  max-height: 400px;
  display: flex;
  flex-flow: column;
}
.detailViewEnumEditListContainer {
  height: 100%;
  overflow: auto;
  border-bottom: 1px solid #CCC;
}
.detailViewEditTabContainer {
  display: flex;
  align-items: center;
}
.detailViewEditTabButton {
  margin-left: 4px;
  cursor: pointer;
}
.detailViewPanelText {
  display: flex;
  align-items: center;
}
.addTabButton {
  width: 21px;
  background-color: #d4d4d4;
  border-radius: 4px;
}
#subpanels {
  margin-top: 10px;
}
.subpanel {
  width: 100%;
  box-sizing: border-box;
  background-color: #FFF;
  border-radius: 3px;
}
.subpanel .subpanelHeader h3,
.subpanelMove .subpanelHeader h3 {
  padding: 8px 0px 8px 0px;
  margin: 0;
  font-size: 1.1rem;
  min-height: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.subpanel .subpanelHeader h3 > div,
.subpanelMove .subpanelHeader h3 > div {
  font-size: 0.6rem;
  padding-right: 8px;
}
.subpanel .subpanelHeader,
.subpanelMove .subpanelHeader {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  background-color: #FFF;
  height: 40px;
}
.subpanel .subpanelHeader > div,
.subpanelMove .subpanelHeader > div {
  display: flex;
  align-items: center;
}
.subpanel .subpanelHeader .subpanelIcon,
.subpanelMove .subpanelHeader .subpanelIcon {
  font-size: 1rem;
}
.subpanel .subpanelHeaderOpenButton,
.subpanelMove .subpanelHeaderOpenButton {
  width: 16px;
  height: 22px;
  background-size: auto 100%;
  background-position: bottom;
  cursor: pointer;
}
.subpanel .subpanelHeaderOpenButton.open,
.subpanelMove .subpanelHeaderOpenButton.open {
  transform: rotate(90deg);
}
.subpanel a,
.subpanelMove a {
  cursor: pointer;
}
.subpanel .table td,
.subpanelMove .table td,
.subpanel .table th,
.subpanelMove .table th {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 0;
  font-size: 1rem;
}
.subpanel .table,
.subpanelMove .table {
  margin-bottom: 5px;
}
.subpanel .newListViewContainer,
.subpanelMove .newListViewContainer {
  height: 100px;
  max-height: 460px;
}
.subpanel .newListViewHeader,
.subpanelMove .newListViewHeader {
  width: 100%;
}
.subpanel .newListViewRow > div:last-child,
.subpanelMove .newListViewRow > div:last-child {
  border-bottom: none;
}
.subpanel .moveHolder,
.subpanelMove .moveHolder {
  height: 100%;
  cursor: move;
  background-size: auto 100%;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subpanel .subpanelPagination,
.subpanelMove .subpanelPagination,
.subpanel .pagination,
.subpanelMove .pagination {
  display: flex;
  align-items: center;
  padding: 0px 4px 0px 4px;
  height: 24px;
}
.subpanel .paginationContainer,
.subpanelMove .paginationContainer {
  display: flex;
  height: auto;
  align-items: center;
}
.subpanel .pagination,
.subpanelMove .pagination {
  margin: 0px 0px;
}
.subpanel .subpanelPagination .arrow,
.subpanelMove .subpanelPagination .arrow,
.subpanel .pagination .arrow,
.subpanelMove .pagination .arrow {
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.subpanel .subpanelPagination .pageCount,
.subpanelMove .subpanelPagination .pageCount {
  padding: 0px 3px;
}
.subpanel .subpanelHeaderRightButton,
.subpanelMove .subpanelHeaderRightButton {
  display: flex;
  height: 24px;
  width: 24px;
  padding: 0px 5px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
}
.subpanel .subpanelHeaderRightButton .waveEffect,
.subpanelMove .subpanelHeaderRightButton .waveEffect {
  width: 100%;
  height: 100%;
}
.subpanel .subpanelHeaderRightButton,
.subpanelMove .subpanelHeaderRightButton,
.subpanel .subpanelPagination,
.subpanelMove .subpanelPagination {
  border-radius: 15px;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.subpanel .subpanelHeaderRightButton:hover,
.subpanelMove .subpanelHeaderRightButton:hover,
.subpanel .subpanelPagination:hover,
.subpanelMove .subpanelPagination:hover {
  background-color: #DDD;
}
.subpanel .filterContainer,
.subpanelMove .filterContainer {
  max-width: 30px!important;
  min-width: 30px!important;
  border-left: none;
  height: 45px;
}
.subpanel .subpanelEditButton,
.subpanelMove .subpanelEditButton {
  min-width: 30px;
  max-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
}
.subpanel .newListViewContainer,
.subpanelMove .newListViewContainer {
  padding: 0px 10px 0px 20px;
}
.subpanel .newListView,
.subpanelMove .newListView {
  overflow: visible;
}
.subpanel .newListViewContent,
.subpanelMove .newListViewContent,
.subpanel .newListViewHeader,
.subpanelMove .newListViewHeader {
  z-index: unset;
}
.subpanelLoader {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  background-color: #0000002e;
}
.subpanelLoader .pageLoadLoader {
  margin: 0px;
}
.subpanelMove {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start !important;
}
.subpanelContainer.maxSize {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 101;
  display: flex;
  padding: 5%;
}
.subpanelContainer {
  margin-bottom: 10px;
  /*box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);*/
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.subpanelContainer .newListViewContentInner {
  overflow-y: auto;
}
.subpanelContainer.maxSize .newListViewContentInner {
  overflow-y: scroll;
}
.subpanelContainer.maxSize .newListViewContainer {
  height: 100%!important;
  max-height: 100%;
}
.subpanelContainer.maxSize .moveHolder {
  display: none;
}
.subpanelContainer .changeWidthHolder {
  display: none;
}
.subpanelContainer.maxSize .subpanelHeader {
  padding-left: 10px;
}
.subpanelContainer.maxSize .subpanel .filterContainer {
  max-width: 41px!important;
  min-width: 41px!important;
}
.subpanelLineMoreOptions {
  width: 18px;
  height: 18px;
  cursor: pointer;
  border-radius: 10px;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.subpanelLineMoreOptions:hover {
  background-color: #CCC;
}
.subpanelHeaderRightButton.icon-MaxSize {
  font-size: 0.9rem;
}
.subpanelContainer .icon-MaxSize:before {
  content: "\f293";
}
.subpanelContainer.maxSize .icon-MaxSize:before {
  content: "\f292";
}
.toogleSubpanelButton {
  height: 40px;
  width: 40px;
  background-color: #F1F0F6;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
}
.subpanelHeaderLeftContainer {
  height: 40px;
  width: 40;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #FFF;
  margin-right: 8px;
}
.subpanelHeaderLeftContainer .moveHolder {
  position: absolute;
  left: 0px;
}
.subpanelContainer.maxSize .listViewEyeIcon {
  display: none;
}
.subpanelHeader .listviewEdit {
  margin-right: 4px;
}
.pageContainer.ListViewContainer {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  background-color: #fff;
}
.pageContainer .ListViewContainerBody {
  margin-left: 16px;
  margin-right: 15px;
  margin-bottom: 10px;
  margin-top: 15px;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  min-height: 0;
  /*box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);*/
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.relateListView .pageContainer .ListViewContainerBody {
  padding: 0px;
}
.listViewTableContainer {
  height: 100%;
  background-color: #FFF;
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
  border-top: none;
  border-bottom: none;
}
.listView {
  box-sizing: border-box;
  overflow-y: scroll;
  margin: auto;
  position: relative;
  height: 100%;
  width: 100%;
  border-top: 1px solid #e8e8e8;
}
.listViewBody {
  width: 100%;
}
.listView .listViewInner > table {
  margin-bottom: 0px;
}
.listViewheaderBox {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  margin: auto;
  border-bottom: none;
}
.listViewheaderBoxContainer {
  width: 100%;
}
.listViewHeader {
  margin-top: 0px;
  font-size: 1.2rem;
}
.listViewActions {
  display: flex;
  height: 50px;
  box-sizing: border-box;
  place-content: space-around space-between;
  align-items: center;
  padding: 0px 16px 0px 24px;
}
.listViewActions .acmSelect {
  background-color: #FFF;
}
.orderArrow {
  width: 13px;
  height: 7px;
}
.arrowTop {
  margin-bottom: 2px;
  transform: rotate(180deg);
}
.notSelect {
  opacity: 0.2;
}
.orderTh {
  cursor: pointer;
}
.orderTh:hover {
  background-color: #F9F9F9;
}
.listViewSearch {
  border-radius: 7px;
  background-color: #FFF;
  border: 1px solid #DFDFDF;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.listViewSearch .acmInputContainer {
  display: flex;
}
.listViewSearch .acmInputContainer .clearButton {
  display: flex;
  align-items: center;
  margin-right: 8px;
  font-size: 0.8rem;
  cursor: pointer;
  opacity: 0.4;
  -webkit-transition: opacity 0.2s;
  /* Safari */
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.listViewSearch .acmInputContainer .clearButton:hover {
  opacity: 1;
}
.listViewSearch input {
  width: 200px;
}
.listViewSearch .acmInput {
  height: 32px;
  padding-left: 10px;
}
.listViewSearch .acmInput > div::after {
  display: none;
}
.listViewSearch .acmInput > div::before {
  display: none;
}
.listViewSearch .acmInput input {
  padding: 0;
  height: 32px;
}
.listViewSearchIcon {
  right: 0px;
  top: -2px;
  opacity: 0.4;
  font-size: 1.2rem;
  cursor: pointer;
  -webkit-transition: opacity 0.2s;
  /* Safari */
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.listViewSearch:hover .listViewSearchIcon {
  opacity: 1;
}
.listViewSearchButton {
  color: #DE002A;
  padding: 0px 16px 0 16px;
  border-left: 1px solid #DFDFDF;
  cursor: pointer;
  outline: 0;
}
.listViewSearchButtonAdd {
  color: #DE002A;
  font-size: 1.4rem;
  margin-left: 8px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  cursor: pointer;
}
.listViewFilterIcon {
  width: 25px;
  height: 25px;
  border-left: 1px solid #DFDFDF;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.listHeaderLabel {
  margin-right: 20px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1rem;
}
.listViewHeadericonContainer {
  width: 18px;
  padding-bottom: 2px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.orderArrowsContainer {
  color: #808080;
  margin-bottom: 3px;
  font-size: 0.9rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 15px;
}
.detailViewTabHeader .orderArrowsContainer {
  display: inline-block;
}
.detailViewTabHeader .orderArrowsContainer .orderTriangleTop {
  width: 80%;
  border-width: 0 6px 8px 6px;
  margin-left: 3px;
  margin-bottom: -3px;
}
.detailViewTabHeader .orderArrowsContainer .orderTriangleBottom {
  width: 80%;
  border-width: 8px 6px 0 6px;
  margin-left: 3px;
  margin-bottom: -3px;
}
.listViewheaderFiltration {
  width: 15px;
  height: 15px;
  position: relative;
  font-size: 0.9rem;
  color: #808080;
}
.filteringUsedMark {
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #3583de;
  border-radius: 3px;
  border: 1px solid #FFF;
  box-sizing: content-box;
  right: -1px;
  top: 3px;
}
.listViewFilterContainer {
  width: 200px;
  position: absolute;
  top: 40px;
  z-index: 1;
}
.listViewFilterContainer .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #909090 transparent;
  position: relative;
  top: 1px;
}
.listViewFilterContainer .triangleInner {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #ffffff transparent;
  margin-left: -20px;
}
.listViewFilterContainer .content {
  width: 100%;
  margin: auto;
  outline: none;
  background-color: #FFF;
  border: 1px solid #CCC;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(169, 169, 169, 0.75);
  -moz-box-shadow: 0px 2px 3px 0px rgba(169, 169, 169, 0.75);
  box-shadow: 0px 2px 3px 0px rgba(169, 169, 169, 0.75);
  position: relative;
}
.listViewFilterContainer .filterButton {
  border-bottom: 1px solid rgba(53, 63, 73, 0.078);
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: 100;
  cursor: pointer;
}
.listViewFilterContainer .cancelFilterButton {
  background-color: #c72519;
  color: #FFF;
}
.listViewFilterContainer.hidden {
  display: none;
}
.listViewFilterContainer .customFilter {
  font-weight: 100;
}
.listViewFilterContainer .filterLine select {
  width: 35%;
  border: none;
  border-right: 1px solid #CCC;
  height: 35px;
}
.listViewFilterContainer .filterLine input {
  width: 47%;
  border: none;
  height: 35px;
  padding-left: 3px;
  padding-right: 22px;
}
.filterCustomFilterButton {
  background-color: #DE002A;
  padding: 3px;
  text-align: center;
  color: #FFF;
  cursor: pointer;
}
.CustomFilterLinesContent {
  display: table;
  width: 100%;
}
.CustomFilterLines {
  width: 80%;
  border-right: 1px solid rgba(53, 63, 73, 0.078);
  display: table-cell;
}
.customFilterLinesOperator {
  width: 20%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.customFilterAddLineButton {
  text-align: right;
  font-weight: 600;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 1px 4px 1px 1px;
  justify-content: flex-end;
}
.filterLine {
  border-bottom: 1px solid rgba(53, 63, 73, 0.078);
  position: relative;
  display: flex;
  flex-flow: row nowrap;
}
.filterLine .acmSelect {
  height: 100%;
}
.customFilterDeleteRow {
  position: absolute;
  cursor: pointer;
  right: 3px;
  top: 10px;
  width: 18px;
  border-radius: 10px;
  height: 18px;
  background-color: #F44336;
  background-size: 75%!important;
  background-position: center;
  opacity: 0.2;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.customFilterDeleteRow:hover {
  opacity: 1;
}
.customFilterheader {
  width: 100%;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  border-bottom: 1px solid rgba(53, 63, 73, 0.078);
}
.listView .listViwTableCell {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.listViwTableCell a {
  cursor: pointer;
}
.listView .listViwTableCell span {
  font-size: 1rem;
}
.listView .listViwTableCellHeader {
  max-width: 0;
  border-top: none;
}
.listViewFooter {
  width: 100%;
  margin: auto;
  box-sizing: border-box;
  height: 25px;
  border-top: 2px solid #FFF;
  display: flex;
  align-items: center;
}
.footerBlock {
  height: 80%;
  border-right: 1px solid #333;
  display: inline-block;
  vertical-align: top;
}
.listViewFooter .footerBlock:last-child {
  border-right: none;
}
.listViewFooter .countInfoContainer {
  padding: 0px 4px;
}
.listViewFooter .countInfoContainer.rightPanelQuotes {
  width: auto;
}
.countInfoContainer .countInfo {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
}
.countInfoContainer .countInfo .moreOptionsContainer {
  width: 25px;
  display: flex;
  justify-content: center;
}
.countInfoContainer .countInfo .acmTickbox {
  color: #808080 !important;
  margin: 0px 2px;
}
.listViewFooter .alphabetContainer {
  width: 100%;
}
.listViewFooter .paginationContainer {
  margin: 0px;
  display: flex;
  white-space: nowrap;
  align-items: center;
  padding: 0px 4px;
}
.listViewFooter .paginationContainer.rightPanelQuotes {
  width: auto;
  float: right;
}
.alphabetContainer .alphabet {
  width: 92%;
  margin: auto;
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  border-radius: 3px;
}
.alphabetContainer .letter {
  display: inline-flex;
  width: 100%;
  text-align: center;
  align-items: center;
  cursor: pointer;
  color: #888;
  font-size: 0.9rem;
}
.alphabet .letter:first-child {
  border-left: none;
}
.alphabetContainer .letter div {
  cursor: pointer;
  padding: 1px 2px;
  margin: auto;
}
.letter:hover {
  color: #FFF !important;
  background-color: #DE002A;
}
.letter.activeLetter {
  border-bottom: 3px solid #DE002A;
  color: #DE002A;
}
.listViewFooter .paginationContainer .pagination {
  margin: 0px;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding-right: 4px;
}
.listViewFooter .paginationContainer .arrow {
  font-size: 1.3rem;
  cursor: pointer;
}
.listViewFooter .pageCount {
  padding: 0px 2px;
}
.listViewHeaderRowResize {
  float: right;
  cursor: col-resize;
}
.listViewBodyLine div.listViwTableCell,
.listViewBodyLine div.listViwTableCellHeader {
  height: 40px;
}
.listViewTable {
  margin-bottom: 0px;
  display: table;
  border-collapse: collapse;
  table-layout: fixed;
}
.listViwTableCell,
.listViwTableCellHeader {
  display: table-cell;
  vertical-align: middle;
  height: 40px;
  padding: 0px 4px;
  padding-right: 0px;
  border-left: none;
  min-width: 25px;
  padding-top: 5px;
}
.listViwTableCellHeader,
#listViewHeader .listViechCheckBoxTdLast {
  border-bottom-width: 2px;
}
.listViechCheckBoxTd {
  border-top: none;
}
.listViewRow {
  display: table-row;
}
.listViewRow .listViwTableCellHeader:first-child,
.listViewRow .listViwTableCell {
  border-left: none;
}
.listViewRow:hover {
  background-color: #f5f5f5;
}
#listViewHeader {
  background-color: #FFF;
}
.listViechCheckBoxTdLast,
.filterContainer,
.listViechCheckBoxTd {
  max-width: 25!important;
  min-width: 25px!important;
}
.filterContainer {
  background-color: #FFF;
  height: 45px;
  padding-top: 12px;
  position: absolute;
  top: 0;
  z-index: 3;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.listViewHeaderRowResize {
  float: right;
  position: relative;
  right: -2px;
}
.filterEnumSelectContainer select {
  width: 100%;
  padding: 3px;
}
.filterEnumSelectContainer .acmTabContainer button {
  width: 50%;
}
.listViewFilterCalcContainer {
  padding: 10px;
}
.listViewLooksLabel,
.listViewLooksContent {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  font-size: 1.1rem;
}
.listViewLooksContent {
  min-width: 250px;
  padding-left: 10px;
}
.listViewLooksContent .acmSelectLabel {
  border: 1px solid #d2d6de;
  height: 32px;
  line-height: 26px;
}
.listViewRow > div:first-child {
  padding-left: 10px;
}
.listViewRow.notSeen {
  font-weight: 600;
  background-color: #bbd8e82e;
}
.listViewRow.notSeen:hover {
  background-color: #bbd8e88c;
}
.listViwTableCellRight {
  float: right;
}
.listViwTableCell.red span {
  color: #F00;
}
.listViewRow .listViwTableCell:first-child {
  width: 30px;
}
.relateListView .ListViewContainerBody {
  margin: 0;
}
.newListView {
  width: 100%;
  height: 100%;
  background-color: #FFF;
  display: flex;
  flex-flow: column;
  overflow: hidden;
}
.newListViewContent {
  height: 100%;
  min-height: 0;
  width: 100%;
  display: flex;
  flex-flow: column;
  position: relative;
  z-index: 1;
}
.newListViewContentInner {
  height: 100%;
  display: flex;
  overflow-y: scroll;
  flex-flow: column;
  position: relative;
}
.newListViewHeader {
  display: flex;
  flex-flow: row nowrap;
  position: absolute;
  background-color: #FFF;
  z-index: 2;
}
.newListViewLines {
  display: flex;
  padding-top: 45px;
}
.newListViewRow {
  vertical-align: top;
  display: inline-block;
}
.newListViewRow .newListViewLine:nth-child(odd),
.newListViewRow .listViwTableCell:nth-child(odd) {
  background-color: #F2F2F2;
}
.newListViewRow .newListViewLine:nth-child(even),
.newListViewRow .listViwTableCell:nth-child(even) {
  background-color: #FCFCFC;
}
.listViwTableCell {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.newListViewLine,
.newListViewHeaderCell {
  height: 45px;
  padding: 0px 4px;
  padding-right: 0px;
  white-space: nowrap;
}
div.newListViewLine {
  display: flex;
  padding: 0px 4px;
  align-items: center;
}
.newListViewLine.newListEditableField {
  overflow: initial;
  padding-top: 0;
}
.newListViewLine.newListEditableField input {
  padding: 0;
  height: 40px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}
.newListViewLine.newListEditableField .buttonContainer {
  display: none;
}
.newListViewLine.newListEditableField .relateField {
  background-color: white;
}
.newListViewLine.newListEditableField .relateField ~ .buttonContainer {
  display: inherit;
  right: 6px;
  top: 2px;
}
.newListViewLine.newListEditableField .relateField ~ .buttonContainer .inputEditButton {
  background-color: white;
  padding: 10px;
}
.newListViewLine.newListEditableField .relateField .acmInput {
  height: 100%;
}
.newListViewLine.listViewCellRight input {
  text-align: right;
}
.newListViewLine {
  height: 32px;
  padding-top: 10px;
}
.newListViewLine .expandOnHover {
  display: none;
  position: absolute;
  background-color: white;
  padding: 5px;
  border: 1px solid black;
  margin-top: -26px;
  margin-left: -6px;
}
.newListViewLine:hover .expandOnHover {
  display: block;
}
.newListViewHeaderCell {
  padding-left: 3px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  cursor: pointer;
  -webkit-transition: height 0.2s;
  /* Safari */
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  -ms-transition: height 0.2s;
  transition: height 0.2s;
}
.newListViewHeaderCell.activeFiltering {
  padding-top: 0px;
  padding-left: 0px;
  height: 45px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.newListViewLines.activeFiltering {
  padding-top: 45px;
}
.newListViewHeaderCell.activeFiltering .acmInput > label,
.newListViewHeaderCell.activeFiltering .acmSelectContainer > label {
  padding-left: 3px;
  font-size: 11px;
  font-weight: 600;
}
.newListViewHeaderCell.activeFiltering .AcmDate input {
  min-height: 30px;
}
.newListViewHeaderCell.activeFiltering .AcmDate > label {
  padding-left: 3px;
  font-size: 11px;
  font-weight: 600;
  width: calc(100% - 28px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.listviewHeaderInput > .acmSelectContainer > label {
  font-size: 11px;
}
.newListViewHeaderCell > div:first-child {
  display: flex;
  align-items: flex-end;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  /* Chrome all / Safari all */
  /* Firefox all */
  /* IE 10+ */
  /* Likely future */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.newListViewHeaderCell .parent .acmSelectContainer {
  max-width: 110px;
}
.newListViewHeaderCell > div:first-child .acmInputContainer {
  width: 100%;
}
.checkBoxRow {
  min-width: 25px;
  max-width: 25px;
}
.changeWidthHolder {
  width: 9px;
  height: 17px;
  margin-bottom: 3px;
  color: #CCC;
  display: flex;
  align-items: flex-start;
  padding-top: 2px;
  justify-content: center;
  cursor: col-resize;
}
.newListViewHeaderCellIconSet {
  display: flex;
}
.newListViewHeaderCellLabel {
  padding-bottom: 5px;
}
div.listViewCellRight {
  justify-content: flex-end;
  padding-right: 8px;
}
.listViewPopupSelectButton {
  width: 100%;
  height: 40px;
  background-color: #DE002A;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: #FFF;
  cursor: pointer;
}
.ListViewTreeListContainer {
  display: flex;
  height: 100%;
}
.ListViewTreeListContainer .acmTree {
  min-width: 20%;
}
.ListViewTreeListContainer.treeVisible .newListView {
  width: 80%;
}
.listViewTableTree {
  min-width: 180px;
  background-color: #FFF;
  border-right: 1px solid #ececec;
  margin-top: 25px;
  display: flex;
}
.listViewTableTree .acmTreeMenu {
  border-bottom: 1px solid #DFDFDF;
}
.listViewTableTree .acmTreeHeader {
  font-weight: 700;
}
.newListViewContainer {
  display: flex;
  height: 100%;
  min-height: 0;
  width: 100%;
  position: relative;
  padding: 3px 18px 4px 18px;
  background-color: #FFF;
}
.listViewTableDropZone {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #DE002A;
  opacity: 0.2;
  z-index: 3;
}
.listDownLoadIcon {
  min-width: 15px;
  min-height: 15px;
  max-width: 15px;
  max-height: 15px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.newListViewLine > a {
  vertical-align: middle;
}
.listviewHeaderInput {
  width: 100%;
}
.listviewHeaderInput.icon {
  display: none;
}
.listViechCheckBoxTd {
  display: flex;
  align-items: flex-end;
}
.orderTriangleTop {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 5px 4px;
  border-color: transparent transparent #D1D1D1 transparent;
  line-height: 0px;
  margin-bottom: 2px;
  _border-color: #ffffff #ffffff #000000 #ffffff;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
}
.orderTriangleBottom {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #D1D1D1 transparent transparent transparent;
  line-height: 0px;
  _border-color: #000000 #ffffff #ffffff #ffffff;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
}
.orderTriangleTop.select {
  border-color: transparent transparent #000 transparent;
}
.orderTriangleBottom.select {
  border-color: #000 transparent transparent transparent;
}
.listViewEyeIcon {
  display: inline-block;
  vertical-align: middle;
  color: #808080;
  margin-right: 5px;
  margin-left: 5px;
  cursor: pointer;
  min-width: 16px;
}
.newListViewLineCheckBox {
  display: flex;
  align-items: center;
  padding-top: 0px;
}
.listViewSelectMoreOptions {
  width: 10px;
  display: flex;
  justify-content: center;
  color: #DE002A;
  cursor: pointer;
}
.exportListPopupContent {
  width: 550px;
  padding: 20px 30px;
  max-height: calc(80% - 40px);
  overflow: auto;
}
.listBcColor {
  padding: 0px 3px;
  border-radius: 3px;
  width: 100%;
  text-align: center;
  display: block;
}
.newListViewLine.hover {
  background-color: #e2f6ff !important;
}
.iconListviewContainer {
  display: flex!important;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0px 4px 0px 0px!important;
}
.newListViewHeaderCell > .listviewHeaderInput.date,
.newListViewHeaderCell > .listviewHeaderInput.datetime,
.newListViewHeaderCell > .listviewHeaderInput.datetimecombo {
  overflow: visible;
}
.filterLine > .acmInputContainer,
.filterLine > .acmSelectContainer,
.filterLine > .datePickerContainer {
  max-width: 50%;
  display: inline-block;
}
.filterLine .acmInputContainer input {
  height: 17px;
}
.filterLine .acmSelectContainer {
  padding-left: 10px;
}
.listviewCount {
  cursor: pointer;
  font-size: 1.3rem;
  padding: 0px 4px;
}
.customFilterParentModuleSelectContainer {
  display: flex;
  align-items: center;
}
.customFilterParentModuleSelectContainer > div:first-child {
  padding: 0px 8px 0px 10px;
  white-space: nowrap;
}
.listviewEdit {
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.listviewEdit .startEditButton {
  margin-top: 0px;
  cursor: pointer;
}
.defultListViewEditContainer {
  display: flex;
  height: 100%;
  width: 100%;
  flex-flow: column;
}
.defultListViewEditContainerButtons {
  display: flex;
  padding: 8px;
  border-bottom: 1px solid #D1D1D1;
}
.homeCardContent.widgetListView {
  display: flex;
  padding: 0px;
  height: auto;
}
.homeCardContent.widgetListView .alphabetContainer,
.homeCardContent.widgetListView .countInfoContainer {
  display: none;
}
.homeCardContent.widgetListView .listViewFooter {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  padding: 0px 13px;
  border-top: 1px solid #ececec;
}
.homeCardContent.widgetListView .countInfoContainer,
.homeCardContent.widgetListView .paginationContainer {
  width: auto;
}
.homeCardContent.widgetListView .footerBlock {
  border-right: none;
}
.homeCardContent.widgetListView .listViechCheckBoxTd {
  display: none;
}
.homeCardContent.widgetListView .filterContainer {
  display: none;
}
.homeCardContent.widgetListView #listViewHeader > .listViwTableCellHeader:last-child .listViewHeaderRowResize {
  display: none;
}
.homeCardContent.widgetListView .checkBoxRow {
  display: none;
}
.homeCardContent.widgetListView .changeWidthHolder {
  display: none;
}
.listviewMessage {
  padding: 10px 5px;
  font-weight: bold;
  color: gray;
}
#loginPage {
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  background: #aad1f2;
  background: -moz-linear-gradient(45deg, #aad1f2 0%, #fdfeff 47%, #fdfeff 54%, #aad1f2 100%);
  background: -webkit-linear-gradient(45deg, #aad1f2 0%, #fdfeff 47%, #fdfeff 54%, #aad1f2 100%);
  background: linear-gradient(45deg, #aad1f2 0%, #fdfeff 47%, #fdfeff 54%, #aad1f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aad1f2", endColorstr="#aad1f2", GradientType=1);
}
#loginPageBackground {
  filter: blur(1px) brightness(50%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
}
#loginContentContainer {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  z-index: 0;
}
#loginContainer {
  width: 440px;
  box-shadow: 0px 3px 17px 0px #adadad;
}
#loginContainer input {
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.loginTable {
  width: 100%;
  margin: auto;
}
.loginTable td {
  padding: 5px;
  padding-top: 16px;
}
.loginTable tr:last-child td {
  padding: 5px;
  padding-bottom: 16px;
}
.loginLogoContainer {
  width: 100%;
  height: 150px;
  text-align: center;
}
.loginLogoContainer img {
  margin-top: 30px;
}
.wrongField {
  border: 1px solid #f00;
}
.acmMaterial .loginTable .acmButton {
  background-color: #3584D4;
  color: #fff;
  border-radius: 0px;
}
.loginButtonContainer {
  display: flex;
  justify-content: flex-end;
}
.loginButton {
  width: 100%;
  height: 50px;
}
.loginVersionPanel {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  background-color: #000;
  color: #fff;
  padding-left: 60px;
}
.loginContent {
  padding: 35px 48px 16px 48px;
  background-color: #FFF;
}
.loginTable .acmSelectContainer.withBorder {
  height: 50px;
}
.loginTable .acmSelectContainer.withBorder .acmSelect {
  margin-top: 0px;
}
.loginPageCreatedBy {
  width: 440px;
  padding: 10px 0px;
  color: white;
}
.loginPageCreatedBy .version {
  display: inline-block;
}
.loginPageCreatedBy .createdBy {
  display: inline-block;
  float: right;
}
.loginPageCreatedBy .createdBy img {
  height: 25px;
  margin-left: 10px;
}
.loginPageLogoContainer {
  width: 500px;
  height: 80px;
  text-align: center;
}
.loginPageLogoContainer img {
  height: 90%;
  min-height: 65px;
}
#loginPageFooter {
  width: 100%;
  height: 180px;
}
.loginTable td > .pageLoadLoader {
  margin-top: 0px;
  margin-bottom: 0px;
}
.loginTable td .center {
  margin: auto;
  text-align: center;
  width: 100%;
}
.loginTable td .center.error {
  color: #E92222;
  padding-bottom: 8px;
}
.loginMessagered {
  color: #E92222;
}
.loginMessagered a {
  color: #E92222;
}
.loginMessagegreen {
  color: #31C136;
}
.loginMessagegreen a {
  color: #31C136;
}
.loginMessageorange {
  color: #E49E24;
}
.loginMessageorange a {
  color: #E49E24;
}
.acmPopup {
  display: none;
}
@keyframes popupShow {
  from {
    background-color: rgba(0, 0, 0, 0);
  }
  to {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
@keyframes popupContentShow {
  from {
    opacity: 0;
    top: -100px;
  }
  to {
    opacity: 1;
    top: 0px;
  }
}
.acmPopup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99;
  animation-name: popupShow;
  animation-duration: 0.2s;
  display: flex;
  -webkit-transition: opacity 0.2s;
  /* Safari */
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
  justify-content: center;
  align-items: flex-start;
}
.acmPopup.popupHide {
  opacity: 0;
}
.acmPopup .popupContent {
  position: relative;
  width: auto;
  height: auto;
  min-width: 430px;
  min-height: 220px;
  display: flex;
  flex-flow: column;
  margin-top: 100px;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  background-color: #FFF;
  opacity: 1;
  animation-name: popupContentShow;
  animation-duration: 0.4s;
  animation-timing-function: cubic-bezier(0, 0.97, 0.2, 1.05);
  box-shadow: 0px 0px 40px 0px #525252b3;
  max-height: 80%;
  max-width: 90%;
}
.acmPopupHeader {
  height: 40px;
  background-color: #000;
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #FFF;
  padding-left: 20px;
  text-transform: uppercase;
  flex-shrink: 0;
}
.acmPopupHeader.red {
  background-color: #E92222;
}
.acmPopupHeader.green {
  background-color: #31C136;
}
.acmPopupButtons {
  height: 50px;
  display: flex;
  padding: 0px 20px;
  align-items: flex-start;
  justify-content: flex-end;
}
.acmPopupButtons .acmButton {
  border: 1px solid #B3B3B3;
}
.acmPopupContent {
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  width: 100%;
  padding: 10px 20px;
}
.acmPopupContentWrapper {
  overflow-y: scroll;
  max-height: 300px;
}
.acmPopupContent.widgetEdit {
  display: block;
}
.widgetAcmPopupContent {
  overflow: scroll;
  padding: 10px 20px;
}
.popupAlertContent {
  width: 100%;
  height: 130px;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
}
.popupAlertText {
  font-weight: 600;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.alertConfrimButton {
  position: absolute;
  text-align: center;
  background-color: #DE002A;
  color: #FFF;
  bottom: 0;
  height: 45px;
  line-height: 45px;
  width: 100%;
  cursor: pointer;
  border: none;
}
.confrimConfrimButton {
  position: absolute;
  text-align: center;
  background-color: #DE002A;
  color: #FFF;
  bottom: 0;
  height: 45px;
  line-height: 45px;
  width: 50%;
  cursor: pointer;
  border: none;
}
.confrimConfrimButton.second {
  border-left: 1px solid #FFF;
  left: 50%;
}
.popupCloseIcon {
  position: absolute;
  right: 15px;
  top: 14px;
  cursor: pointer;
  z-index: 2;
  color: #FFF;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.popupCloseIcon:hover {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.errorMessage {
  background-color: #e21717 !important;
}
.popupToClose {
  transform: scale(0);
}
.fileUploadPopupContainer {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding-top: 20px;
}
.fileUploadPopupContainer h2 {
  font-weight: 100;
  padding-bottom: 20px;
}
.progressBarContainer {
  width: 80%;
  height: 15px;
  border: 1px solid #f63c3a;
  border-radius: 10px;
  overflow: hidden;
}
.progressBarActual {
  height: 100%;
  width: 0px;
  background-color: #f63c3a;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.acmPopup .popupContent.sweetSpot-popup {
  min-height: auto;
}
.acmPopup .popupContent table {
  font-size: 1rem;
}
.acmPopup .popupContent th {
  font-weight: 600;
  padding-right: 15px;
}
/*
OPPORTUNITIES
 */
.OppChooseTemplateContent {
  display: flex;
  padding: 15px;
}
.CloseOppContent {
  display: flex;
  padding: 15px;
  width: 520px;
}
.closeOppColumn > div {
  margin: auto;
  padding-bottom: 15px;
  height: 45px;
}
.closeOppColumnLbl {
  width: 30%;
}
.closeOppColumnValue {
  width: 55%;
  padding-left: 10px;
}
.addGiftPopup table {
  margin: 24px;
}
.addGiftPopup table input,
.addGiftPopup table textarea {
  width: 250px;
  margin-top: 5px;
  border: 1px solid #ddd;
  height: 38px;
  padding: 5px!important;
}
.addGiftPopup table textarea {
  height: 80px;
}
.closeOppColumnValue .inputEditContainer {
  display: flex;
}
.closeOppColumnValue .relateField {
  width: 100%;
}
.closeOppColumnValue .buttonContainer {
  display: flex;
  align-items: center;
}
/*
 QUOTES
  */
.closeQuoteContent {
  padding: 15px;
}
.closeQuoteContent tr td:first-child {
  padding-right: 5px;
}
.popupContent .detailCard .header {
  display: none;
}
.popupContent .detailCard {
  box-shadow: none;
}
.popupContent .DetailViewMainContainer {
  height: 100%;
  overflow-y: auto;
}
.detailPopup {
  overflow-y: auto;
  width: 100%;
  height: 100%;
}
.detailPopup .detailViewContainer {
  overflow-y: scroll;
}
.acmPopup .popupContent.detailPopup {
  width: 85%;
}
.popupContent .datePicker_Container {
  position: fixed;
  margin: 40px 0px 0px 0px;
}
.acmPopup .changeLog {
  height: 80%;
  display: flex;
  flex-flow: column;
}
.changeLog .acmPopupContent {
  height: 100%;
  overflow-y: auto;
  align-items: flex-start;
}
.changeLog .acmPopupContentWrapper {
  max-height: none;
}
.dynamicEnumPopupContainer {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 80%;
  max-height: 400px;
}
.dynamicEnumPopupLineContainer {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 8px;
  overflow-y: scroll;
}
.dynamicEnumPopupLine {
  width: 100%;
  padding: 8px 8px;
  border-bottom: 1px solid #CCC;
  font-size: 1.2rem;
  cursor: pointer;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.dynamicEnumPopupLine:hover {
  background-color: #E1EFFF;
}
.dynamicEnumPopupForm {
  width: 100%;
  padding: 4px 8px;
  border-top: 1px solid #CCC;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.dynamicEnumPopupForm .acmInputContainer {
  width: 100%;
}
.dynamicEnumPopupForm .acmButton {
  margin-right: 0px;
  margin-left: 8px;
}
.dynamicEnumPopupForm .delimiterForm {
  padding: 0px 8px;
}
.dynamicEnumPopupForm input[type='text'] {
  padding-left: 8px;
  padding-right: 8px;
}
.UserSetReplacementFormContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
}
.UserSetReplacementFormContainer .inputEditContainer {
  display: flex;
  border: 1px solid #DFDFDF;
  padding: 3px;
}
.UserSetReplacementFormContainer .inputEditContainer .buttonContainer {
  display: flex;
  flex-flow: row nowrap;
  place-content: stretch space-around;
  align-items: center;
}
.UserSetReplacementFormContainer .inputContainer.relateField .acmInputContainer div:before {
  border: none;
}
.acmButton.popupCloseButton:hover {
  background-color: #E92222;
}
div.simpleForm td.formlabel .flexCenter.error,
.exportListPopupContent .simpleForm .error {
  color: #E92222;
}
.reportWindow .homeTableContainer {
  max-height: 250px;
}
.popupDownloadButton {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding-top: 30px;
  font-size: 10rem;
  color: #DE002A;
  cursor: pointer;
}
.fileDownload {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.fileDownload > span {
  font-size: 1.5rem;
  padding-top: 8px;
  padding-bottom: 30px;
  color: #DE002A;
}
.acmPopup .popupContent.image-popup {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%!important;
  height: 80%!important;
  background-color: #000 !important;
}
.image-popup img {
  max-width: 100%;
  max-height: 100%;
}
.mcRow {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  border-bottom: 1px solid #D1D1D1;
}
.mcRow:last-child {
  border-bottom: 0;
}
.mcCell {
  display: flex;
  flex: 1 0 auto;
  margin: 4px;
  align-self: center;
}
.mcCell .AcmDate > div {
  height: 30px;
}
.mcCell .acmInputContainer {
  width: 100%;
}
.mcCell .inputEditContainer {
  display: flex;
}
.mcCell .inputEditContainer .buttonContainer {
  margin-top: 5px;
}
.mcCell:last-child {
  max-width: 170px;
  min-width: 170px;
  flex-grow: 0;
  flex-shrink: 0;
}
.mcCell:first-child {
  margin-top: 5px;
}
.mcCell.mcButtons {
  width: 100%;
  min-width: 100%;
  justify-content: flex-end;
}
.multipleCallsTable {
  margin: 12px 28px 12px 28px;
}
.acmPopup .movePopup {
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -ms-transition-duration: 0s;
  /* Chrome all / Safari all */
  /* Firefox all */
  /* IE 10+ */
  /* Likely future */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.importRelateSelectorContainer {
  padding: 50px 20px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.createMultipleActivities .MuiInputBase-input {
  height: 1.4em;
}
.createMultipleActivities .mcCell:last-child {
  max-width: 350px;
  min-width: 350px;
}
.popupHeaderIcon {
  margin-right: 10px;
}
.popupNewField {
  min-width: 620px!important;
}
.survey {
  padding: 15px;
  overflow-y: scroll;
}
.survey ol {
  margin: 0;
  padding: 0 0 0 20px;
}
.survey ol > li {
  font-weight: bold;
  margin-top: 15px;
}
.survey label {
  font-weight: normal;
  cursor: pointer;
}
.survey li {
  margin: 4px 0;
}
.survey ul.no-bullets {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.survey input {
  margin-right: 10px;
}
.survey input[type='text'],
.survey textarea {
  width: 250px;
}
.survey table tr td {
  padding: 4px;
}
.acmPopover {
  background-color: rgba(0, 0, 0, 0.3);
}
.acmPopover .MuiPaper-root {
  background-color: #FFF;
  padding: 12px;
  min-width: 180px;
  max-width: 300px;
  min-height: 100px;
  max-height: 400px;
  display: flex;
  flex-flow: column;
  /* box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
  z-index: 4;
}
.acmPopover.iframe .MuiPaper-root {
  max-width: 500px;
}
.closePopperIcon {
  font-size: 0.8rem;
  opacity: 0.5;
  margin-top: 6px;
  cursor: pointer;
}
.popperHeader {
  border-bottom: 1px solid #CCC;
  min-height: 25px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.popperContent {
  width: 100%;
  height: 100%;
}
.sweetspotHelp {
  font-size: 1rem;
}
.sweetspotHelp tr td:first-child {
  min-width: 160px;
}
.acmPopover.sweetspot .MuiPaper-root {
  max-width: 500px;
}
.rightPanelContainer {
  position: fixed;
  width: 45%;
  height: calc(100% -  44px );
  margin-top: 44px;
  background-color: #fff;
  top: 0;
  right: 0;
  z-index: 3;
  animation-name: rightPanelShow;
  animation-duration: 0.25s;
  box-shadow: -1px 0px 8px 0 rgba(0, 0, 0, 0.341);
}
@keyframes rightPanelShow {
  from {
    width: 0%;
  }
  to {
    width: 45%;
  }
}
.rightPanelHeader {
  background-color: #FFF;
  border-bottom: 1px solid #e8e8e8;
  height: 40px;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
  border-top: 2px solid #3584D4;
}
.rightPanelClose {
  min-width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #B3B3B3;
  color: #FFF;
  cursor: pointer;
}
.rightPanelContent {
  display: flex;
  justify-content: center;
  height: calc(100% - 40px);
}
.rightPanelContent .detailView {
  padding-left: 0;
}
.rightPanelContent .detailView .detailViewTabContent {
  padding-left: 0;
}
.rightPanelContent .pageContainer {
  width: 100%;
}
.rightPanelContent .pageContainer .viewActionPanel {
  border-bottom: 1px solid #D1D1D1;
}
.rightPanelContent .detailView .textareaContent {
  overflow: scroll;
  max-height: 300px;
}
.rightPanelContent .detailCard {
  box-shadow: none;
}
.rightPanelHeader .viewActionPanel {
  height: 37px;
  min-height: 37px;
}
.massUpdateContainer {
  width: 100%;
}
.muDetailViewTabContentBlok {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.massUpdateContainer .detailViwRow {
  width: 50%;
}
.rightPanelContent .detailViewFieldIconEye {
  display: none;
}
.pageContainer .detailViewContainer.muDetailViewContainer {
  overflow-y: visible;
}
.productSelectorListViewSearchContainer .listViewSearch {
  border: none;
}
.productSelectorListViewSearchContainer .listViewSearchButton {
  display: none;
}
.productSelectorListViewSearchContainer .listViewSearch .acmInput {
  padding: 8px 0px;
  padding-left: 10px;
}
.productSelectorListViewSearchContainer {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
header .notificationIcon {
  position: relative;
}
.notificationButtonContainer {
  position: relative;
}
.notificationButton.open {
  background-color: #FFF;
  color: #DE002A;
  position: relative;
  z-index: 2;
}
.notificationAlertContainer {
  position: absolute;
  background-color: #f63c3a;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  font-size: 0.8rem;
  top: 6px;
  right: 6px;
}
.notificationCenterContainer {
  position: absolute;
  width: 286px;
  top: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  animation-name: notificationShow;
  animation-duration: 0.2s;
  z-index: 1;
}
@keyframes notificationShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.notTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 17.5px 18px 17.5px;
  border-color: transparent transparent #F0F3F5 transparent;
  position: relative;
  margin-right: 114px;
}
.notificationCenterContent {
  width: 100%;
  min-height: 200px;
  background-color: #FFF;
  max-height: 500px;
  overflow-y: scroll;
  /* box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.notificationCenterContainer .pageLoadLoader {
  margin: 20px auto;
}
.notificationCenterHeader {
  width: 100%;
  background-color: #F0F3F5;
  padding: 10px 8px;
}
.notificationCenterEmpty {
  display: flex;
  min-height: inherit;
  align-items: center;
  justify-content: center;
}
.notificationItems {
  display: flex;
  flex-flow: column;
  width: 100%;
  min-height: 160px;
  max-height: 400px;
  overflow-y: scroll;
  padding: 10px;
  padding-top: 0px;
  margin-top: 10px;
}
.notificationItem {
  border-left: 2px solid transparent;
  border-bottom: 1px solid #ececec;
  display: flex;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.notificationItem.notSeen {
  border-left: 3px solid #3584D4;
  background-color: #edf8ff;
}
.notificationItem.notSeen.info {
  border-left-color: #3584D4;
  background-color: #eef5fb;
}
.notificationItem.notSeen.done {
  border-left-color: #31C136;
  background-color: #dcf6dd;
}
.notificationItem.notSeen.warning {
  border-left-color: #E49E24;
  background-color: #fdf6ec;
}
.notificationItem.notSeen.error {
  border-left-color: #E92222;
  background-color: #fdeeee;
}
.notificationItem:hover {
  background-color: #F0F0F0;
}
.notificationItemText {
  padding: 10px;
  display: flex;
  flex-flow: column;
  width: 100%;
  text-decoration: none!important;
  color: #333;
}
.notificationItemText:hover {
  text-decoration: none;
  color: #333;
}
.notificationItemButtons {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  width: 25px;
  opacity: 0;
}
.notificationItem:hover .notificationItemButtons {
  opacity: 1;
}
.notificationItemHeader {
  font-size: 0.9rem;
  font-weight: 600;
}
.notificationItemDesc {
  font-size: 0.8rem;
}
.notificationItems .notificationItem:last-child {
  border-bottom: none;
}
.notificationRemoveButton.iconCancel {
  background-size: 90%;
}
.notificationRemoveButton {
  width: 11px;
  height: 11px;
  margin-bottom: 3px;
}
.notificationItemDate {
  font-size: 0.8rem;
}
.reportViewContainer {
  display: flex;
  width: 100%;
  height: 100%;
  flex-flow: column;
}
.customReportContainer {
  width: 100%;
  height: 100%;
  padding: 25px;
}
.customReportContainer .pageLoadLoader {
  margin-top: 0px;
  position: relative;
  top: 50px;
}
.customReport {
  width: 100%;
  height: 100%;
  background-color: #FFF;
  /*box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);*/
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.customReport iframe {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  border: none;
}
.homeCardContent.widgetCustomReport {
  padding: 0px;
}
.widgetCustomReport > .customReportContainer {
  padding: 0px;
}
.newListViewContainer .customReport {
  box-shadow: none;
}
.newListViewContainer .customReportContainer {
  padding: 0px;
}
.newListViewContainer.customReport {
  padding: 0px;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.contextMenuIcon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #3584D4;
}
.icon-home:before {
  content: "\f256";
}
.icon-leads:before {
  content: "\f26b";
}
.icon-accounts:before {
  content: "\f25a";
}
.icon-contacts:before {
  content: "\f25e";
}
.icon-calendar:before {
  content: "\f25d";
}
.icon-opportunities:before {
  content: "\f26a";
}
.icon-emails:before {
  content: "\f258";
}
.icon-EmailTemplates:before {
  content: "\f209";
  font-size: 0.8rem;
}
.icon-meetings:before {
  content: "\f2c6";
}
.icon-notes:before {
  content: "\f261";
}
.icon-quotes:before {
  content: "\f27e";
}
.icon-acm_coripoReports:before {
  content: "\f2c4";
}
.icon-acm_invoices:before {
  content: "\f29e";
}
.icon-acm_payments:before {
  content: "\edac";
}
.icon-acm_orders:before {
  content: "\f2af";
}
.icon-documents:before {
  content: "\f298";
}
.icon-acm_pdf_tahak:before {
  content: "\f298";
}
.icon-filter:before {
  content: "\f259";
}
.icon-notify:before {
  content: "\f25f";
}
.icon-search:before {
  content: "\f25b";
}
.icon-avatar:before {
  content: "\f269";
}
.icon-calls:before {
  content: "\f2a1";
}
.icon-ProspectLists:before {
  content: "\f2a9";
}
.icon-notes:before {
  content: "\f261";
}
.icon-tasks:before {
  content: "\f224";
}
.icon-acm_workflow:before {
  content: "\eefc";
}
.icon-rowResize:before {
  content: "\e999";
}
.icon-addIcon:before {
  content: "\f285";
}
.icon-deleteIcon:before {
  content: "\f264";
}
.icon-saveIcon:before {
  content: "\f267";
}
.icon-sort:before {
  content: "\e9af";
}
.icon-eye:before {
  content: "\f280";
}
.icon-newTab:before {
  content: "\f186";
}
.icon-closeIcon:before {
  content: "\ea6c";
}
.icon-closeIconLight:before {
  content: "\ea69";
}
.icon-addIconLight {
  transform: rotate(45deg);
}
.icon-addIconLight:before {
  content: "\ea69";
}
.icon-Sortable:before {
  content: "\f210";
}
.icon-duplicateIcon:before {
  content: "\eb4d";
}
.icon-detailConfrim:before {
  content: "\f283";
  font-weight: 600;
}
.icon-detailCancel:before {
  content: "\f26f";
  font-weight: 600;
  font-size: 1.1rem;
}
.icon-Close:before {
  content: "\f26f";
  font-weight: 600;
  font-size: 1.1rem;
}
.icon-detailSearch:before {
  content: "\f08e";
}
.icon-EditField:before {
  content: "\f29b";
}
.icon-MaxSize:before {
  content: "\f293";
}
.icon-More:before {
  content: "\f265";
}
.icon-download:before {
  content: "\f2cc";
}
.icon-preview:before {
  content: "\f21a";
}
.icon-upload:before {
  content: "\f069";
}
.icon-undo:before {
  content: "\f26c";
}
.icon-Google:before {
  content: "\f2d9";
}
.icon-Location:before {
  content: "\f27d";
}
.icon-attachment:before {
  content: "\f2bd";
}
.icon-attachment2:before {
  content: "\f2ba";
}
.icon-emailReply:before {
  content: "\f200";
}
.icon-emailReplyAll:before {
  content: "\f201";
}
.icon-emailForward:before {
  content: "\f202";
}
.icon-emailRelations:before {
  content: "\f206";
}
.icon-settings:before {
  content: "\f2ad";
}
.icon-resize:before {
  content: "\f1fe";
}
.icon-refresh:before {
  content: "\f2a3";
}
.icon-rename:before {
  content: "\eb56";
}
.icon-settings2:before {
  content: "\f2a4";
}
.icon-map:before {
  content: "\f04f";
}
.icon-addFolder:before {
  content: "\ecd3";
}
.icon-synchronize:before {
  content: "\f039";
}
.icon-assign:before {
  content: "\f07a";
}
.icon-relate:before {
  content: "\ed38";
}
.icon-calHeaderIcon:before {
  content: "\f20e";
}
.icon-calSharedIcon:before {
  content: "\f246";
}
.icon-calSettingsIcon:before {
  content: "\ee28";
}
.icon-calArrowRightIcon:before {
  content: "\f1f8";
}
.icon-calArrowLeftIcon:before {
  content: "\e978";
}
.icon-calendarIcon:before {
  content: "\f205";
}
.icon-calFilterIcon:before {
  content: "\eca6";
}
.icon-calMeetingIcon:before {
  content: "\efa3";
}
.icon-windows:before {
  content: "\f2b3";
}
.icon-calCallIcon:before {
  content: "\ea19";
}
.icon-calTaskIcon:before {
  content: "\f224";
}
.icon-calCloseIcon:before {
  content: "\ea6c";
}
.icon-calDetailIcon:before {
  content: "\f245";
}
.icon-quoteOpenGroup:before {
  content: "\f1fc";
}
.icon-quoteCloseGroup:before {
  content: "\f1fd";
}
.icon-expandIcon:before {
  content: "\f2c8";
}
.icon-addRowIcon:before {
  content: "\f242";
}
.icon-addGroupIcon:before {
  content: "\eccf";
}
.icon-editDesc:before {
  content: "\f2bc";
}
.icon-changeLogIcon:before {
  content: "\f262";
}
.icon-listview:before {
  content: "\f0c3";
}
.icon-link:before {
  content: "\ed59";
}
.icon-print:before {
  content: "\f266";
}
.icon-subpanelOpen:before {
  content: "\e936";
}
.icon-subpanelClose:before {
  content: "\e9ac";
}
.icon-arrowUp:before {
  content: "\f13a";
}
.icon-arrowDown:before {
  content: "\f13e";
}
.icon-Repair:before {
  content: "\f2cb";
}
.icon-acm_templateinvoicing:before {
  content: "\f2c5";
}
.icon-mergeIcon:before {
  content: "\f28d";
}
.icon-forwardIcon:before {
  content: "\f071";
}
.icon-replyIcon:before {
  content: "\f072";
}
.icon-products:before {
  content: "\f2c1";
}
.icon-ProductTemplates:before {
  content: "\ed3a";
}
.icon-acm_GiftsStock:before {
  content: "\f2c7";
}
.icon-acm_Gifts:before {
  content: "\f297";
}
.icon-Prospects:before {
  content: "\f07d";
}
.icon-acm_salesplan:before {
  content: "\f2b7";
}
.icon-acm_contracts:before {
  content: "\f28e";
}
.icon-Products:before {
  content: "\f2c1";
}
.icon-acm_articles:before {
  content: "\f2c1";
}
.icon-KBDocuments:before {
  content: "\f223";
}
.icon-Campaigns:before {
  content: "\f2a7";
}
.icon-acm_CampaignsPartipants:before {
  content: "\f0e6";
}
.icon-acm_CampaignsAction:before {
  content: "\f07a";
}
.icon-AOW_WorkFlow:before {
  content: "\edda";
}
.icon-Cases:before {
  content: "\f2c0";
}
.icon-Project:before {
  content: "\f2c2";
}
.icon-Activities:before {
  content: "\f2ce";
}
.icon-AddressBooks:before {
  content: "\f254";
}
.icon-Sales:before {
  content: "\e9dd";
}
.icon-Economy:before {
  content: "\f273";
}
.icon-Marketing:before {
  content: "\f2a9";
}
.icon-Pin:before {
  content: "\f04e";
}
.icon-SwitchOrder:before {
  content: "\e9ae";
}
.icon-logout:before {
  content: "\f2b1";
}
.icon-admin:before {
  content: "\f2ad";
}
.icon-users:before {
  content: "\f079";
}
.icon-groups:before {
  content: "\f07a";
}
.icon-list:before {
  content: "\f0c3";
}
.icon-menu:before {
  content: "\f1f5";
}
.icon-dragNDropContainer:before {
  content: "\f135";
}
.icon-paint:before {
  content: "\f2cf";
}
.icon-info:before {
  content: "\f27a";
}
.icon-help-circle:before {
  content: "\f111";
}
.icon-help:before {
  content: "\eea1";
}
.icon-support:before {
  content: "\f028";
}
.icon-down:before {
  content: "\f146";
}
.icon-listviewCount:before {
  content: "\f26e";
}
.icon-folder_fill-:before {
  content: "\ecc6";
}
.icon-folder_plus_fill:before {
  content: "\ecc5";
}
.icon-1792:before {
  content: "\ecc0";
}
.icon-cancelCircle:before {
  content: "\f115";
}
.icon-object-connection:before {
  content: "\ee10";
}
.icon-history:before {
  content: "\f055";
}
.icon-arrowLeft:before {
  content: "\f1f8";
}
.icon-arrowRight:before {
  content: "\f1f9";
}
.icon-cancelCircle:before {
  content: "\f115";
}
.icon-acm_bankAccounts:before {
  content: "\f294";
}
.icon-openAll:before {
  content: "\f281";
}
.icon-closeAll:before {
  content: "\f270";
}
.icon-folder:before {
  content: "\f278";
}
.icon-listviewResize:before {
  content: "\f282";
}
.icon-SalesGroup:before {
  content: "\f286";
}
.icon-pageStart:before {
  content: "\f289";
}
.icon-pageBack:before {
  content: "\f28a";
}
.icon-pageNext:before {
  content: "\f28c";
}
.icon-pageEnd:before {
  content: "\f28b";
}
.icon-ares:before {
  content: "\f2de";
  font-size: 1.4rem;
}
.icon-google:before {
  content: "\f2d9";
  font-size: 1.4rem;
}
.icon-isir:before {
  content: "\f2dc";
  font-size: 1.4rem;
}
.icon-dic:before {
  content: "\f2db";
  font-size: 1.4rem;
}
.icon-neplatce:before {
  content: "\f2dd";
  font-size: 1.4rem;
}
.icon-createCall:before {
  content: "\f290";
  font-size: 1.1rem;
}
.icon-selectPage:before {
  content: "\f2b5";
}
.icon-selectAll:before {
  content: "\f2b6";
}
.icon-selectUndo:before {
  content: "\f2b2";
}
.icon-addPage:before {
  content: "\f2be";
}
.icon-addWidget:before {
  content: "\f2bf";
}
.icon-addLookUser:before {
  content: "\f2bb";
}
.icon-Question:before {
  content: "\f2b4";
}
.icon-tags:before {
  content: "\f2cd";
}
.icon-mailchimp:before {
  content: "\f2a8";
}
.icon-finstat:before {
  content: "\f2da";
}
.icon-ecomail:before {
  content: "\f29a";
}
.icon-dynamicEnum:before {
  content: "\f299";
}
.icon-newVersion:before {
  content: "\f2a2";
}
.icon-addRecord:before {
  content: "\ec8d";
}
.icon-switchIcon:before {
  content: "\f0be";
}
.icon-plusIcon:before {
  content: "\ee64";
}
.icon-file:before {
  content: "\ec8c";
}
.icon-acm_portal_users:before {
  content: "\f079";
}
.icon-acm_delivery_notes:before {
  content: "\f2c5";
}
.icon-acm_portal_roles:before {
  content: "\f07a";
}
.icon-acm_portal_roles_actions:before {
  content: "\f07a";
}
.icon-editDetailFieldPosition:before {
  content: "\f09f";
}
.icon-defaultLayout:before {
  content: "\edde";
}
.icon-resetWidths:before {
  content: "\f0b5";
}
.icon-recentRecords:before {
  content: "\f055";
}
.icon-Portal:before {
  content: "\f07e";
}
.buttonIcon {
  margin-right: 10px;
}
.i-home:before {
  content: "";
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBoZWlnaHQ9IjQ4cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDhweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9IkV4cGFuZGVkIj48Zz48Zz48cGF0aCBkPSJNNDIsNDhIMjhWMzVoLTh2MTNINlYyN2MwLTAuNTUyLDAuNDQ3LTEsMS0xczEsMC40NDgsMSwxdjE5aDEwVjMzaDEydjEzaDEwVjI4YzAtMC41NTIsMC40NDctMSwxLTFzMSwwLjQ0OCwxLDFWNDh6Ii8+PC9nPjxnPjxwYXRoIGQ9Ik00NywyN2MtMC4yNDksMC0wLjQ5Ny0wLjA5Mi0wLjY5MS0wLjI3N0wyNCw1LjM4NEwxLjY5MSwyNi43MjNjLTAuMzk5LDAuMzgxLTEuMDMyLDAuMzY4LTEuNDE0LTAuMDMxICAgICBjLTAuMzgyLTAuMzk5LTAuMzY3LTEuMDMyLDAuMDMxLTEuNDE0TDI0LDIuNjE2bDIzLjY5MSwyMi42NjFjMC4zOTgsMC4zODIsMC40MTMsMS4wMTUsMC4wMzEsMS40MTQgICAgIEM0Ny41MjYsMjYuODk2LDQ3LjI2NCwyNyw0NywyN3oiLz48L2c+PGc+PHBhdGggZD0iTTM5LDE1Yy0wLjU1MywwLTEtMC40NDgtMS0xVjhoLTZjLTAuNTUzLDAtMS0wLjQ0OC0xLTFzMC40NDctMSwxLTFoOHY4QzQwLDE0LjU1MiwzOS41NTMsMTUsMzksMTV6Ii8+PC9nPjwvZz48L2c+PC9zdmc+');
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  background-size: 100%;
  margin-right: 10px;
}
.i-contacts:before {
  content: "";
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBoZWlnaHQ9IjQ4cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDhweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9IkV4cGFuZGVkIj48Zz48Zz48cGF0aCBkPSJNMzEsMThIMTdWOGgxNFYxOHogTTE5LDE2aDEwdi02SDE5VjE2eiIvPjwvZz48Zz48cGF0aCBkPSJNNDEsNDhINVYwaDM2VjQ4eiBNNyw0NmgzMlYySDdWNDZ6Ii8+PC9nPjxnPjxyZWN0IGhlaWdodD0iMiIgd2lkdGg9IjUiIHg9IjQwIiB5PSIxMyIvPjwvZz48Zz48cmVjdCBoZWlnaHQ9IjIiIHdpZHRoPSI1IiB4PSI0MCIgeT0iMjEiLz48L2c+PGc+PHJlY3QgaGVpZ2h0PSIyIiB3aWR0aD0iNSIgeD0iNDAiIHk9IjI5Ii8+PC9nPjxnPjxwYXRoIGQ9Ik00MiwzOWgtMnYtMmgyYzEuMTAzLDAsMi0wLjg5NywyLTJWOWMwLTEuMTAzLTAuODk3LTItMi0yaC0yVjVoMmMyLjIwNiwwLDQsMS43OTQsNCw0djI2QzQ2LDM3LjIwNiw0NC4yMDYsMzksNDIsMzl6Ii8+PC9nPjxnPjxyZWN0IGhlaWdodD0iMiIgd2lkdGg9IjYiIHg9IjMiIHk9IjgiLz48L2c+PGc+PHJlY3QgaGVpZ2h0PSIyIiB3aWR0aD0iNiIgeD0iMyIgeT0iMTQiLz48L2c+PGc+PHJlY3QgaGVpZ2h0PSIyIiB3aWR0aD0iNiIgeD0iMyIgeT0iMjAiLz48L2c+PGc+PHJlY3QgaGVpZ2h0PSIyIiB3aWR0aD0iNiIgeD0iMyIgeT0iMjYiLz48L2c+PGc+PHJlY3QgaGVpZ2h0PSIyIiB3aWR0aD0iNiIgeD0iMyIgeT0iMzIiLz48L2c+PGc+PHJlY3QgaGVpZ2h0PSIyIiB3aWR0aD0iNiIgeD0iMyIgeT0iMzgiLz48L2c+PC9nPjwvZz48L3N2Zz4=');
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  background-size: 100%;
  margin-right: 10px;
}
.i-accounts:before {
  content: "";
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBoZWlnaHQ9IjQ4cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDhweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9IkV4cGFuZGVkIj48Zz48Zz48cGF0aCBkPSJNMjIuMDA3LDM1Yy05LjM3NCwwLTE3LTcuNjI2LTE3LTE3czcuNjI2LTE3LDE3LTE3czE3LDcuNjI2LDE3LDE3UzMxLjM4MSwzNSwyMi4wMDcsMzV6IE0yMi4wMDcsMyAgICAgYy04LjI3MSwwLTE1LDYuNzI5LTE1LDE1czYuNzI5LDE1LDE1LDE1czE1LTYuNzI5LDE1LTE1UzMwLjI3OCwzLDIyLjAwNywzeiIvPjwvZz48Zz48cGF0aCBkPSJNMjIuMDA3LDM5Ljk5Yy01LjYzNCwwLTExLjI2OC0yLjE0NS0xNS41NTctNi40MzNsMS40MTQtMS40MTRjNy43OTksNy43OTcsMjAuNDg3LDcuNzk4LDI4LjI4NCwwICAgICBjNy43OTgtNy43OTgsNy43OTgtMjAuNDg3LDAtMjguMjg1bDEuNDE0LTEuNDE0YzguNTc4LDguNTc4LDguNTc4LDIyLjUzNSwwLDMxLjExM0MzMy4yNzQsMzcuODQ1LDI3LjY0MSwzOS45OSwyMi4wMDcsMzkuOTl6Ii8+PC9nPjxnPjxyZWN0IGhlaWdodD0iNC4wNSIgd2lkdGg9IjIiIHg9IjIwLjAwNyIgeT0iMzguOTc2Ii8+PC9nPjxnPjxyZWN0IGhlaWdodD0iNC4wNSIgd2lkdGg9IjIiIHg9IjIyLjAwNyIgeT0iMzguOTc2Ii8+PC9nPjxnPjxwYXRoIGQ9Ik0zNi45NzMsNDhINy4wNGwyLjQwMy0xLjhjMy42NjgtMi43NDgsOC4wMTMtNC4yLDEyLjU2My00LjJzOC44OTUsMS40NTIsMTIuNTYyLDQuMkwzNi45NzMsNDh6IE0xMy41NDcsNDZoMTYuOTIgICAgIGMtMi42MTctMS4zMTUtNS40OS0yLTguNDYtMlMxNi4xNjMsNDQuNjg1LDEzLjU0Nyw0NnoiLz48L2c+PGc+PHBhdGggZD0iTTUuNzQzLDM1LjI2NGMtMC4yNTYsMC0wLjUxMi0wLjA5OC0wLjcwNy0wLjI5M2MtMC4zOTEtMC4zOTEtMC4zOTEtMS4wMjMsMC0xLjQxNGwyLjgyOC0yLjgyOCAgICAgYzAuMzkxLTAuMzkxLDEuMDIzLTAuMzkxLDEuNDE0LDBzMC4zOTEsMS4wMjMsMCwxLjQxNEw2LjQ1LDM0Ljk3MUM2LjI1NSwzNS4xNjYsNS45OTksMzUuMjY0LDUuNzQzLDM1LjI2NHoiLz48L2c+PGc+PHBhdGggZD0iTTM1LjQ0MSw1LjU2NWMtMC4yNTYsMC0wLjUxMi0wLjA5OC0wLjcwNy0wLjI5M2MtMC4zOTEtMC4zOTEtMC4zOTEtMS4wMjMsMC0xLjQxNGwyLjgyOC0yLjgyOCAgICAgYzAuMzkxLTAuMzkxLDEuMDIzLTAuMzkxLDEuNDE0LDBzMC4zOTEsMS4wMjMsMCwxLjQxNGwtMi44MjgsMi44MjhDMzUuOTUzLDUuNDY4LDM1LjY5Nyw1LjU2NSwzNS40NDEsNS41NjV6Ii8+PC9nPjwvZz48L2c+PC9zdmc+');
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  background-size: 100%;
  margin-right: 10px;
}
.i-leads:before {
  content: "";
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODAwIDgwMCIgaWQ9IkxheWVyXzEiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDgwMCA4MDAiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik0xOTYuMyw0MjcuN2M2LjQsNi40LDEzLjksOS42LDIyLjQsOS42aDEzOC43djI5My4zYzAsMTguMSwxMy45LDMyLDMyLDMyaDUzLjNjMTguMSwwLDMyLTEzLjksMzItMzJWNDM3LjNINjU2ICAgYzE4LjEsMCwzMi0xMy45LDMyLTMydi0yNTZjMC0xOC4xLTEzLjktMzItMzItMzJINDc0LjdWNjRjMC0xOC4xLTEzLjktMzItMzItMzJoLTUzLjNjLTE4LjEsMC0zMiwxMy45LTMyLDMydjUzLjNIMjE4LjcgICBjLTguNSwwLTE3LjEsMy4yLTIyLjQsOS42bC0xMjgsMTI4Yy0xMi44LDEyLjgtMTIuOCwzMy4xLDAsNDQuOEwxOTYuMyw0MjcuN3ogTTIzMS41LDE4MS4zSDYyNHYxOTJIMjMxLjVsLTk2LTk2TDIzMS41LDE4MS4zeiIvPjwvZz48L3N2Zz4=');
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  background-size: 100%;
  margin-right: 10px;
}
.i-meetings:before {
  content: "";
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGc+PGNpcmNsZSBjeD0iMTguNSIgY3k9IjYuNSIgcj0iMi41Ii8+PC9nPjxnPjxjaXJjbGUgY3g9IjUuNSIgY3k9IjYuNSIgcj0iMi41Ii8+PC9nPjxnPjxjaXJjbGUgY3g9IjEyIiBjeT0iNSIgcj0iMyIvPjwvZz48cGF0aCBkPSJNMTguNSwxMGMtMC41LDAtMS42LDAuMi0yLDAuNWMwLDAsMC41LDEuMSwwLjUsMi41YzAsMC0xLjItNC01LTRzLTUsNC01LDRjMC0xLjQsMC41LTIuNSwwLjUtMi41QzcuMSwxMC4yLDYsMTAsNS41LDEwICBDMy44LDEwLDIsMTIsMiwxMy4zVjE5YzAsMS4xLDAuOSwyLDIsMmgyLjljMC45LTAuOSwyLjUtMiw1LjEtMnM0LjIsMS4xLDUuMSwySDIwYzEuMSwwLDItMC45LDItMnYtNS43QzIyLDEyLDIwLDEwLDE4LjUsMTB6ICAgTTEyLDE4Yy0xLjQsMC0yLjUtMS4xLTIuNS0yLjVjMC0xLjQsMS4xLTIuNSwyLjUtMi41czIuNSwxLjEsMi41LDIuNUMxNC41LDE2LjksMTMuNCwxOCwxMiwxOHoiLz48L3N2Zz4=');
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  background-size: 100%;
  margin-right: 10px;
}
.i-calls:before {
  content: "";
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwb2x5bGluZSBmaWxsPSJub25lIiBwb2ludHM9IiAgIDY0OSwxMzcuOTk5IDY3NSwxMzcuOTk5IDY3NSwxNTUuOTk5IDY2MSwxNTUuOTk5ICAiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBwb2ludHM9IiAgIDY1MywxNTUuOTk5IDY0OSwxNTUuOTk5IDY0OSwxNDEuOTk5ICAiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBwb2ludHM9IiAgIDY2MSwxNTYgNjUzLDE2MiA2NTMsMTU2ICAiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvZz48Zz48Zz48cGF0aCBkPSJNMTQuNjI2LDE4LjRjLTAuMjU2LDAtMC41MTItMC4wOTgtMC43MDctMC4yOTNsLTQuMTcxLTQuMTdjLTAuMTg4LTAuMTg4LTAuMjkzLTAuNDQyLTAuMjkzLTAuNzA3czAuMTA1LTAuNTIsMC4yOTMtMC43MDcgICAgbDIuNDM0LTIuNDMzYzAuNzYtMC43NiwwLjc2LTEuOTk3LDAtMi43NTdsLTIuNzgtMi43OGMtMC43MzctMC43MzYtMi4wMjEtMC43MzctMi43NTgsMGMtMC4wNDQsMC4wNDQtMC4wOTMsMC4wODQtMC4xNDUsMC4xMiAgICBjLTAuMTE1LDAuMDgtMi45MDYsMi4wNzYtMi40NDgsNi4xOThjMC4wNjEsMC41NDktMC4zMzQsMS4wNDMtMC44ODMsMS4xMDRjLTAuNTQ0LDAuMDYzLTEuMDQzLTAuMzM0LTEuMTA0LTAuODgzICAgIEMxLjUxLDYuMTE0LDQuNzEzLDMuNTA1LDUuMjkxLDMuMDc4YzEuNDk3LTEuNDM2LDQuMDUxLTEuNDEyLDUuNTI0LDAuMDZsMi43OCwyLjc4YzEuNTQsMS41NCwxLjU0LDQuMDQ1LDAsNS41ODVMMTEuODcsMTMuMjMgICAgbDMuNDYzLDMuNDYzYzAuMzkxLDAuMzkxLDAuMzkxLDEuMDIzLDAsMS40MTRDMTUuMTM4LDE4LjMwMywxNC44ODIsMTguNCwxNC42MjYsMTguNHoiLz48L2c+PGc+PHBhdGggZD0iTTkuNzYsMjMuMjY2Yy0wLjI1NiwwLTAuNTEyLTAuMDk4LTAuNzA3LTAuMjkzYy0yLjQ1Ny0yLjQ1Ny00LjI5Ni00Ljg1NS01LjQ2Ny03LjEyOCAgICBjLTAuMjUzLTAuNDkxLTAuMDYtMS4wOTQsMC40MzEtMS4zNDdjMC40OTMtMC4yNTMsMS4wOTQtMC4wNTksMS4zNDcsMC40MzFjMS4wNzYsMi4wODksMi43OTIsNC4zMiw1LjEwMyw2LjYzICAgIGMwLjM5MSwwLjM5MSwwLjM5MSwxLjAyMywwLDEuNDE0QzEwLjI3MSwyMy4xNjksMTAuMDE2LDIzLjI2Niw5Ljc2LDIzLjI2NnoiLz48L2c+PGc+PHBhdGggZD0iTTIxLjk5MiwyOS45ODJjLTMuOTM3LDAtOC4yOTktMi4zNjktMTIuOTg0LTcuMDU1Yy0wLjM5MS0wLjM5MS0wLjM5MS0xLjAyMywwLTEuNDE0czEuMDIzLTAuMzkxLDEuNDE0LDAgICAgYzQuNTM5LDQuNTQsOC43NzgsNi43NjIsMTIuMjg0LDYuNDM2YzMuMDktMC4yOTIsNC41ODgtMi40NDUsNC42MDMtMi40NjhjMC4wMzUtMC4wNTIsMC4wNzUtMC4xMDEsMC4xMi0wLjE0NSAgICBDMjcuNzk3LDI0Ljk2OSwyOCwyNC40NzgsMjgsMjMuOTU4cy0wLjIwMy0xLjAxLTAuNTcxLTEuMzc4bC0yLjc4LTIuNzgxYy0wLjM2OC0wLjM2OC0wLjg1OC0wLjU3LTEuMzgtMC41N2wwLDAgICAgYy0wLjUyMSwwLTEuMDEsMC4yMDItMS4zNzcsMC41N2wtMi40MzUsMi40MzNjLTAuMzkxLDAuMzkxLTEuMDIzLDAuMzkxLTEuNDE0LDBsLTQuMTY5LTQuMTY5Yy0wLjM5MS0wLjM5MS0wLjM5MS0xLjAyMywwLTEuNDE0ICAgIHMxLjAyMy0wLjM5MSwxLjQxNCwwbDMuNDYyLDMuNDYybDEuNzI3LTEuNzI2YzAuNzQ1LTAuNzQ2LDEuNzM2LTEuMTU3LDIuNzkyLTEuMTU3bDAsMGMxLjA1NiwwLDIuMDQ4LDAuNDExLDIuNzk0LDEuMTU2ICAgIGwyLjc4LDIuNzgyQzI5LjU4OSwyMS45MTEsMzAsMjIuOTAzLDMwLDIzLjk1OGMwLDEuMDI2LTAuMzg5LDEuOTkzLTEuMDk3LDIuNzMxYy0wLjM2NCwwLjQ5Mi0yLjMyNywyLjkwMy02LjAwOSwzLjI1MSAgICBDMjIuNTk3LDI5Ljk2OSwyMi4yOTUsMjkuOTgyLDIxLjk5MiwyOS45ODJ6Ii8+PC9nPjwvZz48L3N2Zz4=');
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  background-size: 100%;
  margin-right: 10px;
}
.i-tasks:before {
  content: "";
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik00OTMuMjc4LDE1NC41MTVsLTIyLjYyNSwyMi42NDFMMzM0Ljg3MSw0MS4zOWwyMi42MjUtMjIuNjQxYzI1LTI1LDY1LjUzMS0yNSw5MC41MzEsMGw0NS4yNSw0NS4yNjYgIEM1MTguMjQ2LDg5LDUxOC4yNDYsMTI5LjUxNSw0OTMuMjc4LDE1NC41MTV6IE0xNzYuNDY1LDQyNi4wMzFjLTYuMjUsNi4yNS02LjI1LDE2LjM3NSwwLDIyLjYyNWM2LjI1LDYuMjgxLDE2LjM3NSw2LjI4MSwyMi42MjUsMCAgbDI0OC45MzgtMjQ4Ljg3NWwtMjIuNjU2LTIyLjY0MUwxNzYuNDY1LDQyNi4wMzF6IE02My4zMDksMzEyLjkwNmMtNi4yNSw2LjI1LTYuMjUsMTYuMzc1LDAsMjIuNjI1czE2LjM3NSw2LjI1LDIyLjYyNSwwICBMMzM0Ljg3MSw4Ni42NGwtMjIuNjI1LTIyLjYyNUw2My4zMDksMzEyLjkwNnogTTM1Ny40NjUsMTA5LjI1TDEwOC41NTksMzU4LjE1NmMtMTIuNSwxMi40NjktMTIuNDY5LDMyLjc1LDAsNDUuMjUgIGMxMi41LDEyLjUsMzIuNzUsMTIuNTYzLDQ1LjI4MS0wLjAzMWwyNDguOTA2LTI0OC44NTlMMzU3LjQ2NSwxMDkuMjV6IE0xNTMuNzc4LDQ3MS4yMTljLTcuNjU2LTcuNjU2LTExLjM0NC0xNy4zNzUtMTIuNzE5LTI3LjM3NSAgYy0zLjI1LDAuNS02LjUzMSwwLjk2OS05Ljg3NSwwLjk2OWMtMTcuMDk0LDAtMzMuMTU2LTYuNjg4LTQ1LjI1LTE4Ljc4MWMtMTIuMDk0LTEyLjEyNS0xOC43NS0yOC4xNTYtMTguNzUtNDUuMjUgIGMwLTMuMTI1LDAuNDY5LTYuMTU2LDAuOTA2LTkuMTg4Yy0xMC4zNDQtMS40MDYtMTkuOTA2LTUuOTM4LTI3LjQwNi0xMy40MzhjLTAuNzE5LTAuNzE5LTAuOTY5LTEuNjg4LTEuNjI1LTIuNDY5TC0wLjAwNCw1MTIgIGwxNTUuOTA2LTM5LjAzMUMxNTUuMjE1LDQ3Mi4zNDQsMTU0LjQzNCw0NzEuODc1LDE1My43NzgsNDcxLjIxOXoiLz48L3N2Zz4=');
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  background-size: 100%;
  margin-right: 10px;
}
.burgerMenu {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+IDwvZz4gPGc+ICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+ICA8cGF0aCBmaWxsPSIjNzM4MThmIiBpZD0ic3ZnXzEiIGQ9Im00LDEwbDI0LDBjMS4xMDQsMCAyLC0wLjg5NiAyLC0ycy0wLjg5NiwtMiAtMiwtMmwtMjQsMGMtMS4xMDQsMCAtMiwwLjg5NiAtMiwyczAuODk2LDIgMiwyem0yNCw0bC0yNCwwYy0xLjEwNCwwIC0yLDAuODk2IC0yLDJzMC44OTYsMiAyLDJsMjQsMGMxLjEwNCwwIDIsLTAuODk2IDIsLTJzLTAuODk2LC0yIC0yLC0yem0wLDhsLTI0LDBjLTEuMTA0LDAgLTIsMC44OTYgLTIsMnMwLjg5NiwyIDIsMmwyNCwwYzEuMTA0LDAgMiwtMC44OTYgMiwtMnMtMC44OTYsLTIgLTIsLTJ6Ii8+IDwvZz48L3N2Zz4=);
  background-size: 100%;
  display: inline-block;
  margin-top: 9.5px;
  cursor: pointer;
  width: 25px;
  height: 25px;
}
.iconfConfirm {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5Mi4wMDAwMDAwMDAwMDAyIiBoZWlnaHQ9IjE3OTIuMDAwMDAwMDAwMDAwMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGc+ICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+ICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4gPC9nPiA8Zz4gIDx0aXRsZT5MYXllciAxPC90aXRsZT4gIDxwYXRoIGZpbGw9IiM1YzY4NzMiIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z18xIiBkPSJtMTc5MC4wMDgyMiw0NDEuMzQ2MzY5cTAsNDYuMzIyMTcyIC0zMi4zOTUyMDEsNzguNzQ3NjkybC04MzcuNjQ3MzQyLDgzOC40MzEzMTNsLTE1Ny4zNDgxMiwxNTcuNDk1Mzg1cS0zMi4zOTUyMDEsMzIuNDI1NTIgLTc4LjY3NDA2LDMyLjQyNTUydC03OC42NzQwNiwtMzIuNDI1NTJsLTE1Ny4zNDgxMiwtMTU3LjQ5NTM4NWwtNDE4LjgyMzY3MSwtNDE5LjIxNTY1NnEtMzIuMzk1MjAxLC0zMi40MjU1MiAtMzIuMzk1MjAxLC03OC43NDc2OTJ0MzIuMzk1MjAxLC03OC43NDc2OTJsMTU3LjM0ODEyLC0xNTcuNDk1Mzg1cTMyLjM5NTIwMSwtMzIuNDI1NTIgNzguNjc0MDYsLTMyLjQyNTUydDc4LjY3NDA2LDMyLjQyNTUybDM0MC4xNDk2MTEsMzQxLjYyNjAxOGw3NTguOTczMjgyLC03NjAuODQxNjc1cTMyLjM5NTIwMSwtMzIuNDI1NTIgNzguNjc0MDYsLTMyLjQyNTUydDc4LjY3NDA2LDMyLjQyNTUybDE1Ny4zNDgxMiwxNTcuNDk1Mzg1cTMyLjM5NTIwMSwzMi40MjU1MiAzMi4zOTUyMDEsNzguNzQ3NjkyeiIvPiA8L2c+PC9zdmc+);
  background-size: 100%;
  background-repeat: no-repeat;
}
.iconCancel {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIuNyIgaGVpZ2h0PSIxMi43IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPiA8Zz4gIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4gIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBhdGggc3Ryb2tlPSJudWxsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjM4NTA0Mzk3ODY5MTEwMTEsLTAuMjE3NjMzNTYwMjk5ODczMzUpICIgY2xpcC1ydWxlPSJub256ZXJvIiBmaWxsPSIjNWM2ODczIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMS40MTExMTEiIHN0cm9rZS1taXRlcmxpbWl0PSI0IiBzdHJva2UtZGFzaG9mZnNldD0iMCIgaWQ9InBhdGg4IiBkPSJtMS41MTcyODMsMC4yMjU1NGwtMS45MDkyMzQsMS44ODcyOThsNC40NTQ4NjEsNC40MDM2NmwtNC40NTQ4NjEsNC40MDM2NmwxLjkwOTIzNCwxLjg4NzI5OGw0LjQ1NDg0MywtNC40MDM2NzdsNC40NTQ4NDMsNC40MDM2NzdsMS45MDkyMzQsLTEuODg3Mjk4bC00LjQ1NDg2MSwtNC40MDM2Nmw0LjQ1NDg2MSwtNC40MDM2NmwtMS45MDkyMzQsLTEuODg3Mjk4bC00LjQ1NDg0Myw0LjQwMzY3N2wtNC40NTQ4NDMsLTQuNDAzNjc3eiIvPiA8L2c+PC9zdmc+);
  background-size: 100%;
  background-repeat: no-repeat;
}
.iconArrowTop {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzcwIiBoZWlnaHQ9IjQwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGc+ICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+ICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNzcyIiB5PSItMSIgeD0iLTEiLz4gPC9nPiA8Zz4gIDx0aXRsZT5MYXllciAxPC90aXRsZT4gIDxwYXRoIGZpbGw9IiMwZjBmMDAiIGlkPSJzdmdfMSIgZD0ibS0wLjQyMDY0NCw4LjUyOTMxN2wzODMuNzUsMzgzLjc1bDM4My43NSwtMzgzLjc1bC03NjcuNSwweiIvPiA8L2c+PC9zdmc+);
  background-size: 100%;
  background-repeat: no-repeat;
}
.iconClose {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cG9seWdvbiBmaWxsPSIjMDEwMTAxIiBwb2ludHM9Ijc3LjYsMjEuMSA0OS42LDQ5LjIgMjEuNSwyMS4xIDE5LjYsMjMgNDcuNiw1MS4xIDE5LjYsNzkuMiAyMS41LDgxLjEgNDkuNiw1MyA3Ny42LDgxLjEgNzkuNiw3OS4yICAgNTEuNSw1MS4xIDc5LjYsMjMgIi8+PC9zdmc+);
  background-size: 100%;
  background-repeat: no-repeat;
}
.iconGroupHover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxwYXRoIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z18xIiBkPSJtMTAuNDQzOTE0LDguNjc2MTQxbDAsMTQuNjQ3NzE4bDExLjExMjE3MSwtNy4zMjM4NTlsLTExLjExMjE3MSwtNy4zMjM4NTl6Ii8+CiA8L2c+Cjwvc3ZnPg==);
  background-size: 100%;
  background-repeat: no-repeat;
}
.iconFind {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02NC41LDQ0LjZjMC0xMS42LTkuNC0yMC45LTIwLjktMjAuOWMtMTEuNiwwLTIwLjksOS40LTIwLjksMjAuOSAgYzAsMTEuNiw5LjQsMjAuOSwyMC45LDIwLjlDNTUuMSw2NS42LDY0LjUsNTYuMiw2NC41LDQ0LjZ6IE04MCw3OS4zbC0xLjgsMS44bC0xOS0xOWMtNC4yLDMuNy05LjYsNi0xNS43LDYgIGMtMTMsMC0yMy41LTEwLjUtMjMuNS0yMy41YzAtMTMsMTAuNS0yMy41LDIzLjUtMjMuNWMxMywwLDIzLjUsMTAuNSwyMy41LDIzLjVjMCw2LTIuMywxMS41LTYsMTUuN0w4MCw3OS4zeiIgZmlsbD0iIzIzMUYyMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
  background-size: 100%;
  background-repeat: no-repeat;
}
.iconFilter {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM2IDMwIiBoZWlnaHQ9IjMwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzNiAzMCIgd2lkdGg9IjM2cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwb2x5Z29uIGZpbGw9IiMyMzFGMjAiIHBvaW50cz0iMTQsMzAgMjIsMjUgMjIsMTcgMzUuOTk5LDAgMTcuOTg4LDAgMCwwIDE0LDE3ICIvPjwvc3ZnPg==);
  background-size: 100%;
  background-repeat: no-repeat;
}
.iconEditField {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTZweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMi40NTMsOS4yOTdDMS43NTQsOS45OTYsMSwxMy43MDMsMSwxNGMwLDAuNTIxLDAuNDA2LDEsMSwxYzAuMjk3LDAsNC4wMDQtMC43NTQsNC43MDMtMS40NTNsNS43MjItNS43MjJsLTQuMjUtNC4yNSAgTDIuNDUzLDkuMjk3eiBNMTIsMWMtMC42MDIsMC0xLjQ0OSwwLjE5OS0yLjE0MSwwLjg5MUw5LjU3NSwyLjE3NWw0LjI1LDQuMjVsMC4yODQtMC4yODRDMTQuNzQ2LDUuNTA0LDE1LDQuNjk1LDE1LDQgIEMxNSwyLjM0MywxMy42NTYsMSwxMiwxeiIvPjwvc3ZnPg==);
  background-size: 100%;
  background-repeat: no-repeat;
}
.iconSelectTriangle {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxMDI0IiB3aWR0aD0iNzY3LjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMzg0bDM4My43NSAzODMuNzVMNzY3LjUgMzg0SDB6Ii8+PC9zdmc+);
  background-size: 100%;
  background-repeat: no-repeat;
}
.mainFilterIcon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM2IDMwIiBoZWlnaHQ9IjMwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzNiAzMCIgd2lkdGg9IjM2cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwb2x5Z29uIGZpbGw9IiMyMzFGMjAiIHBvaW50cz0iMTQsMzAgMjIsMjUgMjIsMTcgMzUuOTk5LDAgMTcuOTg4LDAgMCwwIDE0LDE3ICIvPjwvc3ZnPg==);
  background-size: 100%;
  background-repeat: no-repeat;
}
.mainSearchIcon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0xMTguOTc1LDEwNS4zOTZMOTguNjQ2LDg1LjA2OGM1LjYwMy04LjE2MSw4LjktMTguMDY3LDguODk3LTI4LjY4OSAgYzAuMDA1LTEzLjk3Mi01LjY5Mi0yNi43MTMtMTQuODU0LTM1Ljg2Yy05LjE0Ni05LjE2MS0yMS44ODctMTQuODU4LTM1Ljg2LTE0Ljg1NGMtMTMuOTcyLTAuMDA0LTI2LjcxMyw1LjY5Mi0zNS44NTgsMTQuODU0ICBDMTEuODEsMjkuNjY1LDYuMTE0LDQyLjQwNiw2LjExOCw1Ni4zNzlDNi4xMTQsNzAuMzUzLDExLjgxLDgzLjA5MywyMC45NzIsOTIuMjM4YzkuMTQ2LDkuMTYyLDIxLjg4NywxNC44NTksMzUuODU4LDE0Ljg1MyAgYzEwLjE1NywwLjAwNCwxOS42NTQtMy4wMTUsMjcuNjAxLTguMTc1bDIwLjUxMiwyMC41MTFjMy44NzUsMy44NzgsMTAuMTU3LDMuODc4LDE0LjAzMSwwICBDMTIyLjg1MiwxMTUuNTUzLDEyMi44NTIsMTA5LjI3MSwxMTguOTc1LDEwNS4zOTZ6IE0zNS4wMDQsNzguMjA2Yy01LjYwMS01LjYxNi05LjAzNi0xMy4yNzItOS4wNDEtMjEuODI3ICBjMC4wMDUtOC41NTUsMy40NC0xNi4yMSw5LjA0Mi0yMS44MjdjNS42MTctNS42MDIsMTMuMjcxLTkuMDM3LDIxLjgyNS05LjA0MmM4LjU1NiwwLjAwNSwxNi4yMSwzLjQ0LDIxLjgyOCw5LjA0MSAgYzUuNjAxLDUuNjE4LDkuMDM2LDEzLjI3Miw5LjA0LDIxLjgyOGMtMC4wMDQsOC41NTUtMy40MzksMTYuMjExLTkuMDQsMjEuODI3Yy01LjYxNyw1LjYwMi0xMy4yNzEsOS4wMzYtMjEuODI4LDkuMDQgIEM0OC4yNzYsODcuMjQyLDQwLjYyMiw4My44MDgsMzUuMDA0LDc4LjIwNnoiIGZpbGw9IiMyMzIzMjMiLz48L3N2Zz4=);
  background-size: 100%;
  background-repeat: no-repeat;
}
.detailSearchIcon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGc+ICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+ICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4gPC9nPiA8Zz4gIDx0aXRsZT5MYXllciAxPC90aXRsZT4gIDxwYXRoIHRyYW5zZm9ybT0icm90YXRlKDkwIDI1Ni4zNzc4MDc2MTcxODc1NiwyNTUuNjcyMTk1NDM0NTcwMzQpICIgZmlsbD0iIzVjNjg3MyIgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzEiIGQ9Im01MDguMjI5MDExLDQyOS4yNDQwMDJsLTExMi45OTk5MTYsLTExNC4xMjAzMThjMTguMzg5MTM3LC0zMi4wMTc0NTggMjcuOTgzNDcsLTY3LjYyMTkzNCAyNy45ODM0NywtMTAzLjQ5MjExNmMwLC0xMTYuMzc4ODEgLTk0Ljg3NzI4OCwtMjExLjEwMjY2IC0yMTEuMzQxODI1LC0yMTEuMTAyNjZjLTExNi40NjQ1MzYsMCAtMjExLjM0MTgyNSw5NC43MjM4NDkgLTIxMS4zNDE4MjUsMjExLjEwMjY2YzAsMTE2LjM3ODgxIDk0Ljg3NzI4OCwyMTEuMTAyNjYgMjExLjM0MTgyNSwyMTEuMTAyNjZjMzcuMTc4MDM5LDAgNzMuOTU2MzEzLC0xMC4yMjk2NDQgMTA2LjczNjk0OSwtMjkuNzU4OTY1bDExMi40NjY4OTgsMTEzLjcyMTc2YzIuNTMxODM4LDIuNTI0MTk4IDYuMTI5NzEyLDQuMTE4NDI4IDkuNzI3NTg3LDQuMTE4NDI4YzMuNTk3ODc1LDAgNy4xOTU3NDksLTEuNDYxMzc4IDkuNzI3NTg3LC00LjExODQyOGw1Ny42OTkyNSwtNTguMTg5NDA1YzUuMzMwMTg1LC01LjQ0Njk1MyA1LjMzMDE4NSwtMTMuOTQ5NTE1IDAsLTE5LjI2MzYxNnptLTI5Ni4zNTgyNzEsLTM0Ni40NzkzODFjNzEuMTU3OTY2LDAgMTI4Ljk5MDQ3MSw1Ny43OTA4NDggMTI4Ljk5MDQ3MSwxMjguODY2OTQ4YzAsNzEuMDc2MSAtNTcuODMyNTA0LDEyOC44NjY5NDggLTEyOC45OTA0NzEsMTI4Ljg2Njk0OGMtNzEuMTU3OTY2LDAgLTEyOC45OTA0NzEsLTU3Ljc5MDg0OCAtMTI4Ljk5MDQ3MSwtMTI4Ljg2Njk0OGMwLC03MS4wNzYxIDU3LjgzMjUwNCwtMTI4Ljg2Njk0OCAxMjguOTkwNDcxLC0xMjguODY2OTQ4eiIvPiA8L2c+PC9zdmc+);
  background-size: 100%;
  background-repeat: no-repeat;
}
.resultsIcon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNDhweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4IDQ4OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHdpZHRoPSI0OHB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48bGluZSBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMjMxRjIwO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgeDE9IjE4LjkwMyIgeDI9IjM2Ljc5NiIgeTE9IjE0LjYyIiB5Mj0iMTQuNjIiLz48bGluZSBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMjMxRjIwO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgeDE9IjE5LjA3MiIgeDI9IjM2Ljk2NSIgeTE9IjIzLjQxMiIgeTI9IjIzLjQxMiIvPjxsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMyMzFGMjA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiB4MT0iMTkuMTU3IiB4Mj0iMzYuODc5IiB5MT0iMzIuNDEyIiB5Mj0iMzIuNDEyIi8+PGxpbmUgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzIzMUYyMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIHgxPSIxNS44NjEiIHgyPSIxMC45NTgiIHkxPSIxNy4wNzQiIHkyPSIxNy4wNzQiLz48cmVjdCBoZWlnaHQ9IjQuOTA3IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMjMxRjIwO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgd2lkdGg9IjQuOTU1IiB4PSIxMC45MDYiIHk9IjEyLjE2NyIvPjxyZWN0IGhlaWdodD0iNC45MDciIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMyMzFGMjA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiB3aWR0aD0iNC45NTUiIHg9IjEwLjkwNiIgeT0iMjAuOTU4Ii8+PHJlY3QgaGVpZ2h0PSI0LjkwNiIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzIzMUYyMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIHdpZHRoPSI0Ljk1NSIgeD0iMTAuOTMzIiB5PSIyOS45NTkiLz48L3N2Zz4=);
  background-size: 50%;
  background-repeat: no-repeat;
}
.detailInfoIcon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM5IDExNSIgaGVpZ2h0PSIxMTVweCIgaWQ9IkxheWVyXzEiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDM5IDExNSIgd2lkdGg9IjM5cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik0yNi4xMDIsOTEuNjNsMy4zNzItMTMuNTg5bDcuNDY1LTMwLjA4OGMxLjMzLTUuMzYtMS45MzgtMTAuNzgzLTcuMjk4LTEyLjExM2wtMC45NzEtMC4yNDEgICBjLTAuNjUyLTAuMTYyLTEuMzAzLTAuMjUyLTEuOTQ5LTAuMjgzbDAuMDA4LTAuMTk5YzAsMC0wLjE2MSwwLjA3Mi0wLjQzNywwLjE5N2MtMy4wNzItMC4wMTEtNy41NjEsMi45Ny03LjU2MSwyLjk3ICAgYy04LjcyLDYuMDc5LTIwLjY1NCwxNC4xNDEtMTguODg2LDE3Ljk4MWMyLjY3OCw1LjgxNiwxNS43NDgtOS40ODcsMTIuNjE4LDMuMTMxTDkuMDkxLDcyLjk4NGwtNy40NjUsMzAuMDg4ICAgYy0xLjMzLDUuMzYxLDEuNTA0LDEwLjY3Niw2Ljg2NCwxMi4wMDZsMC45NzEsMC4yNDFjMC42NTIsMC4xNjEsMS4zMDMsMC4yNTMsMS45NSwwLjI4MmwtMC4wMDksMC4xOTljMCwwLDAuMTYyLTAuMDcxLDAuNDM4LTAuMTk3ICAgYzMuMDcyLDAuMDEyLDcuNTYxLTIuOTcsNy41NjEtMi45N2M4LjcyLTYuMDc5LDIwLjg3MS0xNC4wODcsMTkuMTAzLTE3LjkyOEMzNS44MjQsODguODksMjIuOTcyLDEwNC4yNDcsMjYuMTAyLDkxLjYzeiIvPjxjaXJjbGUgY3g9IjI0LjcyNyIgY3k9IjE1LjIxNyIgcj0iMTQiLz48L2c+PC9zdmc+);
  background-size: 100%;
  background-repeat: no-repeat;
}
.subpanelOpenIcon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGc+ICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+ICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4gPC9nPiA8Zz4gIDx0aXRsZT5MYXllciAxPC90aXRsZT4gIDxwb2x5Z29uIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z18xIiBwb2ludHM9IjE4OS42MDYyNzc0NjU4MjAzLDEyOC4zOTk5OTM4OTY0ODQzOCAyMTEuOTQ1MDA3MzI0MjE4NzUsOTYgMzIyLjM5MzczNzc5Mjk2ODc1LDI1NiAzMjIuMzkzNzM3NzkyOTY4NzUsMjU2IDMyMi4zOTM3Mzc3OTI5Njg3NSwyNTYgMjExLjk0NTAwNzMyNDIxODc1LDQxNiAxODkuNjA2Mjc3NDY1ODIwMywzODMuNjAwMDA2MTAzNTE1NiAyNzcuNjQ3MTI1MjQ0MTQwNiwyNTYgIi8+IDwvZz48L3N2Zz4=);
  background-size: 100%;
  background-repeat: no-repeat;
}
.saveIcon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTM0IDZoLTI0Yy0yLjIxIDAtNCAxLjc5LTQgNHYyOGMwIDIuMjEgMS43OSA0IDQgNGgyOGMyLjIxIDAgNC0xLjc5IDQtNHYtMjRsLTgtOHptLTEwIDMyYy0zLjMxIDAtNi0yLjY5LTYtNnMyLjY5LTYgNi02IDYgMi42OSA2IDYtMi42OSA2LTYgNnptNi0yMGgtMjB2LThoMjB2OHoiLz48L3N2Zz4=);
  background-size: 100%;
  background-repeat: no-repeat;
}
.addIcon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM4IDI2aC0xMnYxMmgtNHYtMTJoLTEydi00aDEydi0xMmg0djEyaDEydjR6Ii8+PHBhdGggZD0iTTAgMGg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PC9zdmc+);
  background-size: 100%;
  background-repeat: no-repeat;
}
.deleteIcon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM4IDEyLjgzbC0yLjgzLTIuODMtMTEuMTcgMTEuMTctMTEuMTctMTEuMTctMi44MyAyLjgzIDExLjE3IDExLjE3LTExLjE3IDExLjE3IDIuODMgMi44MyAxMS4xNy0xMS4xNyAxMS4xNyAxMS4xNyAyLjgzLTIuODMtMTEuMTctMTEuMTd6Ii8+PHBhdGggZD0iTTAgMGg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PC9zdmc+);
  background-size: 100%;
  background-repeat: no-repeat;
}
.deleteIconWhite {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+IDwvZz4gPGc+ICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+ICA8cG9seWdvbiBmaWxsPSIjZmZmZmZmIiBzdHJva2U9Im51bGwiIGlkPSJzdmdfMSIgcG9pbnRzPSIyNi40OTI0NjQ5NTc0MzY4MjMsMi42NTQ0ODg4MDE5NTYxNzY4IDE2LjAxOTYwOTE1NTUwMDU3NSwxMy4zNDY5NjMyMjgwOTQwNCA1LjU0Njc1MjExNjM1Njc0MywyLjY1NDQ4ODgwMTk1NjE3NjggMi45Mjg5OTkwMjU2OTc4NjI2LDUuMzI3MTM2MTQyMTE5ODgzIDEzLjQwMTg1ODUzOTI1Njg2NCwxNi4wMTk2MDgzODMyMTc0NDUgMi45Mjg5OTkwMjU2OTc4NjI2LDI2LjcxMjA4MzEyMTUwMzkyMyA1LjU0Njc1MjExNjM1Njc0MywyOS4zODQ3MjcwMjgwMzI4NyAxNi4wMTk2MDkxNTU1MDA1NzUsMTguNjkyMjUzNTM4MzQwODUgMjYuNDkyNDY0OTU3NDM2ODIzLDI5LjM4NDcyNzAyODAzMjg3IDI5LjExMDIxNTU3MzY4MDUzNCwyNi43MTIwODMxMjE1MDM5MjMgMTguNjM3MzU5NzcxNzQ0Mjg2LDE2LjAxOTYwODM4MzIxNzQ0NSAyOS4xMTAyMTU1NzM2ODA1MzQsNS4zMjcxMzYxNDIxMTk4ODMgIi8+IDwvZz48L3N2Zz4=);
  background-size: 100%;
  background-repeat: no-repeat;
}
.userIcon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiBoZWlnaHQ9IjUwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MCA1MCIgd2lkdGg9IjUwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxjaXJjbGUgY3g9IjI1IiBjeT0iMjUiIGZpbGw9Im5vbmUiIHI9IjI0IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz48cmVjdCBmaWxsPSJub25lIiBoZWlnaHQ9IjUwIiB3aWR0aD0iNTAiLz48cGF0aCBkPSJNMjkuOTMzLDM1LjUyOGMtMC4xNDYtMS42MTItMC4wOS0yLjczNy0wLjA5LTQuMjFjMC43My0wLjM4MywyLjAzOC0yLjgyNSwyLjI1OS00Ljg4OGMwLjU3NC0wLjA0NywxLjQ3OS0wLjYwNywxLjc0NC0yLjgxOCAgYzAuMTQzLTEuMTg3LTAuNDI1LTEuODU1LTAuNzcxLTIuMDY1YzAuOTM0LTIuODA5LDIuODc0LTExLjQ5OS0zLjU4OC0xMi4zOTdjLTAuNjY1LTEuMTY4LTIuMzY4LTEuNzU5LTQuNTgxLTEuNzU5ICBjLTguODU0LDAuMTYzLTkuOTIyLDYuNjg2LTcuOTgxLDE0LjE1NmMtMC4zNDUsMC4yMS0wLjkxMywwLjg3OC0wLjc3MSwyLjA2NWMwLjI2NiwyLjIxMSwxLjE3LDIuNzcxLDEuNzQ0LDIuODE4ICBjMC4yMiwyLjA2MiwxLjU4LDQuNTA1LDIuMzEyLDQuODg4YzAsMS40NzMsMC4wNTUsMi41OTgtMC4wOTEsNC4yMWMtMS4yNjEsMy4zOS03LjczNywzLjY1NS0xMS40NzMsNi45MjQgIGMzLjkwNiwzLjkzMywxMC4yMzYsNi43NDYsMTYuOTE2LDYuNzQ2czE0LjUzMi01LjI3NCwxNS44MzktNi43MTNDMzcuNjg4LDM5LjE4NiwzMS4xOTcsMzguOTMsMjkuOTMzLDM1LjUyOHoiLz48L3N2Zz4=");
  background-size: 100%;
  background-repeat: no-repeat;
}
.leadIcon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODAwIDgwMCIgaWQ9IkxheWVyXzEiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDgwMCA4MDAiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik0xOTYuMyw0MjcuN2M2LjQsNi40LDEzLjksOS42LDIyLjQsOS42aDEzOC43djI5My4zYzAsMTguMSwxMy45LDMyLDMyLDMyaDUzLjNjMTguMSwwLDMyLTEzLjksMzItMzJWNDM3LjNINjU2ICAgYzE4LjEsMCwzMi0xMy45LDMyLTMydi0yNTZjMC0xOC4xLTEzLjktMzItMzItMzJINDc0LjdWNjRjMC0xOC4xLTEzLjktMzItMzItMzJoLTUzLjNjLTE4LjEsMC0zMiwxMy45LTMyLDMydjUzLjNIMjE4LjcgICBjLTguNSwwLTE3LjEsMy4yLTIyLjQsOS42bC0xMjgsMTI4Yy0xMi44LDEyLjgtMTIuOCwzMy4xLDAsNDQuOEwxOTYuMyw0MjcuN3ogTTIzMS41LDE4MS4zSDYyNHYxOTJIMjMxLjVsLTk2LTk2TDIzMS41LDE4MS4zeiIvPjwvZz48L3N2Zz4=");
  background-size: 100%;
  background-repeat: no-repeat;
}
.contactIcon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiBoZWlnaHQ9IjQ4cHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDhweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9IkV4cGFuZGVkIj48Zz48Zz48cGF0aCBkPSJNMzEsMThIMTdWOGgxNFYxOHogTTE5LDE2aDEwdi02SDE5VjE2eiIvPjwvZz48Zz48cGF0aCBkPSJNNDEsNDhINVYwaDM2VjQ4eiBNNyw0NmgzMlYySDdWNDZ6Ii8+PC9nPjxnPjxyZWN0IGhlaWdodD0iMiIgd2lkdGg9IjUiIHg9IjQwIiB5PSIxMyIvPjwvZz48Zz48cmVjdCBoZWlnaHQ9IjIiIHdpZHRoPSI1IiB4PSI0MCIgeT0iMjEiLz48L2c+PGc+PHJlY3QgaGVpZ2h0PSIyIiB3aWR0aD0iNSIgeD0iNDAiIHk9IjI5Ii8+PC9nPjxnPjxwYXRoIGQ9Ik00MiwzOWgtMnYtMmgyYzEuMTAzLDAsMi0wLjg5NywyLTJWOWMwLTEuMTAzLTAuODk3LTItMi0yaC0yVjVoMmMyLjIwNiwwLDQsMS43OTQsNCw0djI2QzQ2LDM3LjIwNiw0NC4yMDYsMzksNDIsMzl6Ii8+PC9nPjxnPjxyZWN0IGhlaWdodD0iMiIgd2lkdGg9IjYiIHg9IjMiIHk9IjgiLz48L2c+PGc+PHJlY3QgaGVpZ2h0PSIyIiB3aWR0aD0iNiIgeD0iMyIgeT0iMTQiLz48L2c+PGc+PHJlY3QgaGVpZ2h0PSIyIiB3aWR0aD0iNiIgeD0iMyIgeT0iMjAiLz48L2c+PGc+PHJlY3QgaGVpZ2h0PSIyIiB3aWR0aD0iNiIgeD0iMyIgeT0iMjYiLz48L2c+PGc+PHJlY3QgaGVpZ2h0PSIyIiB3aWR0aD0iNiIgeD0iMyIgeT0iMzIiLz48L2c+PGc+PHJlY3QgaGVpZ2h0PSIyIiB3aWR0aD0iNiIgeD0iMyIgeT0iMzgiLz48L2c+PC9nPjwvZz48L3N2Zz4=");
  background-size: 100%;
  background-repeat: no-repeat;
}
.adiconDetailIcon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzFfMV8iIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik04LDNDMy41ODIsMywwLDgsMCw4czMuNTgyLDUsOCw1czgtNSw4LTVTMTIuNDE4LDMsOCwzeiBNOCwxMWMtMS42NTcsMC0zLTEuMzQzLTMtM3MxLjM0My0zLDMtM3MzLDEuMzQzLDMsM1M5LjY1NywxMSw4LDExICB6Ii8+PC9zdmc+");
  background-size: 100%;
  background-repeat: no-repeat;
}
.adiconCloseIcon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGc+PHBhdGggZD0iTTEyLDJDNi41LDIsMiw2LjUsMiwxMmMwLDUuNSw0LjUsMTAsMTAsMTBzMTAtNC41LDEwLTEwQzIyLDYuNSwxNy41LDIsMTIsMnogTTE2LjksMTUuNWwtMS40LDEuNEwxMiwxMy40bC0zLjUsMy41ICAgbC0xLjQtMS40bDMuNS0zLjVMNy4xLDguNWwxLjQtMS40bDMuNSwzLjVsMy41LTMuNWwxLjQsMS40TDEzLjQsMTJMMTYuOSwxNS41eiIvPjwvZz48L3N2Zz4=");
  background-size: 100%;
  background-repeat: no-repeat;
}
.calEventMeetingIcon {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxjaXJjbGUgZmlsbD0iIzRjNGM0YyIgaWQ9InN2Z18yIiByPSIyLjUiIGN5PSI2LjUiIGN4PSIxOC41Ii8+CiAgPGNpcmNsZSBmaWxsPSIjNGM0YzRjIiBpZD0ic3ZnXzQiIHI9IjIuNSIgY3k9IjYuNSIgY3g9IjUuNSIvPgogIDxjaXJjbGUgZmlsbD0iIzRjNGM0YyIgaWQ9InN2Z182IiByPSIzIiBjeT0iNSIgY3g9IjEyIi8+CiAgPHBhdGggZmlsbD0iIzRjNGM0YyIgaWQ9InN2Z183IiBkPSJtMTguNSwxMGMtMC41LDAgLTEuNiwwLjIgLTIsMC41YzAsMCAwLjUsMS4xIDAuNSwyLjVjMCwwIC0xLjIsLTQgLTUsLTRzLTUsNCAtNSw0YzAsLTEuNCAwLjUsLTIuNSAwLjUsLTIuNWMtMC40LC0wLjMgLTEuNSwtMC41IC0yLC0wLjVjLTEuNywwIC0zLjUsMiAtMy41LDMuM2wwLDUuN2MwLDEuMSAwLjksMiAyLDJsMi45LDBjMC45LC0wLjkgMi41LC0yIDUuMSwtMnM0LjIsMS4xIDUuMSwybDIuOSwwYzEuMSwwIDIsLTAuOSAyLC0ybDAsLTUuN2MwLC0xLjMgLTIsLTMuMyAtMy41LC0zLjN6bS02LjUsOGMtMS40LDAgLTIuNSwtMS4xIC0yLjUsLTIuNWMwLC0xLjQgMS4xLC0yLjUgMi41LC0yLjVzMi41LDEuMSAyLjUsMi41YzAsMS40IC0xLjEsMi41IC0yLjUsMi41eiIvPgogPC9nPgo8L3N2Zz4=');
}
.calEventCallIcon {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxwb2x5bGluZSBpZD0ic3ZnXzIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZT0iI0ZGRkZGRiIgcG9pbnRzPSIgICA2NDksMTM3Ljk5OSA2NzUsMTM3Ljk5OSA2NzUsMTU1Ljk5OSA2NjEsMTU1Ljk5OSAgIiBmaWxsPSJub25lIi8+CiAgPHBvbHlsaW5lIGlkPSJzdmdfMyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlPSIjRkZGRkZGIiBwb2ludHM9IiAgIDY1MywxNTUuOTk5IDY0OSwxNTUuOTk5IDY0OSwxNDEuOTk5ICAiIGZpbGw9Im5vbmUiLz4KICA8cG9seWxpbmUgaWQ9InN2Z180IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2U9IiNGRkZGRkYiIHBvaW50cz0iICAgNjYxLDE1NiA2NTMsMTYyIDY1MywxNTYgICIgZmlsbD0ibm9uZSIvPgogIDxwYXRoIGZpbGw9IiM0YzRjNGMiIGlkPSJzdmdfNyIgZD0ibTE0LjYyNiwxOC40Yy0wLjI1NiwwIC0wLjUxMiwtMC4wOTggLTAuNzA3LC0wLjI5M2wtNC4xNzEsLTQuMTdjLTAuMTg4LC0wLjE4OCAtMC4yOTMsLTAuNDQyIC0wLjI5MywtMC43MDdzMC4xMDUsLTAuNTIgMC4yOTMsLTAuNzA3bDIuNDM0LC0yLjQzM2MwLjc2LC0wLjc2IDAuNzYsLTEuOTk3IDAsLTIuNzU3bC0yLjc4LC0yLjc4Yy0wLjczNywtMC43MzYgLTIuMDIxLC0wLjczNyAtMi43NTgsMGMtMC4wNDQsMC4wNDQgLTAuMDkzLDAuMDg0IC0wLjE0NSwwLjEyYy0wLjExNSwwLjA4IC0yLjkwNiwyLjA3NiAtMi40NDgsNi4xOThjMC4wNjEsMC41NDkgLTAuMzM0LDEuMDQzIC0wLjg4MywxLjEwNGMtMC41NDQsMC4wNjMgLTEuMDQzLC0wLjMzNCAtMS4xMDQsLTAuODgzYy0wLjU1NCwtNC45NzggMi42NDksLTcuNTg3IDMuMjI3LC04LjAxNGMxLjQ5NywtMS40MzYgNC4wNTEsLTEuNDEyIDUuNTI0LDAuMDZsMi43OCwyLjc4YzEuNTQsMS41NCAxLjU0LDQuMDQ1IDAsNS41ODVsLTEuNzI1LDEuNzI3bDMuNDYzLDMuNDYzYzAuMzkxLDAuMzkxIDAuMzkxLDEuMDIzIDAsMS40MTRjLTAuMTk1LDAuMTk2IC0wLjQ1MSwwLjI5MyAtMC43MDcsMC4yOTN6Ii8+CiAgPHBhdGggZmlsbD0iIzRjNGM0YyIgaWQ9InN2Z185IiBkPSJtOS43NiwyMy4yNjZjLTAuMjU2LDAgLTAuNTEyLC0wLjA5OCAtMC43MDcsLTAuMjkzYy0yLjQ1NywtMi40NTcgLTQuMjk2LC00Ljg1NSAtNS40NjcsLTcuMTI4Yy0wLjI1MywtMC40OTEgLTAuMDYsLTEuMDk0IDAuNDMxLC0xLjM0N2MwLjQ5MywtMC4yNTMgMS4wOTQsLTAuMDU5IDEuMzQ3LDAuNDMxYzEuMDc2LDIuMDg5IDIuNzkyLDQuMzIgNS4xMDMsNi42M2MwLjM5MSwwLjM5MSAwLjM5MSwxLjAyMyAwLDEuNDE0Yy0wLjE5NiwwLjE5NiAtMC40NTEsMC4yOTMgLTAuNzA3LDAuMjkzeiIvPgogIDxwYXRoIGZpbGw9IiM0YzRjNGMiIGlkPSJzdmdfMTEiIGQ9Im0yMS45OTIsMjkuOTgyYy0zLjkzNywwIC04LjI5OSwtMi4zNjkgLTEyLjk4NCwtNy4wNTVjLTAuMzkxLC0wLjM5MSAtMC4zOTEsLTEuMDIzIDAsLTEuNDE0czEuMDIzLC0wLjM5MSAxLjQxNCwwYzQuNTM5LDQuNTQgOC43NzgsNi43NjIgMTIuMjg0LDYuNDM2YzMuMDksLTAuMjkyIDQuNTg4LC0yLjQ0NSA0LjYwMywtMi40NjhjMC4wMzUsLTAuMDUyIDAuMDc1LC0wLjEwMSAwLjEyLC0wLjE0NWMwLjM2OCwtMC4zNjcgMC41NzEsLTAuODU4IDAuNTcxLC0xLjM3OHMtMC4yMDMsLTEuMDEgLTAuNTcxLC0xLjM3OGwtMi43OCwtMi43ODFjLTAuMzY4LC0wLjM2OCAtMC44NTgsLTAuNTcgLTEuMzgsLTAuNTdsMCwwYy0wLjUyMSwwIC0xLjAxLDAuMjAyIC0xLjM3NywwLjU3bC0yLjQzNSwyLjQzM2MtMC4zOTEsMC4zOTEgLTEuMDIzLDAuMzkxIC0xLjQxNCwwbC00LjE2OSwtNC4xNjljLTAuMzkxLC0wLjM5MSAtMC4zOTEsLTEuMDIzIDAsLTEuNDE0czEuMDIzLC0wLjM5MSAxLjQxNCwwbDMuNDYyLDMuNDYybDEuNzI3LC0xLjcyNmMwLjc0NSwtMC43NDYgMS43MzYsLTEuMTU3IDIuNzkyLC0xLjE1N2wwLDBjMS4wNTYsMCAyLjA0OCwwLjQxMSAyLjc5NCwxLjE1NmwyLjc4LDIuNzgyYzAuNzQ2LDAuNzQ1IDEuMTU3LDEuNzM3IDEuMTU3LDIuNzkyYzAsMS4wMjYgLTAuMzg5LDEuOTkzIC0xLjA5NywyLjczMWMtMC4zNjQsMC40OTIgLTIuMzI3LDIuOTAzIC02LjAwOSwzLjI1MWMtMC4yOTcsMC4wMjkgLTAuNTk5LDAuMDQyIC0wLjkwMiwwLjA0MnoiLz4KIDwvZz4KPC9zdmc+');
}
.calEventTaskIcon {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCiA8Zz4KICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+CiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBhdGggZmlsbD0iIzRjNGM0YyIgaWQ9InN2Z18xIiBkPSJtNDkyLjYxNjE2NCwxNTQuNTE1bC0yMi42MjUsMjIuNjQxbC0xMzUuNzgyLC0xMzUuNzY2bDIyLjYyNSwtMjIuNjQxYzI1LC0yNSA2NS41MzEsLTI1IDkwLjUzMSwwbDQ1LjI1LDQ1LjI2NmMyNC45NjksMjQuOTg1IDI0Ljk2OSw2NS41IDAuMDAxLDkwLjV6bS0zMTYuODEzLDI3MS41MTZjLTYuMjUsNi4yNSAtNi4yNSwxNi4zNzUgMCwyMi42MjVjNi4yNSw2LjI4MSAxNi4zNzUsNi4yODEgMjIuNjI1LDBsMjQ4LjkzOCwtMjQ4Ljg3NWwtMjIuNjU2LC0yMi42NDFsLTI0OC45MDcsMjQ4Ljg5MXptLTExMy4xNTYsLTExMy4xMjVjLTYuMjUsNi4yNSAtNi4yNSwxNi4zNzUgMCwyMi42MjVzMTYuMzc1LDYuMjUgMjIuNjI1LDBsMjQ4LjkzNywtMjQ4Ljg5MWwtMjIuNjI1LC0yMi42MjVsLTI0OC45MzcsMjQ4Ljg5MXptMjk0LjE1NiwtMjAzLjY1NmwtMjQ4LjkwNiwyNDguOTA2Yy0xMi41LDEyLjQ2OSAtMTIuNDY5LDMyLjc1IDAsNDUuMjVjMTIuNSwxMi41IDMyLjc1LDEyLjU2MyA0NS4yODEsLTAuMDMxbDI0OC45MDYsLTI0OC44NTlsLTQ1LjI4MSwtNDUuMjY2em0tMjAzLjY4NywzNjEuOTY5Yy03LjY1NiwtNy42NTYgLTExLjM0NCwtMTcuMzc1IC0xMi43MTksLTI3LjM3NWMtMy4yNSwwLjUgLTYuNTMxLDAuOTY5IC05Ljg3NSwwLjk2OWMtMTcuMDk0LDAgLTMzLjE1NiwtNi42ODggLTQ1LjI1LC0xOC43ODFjLTEyLjA5NCwtMTIuMTI1IC0xOC43NSwtMjguMTU2IC0xOC43NSwtNDUuMjVjMCwtMy4xMjUgMC40NjksLTYuMTU2IDAuOTA2LC05LjE4OGMtMTAuMzQ0LC0xLjQwNiAtMTkuOTA2LC01LjkzOCAtMjcuNDA2LC0xMy40MzhjLTAuNzE5LC0wLjcxOSAtMC45NjksLTEuNjg4IC0xLjYyNSwtMi40NjlsLTM5LjA2MywxNTYuMzEzbDE1NS45MDYsLTM5LjAzMWMtMC42ODcsLTAuNjI1IC0xLjQ2OCwtMS4wOTQgLTIuMTI0LC0xLjc1eiIvPgogPC9nPgo8L3N2Zz4=');
}
.sorttableIcon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGc+ICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+ICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4gPC9nPiA8Zz4gIDxnIHRyYW5zZm9ybT0icm90YXRlKDkwIDI1NS45OTk5OTk5OTk5OTk5NywyNTYuMDAwMDAwMDAwMDAwMDYpICIgaWQ9InN2Z181Ij4gICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+ICAgPHJlY3QgaWQ9InN2Z18yIiB5PSIzMDQiIHg9IjgwIiB3aWR0aD0iMzUyIiBoZWlnaHQ9IjE2Ii8+ICAgPHJlY3QgaWQ9InN2Z18zIiB5PSIyNDgiIHg9IjgwIiB3aWR0aD0iMzUyIiBoZWlnaHQ9IjE2Ii8+ICAgPHJlY3QgaWQ9InN2Z180IiB5PSIxOTIiIHg9IjgwIiB3aWR0aD0iMzUyIiBoZWlnaHQ9IjE2Ii8+ICA8L2c+IDwvZz48L3N2Zz4=);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.resizeIcon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjMxIiB3aWR0aD0iMzEiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPGcgaWQ9InN2Z18xMiI+ICAgPHBhdGggc3Ryb2tlPSIjMDAwMDAwIiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUuNDg3NTIyMTI1MjQ0MTQgMTcuNTU0Njg3NTAwMDAwMDA3LDExLjQzMjQ0MDc1Nzc1MTQ2MykgIiBpZD0iQXJyb3dfRm9yd2FyZCIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMTIxMzEzIiBkPSJtMjMuNTA4MTQ5LDExLjQzMjUyOWMwLC0wLjEyNDAxMSAtMC4wNDA5MywtMC4yNDI0NDggLTAuMTA5MDIzLC0wLjMzMTYyNGwtMy42ODMzMzEsLTQuNjQ0MTM1Yy0wLjE0NTQ4OCwtMC4xODM0NjIgLTAuMzgxMDIxLC0wLjE4Mjk5NyAtMC41MjYxMzcsMGMtMC4xNDU0ODgsMC4xODI5OTcgLTAuMTQ1NDg4LDAuNDgwMjUyIDAsMC42NjMyNDlsMy4wNDg1NDMsMy44NDM0MDZsLTEwLjI2NDg4LDBjLTAuMjA1Mzk0LDAgLTAuMzcyMDkxLDAuMjA5OTM2IC0wLjM3MjA5MSwwLjQ2OTEwNHMwLjE2NjY5NywwLjQ2OTEwNCAwLjM3MjA5MSwwLjQ2OTEwNGwxMC4yNjQ1MDgsMGwtMy4wNDgxNzEsMy44NDM0MDZjLTAuMTQ1NDg4LDAuMTgyOTk3IC0wLjE0NTExNiwwLjQ4MDI1MiAwLDAuNjYzMjQ5YzAuMTQ1NDg4LDAuMTgyOTk3IDAuMzgxMDIxLDAuMTgyOTk3IDAuNTI2MTM3LDBsMy42ODMzMzEsLTQuNjQ0MTM1YzAuMDY5NTgxLC0wLjA4Nzc4MyAwLjEwNzkwNiwtMC4yMDg1NDIgMC4xMDkwMjMsLTAuMzMxNjI0eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+ICAgPHBhdGggc3Ryb2tlPSIjMDAwMDAwIiB0cmFuc2Zvcm09InJvdGF0ZSgxMzUuMTY5NTQwNDA1MjczNDQgMTEuNDUyMzczNTA0NjM4NjcsMTcuNTc0MTI3MTk3MjY1NjMpICIgaWQ9InN2Z18xMCIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMTIxMzEzIiBkPSJtMTcuNDA1ODMzLDE3LjU3NDIxNWMwLC0wLjEyNDAxMSAtMC4wNDA5MywtMC4yNDI0NDggLTAuMTA5MDIzLC0wLjMzMTYyNWwtMy42ODMzMzEsLTQuNjQ0MTM0Yy0wLjE0NTQ4NywtMC4xODM0NjIgLTAuMzgxMDIxLC0wLjE4Mjk5NyAtMC41MjYxMzcsMGMtMC4xNDU0ODcsMC4xODI5OTcgLTAuMTQ1NDg3LDAuNDgwMjUxIDAsMC42NjMyNDhsMy4wNDg1NDQsMy44NDM0MDZsLTEwLjI2NDg4MSwwYy0wLjIwNTM5NCwwIC0wLjM3MjA5MSwwLjIwOTkzNiAtMC4zNzIwOTEsMC40NjkxMDVzMC4xNjY2OTcsMC40NjkxMDQgMC4zNzIwOTEsMC40NjkxMDRsMTAuMjY0NTA5LDBsLTMuMDQ4MTcyLDMuODQzNDA2Yy0wLjE0NTQ4NywwLjE4Mjk5NyAtMC4xNDUxMTUsMC40ODAyNTEgMCwwLjY2MzI0OWMwLjE0NTQ4OCwwLjE4Mjk5NyAwLjM4MTAyMiwwLjE4Mjk5NyAwLjUyNjEzNywwbDMuNjgzMzMxLC00LjY0NDEzNWMwLjA2OTU4MSwtMC4wODc3ODMgMC4xMDc5MDcsLTAuMjA4NTQyIDAuMTA5MDIzLC0wLjMzMTYyNHoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPiAgPC9nPiA8L2c+PC9zdmc+);
  background-size: 100%;
  background-repeat: no-repeat;
}
.moreIcon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTI0IDE2YzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCA0Yy0yLjIxIDAtNCAxLjc5LTQgNHMxLjc5IDQgNCA0IDQtMS43OSA0LTQtMS43OS00LTQtNHptMCAxMmMtMi4yMSAwLTQgMS43OS00IDRzMS43OSA0IDQgNCA0LTEuNzkgNC00LTEuNzktNC00LTR6Ii8+PC9zdmc+);
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
}
.notificationIcon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzFfMV8iIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0xMyw1YzAtMi43NjEtMi4yMzktNS01LTVTMywyLjIzOSwzLDV2NWwtMywydjFoMTZ2LTFsLTMtMlY1eiIvPjxwYXRoIGQ9Ik0xMCwxNEg2YzAsMS4xMDUsMC44OTUsMiwyLDJTMTAsMTUuMTA1LDEwLDE0eiIvPjwvc3ZnPg==);
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
}
.seenIcon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZWZzLz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJJY29ucyB3aXRoIG51bWJlcnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIj48ZyBmaWxsPSIjMDAwMDAwIiBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00ODAuMDAwMDAwLCAtMjg4LjAwMDAwMCkiPjxwYXRoIGQ9Ik00ODgsMjk5IEM0ODkuNjU2ODU0LDI5OSA0OTEsMjk3LjY1Njg1NCA0OTEsMjk2IEM0OTEsMjk0LjM0MzE0NiA0ODkuNjU2ODU0LDI5MyA0ODgsMjkzIEM0ODYuMzQzMTQ2LDI5MyA0ODUsMjk0LjM0MzE0NiA0ODUsMjk2IEM0ODUsMjk3LjY1Njg1NCA0ODYuMzQzMTQ2LDI5OSA0ODgsMjk5IFogTTQ4MCwyOTYgQzQ4MCwyOTYgNDgyLjk5NzMxNCwyOTAuOTkxNTE2IDQ4OCwyOTAuOTkxNTE2IEM0OTMuMDAyNjg2LDI5MC45OTE1MTYgNDk2LDI5NiA0OTYsMjk2IEM0OTYsMjk2IDQ5My4wMTQ0MDQsMzAxLjAyOTcyNCA0ODgsMzAxLjAyOTcyNCBDNDgyLjk4NTU5NiwzMDEuMDI5NzI0IDQ4MCwyOTYgNDgwLDI5NiBaIE00ODcsMjk2IEM0ODcsMjk1LjQ0Mzg2NSA0ODcuNDQ3NzE1LDI5NSA0ODgsMjk1IEM0ODguNTU2MTM1LDI5NSA0ODksMjk1LjQ0NzcxNSA0ODksMjk2IEM0ODksMjk2LjU1NjEzNSA0ODguNTUyMjg1LDI5NyA0ODgsMjk3IEM0ODcuNDQzODY1LDI5NyA0ODcsMjk2LjU1MjI4NSA0ODcsMjk2IFogTTQ4NywyOTYiIGlkPSJSZWN0YW5nbGUgMzA0Ii8+PC9nPjwvZz48L3N2Zz4=);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.uploadIcon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+IDwvZz4gPGc+ICA8dGl0bGUgc3Ryb2tlPSIjZmZmZmZmIj5MYXllciAxPC90aXRsZT4gIDxwYXRoIGlkPSJzdmdfMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlPSIjZmZmZmZmIiBmaWxsPSJub25lIiBkPSJtMzIsMzVjMCwwIDguMzEyLDAgOS4wOTgsMGM0LjM2NSwwIDcuOTAyLC0zLjUzNyA3LjkwMiwtNy45MDFzLTMuNTM3LC03LjkwMiAtNy45MDIsLTcuOTAyYy0wLjAyLDAgLTAuMDM4LDAuMDAzIC0wLjA1OCwwLjAwM2MwLjA2MSwtMC40OTQgMC4xMDMsLTAuOTk0IDAuMTAzLC0xLjUwNGMwLC02LjcxIC01LjQzOSwtMTIuMTUgLTEyLjE1LC0xMi4xNWMtNS4yMjksMCAtOS42NzIsMy4zMDkgLTExLjM4Niw3Ljk0MWMtMS4wODcsLTEuMDg5IC0yLjU5MSwtMS43NjQgLTQuMjUxLC0xLjc2NGMtMy4zMTksMCAtNi4wMDksMi42OSAtNi4wMDksNi4wMDhjMCwwLjA4NSAwLjAxLDAuMTY3IDAuMDEzLDAuMjUxYy0zLjY2NSwxLjAxMyAtNi4zNiw0LjM2MiAtNi4zNiw4LjM0OWMwLDQuNzg4IDMuODgxLDguNjY5IDguNjcsOC42NjljMC44MjcsMCA4LjMzLDAgOC4zMywwIi8+ICA8cG9seWxpbmUgaWQ9InN2Z18zIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2U9IiNmZmZmZmYiIHBvaW50cz0iMjAsMjggMjUsMjMgMzAsMjggICAiIGZpbGw9Im5vbmUiLz4gIDxsaW5lIGlkPSJzdmdfNCIgeTI9IjIzLjMzMyIgeTE9IjQzIiB4Mj0iMjUiIHgxPSIyNSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlPSIjZmZmZmZmIiBmaWxsPSJub25lIi8+IDwvZz48L3N2Zz4=);
  background-size: 250px;
  background-position: center;
  background-repeat: no-repeat;
}
.uploadIconBlack {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZWZzLz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJJY29ucyB3aXRoIG51bWJlcnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIj48ZyBmaWxsPSIjMDAwMDAwIiBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NjguMDAwMDAwLCAtNDMyLjAwMDAwMCkiPjxwYXRoIGQ9Ik03NjksNDQ2IEw3ODEsNDQ2IEw3ODEsNDQzIEw3ODMsNDQzIEw3ODMsNDQ2IEw3ODMsNDQ4IEw3NjksNDQ4IFogTTc2OSw0NDMgTDc3MSw0NDMgTDc3MSw0NDYgTDc2OSw0NDYgWiBNNzc4LDQzOCBMNzc4LDQ0NSBMNzc0LDQ0NSBMNzc0LDQzOCBMNzcyLDQzOCBMNzc2LDQzMyBMNzgwLDQzOCBaIE03NzgsNDM4IiBpZD0iUmVjdGFuZ2xlIDIxNyBjb3B5Ii8+PC9nPjwvZz48L3N2Zz4=);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.downloadIcon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZWZzLz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJJY29ucyB3aXRoIG51bWJlcnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIj48ZyBmaWxsPSIjMDAwMDAwIiBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MjAuMDAwMDAwLCAtNDMyLjAwMDAwMCkiPjxwYXRoIGQ9Ik03MjEsNDQ2IEw3MzMsNDQ2IEw3MzMsNDQzIEw3MzUsNDQzIEw3MzUsNDQ2IEw3MzUsNDQ4IEw3MjEsNDQ4IFogTTcyMSw0NDMgTDcyMyw0NDMgTDcyMyw0NDYgTDcyMSw0NDYgWiBNNzI2LDQzMyBMNzMwLDQzMyBMNzMwLDQ0MCBMNzMyLDQ0MCBMNzI4LDQ0NSBMNzI0LDQ0MCBMNzI2LDQ0MCBaIE03MjYsNDMzIiBpZD0iUmVjdGFuZ2xlIDIxNyIvPjwvZz48L2c+PC9zdmc+);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.duplicateIcon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMSAyMiIgd2lkdGg9IjIxcHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzAwMDAwMCIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04Ni4wMDAwMDAsIC0xMjcuMDAwMDAwKSI+PGcgaWQ9ImNvbnRlbnQtY29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODYuNTAwMDAwLCAxMjcuMDAwMDAwKSI+PHBhdGggZD0iTTE0LDAgTDIsMCBDMC45LDAgMCwwLjkgMCwyIEwwLDE2IEwyLDE2IEwyLDIgTDE0LDIgTDE0LDAgTDE0LDAgWiBNMTcsNCBMNiw0IEM0LjksNCA0LDQuOSA0LDYgTDQsMjAgQzQsMjEuMSA0LjksMjIgNiwyMiBMMTcsMjIgQzE4LjEsMjIgMTksMjEuMSAxOSwyMCBMMTksNiBDMTksNC45IDE4LjEsNCAxNyw0IEwxNyw0IFogTTE3LDIwIEw2LDIwIEw2LDYgTDE3LDYgTDE3LDIwIEwxNywyMCBaIiBpZD0iU2hhcGUiLz48L2c+PC9nPjwvZz48L3N2Zz4=);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.menuCloseIcon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE3IiBoZWlnaHQ9IjMzNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGc+ICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+ICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iMzM3IiB3aWR0aD0iMTE5IiB5PSItMSIgeD0iLTEiLz4gPC9nPiA8Zz4gIDx0aXRsZT5MYXllciAxPC90aXRsZT4gIDxwb2x5Z29uIGZpbGw9IiNmZmZmZmYiIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDYwLjQwOTQ1NDM0NTcwMzEzLDE2OC40NDA5NDg0ODYzMjgxMikgIiBpZD0ic3ZnXzEiIHBvaW50cz0iMTguODk3NjQzNzQ0OTQ1NTI2LDI3Ljg0MDk1MDk2NTg4MTM0OCAyNy44NDg2MzI1MTQ0NzY3NzYsOC40NDA5NDg5NjMxNjUyODMgMTAxLjkyMTI2NDM1MDQxNDI4LDE2OC40NDA5NDE4MTA2MDc5IDI3Ljg0ODYzMjUxNDQ3Njc3NiwzMjguNDQwOTQxODEwNjA3OSAxOC44OTc2NDM3NDQ5NDU1MjYsMzA5LjE0MDk1NDAxNzYzOTE2IDgzLjk3NjA0MzQwMzE0ODY1LDE2OC40NDA5NDE4MTA2MDc5ICIvPiA8L2c+PC9zdmc+);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.menuOpenIcon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE3IiBoZWlnaHQ9IjMzNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGc+ICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+ICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iMzM3IiB3aWR0aD0iMTE5IiB5PSItMSIgeD0iLTEiLz4gPC9nPiA8Zz4gIDx0aXRsZT5MYXllciAxPC90aXRsZT4gIDxwb2x5Z29uIGZpbGw9IiNmZmZmZmYiIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDYwLjQwOTQ1NDM0NTcwMzEzLDE2OC40NDA5NDg0ODYzMjgxMikgIiBpZD0ic3ZnXzEiIHBvaW50cz0iMTguODk3NjQzNzQ0OTQ1NTI2LDI3Ljg0MDk1MDk2NTg4MTM0OCAyNy44NDg2MzI1MTQ0NzY3NzYsOC40NDA5NDg5NjMxNjUyODMgMTAxLjkyMTI2NDM1MDQxNDI4LDE2OC40NDA5NDE4MTA2MDc5IDI3Ljg0ODYzMjUxNDQ3Njc3NiwzMjguNDQwOTQxODEwNjA3OSAxOC44OTc2NDM3NDQ5NDU1MjYsMzA5LjE0MDk1NDAxNzYzOTE2IDgzLjk3NjA0MzQwMzE0ODY1LDE2OC40NDA5NDE4MTA2MDc5ICIvPiA8L2c+PC9zdmc+);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}
.react-datepicker-wrapper {
  display: inline-block;
}
.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}
.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}
.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}
.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}
.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}
.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}
.react-datepicker__current-month,
.react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
}
.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}
.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}
.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}
.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}
.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}
.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}
.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}
.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 30px;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  padding: 5px 10px;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__day {
  cursor: pointer;
}
.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover {
  background-color: transparent;
}
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}
.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}
.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\00d7";
  cursor: pointer;
  font-size: 0.9rem;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%;
}
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}
.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}
.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}
.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}
.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}
.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}
.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}
.react-datepicker {
  min-width: 170px;
}
.react-datepicker .react-datepicker__month-container {
  width: 100%;
}
.react-datepicker__day {
  width: 14%;
  margin: 0;
}
.react-datepicker {
  min-width: 220px;
  border-radius: 0px;
  border: none;
  /*box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);*/
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.react-datepicker__header {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: #FFF;
}
.react-datepicker__day,
.react-datepicker__day-name {
  width: 35px;
  height: 35px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.react-datepicker__day,
.react-datepicker__day:hover {
  border-radius: 20px;
}
.react-datepicker__day-name {
  color: #BBB;
}
.react-datepicker__day-names,
.react-datepicker__week {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 0px 4px;
}
.react-datepicker__month {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 4px;
  margin-bottom: 4px;
}
.datePickerBcContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.datePickerReturnFocus {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 38px;
  z-index: 5;
  cursor: pointer;
}
.datePickerContainer {
  position: relative;
  width: 100%;
}
.datePickerContainer > input {
  width: 100%;
}
.datePickerBody {
  position: absolute;
  z-index: 2;
  top: 100%;
  width: 100%;
}
.datePickerBody .react-datepicker {
  width: 100%;
}
div.datePickerContainer div.topDatePicker.datePickerBody,
div.react-datepicker.topDatePicker {
  bottom: 100%;
  top: auto;
}
.react-datepicker {
  border: 1px solid #D1D1D1;
}
.datePicker {
  z-index: 100;
  position: absolute;
}
.popupTagCreate .datePickerBody .react-datepicker {
  width: auto;
}
.viewActionPanel {
  width: 100%;
  min-height: 40px;
  height: 40px;
  background-color: #FFF;
  display: flex;
  align-items: center;
  flex-flow: row;
  padding-left: 10px;
  justify-content: space-between;
  border-bottom: 1px solid #D1D1D1;
}
.actionPanelButton {
  height: 80%;
  background-color: #FFF;
  display: flex;
  align-items: center;
  border: none;
  padding-left: 8px;
  padding-right: 10px;
  box-sizing: border-box;
  outline: none;
  border-radius: 2px;
  cursor: pointer;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  /* Chrome all / Safari all */
  /* Firefox all */
  /* IE 10+ */
  /* Likely future */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.actionPanelButton:first-child {
  margin-left: 20px;
}
.actionPanelButton:hover {
  background-color: #DDD;
}
.actionPanelButton:active {
  color: rgba(255, 255, 255, 0.2) !important;
}
.actionPanelButton.hoverGreen:hover {
  background-color: #31C136;
  color: #FFF;
}
.actionPanelButton.hoverRed:hover {
  background-color: #E92222;
  color: #FFF;
}
.actionPanelButton.hoverBlue:hover {
  background-color: #DE002A;
  color: #FFF;
}
.actionPanelGroupContainer {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  position: relative;
  -webkit-transition: opacity 0.2s;
  /* Safari */
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.groupHeader {
  height: 100%;
  display: flex;
  padding: 0px 15px;
  align-items: center;
}
.groupContent {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  border: 1px solid rgba(53, 63, 73, 0.078);
  border-top: none;
  display: none;
}
.actionPanelGroupContainer.active:hover .groupContent {
  display: block;
}
.actionPanelGroupContainer.deactive {
  opacity: 0.5;
}
.groupContent .actionPanelButton:first-child {
  margin-left: 0px;
}
.groupContent .actionPanelButton {
  height: 40px;
}
.actionPanelButtonIcon {
  width: 18px;
  height: 18px;
  margin-right: 3px;
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #DE002A;
}
.acmButton:disabled .actionPanelButtonIcon {
  color: #808080;
}
.viewActionPanelButtons {
  display: flex;
  flex-flow: row;
  align-items: center;
}
.detailPagination {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.detailPagination .arrow {
  width: 15px;
  height: 15px;
  margin: 0px 5px;
  cursor: pointer;
}
.viewActionPanelButtons .acmButton {
  border-radius: 7px;
  min-height: 20px;
  color: #241e20;
  white-space: nowrap;
}
.viewActionPanelButtons .acmButton:hover {
  box-shadow: none;
}
.viewActionPanelButtons .acmButton:hover .actionPanelButtonIcon,
.viewActionPanelButtons .acmButton.select .actionPanelButtonIcon {
  color: #FFF;
}
.viewPanelButtonsDelimiter {
  width: 1px;
  height: 20px;
  margin-right: 3px;
  background-color: #DFDFDF;
}
.actionButtonOthersButton {
  color: #DE002A;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.actionButtonOthersButton.open {
  position: relative;
  /*box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);*/
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.actionButtonOtherContainer {
  position: relative;
}
.actionButtonOthersContent {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #FFF;
  /*box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);*/
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
  padding: 10px;
  z-index: 4;
}
.actionButtonOthersContent.right {
  right: 0;
  left: auto;
}
.actionButtonOthersContent:before {
  content: "";
  width: 30px;
  height: 10px;
  position: absolute;
  top: -6;
  background-color: #fff;
  left: 0;
}
.actionButtonOthersContent.right:before {
  left: auto;
  right: 0;
}
.actionButtonOthersContent .acmButton {
  width: 100%;
  margin-bottom: 5px;
  justify-content: flex-start;
}
#actionButtonReturnChanges {
  min-width: 0;
  padding-left: 6px;
  padding-right: 6px;
  background-color: #3584D4;
  display: flex;
  height: 33px;
  align-items: center;
  justify-content: center;
}
#actionButtonReturnChanges .actionPanelButtonIcon {
  margin-right: 0px;
  width: auto;
  height: auto;
  position: relative;
  top: -1px;
  left: -1px;
}
#actionButtonReturnChanges:disabled {
  background-color: transparent;
}
#returnChangesIcon {
  color: white;
}
.acmButton:disabled #returnChangesIcon {
  color: #808080;
}
/* width */
nav::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
nav::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
nav::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.listView::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.listView::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.listView::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.newListViewContentInner::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.newListViewContentInner::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.newListViewContentInner::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.quickSearchResult::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.quickSearchResult::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.quickSearchResult::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.reportWindowColumnsList::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.reportWindowColumnsList::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.reportWindowColumnsList::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.reportWindowColumnsLine::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.reportWindowColumnsLine::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.reportWindowColumnsLine::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.calFilters::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.calFilters::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.calFilters::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.fc-scroller::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.fc-scroller::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.fc-scroller::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.relInvContainer::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.relInvContainer::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.relInvContainer::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.invCandidatesContainer::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.invCandidatesContainer::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.invCandidatesContainer::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.detailViewContainer::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.detailViewContainer::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.detailViewContainer::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.reportWindowContentPlace::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.reportWindowContentPlace::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.reportWindowContentPlace::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.home::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.home::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.home::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.homeSavedSearchContent::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.homeSavedSearchContent::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.homeSavedSearchContent::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.homeTableContainer::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.homeTableContainer::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.homeTableContainer::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.auditLogContainer::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.auditLogContainer::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.auditLogContainer::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.email__menu::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.email__menu::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.email__menu::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.email__list__body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.email__list__body::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.email__list__body::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.email__detail__body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.email__detail__body::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.email__detail__body::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.email__detail::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.email__detail::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.email__detail::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.email__search::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.email__search::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.email__search::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.textareaContent::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.textareaContent::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.textareaContent::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.customReportIframe::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.customReportIframe::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.customReportIframe::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.notificationItems::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.notificationItems::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.notificationItems::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.prodSelector::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.prodSelector::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.prodSelector::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.buttonsHolder::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.buttonsHolder::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.buttonsHolder::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.globalSearchResultContainer::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.globalSearchResultContainer::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.globalSearchResultContainer::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.acmTreeGroupMain::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.acmTreeGroupMain::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.acmTreeGroupMain::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.acmPopupContentWrapper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.acmPopupContentWrapper::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.acmPopupContentWrapper::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.LeadConvertModulesContainer::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.LeadConvertModulesContainer::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.LeadConvertModulesContainer::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.mergeRecordBody::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.mergeRecordBody::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.mergeRecordBody::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.detailPopup::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.detailPopup::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.detailPopup::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.activitiesTimeline::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.activitiesTimeline::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.activitiesTimeline::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.acmPopupContent::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.acmPopupContent::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.acmPopupContent::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.dynamicEnumPopupLineContainer::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.dynamicEnumPopupLineContainer::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.dynamicEnumPopupLineContainer::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.selectContent::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.selectContent::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.selectContent::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.exportListPopupContent::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.exportListPopupContent::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.exportListPopupContent::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.popupTagRelatesList::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.popupTagRelatesList::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.popupTagRelatesList::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.widgetAcmPopupContent::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.widgetAcmPopupContent::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.widgetAcmPopupContent::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.reportWindowSaveContainer::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.reportWindowSaveContainer::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.reportWindowSaveContainer::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.tags::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.tags::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.tags::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.duplicateOppFormQuotesContainer::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.duplicateOppFormQuotesContainer::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.duplicateOppFormQuotesContainer::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.importTableWrapper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.importTableWrapper::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.importTableWrapper::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.notificationCenterContent::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.notificationCenterContent::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.notificationCenterContent::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.detailViewEnumEditListContainer::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.detailViewEnumEditListContainer::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.detailViewEnumEditListContainer::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.recentRecordsContent::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.recentRecordsContent::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.recentRecordsContent::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.portalAdminColumn::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.portalAdminColumn::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.portalAdminColumn::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
/* width */
.portalAdminMassUpdItemsContainer::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Track */
.portalAdminMassUpdItemsContainer::-webkit-scrollbar-track {
  background: #f1f1f100;
}
/* Handle */
.portalAdminMassUpdItemsContainer::-webkit-scrollbar-thumb {
  background: #88888850;
  opacity: 0.2;
  border-radius: 6px;
}
.reportWindow {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  place-content: stretch flex-start;
  align-items: stretch;
  overflow: hidden;
}
.reportWindowHeader {
  width: 100%;
  border-bottom: 1px solid #CCC;
}
.reportWindowHeaderText {
  height: 40px;
  min-height: 40px;
  background-color: #000;
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #FFF;
  padding-left: 20px;
  text-transform: uppercase;
}
.reportWindowHeaderButtons {
  height: 75px;
  width: 100%;
  display: flex;
}
.reportWindowHeaderButton {
  height: 100%;
  width: 100px;
  border-right: 1px solid #000;
  display: flex;
  flex-flow: column;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  /* Safari */
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.reportWindowHeaderButton:hover {
  background-color: #EEE;
}
.reportWindowHeaderButton .buttonImage {
  height: 50px;
  background-position: bottom;
  background-size: contain;
}
.reportWindowHeaderButton div {
  display: flex;
  align-items: center;
  justify-content: center;
  /* Chrome all / Safari all */
  /* Firefox all */
  /* IE 10+ */
  /* Likely future */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.reportWindowHeaderTabs {
  height: 25px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}
.reportWindowTabButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-top: 2px;
  cursor: pointer;
  user-select: none;
}
.reportWindowTabButton.select {
  border: 1px solid #CCC;
  border-bottom-color: #FFF;
  box-shadow: initial;
  -webkit-box-shadow: initial;
  -moz-box-shadow: initial;
}
.reportWindowContent {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1 1 0%;
  flex-flow: column nowrap;
  place-content: stretch flex-start;
  align-items: stretch;
}
.reportWindowContentPlace {
  height: 100%;
  overflow-y: scroll;
}
.reportWindowContent.Main {
  min-height: 300px;
  padding-left: 0px;
}
.Main > .reportContentLine {
  padding-left: 0px!important;
}
.Main > div > .reportWindowFieldLine {
  padding-left: 5px!important;
}
.reportContentLine {
  display: table;
  width: 100%;
  border-bottom: 1px solid #CCC;
}
.reportWindow > .reportWindowContent {
  margin-left: 0px;
}
.reportContentLineCell {
  display: table-cell;
  vertical-align: middle;
  padding: 4px;
}
.reportWindowFieldLine {
  min-height: 35px;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.reportWindowFieldLineContainer {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: center;
  padding: 5px 3px 5px 0px;
}
.reportWindowFieldSelectContainer,
.reportWindowFieldOperatorSelectContainer,
.reportWindowFieldValueContainer {
  display: flex;
  width: 33%;
  min-height: 25px;
  position: relative;
}
.reportWindowFieldSelectContainer::before,
.reportWindowFieldOperatorSelectContainer::before,
.reportWindowFieldValueContainer::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 1px;
  background-color: #999;
}
.reportWindowFieldOperatorSelectContainer,
.reportWindowFieldValueContainer,
.reportWindowFieldSelectContainer {
  padding: 0px 0px 0 5px;
}
.reportWindowFieldOperatorSelectContainer .acmCheckBox:before {
  content: "";
  display: block;
  width: 15px;
  height: 1px;
  background-color: #999;
  position: absolute;
  left: 0;
  top: 24px;
}
.reportWindowFieldValueContainer input {
  width: 100%;
}
.reportWindowFieldValueContainer .dateField {
  border: 1px solid #999;
  border-radius: 7px;
  width: 100%;
  display: flex;
}
.reportWindowFieldValueContainer .AcmDate > div > input {
  min-height: 29px;
}
.reportWindowFieldValueContainer .AcmDate > div:before {
  border-bottom: 0px solid #000;
}
.reportWindowDeleteLineContaner {
  display: table-cell;
  vertical-align: middle;
}
.reportWindowDeleteLine {
  min-width: 19px;
  min-height: 19px;
  width: 19px;
  height: 19px;
  opacity: 0.8;
  float: right;
  -webkit-transition: opacity 0.2s;
  /* Safari */
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
  border-radius: 10px;
  border: 1px solid #999;
  background-size: 56%!important;
  background-position: center;
  cursor: pointer;
}
.reportWindowAddNewLine {
  width: 19px;
  height: 19px;
  opacity: 0.4;
  background-color: #6dc16d;
  -webkit-transition: opacity 0.2s;
  /* Safari */
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
  border-radius: 10px;
  cursor: pointer;
  background-size: 70%!important;
  background-position: center;
  transform: rotate(45deg);
}
.reportWindowDeleteLine:hover,
.reportWindowAddNewLine:hover {
  opacity: 1;
}
.reportWindowRelateLine {
  width: 100%;
  display: flex;
  align-items: center;
}
.reportWindowRelateContainer {
  width: 100%;
  border: 1px solid #999;
  display: flex;
  margin-bottom: 7px;
}
.reportWindowRelateContent {
  width: 100%;
}
.reportWindowRelateDelete {
  display: flex;
  align-items: center;
}
.reportWindowGroupContent {
  display: flex;
  align-items: center;
  padding-right: 2px;
}
.reportWindowGroupHeader {
  background-color: #ECECEC;
  padding: 1px 2px 4px 2px;
  margin-bottom: 2px;
}
.reportWindowRelateLine .reportWindowGroupHeader .acmSelect {
  width: 50%;
}
.reportWindowGroup {
  width: 100%;
  min-height: 35px;
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
.topWhitePlace {
  position: absolute;
  width: 2px;
  height: 21px;
  background-color: #FFF;
  right: -1px;
  top: 0;
}
.bottomWhitePlace {
  position: absolute;
  width: 2px;
  height: 20px;
  background-color: #FFF;
  right: -1px;
  bottom: 0px;
}
.reportWindowGroup .reportWindowGroupOperator {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.reportWindowGroup .reportWindowGroupOperator .acmSelect {
  width: 95px;
}
.reportWindowHorizontalLine {
  width: 6px;
  height: 1px;
  background-color: #999;
}
.reportWindowGroup .reportWindowGroupList {
  width: 100%;
  border-left: 1px solid #999;
}
.reportWindowAddToGroup {
  display: flex;
  align-items: center;
  min-height: 42px;
  position: relative;
}
.reportWindowAddToGroup div.addButton {
  border: 1px solid #3584D4;
  color: #3584D4;
  display: flex;
  align-items: center;
  height: 29px;
  padding: 0px 8px;
  cursor: pointer;
  margin-left: 2px;
  color: #000;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.reportWindowAddToGroup .addButtonIcon {
  margin-right: 4px;
  color: #3584D4;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.reportWindowAddToGroup div:hover {
  background-color: #3584D4;
  color: #FFF;
}
.reportWindowAddToGroup div:hover .addButtonIcon {
  color: #FFF;
}
.reportWindowGroupOperator .acmSelectLabel {
  border-color: #999;
}
.reportWindowFieldValueContainer .acmMultiSelectContainer .acmMultiSelectLabelContainer {
  border: 1px solid #CCC;
}
.reportWindowFieldValueContainer .acmMultiSelectContainer .acmMultiSelectLabel {
  padding: 0px;
}
.reportWindowFieldValueContainer .acmMultiSelectContainer.open .acmMultiSelectLabel {
  place-content: flex-start;
}
.reportWindowFieldOperatorSelectContainer .inputDetailCheckbox {
  margin-top: 1px;
}
.reportWindowResultList {
  width: 100%;
  height: 100%;
  display: flex;
}
.reportWindowResultList .listView {
  border: none;
}
.reportWindowColumnsContainer {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 10px;
  position: relative;
  display: flex;
  flex-flow: column;
  overflow: auto;
  /* Chrome all / Safari all */
  /* Firefox all */
  /* IE 10+ */
  /* Likely future */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.reportWindowColumnsContainer > div:first-child {
  display: flex;
  min-height: 75%!important;
  flex-flow: column;
}
.reportWindowColumnsContainer > div:last-child {
  min-height: auto!important;
  height: 100%!important;
}
.reportWindowColumnsHeightHolder {
  display: flex;
  height: 90%;
  justify-content: space-between;
}
.reportWindowColumnsHeaders {
  display: flex;
}
.reportWindowColumnsHeaders h3 {
  width: 100%;
  box-sizing: border-box;
  display: block;
  padding-left: 10px;
}
.reportWindowColumns,
.reportWindowColumnsLine {
  width: 100%;
  white-space: nowrap;
  border: 1px solid #999;
  margin-bottom: 20px;
  padding-top: 10px;
  overflow-x: scroll;
}
.reportWindowColumnsLine {
  padding-bottom: 4px;
  padding-top: 8px;
}
.reportWindowColumns.scrollHeight {
  display: flex;
  flex-flow: column;
  width: 49%;
  height: 100%;
  padding: 0px;
  overflow-x: hidden;
}
.reportWindowColumnsList {
  -webkit-transition: background-color 0.4s;
  /* Safari */
  -moz-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  -ms-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.reportWindowColumns.scrollHeight .reportWindowColumnsList {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.reportWindowColumn {
  font-weight: 600;
  display: flex;
  flex-flow: row nowrap;
  vertical-align: middle;
  position: relative;
  background-color: #FFF;
  top: 0;
  left: 0;
  transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -ms-transition-duration: 0.1s;
  cursor: move;
  /* Chrome all / Safari all */
  /* Firefox all */
  /* IE 10+ */
  /* Likely future */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.reportWindowColumns.scrollHeight .reportWindowColumn {
  border: 1px solid #CCC;
  margin: 3px;
}
.reportWindowColumns.scrollHeight .reportWindowColumn span {
  padding: 0px 4px;
}
.reportWindowColumns.scrollHeight .reportWindwoColumnResizeHolder {
  display: none;
}
.reportWindowColumns.scrollHeight .reportWindowColumn span {
  width: 100%;
}
.reportWindowMoveObject {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  background-color: #EEE;
  opacity: 0.9;
  z-index: 100;
  cursor: move;
  /* Chrome all / Safari all */
  /* Firefox all */
  /* IE 10+ */
  /* Likely future */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.reportWindowMovePlaceholder {
  background-color: #DDD;
  display: inline-block;
  vertical-align: middle;
  margin: 3px;
}
.reportWindwoColumnResizeHolder {
  margin-left: 5px;
  cursor: col-resize;
}
.reportWindowSelectFields {
  display: inline-block;
  font-weight: 100;
  color: #777;
}
.reportWindowSelectFields.modules {
  display: inline-block;
  width: 25%;
  font-weight: 100;
  color: #777;
}
.reportWindowSelectFields.first {
  width: 60%;
  font-weight: 600;
  color: #333;
}
.reportWindowSelectFields.names {
  width: 45%;
  font-weight: 600;
  color: #333;
}
.columnsLine .reportWindowColumn {
  display: inline-flex;
}
.columnsLine .reportWindowColumn:hover {
  background-color: inherit;
  cursor: default;
}
.reportWindowColumn span {
  width: 100%;
  padding: 6px 3px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  min-height: 27px;
}
.reportWindowColumn:hover {
  cursor: move;
  background-color: #F5F5F5;
}
.reportWindowColumn span.reportWindwoColumnResizeHolder {
  width: 15px;
  cursor: col-resize;
}
.reportWindowModulListContainer {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #CCC;
  display: flex;
}
.reportWindowModulListContainer > div {
  width: 100%;
}
.reportWindowModulListContainer .acmInputContainer {
  width: 100%;
  margin-left: 4px;
}
.reportWindowModulListContainer .moduleSearch input {
  border-radius: 0px;
}
.reportWindowModulListContainer > div.moduleList {
  display: flex;
  align-items: center;
  padding: 0px 5px;
}
.reportWindowModulListContainer > div.moduleSearch {
  display: flex;
  align-items: center;
  padding-right: 5px;
}
.dragAndDropActiveContainer {
  background-color: rgba(180, 225, 255, 0.13);
}
.reportWindowOptionContainer {
  width: 100%;
  padding: 10px;
  overflow-y: auto;
}
.reportWindowOptionTable {
  width: 100%;
  border: 1px solid #CCC;
  display: table;
}
.reportWindowOptionLine {
  display: table-row;
}
.reportWindowOptionLine.header {
  font-weight: 600;
}
.reportWindowOptionLine.header > div {
  padding: 6px 5px;
  border-bottom: 1px solid #CCC;
}
.reportWindowOptionColumn {
  display: table-cell;
  padding: 0px 5px;
  border-bottom: 1px solid #ECECEC;
  vertical-align: middle;
}
.reportWindowOptionColumn.atribute {
  padding: 0px 20px;
  width: 180px;
  text-align: center;
}
.reportWindowSaveContainer {
  width: 100%;
  height: 100%;
  padding: 20px;
  align-items: flex-start;
  overflow: auto;
}
.reportWindowSaveContainer > .simpleForm {
  width: 90%;
  max-width: 600px;
  border-collapse: collapse;
}
.reportWindowFilterMessage {
  background-color: #E92222;
  color: #FFF;
  text-align: center;
  position: relative;
  height: 22px;
  margin-bottom: 5px;
  cursor: pointer;
  /* Chrome all / Safari all */
  /* Firefox all */
  /* IE 10+ */
  /* Likely future */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.reportWindowFilterMessage.unvisible {
  opacity: 0;
}
.closeMessage {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 11px;
  height: 11px;
}
.reportWindowSaveDescription {
  width: 100%;
  min-height: 100px;
  resize: vertical;
}
.reportWindowFieldValueContainer .acmInputContainer {
  width: 100%;
  border: 1px solid #999;
  border-bottom: none;
}
.reportWindowFieldValueContainer .withBorder {
  border-radius: 7px;
  overflow: hidden;
}
.reportWindowFieldValueContainer input {
  padding-left: 3px;
}
.reportWindowFieldValueContainer .acmSelectContainer.withBorder {
  border-color: #999;
}
.reportWindowFieldOperatorSelectContainer > .acmSelectContainer.withBorder,
.reportWindowFieldSelectContainer > .acmSelectContainer.withBorder {
  border-color: #999 !important;
}
.reportWindowGroupOperator .reportWindowGroupSelect {
  border: 1px solid #999 !important;
}
.reportWindow .acmSelectContainer.withBorder {
  height: 29px;
}
.reportWindowColumn .acmInputContainer {
  width: 58px;
  margin-left: 8px;
}
.reportWindowColumn .acmInputContainer .acmInput {
  background-color: transparent;
}
.reportWindowColumn .acmInputContainer input {
  text-align: right;
  padding-right: 4px;
}
.reportWindowColumnWidthHeader {
  display: flex;
  justify-content: space-between;
  padding: 4px 12px 0px 0px;
}
/*
.reportWindowAddToGroup::before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: @blue;
    position: absolute;
    top: 43%;
    left: -4px;
    border-radius: 5px;
    border: 1px solid #000;
}
.reportWindowFieldLine::before{
    content: "";
    width: 7px;
    height: 7px;
    background-color: @blue;
    position: absolute;
    top: 40%;
    left: -4px;
    border-radius: 5px;
    border: 1px solid #000;
}

@keyframes reportLineShow{
    from {
       transform: scaleY(0);
    }
    to {
        transform: scaleY(1);
    }
}
.reportWindowFieldLine {
    animation-name: reportLineShow;
    animation-duration: 0.2s;
}
*/
.fc-icon,
body .fc {
  font-size: 1em;
}
.fc-button-group,
.fc-icon {
  display: inline-block;
}
.fc-bg,
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
}
.fc-icon,
.fc-unselectable {
  -khtml-user-select: none;
  -webkit-touch-callout: none;
}
.fc {
  direction: ltr;
  text-align: left;
}
.fc-rtl {
  text-align: right;
}
.fc th,
.fc-basic-view td.fc-week-number,
.fc-icon,
.fc-toolbar {
  text-align: center;
}
.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
  border-color: #ddd;
}
.fc-unthemed .fc-popover {
  background-color: #fff;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-popover .fc-header {
  background: #eee;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}
.fc-unthemed td.fc-today {
  background: #fcf8e3;
}
.fc-highlight {
  background: #bce8f1;
  opacity: 0.3;
}
.fc-bgevent {
  background: #8fdf82;
  opacity: 0.3;
}
.fc-nonbusiness {
  background: #d7d7d7;
}
.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: 0.3;
}
.ui-widget .fc-disabled-day {
  background-image: none;
}
.fc-icon {
  height: 1em;
  line-height: 1em;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fc-icon:after {
  position: relative;
}
.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: 700;
  font-size: 200%;
  top: -7%;
}
.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: 700;
  font-size: 200%;
  top: -7%;
}
.fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}
.fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}
.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}
.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}
.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}
.fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}
.fc button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  height: 2.1em;
  padding: 0 0.6em;
  font-size: 1em;
  white-space: nowrap;
  cursor: pointer;
}
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}
.fc-state-default {
  border: 1px solid;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
  background-image: -o-linear-gradient(top, #fff, #e6e6e6);
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-default.fc-corner-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.fc button .fc-icon {
  position: relative;
  top: -0.05em;
  margin: 0 0.2em;
  vertical-align: middle;
}
.fc-state-active,
.fc-state-disabled,
.fc-state-down,
.fc-state-hover {
  color: #333;
  background-color: #e6e6e6;
}
.fc-state-hover {
  color: #333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.fc-state-active,
.fc-state-down {
  background-color: #ccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  box-shadow: none;
}
.fc-event.fc-draggable,
.fc-event[href],
.fc-popover .fc-header .fc-close,
a[data-goto] {
  cursor: pointer;
}
.fc .fc-button-group > * {
  float: left;
  margin: 0 0 0 -1px;
}
.fc .fc-button-group > :first-child {
  margin-left: 0;
}
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc-popover .fc-header {
  padding: 2px 4px;
}
.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}
.fc-ltr .fc-popover .fc-header .fc-close,
.fc-rtl .fc-popover .fc-header .fc-title {
  float: right;
}
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: 0.9em;
  margin-top: 2px;
}
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
}
.fc-divider {
  border-style: solid;
  border-width: 1px;
}
hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  border-width: 1px 0;
}
.fc-bg table,
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
}
.fc-clear {
  clear: both;
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-helper-skeleton,
.fc-highlight-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc table {
  width: 100%;
  box-sizing: border-box;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
}
.fc td,
.fc th {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}
.fc td.fc-today {
  border-style: double;
}
a[data-goto]:hover {
  text-decoration: underline;
}
.fc .fc-row {
  border-style: solid;
  border-width: 0;
}
.fc-row table {
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
  border-top: 0 hidden transparent;
}
.fc-row {
  position: relative;
}
.fc-row .fc-bg {
  z-index: 1;
}
.fc-row .fc-bgevent-skeleton td,
.fc-row .fc-highlight-skeleton td {
  border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}
.fc-row .fc-highlight-skeleton {
  z-index: 3;
}
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
}
.fc-row .fc-helper-skeleton {
  z-index: 5;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  background: 0 0;
  border-color: transparent;
  border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  border-top: 0;
}
.fc-scroller {
  -webkit-overflow-scrolling: touch;
}
.fc-row.fc-rigid,
.fc-time-grid-event {
  overflow: hidden;
}
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  width: 100%;
}
.fc-event {
  position: relative;
  display: block;
  font-size: 0.85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  font-weight: 400;
}
.fc-event,
.fc-event-dot {
  background-color: #3a87ad;
}
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff;
  text-decoration: none;
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
  cursor: not-allowed;
}
.fc-event .fc-bg {
  z-index: 1;
  background: #fff;
  opacity: 0.25;
}
.fc-event .fc-content {
  position: relative;
  z-index: 2;
}
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
  display: none;
}
.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  display: block;
}
.fc-event.fc-selected .fc-resizer:before {
  content: "";
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}
.fc-event.fc-selected {
  z-index: 9999!important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
}
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
}
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  bottom: -1px;
}
.fc-h-event.fc-selected .fc-resizer {
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  top: 50%;
  margin-top: -4px;
}
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
}
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
}
.fc-day-grid-event {
  margin: 1px 2px 0;
  padding: 0 1px;
}
tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
}
.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background: #000;
  opacity: 0.25;
}
.fc-day-grid-event .fc-content {
  white-space: nowrap;
  overflow: hidden;
}
.fc-day-grid-event .fc-time {
  font-weight: 700;
}
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
}
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
}
a.fc-more {
  margin: 1px 3px;
  font-size: 0.85em;
  cursor: pointer;
  text-decoration: none;
}
a.fc-more:hover {
  text-decoration: underline;
}
.fc-limited {
  display: none;
}
.fc-day-grid .fc-row {
  z-index: 1;
}
.fc-more-popover {
  z-index: 2;
  width: 220px;
}
.fc-more-popover .fc-event-container {
  padding: 10px;
}
.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}
.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}
.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}
.fc-toolbar .fc-left {
  float: left;
}
.fc-toolbar .fc-right {
  float: right;
}
.fc-toolbar .fc-center {
  display: inline-block;
}
.fc .fc-toolbar > * > * {
  float: left;
  margin-left: 0.75em;
}
.fc .fc-toolbar > * > :first-child {
  margin-left: 0;
}
.fc-toolbar h2 {
  margin: 0;
}
.fc-toolbar button {
  position: relative;
}
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}
.fc-toolbar .fc-state-down {
  z-index: 3;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}
.fc-toolbar button:focus {
  z-index: 5;
}
.fc-view-container *,
.fc-view-container :after,
.fc-view-container :before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fc-view,
.fc-view > table {
  position: relative;
  z-index: 1;
}
.fc-basicDay-view .fc-content-skeleton,
.fc-basicWeek-view .fc-content-skeleton {
  padding-bottom: 1em;
}
.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
}
.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-day-top.fc-other-month {
  opacity: 0.3;
}
.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number {
  padding: 2px;
}
.fc-basic-view th.fc-day-number,
.fc-basic-view th.fc-week-number {
  padding: 0 2px;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}
.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: grey;
}
.fc-basic-view td.fc-week-number > * {
  display: inline-block;
  min-width: 1.25em;
}
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
}
.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
}
.fc .fc-axis {
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}
.fc-ltr .fc-axis {
  text-align: right;
}
.fc-rtl .fc-axis {
  text-align: left;
}
.ui-widget td.fc-axis {
  font-weight: 400;
}
.fc-time-grid,
.fc-time-grid-container {
  position: relative;
  z-index: 1;
}
.fc-time-grid {
  min-height: 100%;
}
.fc-time-grid table {
  border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
  z-index: 1;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-content-col {
  position: relative;
}
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}
.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-highlight-container {
  z-index: 3;
  position: relative;
}
.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}
.fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}
.fc-time-grid .fc-helper-container {
  position: relative;
  z-index: 6;
}
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
}
.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}
.fc-time-grid .fc-slats .ui-widget-content {
  background: 0 0;
}
.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
}
.fc-ltr .fc-time-grid .fc-event-container {
  margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
  margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-bgevent,
.fc-time-grid .fc-event {
  position: absolute;
  z-index: 1;
}
.fc-time-grid .fc-bgevent {
  left: 0;
  right: 0;
}
.fc-v-event.fc-not-start {
  border-top-width: 0;
  padding-top: 1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fc-v-event.fc-not-end {
  border-bottom-width: 0;
  padding-bottom: 1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-time-grid-event.fc-selected {
  overflow: visible;
}
.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
}
.fc-time-grid-event .fc-content {
  overflow: hidden;
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}
.fc-time-grid-event .fc-time {
  font-size: 0.85em;
  white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-content {
  white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  display: inline-block;
  vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
  display: none;
}
.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
}
.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
}
.fc-time-grid-event.fc-short .fc-title {
  font-size: 0.85em;
  padding: 0;
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}
.fc-time-grid-event.fc-selected .fc-resizer {
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  left: 50%;
  margin-left: -5px;
  bottom: -5px;
}
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
}
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
.fc-rtl .fc-list-view {
  direction: rtl;
}
.fc-list-view {
  border-width: 1px;
  border-style: solid;
}
.fc .fc-list-table {
  table-layout: auto;
}
.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}
.fc-list-table tr:first-child td {
  border-top-width: 0;
}
.fc-list-heading {
  border-bottom-width: 1px;
}
.fc-list-heading td {
  font-weight: 700;
}
.fc-ltr .fc-list-heading-main {
  float: left;
}
.fc-ltr .fc-list-heading-alt,
.fc-rtl .fc-list-heading-main {
  float: right;
}
.fc-rtl .fc-list-heading-alt {
  float: left;
}
.fc-list-item.fc-has-url {
  cursor: pointer;
}
.fc-list-item:hover td {
  background-color: #f5f5f5;
}
.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}
.fc-ltr .fc-list-item-marker {
  padding-right: 0;
}
.fc-rtl .fc-list-item-marker {
  padding-left: 0;
}
.fc-list-item-title a {
  text-decoration: none;
  color: inherit;
}
.fc-list-item-title a[href]:hover {
  text-decoration: underline;
}
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}
.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.fc-unthemed .fc-list-empty {
  background-color: #eee;
}
.calPageContainer {
  margin: 20px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  background-color: #FFF;
}
#calPageContainer {
  background-color: #FFF;
}
.fc-header-toolbar {
  display: none;
}
.calFilters.showFilters {
  width: 270px;
  padding-left: 15px;
  padding-right: 15px;
  opacity: 1;
  box-sizing: border-box;
  -webkit-transition: width 0.2s;
}
.calFiltersRow {
  display: flex;
  align-items: center;
  min-height: 35px;
  height: 35px;
}
.sectionRow {
  background: #3584D4;
  color: #FFF;
}
.sectionRow.notSelected {
  background: #B3B3B3;
}
.calFilterLbl {
  padding-left: 5px;
}
.calFilterLbl.selected {
  color: #3584D4;
}
.calFilters {
  background-color: #F2F2F2;
  position: absolute;
  right: 10;
  margin-right: 10px;
  width: 10px;
  opacity: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transition: width 0.2s;
  border-top: 1px solid #FFF;
}
.calFilters.hideFilters {
  overflow-y: hidden;
}
.calFiltersContainer {
  height: calc(95vh - 151px);
}
.calFiltWidth {
  width: auto;
  margin-right: 270px;
  -webkit-transition: margin 0.2s;
}
.calFullWidth {
  margin-right: 10px;
  -webkit-transition: margin 0.2s;
}
.calTabNoDisplay {
  display: none;
}
.calWindowContainer div.relateField + div.buttonContainer > div:first-child {
  display: none;
}
.calWindowContainer .detailViewTabMenuButton {
  display: none;
}
.calWindowContainer .detailCard h1 {
  display: none;
}
.calWindowContainer .detailCard.calComponent {
  border: none;
}
.calWindowContainer .detailCard {
  margin-top: 0px;
}
.calWindowContainer .detailViewTabMenuButton.calTab {
  display: inline-block;
}
.fcCalendarTitle {
  background-color: #DFDFDF;
  width: 100%;
  font-weight: bold;
  font-size: 14px;
  padding: 3px 5px;
}
table.acmCalHeader {
  width: 100%;
}
div.calPanel .acmCalHeaderLeftMenu {
  width: 100%;
  display: inline-flex;
}
div.calPanel .acmCalHeaderRightMenu {
  width: 100%;
  text-align: right;
  display: inline-flex;
  justify-content: flex-end;
}
div.calPanel .acmCalHeaderCenterMenu {
  text-align: center;
  display: inline-flex;
  justify-content: center;
}
button.fcCalBtn {
  background-color: #FFF;
  border-color: #20A8D8;
  border-style: solid;
  align-items: center;
  border-radius: 5px;
  margin: 2px;
  height: 32px;
  display: inline-flex;
}
button.fcCalBtn:hover {
  background-color: #20A8D8;
}
.i-cal-filters {
  width: 20px;
  height: 20px;
  position: relative;
  top: 2px;
}
.i-cal-gotodate {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwMCA1MDAiIGhlaWdodD0iNTAwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MDAgNTAwIiB3aWR0aD0iNTAwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMxLjk0OSw0MzEuNzExYzAsMjAuMDc4LDE2LjI2NCwzNi4zNCwzNi4zNCwzNi4zNGgzNjMuNDIxICBjMjAuMDc4LDAsMzYuMzQtMTYuMjYyLDM2LjM0LTM2LjM0VjExMy43MThjMC0yMC4wNzktMTYuMjYyLTM2LjM0My0zNi4zNC0zNi4zNDNoLTM2LjM0NVY1NC42NjIgIGMwLTEyLjUzNi0xMC4xNzYtMjIuNzEzLTIyLjcxMS0yMi43MTNjLTEyLjUzNywwLTIyLjcxNywxMC4xNzctMjIuNzE3LDIyLjcxM3YyMi43MTNoLTM2LjM0VjU0LjY2MiAgYzAtMTIuNTM2LTEwLjE3OS0yMi43MTMtMjIuNzE1LTIyLjcxM3MtMjIuNzEyLDEwLjE3Ny0yMi43MTIsMjIuNzEzdjIyLjcxM0gyMzEuODNWNTQuNjYyYzAtMTIuNTM2LTEwLjE3Ny0yMi43MTMtMjIuNzEzLTIyLjcxMyAgYy0xMi41MzksMC0yMi43MTYsMTAuMTc3LTIyLjcxNiwyMi43MTN2MjIuNzEzaC0zNi4zNFY1NC42NjJjMC0xMi41MzYtMTAuMTc3LTIyLjcxMy0yMi43MTUtMjIuNzEzICBjLTEyLjUzNiwwLTIyLjcxMywxMC4xNzctMjIuNzEzLDIyLjcxM3YyMi43MTNINjguMjljLTIwLjA3NywwLTM2LjM0LDE2LjI2NC0zNi4zNCwzNi4zNDNWNDMxLjcxMXogTTk3LjM2NywxMjIuODAyaDcuMjY2djMxLjc5OSAgYzAsMTIuNTM4LDEwLjE3NywyMi43MTUsMjIuNzEzLDIyLjcxNWMxMi41MzksMCwyMi43MTUtMTAuMTc3LDIyLjcxNS0yMi43MTV2LTMxLjc5OWgzNi4zNHYzMS43OTkgIGMwLDEyLjUzOCwxMC4xNzcsMjIuNzE1LDIyLjcxNiwyMi43MTVjMTIuNTM2LDAsMjIuNzEzLTEwLjE3NywyMi43MTMtMjIuNzE1di0zMS43OTloMzYuMzQydjMxLjc5OSAgYzAsMTIuNTM4LDEwLjE3NiwyMi43MTUsMjIuNzEyLDIyLjcxNXMyMi43MTUtMTAuMTc3LDIyLjcxNS0yMi43MTV2LTMxLjc5OWgzNi4zNHYzMS43OTljMCwxMi41MzgsMTAuMTgsMjIuNzE1LDIyLjcxNywyMi43MTUgIGMxMi41MzUsMCwyMi43MTEtMTAuMTc3LDIyLjcxMS0yMi43MTV2LTMxLjc5OWg3LjI2OGMxMS4wODQsMCwxOS45OSw4LjkwOSwxOS45OSwxOS45OTF2OTYuMzAyYzAsMTEuMDgyLTguOTA2LDE5Ljk5MS0xOS45OSwxOS45OTEgIEg5Ny4zNjdjLTExLjA4NiwwLTE5Ljk5MS04LjkwOS0xOS45OTEtMTkuOTkxdi05Ni4zMDJDNzcuMzc1LDEzMS43MTEsODYuMjgsMTIyLjgwMiw5Ny4zNjcsMTIyLjgwMnoiIGZpbGw9IiMwMTAxMDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.i-cal-arrow-left {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCiA8Zz4KICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+CiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBhdGggc3Ryb2tlPSJudWxsIiBmaWxsPSIjMjBhOGQ4IiBpZD0ic3ZnXzEiIGQ9Im0zOTkuMjEzOTk2LDY2LjE1MTg1N2wtNC4yMjEwNDQsMi4xNzUyMTdsLTMxNC41NjgyODIsMTY0LjM0OTc2MmMtMTAuNjUzMTExLDUuNTU4ODg5IC0xNy4yODYxOCwxMy44OTcyMjMgLTE3LjI4NjE4LDIzLjIwMjMxOWMwLDkuMzA1MDk3IDYuODM0MDcxLDE3LjY0MzQzIDE3LjI4NjE4LDIzLjIwMjMxOWwzMTMuOTY1Mjc2LDE2NC4yMjg5MTdsNS4yMjYwNTUsMi43Nzk0NDVjNS4wMjUwNTIsMi4wNTQzNzIgMTEuMDU1MTE1LDMuMjYyODI2IDE3LjQ4NzE4MiwzLjI2MjgyNmMxNy40ODcxODIsMCAzMS43NTgzMzEsLTguOTQyNTYxIDMxLjc1ODMzMSwtMjAuMDYwMzM5bDAsMGwwLC0zNDYuNTg0NjQ1bDAsMGMwLC0xMS4xMTc3NzggLTE0LjI3MTE0OSwtMjAuMDYwMzM5IC0zMS43NTgzMzEsLTIwLjA2MDMzOWMtNi42MzMwNjksMCAtMTIuODY0MTM0LDEuMzI5MyAtMTcuODg5MTg3LDMuNTA0NTE3eiIvPgogPC9nPgo8L3N2Zz4=");
  width: 35px;
  height: 35px;
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.i-cal-arrow-right {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCiA8Zz4KICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+CiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoLTE4MCAyNTYsMjU1Ljk5OTk5OTk5OTk5OTk3KSAiIHN0cm9rZT0ibnVsbCIgZmlsbD0iIzIwYThkOCIgaWQ9InN2Z18xIiBkPSJtMzk5LjIxMzk5Niw2Ni4xNTE4NTdsLTQuMjIxMDQ0LDIuMTc1MjE3bC0zMTQuNTY4MjgyLDE2NC4zNDk3NjJjLTEwLjY1MzExMSw1LjU1ODg4OSAtMTcuMjg2MTgsMTMuODk3MjIzIC0xNy4yODYxOCwyMy4yMDIzMTljMCw5LjMwNTA5NyA2LjgzNDA3MSwxNy42NDM0MyAxNy4yODYxOCwyMy4yMDIzMTlsMzEzLjk2NTI3NiwxNjQuMjI4OTE3bDUuMjI2MDU1LDIuNzc5NDQ1YzUuMDI1MDUyLDIuMDU0MzcyIDExLjA1NTExNSwzLjI2MjgyNiAxNy40ODcxODIsMy4yNjI4MjZjMTcuNDg3MTgyLDAgMzEuNzU4MzMxLC04Ljk0MjU2MSAzMS43NTgzMzEsLTIwLjA2MDMzOWwwLDBsMCwtMzQ2LjU4NDY0NWwwLDBjMCwtMTEuMTE3Nzc4IC0xNC4yNzExNDksLTIwLjA2MDMzOSAtMzEuNzU4MzMxLC0yMC4wNjAzMzljLTYuNjMzMDY5LDAgLTEyLjg2NDEzNCwxLjMyOTMgLTE3Ljg4OTE4NywzLjUwNDUxN3oiLz4KIDwvZz4KPC9zdmc+");
  width: 35px;
  height: 35px;
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.calPanel {
  justify-content: space-between;
  background-color: #F2F2F2;
}
.calTitle {
  background-color: #FFF;
  margin: auto 0;
  margin-right: 10px;
  font-weight: 650;
  text-transform: uppercase;
  width: 400px;
  text-align: center;
}
.calWindowContainer .pageContainer .viewActionPanel {
  display: none;
}
.calPageContainer .viewActionPanel {
  border-bottom: none;
  justify-content: space-between;
  min-height: 45px;
  height: 45px;
}
.calQuicCreateTabMenu .activeTab {
  background-color: #FFF;
  color: #20A8D8;
}
.relInvContainer {
  width: 100%;
  height: 180px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #DFDFDF;
}
.invCandidatesContainer {
  width: 100%;
  height: 180px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #DFDFDF;
}
.relInvContainer table {
  width: 100%;
}
.relInvContainer th {
  padding-left: 4px;
  vertical-align: middle;
  padding: 5px;
}
.relInvContainer td {
  padding-left: 4px;
  padding: 5px;
}
.invSearchContainer {
  margin-right: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 5px;
  border: 1px solid #DFDFDF;
}
.invSearchContainer table {
  width: 100%;
}
.invSearchContainer td {
  padding: 5px;
  vertical-align: middle;
}
.invCandidatesContainer table {
  width: 100%;
}
.invCandidatesContainer td {
  padding: 5px 10px;
}
.invCandidatesContainer th {
  padding: 10px;
}
.iconRemove {
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
  z-index: 2;
  margin: auto;
}
.iconCalAdd {
  width: 25px;
  height: 25px;
  position: relative;
  cursor: pointer;
  z-index: 2;
  background-color: #20A8D8;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfMSIgZD0ibTE1LDZsLTUsMGwwLC01YzAsLTAuNTUgLTAuNDUsLTEgLTEsLTFsLTIsMGMtMC41NSwwIC0xLDAuNDUgLTEsMWwwLDVsLTUsMGMtMC41NSwwIC0xLDAuNDUgLTEsMWwwLDJjMCwwLjU1IDAuNDUsMSAxLDFsNSwwbDAsNWMwLDAuNTUgMC40NSwxIDEsMWwyLDBjMC41NSwwIDEsLTAuNDUgMSwtMWwwLC01bDUsMGMwLjU1LDAgMSwtMC40NSAxLC0xbDAsLTJjMCwtMC41NSAtMC40NSwtMSAtMSwtMXoiLz4KIDwvZz4KPC9zdmc+");
  background-size: 70%;
  background-repeat: no-repeat;
  border-radius: 25%;
  background-position: center;
}
.calSettingsFormContainer {
  padding: 15px;
}
.calSettingsFormContainer td {
  padding: 0 3px;
}
.notSharedViewContainer {
  height: calc(95vh - 150px);
}
.calArrow {
  width: 35;
  height: 35;
  cursor: pointer;
}
.errorMsg {
  color: red;
  line-height: 15px;
}
.calTimeInput {
  width: 80px;
  text-align: right;
  display: inline-block;
  border-radius: 0;
  text-align: center;
}
.calPopupTitle {
  height: 40px;
  min-height: 40px;
  background-color: #000;
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #FFF;
  padding-left: 20px;
  text-transform: uppercase;
}
.calPopupTitleText {
  margin: auto 0;
}
.calWindowContainer {
  min-width: 990px;
  padding-left: 60px;
  -webkit-transition: padding 0.2s;
}
.calWindowContainer.max {
  padding-left: 0px;
}
nav.quickCreateNav {
  padding-top: 15px;
  position: absolute;
  left: 0;
  top: 40px;
  width: 60px;
  display: block;
  background: #343c49;
  z-index: 2;
  -webkit-transition: width 0.2s;
  overflow: hidden;
}
nav.quickCreateNav.min {
  width: 0;
}
.calQuickCreateTitle {
  display: inline-block;
}
.newActTitle {
  margin-left: 30px;
}
.burgerMenu.calBurgerMenu {
  display: block;
  margin-top: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+CiAgPHJlY3QgeD0iLTEiIHk9Ii0xIiB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgZmlsbD0ibm9uZSIvPgogPC9nPgoKIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8cGF0aCBkPSJtNCwxMGwyNCwwYzEuMTA0LDAgMiwtMC44OTYgMiwtMnMtMC44OTYsLTIgLTIsLTJsLTI0LDBjLTEuMTA0LDAgLTIsMC44OTYgLTIsMnMwLjg5NiwyIDIsMnptMjQsNGwtMjQsMGMtMS4xMDQsMCAtMiwwLjg5NiAtMiwyczAuODk2LDIgMiwybDI0LDBjMS4xMDQsMCAyLC0wLjg5NiAyLC0ycy0wLjg5NiwtMiAtMiwtMnptMCw4bC0yNCwwYy0xLjEwNCwwIC0yLDAuODk2IC0yLDJzMC44OTYsMiAyLDJsMjQsMGMxLjEwNCwwIDIsLTAuODk2IDIsLTJzLTAuODk2LC0yIC0yLC0yeiIgaWQ9InN2Z18xIiBmaWxsPSIjZmZmZmZmIi8+CiA8L2c+Cjwvc3ZnPg==);
}
a.calQuicCreateTabMenuButton {
  padding: 10px;
  display: inline-block;
  width: 100%;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}
a.calQuicCreateTabMenuButton:hover {
  background-color: rgba(200, 200, 200, 0.1);
}
a.calQuicCreateTabMenuButton.activeTab {
  background: #3a4248;
  border-left: 3px solid #3584D4;
}
.calMeetingIcon {
  width: 25px;
  height: 25px;
  margin: auto;
  z-index: 2;
  cursor: pointer;
  background-size: 100%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxjaXJjbGUgZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18yIiByPSIyLjUiIGN5PSI2LjUiIGN4PSIxOC41Ii8+CiAgPGNpcmNsZSBmaWxsPSIjZmZmZmZmIiBpZD0ic3ZnXzQiIHI9IjIuNSIgY3k9IjYuNSIgY3g9IjUuNSIvPgogIDxjaXJjbGUgZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z182IiByPSIzIiBjeT0iNSIgY3g9IjEyIi8+CiAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z183IiBkPSJtMTguNSwxMGMtMC41LDAgLTEuNiwwLjIgLTIsMC41YzAsMCAwLjUsMS4xIDAuNSwyLjVjMCwwIC0xLjIsLTQgLTUsLTRzLTUsNCAtNSw0YzAsLTEuNCAwLjUsLTIuNSAwLjUsLTIuNWMtMC40LC0wLjMgLTEuNSwtMC41IC0yLC0wLjVjLTEuNywwIC0zLjUsMiAtMy41LDMuM2wwLDUuN2MwLDEuMSAwLjksMiAyLDJsMi45LDBjMC45LC0wLjkgMi41LC0yIDUuMSwtMnM0LjIsMS4xIDUuMSwybDIuOSwwYzEuMSwwIDIsLTAuOSAyLC0ybDAsLTUuN2MwLC0xLjMgLTIsLTMuMyAtMy41LC0zLjN6bS02LjUsOGMtMS40LDAgLTIuNSwtMS4xIC0yLjUsLTIuNWMwLC0xLjQgMS4xLC0yLjUgMi41LC0yLjVzMi41LDEuMSAyLjUsMi41YzAsMS40IC0xLjEsMi41IC0yLjUsMi41eiIvPgogPC9nPgo8L3N2Zz4=");
}
.calCallIcon {
  width: 25px;
  height: 25px;
  margin: auto;
  z-index: 2;
  cursor: pointer;
  background-size: 100%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxwb2x5bGluZSBpZD0ic3ZnXzIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZT0iI0ZGRkZGRiIgcG9pbnRzPSIgICA2NDksMTM3Ljk5OSA2NzUsMTM3Ljk5OSA2NzUsMTU1Ljk5OSA2NjEsMTU1Ljk5OSAgIiBmaWxsPSJub25lIi8+CiAgPHBvbHlsaW5lIGlkPSJzdmdfMyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlPSIjRkZGRkZGIiBwb2ludHM9IiAgIDY1MywxNTUuOTk5IDY0OSwxNTUuOTk5IDY0OSwxNDEuOTk5ICAiIGZpbGw9Im5vbmUiLz4KICA8cG9seWxpbmUgaWQ9InN2Z180IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2U9IiNGRkZGRkYiIHBvaW50cz0iICAgNjYxLDE1NiA2NTMsMTYyIDY1MywxNTYgICIgZmlsbD0ibm9uZSIvPgogIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfNyIgZD0ibTE0LjYyNiwxOC40Yy0wLjI1NiwwIC0wLjUxMiwtMC4wOTggLTAuNzA3LC0wLjI5M2wtNC4xNzEsLTQuMTdjLTAuMTg4LC0wLjE4OCAtMC4yOTMsLTAuNDQyIC0wLjI5MywtMC43MDdzMC4xMDUsLTAuNTIgMC4yOTMsLTAuNzA3bDIuNDM0LC0yLjQzM2MwLjc2LC0wLjc2IDAuNzYsLTEuOTk3IDAsLTIuNzU3bC0yLjc4LC0yLjc4Yy0wLjczNywtMC43MzYgLTIuMDIxLC0wLjczNyAtMi43NTgsMGMtMC4wNDQsMC4wNDQgLTAuMDkzLDAuMDg0IC0wLjE0NSwwLjEyYy0wLjExNSwwLjA4IC0yLjkwNiwyLjA3NiAtMi40NDgsNi4xOThjMC4wNjEsMC41NDkgLTAuMzM0LDEuMDQzIC0wLjg4MywxLjEwNGMtMC41NDQsMC4wNjMgLTEuMDQzLC0wLjMzNCAtMS4xMDQsLTAuODgzYy0wLjU1NCwtNC45NzggMi42NDksLTcuNTg3IDMuMjI3LC04LjAxNGMxLjQ5NywtMS40MzYgNC4wNTEsLTEuNDEyIDUuNTI0LDAuMDZsMi43OCwyLjc4YzEuNTQsMS41NCAxLjU0LDQuMDQ1IDAsNS41ODVsLTEuNzI1LDEuNzI3bDMuNDYzLDMuNDYzYzAuMzkxLDAuMzkxIDAuMzkxLDEuMDIzIDAsMS40MTRjLTAuMTk1LDAuMTk2IC0wLjQ1MSwwLjI5MyAtMC43MDcsMC4yOTN6Ii8+CiAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z185IiBkPSJtOS43NiwyMy4yNjZjLTAuMjU2LDAgLTAuNTEyLC0wLjA5OCAtMC43MDcsLTAuMjkzYy0yLjQ1NywtMi40NTcgLTQuMjk2LC00Ljg1NSAtNS40NjcsLTcuMTI4Yy0wLjI1MywtMC40OTEgLTAuMDYsLTEuMDk0IDAuNDMxLC0xLjM0N2MwLjQ5MywtMC4yNTMgMS4wOTQsLTAuMDU5IDEuMzQ3LDAuNDMxYzEuMDc2LDIuMDg5IDIuNzkyLDQuMzIgNS4xMDMsNi42M2MwLjM5MSwwLjM5MSAwLjM5MSwxLjAyMyAwLDEuNDE0Yy0wLjE5NiwwLjE5NiAtMC40NTEsMC4yOTMgLTAuNzA3LDAuMjkzeiIvPgogIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfMTEiIGQ9Im0yMS45OTIsMjkuOTgyYy0zLjkzNywwIC04LjI5OSwtMi4zNjkgLTEyLjk4NCwtNy4wNTVjLTAuMzkxLC0wLjM5MSAtMC4zOTEsLTEuMDIzIDAsLTEuNDE0czEuMDIzLC0wLjM5MSAxLjQxNCwwYzQuNTM5LDQuNTQgOC43NzgsNi43NjIgMTIuMjg0LDYuNDM2YzMuMDksLTAuMjkyIDQuNTg4LC0yLjQ0NSA0LjYwMywtMi40NjhjMC4wMzUsLTAuMDUyIDAuMDc1LC0wLjEwMSAwLjEyLC0wLjE0NWMwLjM2OCwtMC4zNjcgMC41NzEsLTAuODU4IDAuNTcxLC0xLjM3OHMtMC4yMDMsLTEuMDEgLTAuNTcxLC0xLjM3OGwtMi43OCwtMi43ODFjLTAuMzY4LC0wLjM2OCAtMC44NTgsLTAuNTcgLTEuMzgsLTAuNTdsMCwwYy0wLjUyMSwwIC0xLjAxLDAuMjAyIC0xLjM3NywwLjU3bC0yLjQzNSwyLjQzM2MtMC4zOTEsMC4zOTEgLTEuMDIzLDAuMzkxIC0xLjQxNCwwbC00LjE2OSwtNC4xNjljLTAuMzkxLC0wLjM5MSAtMC4zOTEsLTEuMDIzIDAsLTEuNDE0czEuMDIzLC0wLjM5MSAxLjQxNCwwbDMuNDYyLDMuNDYybDEuNzI3LC0xLjcyNmMwLjc0NSwtMC43NDYgMS43MzYsLTEuMTU3IDIuNzkyLC0xLjE1N2wwLDBjMS4wNTYsMCAyLjA0OCwwLjQxMSAyLjc5NCwxLjE1NmwyLjc4LDIuNzgyYzAuNzQ2LDAuNzQ1IDEuMTU3LDEuNzM3IDEuMTU3LDIuNzkyYzAsMS4wMjYgLTAuMzg5LDEuOTkzIC0xLjA5NywyLjczMWMtMC4zNjQsMC40OTIgLTIuMzI3LDIuOTAzIC02LjAwOSwzLjI1MWMtMC4yOTcsMC4wMjkgLTAuNTk5LDAuMDQyIC0wLjkwMiwwLjA0MnoiLz4KIDwvZz4KPC9zdmc+");
}
.calTaskIcon {
  width: 25px;
  height: 25px;
  margin: auto;
  z-index: 2;
  cursor: pointer;
  background-size: 100%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCiA8Zz4KICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+CiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18xIiBkPSJtNDkzLjI3OCwxNTQuNTE1bC0yMi42MjUsMjIuNjQxbC0xMzUuNzgyLC0xMzUuNzY2bDIyLjYyNSwtMjIuNjQxYzI1LC0yNSA2NS41MzEsLTI1IDkwLjUzMSwwbDQ1LjI1LDQ1LjI2NmMyNC45NjksMjQuOTg1IDI0Ljk2OSw2NS41IDAuMDAxLDkwLjV6bS0zMTYuODEzLDI3MS41MTZjLTYuMjUsNi4yNSAtNi4yNSwxNi4zNzUgMCwyMi42MjVjNi4yNSw2LjI4MSAxNi4zNzUsNi4yODEgMjIuNjI1LDBsMjQ4LjkzOCwtMjQ4Ljg3NWwtMjIuNjU2LC0yMi42NDFsLTI0OC45MDcsMjQ4Ljg5MXptLTExMy4xNTYsLTExMy4xMjVjLTYuMjUsNi4yNSAtNi4yNSwxNi4zNzUgMCwyMi42MjVzMTYuMzc1LDYuMjUgMjIuNjI1LDBsMjQ4LjkzNywtMjQ4Ljg5MWwtMjIuNjI1LC0yMi42MjVsLTI0OC45MzcsMjQ4Ljg5MXptMjk0LjE1NiwtMjAzLjY1NmwtMjQ4LjkwNiwyNDguOTA2Yy0xMi41LDEyLjQ2OSAtMTIuNDY5LDMyLjc1IDAsNDUuMjVjMTIuNSwxMi41IDMyLjc1LDEyLjU2MyA0NS4yODEsLTAuMDMxbDI0OC45MDYsLTI0OC44NTlsLTQ1LjI4MSwtNDUuMjY2em0tMjAzLjY4NywzNjEuOTY5Yy03LjY1NiwtNy42NTYgLTExLjM0NCwtMTcuMzc1IC0xMi43MTksLTI3LjM3NWMtMy4yNSwwLjUgLTYuNTMxLDAuOTY5IC05Ljg3NSwwLjk2OWMtMTcuMDk0LDAgLTMzLjE1NiwtNi42ODggLTQ1LjI1LC0xOC43ODFjLTEyLjA5NCwtMTIuMTI1IC0xOC43NSwtMjguMTU2IC0xOC43NSwtNDUuMjVjMCwtMy4xMjUgMC40NjksLTYuMTU2IDAuOTA2LC05LjE4OGMtMTAuMzQ0LC0xLjQwNiAtMTkuOTA2LC01LjkzOCAtMjcuNDA2LC0xMy40MzhjLTAuNzE5LC0wLjcxOSAtMC45NjksLTEuNjg4IC0xLjYyNSwtMi40NjlsLTM5LjA2MywxNTYuMzEzbDE1NS45MDYsLTM5LjAzMWMtMC42ODcsLTAuNjI1IC0xLjQ2OCwtMS4wOTQgLTIuMTI0LC0xLjc1eiIvPgogPC9nPgo8L3N2Zz4=");
}
.fc-event {
  border-radius: 0px;
}
.fc-event.eventMeeting {
  margin-bottom: 2px;
}
.fc-event.eventCall {
  margin-bottom: 2px;
}
.fc-event.eventTask {
  margin-bottom: 2px;
}
.acmMaterial .fcCalendarBtn {
  height: 33px;
  line-height: 33px;
  min-height: 33px;
  background-color: #3584D4;
  color: white;
  margin-right: 4px;
}
.acmMaterial .fcCalendarBtn:hover {
  background-color: #5f9edd;
}
.acmMaterial .fcCalendarBtnIco {
  background-color: #3584D4;
  margin-right: 4px;
  height: 33px;
  line-height: 33px;
  min-height: 33px;
  width: 33px;
  min-width: 33px;
}
.acmMaterial .fcCalendarBtnIco:hover {
  background-color: #5f9edd;
}
.acmMaterial .fcCalendarBtn,
.acmMaterial .fcCalendarBtnIco,
.acmMaterial .fcCalendarBtn:active,
.acmMaterial .fcCalendarBtnIco:active {
  box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
.acmMaterial .btnToday {
  margin-right: 0px;
}
.calInvComponent {
  padding-bottom: 30px;
}
.rightPanelContainer .calInvComponent.detailView {
  padding: 0;
}
.rightPanelContainer .calInvComponent .detailView {
  padding: 0;
}
.calAdiconBoxTitle {
  font-size: 13px;
  font-weight: bold;
}
.calAdicolIconHolder {
  display: flex;
  justify-content: space-evenly;
  width: 20%;
  margin: auto 0;
}
.adicon {
  height: 15px;
  width: 15px;
}
.calAdiconHeader {
  width: 100%;
  float: left;
  background-color: #000;
  color: #FFF;
  padding: 3px;
  padding-left: 8px;
  display: flex;
  justify-content: space-between;
}
.calAdiconContainer {
  padding: 8px;
  padding-top: 30px;
}
.relInvContainer table td,
.invCandidatesContainer table td {
  border: 1px solid #ececec;
}
.relInvContainer table th,
.invCandidatesContainer table th {
  background-color: #F2F2F2;
}
.calModuleIcon {
  width: 20px;
  height: 20px;
  margin: auto;
  font-size: 1.4rem;
}
.calRefreshIcon {
  font-size: 1.7rem;
}
.invTable td:first-child {
  width: 5%;
}
.invTable td:nth-child(2) {
  width: 30%;
  white-space: nowrap;
}
.invTable td:nth-child(3) {
  width: 20%;
}
.invTable td:nth-child(4) {
  width: 20%;
}
.invTable td:nth-child(5) {
  width: 20%;
}
.invTable td:nth-child(6) {
  width: 5%;
}
.invTable {
  font-size: 1rem;
}
.invTable th {
  white-space: nowrap;
}
.submenu {
  display: flex;
  justify-content: space-between;
}
.submenuIcon {
  margin: auto 0;
}
.acmFcContextMenu {
  width: 180px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  position: fixed;
  z-index: 100;
  background-color: #FFF;
}
.acmFcContextMenu ul {
  margin-bottom: 0px;
}
.acmFcContextMenu .menu-options {
  list-style: none;
  padding: 10px 0;
}
.acmFcContextMenu .menu-options .menu-option {
  height: 24px;
  font-weight: 500;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.acmFcContextMenu .menu-options .menu-option:hover {
  background: rgba(0, 0, 0, 0.2);
}
.acmFcContextMenu .menu-options .menu-option.submenu::after {
  content: "";
  position: fixed;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 5px solid transparent;
  border-left-color: #808080;
}
.acmFcContextMenu .menu-options .menu-option.submenu:hover::after {
  border-left-color: #fff;
}
.acmFcContextMenu .menu-options .menu-option.submenu .acmFcContextMenu {
  display: none;
  width: auto;
}
.acmFcContextMenu .menu-options .menu-option.submenu:hover .acmFcContextMenu {
  display: block;
}
.calFiltersSelect {
  width: 65%;
}
.calFiltersSelLbl {
  display: block;
  width: 65%;
  border-bottom: 1px solid #3584D4;
  margin-bottom: 4px;
  margin-left: 5px;
}
.calSettingsSelect {
  padding-top: 4px;
}
.standartMultiSelect ul {
  list-style: none;
  padding-left: 5px;
  padding-right: 5px;
}
.standartMultiSelect ul li.selected {
  background-color: #3584D4;
  color: #FFF;
}
.standartMultiSelect ul li {
  border-radius: 2px;
  margin-bottom: 2px;
  padding: 2px;
}
.calFiltersSelect .standartMultiSelect ul li {
  margin-left: 10px;
}
.standartMultiSelect ul li::before {
  content: "•";
  color: black;
  margin-right: 2px;
}
.standartMultiSelect ul li.selected::before {
  content: "•";
  color: #FFF;
}
.standartMultiSelect ul li:hover {
  background-color: rgba(169, 224, 255, 0.5);
}
.standartMultiSelect ul li.selected:hover {
  background-color: #3584D4;
}
.calNoDisplay {
  display: none;
}
div.calEventIcon {
  background-repeat: no-repeat;
  margin-right: 3px;
  background-size: 100%;
  width: 13px;
  height: 13px;
  float: left;
  margin-top: 3px;
}
div.calEventIcon.agendaEvent {
  width: 15px;
  height: 15px;
}
.filterRowState {
  padding: 10px 0;
}
.filterRowState span.acmCheckBox span:first-child {
  height: 20px;
}
.filterRowState .acmCheckBox span[class*="MuiTouchRipple-ripple"] {
  display: none;
}
.calFiltersSection {
  background-color: #FFF;
  margin-bottom: 4px;
}
.calWindowContainer .detailViewContainer {
  height: auto;
}
.calWindowContainer #subpanels {
  display: none;
}
.calWindowContainer .pageContainer .detailViewContainer {
  padding: 0px;
  padding-bottom: 40px;
}
.calWindowContainer .detailView .acmTabContainer {
  display: none;
}
.calBoard {
  padding-left: 10px;
  padding-right: 10px;
}
.calBoardHeader {
  display: flex;
  height: 40px;
}
.calBoardHeaderLeft {
  display: flex;
}
.navFiltToogle {
  width: 10px;
  height: 30px;
  top: 50%;
  left: 5px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #212852;
  color: #FFF;
  position: absolute;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.calHidden {
  visibility: hidden;
}
.acmMaterial .acmButton.calViewButton {
  background-color: #B3B3B3;
  border-radius: 0px;
  min-height: 20px;
  color: #FFF;
}
.acmMaterial .acmButton.calViewButton:hover {
  box-shadow: none;
}
.acmMaterial .acmButton.calViewButton.activeView {
  background-color: #3584D4;
}
.calHeaderIcon {
  margin: auto 0;
  margin-right: 10px;
}
.calBoardHeader .calHeaderIcon {
  margin: auto 0;
  margin-right: 10px;
}
.icon-CalSharedIcon {
  margin-left: 25px;
}
.icon-CalSettingsIcon {
  color: #3584D4;
}
.icon-CalArrowLeftIcon {
  color: #3584D4;
  cursor: pointer;
}
.icon-CalArrowRightIcon {
  color: #3584D4;
  cursor: pointer;
}
.acmButton.calendarButton:hover {
  box-shadow: none;
}
.acmButton.calendarButton:hover .icon-CalSettingsIcon {
  color: #FFF;
}
.acmButton.calendarButton {
  border-radius: 0px;
  min-height: 30px;
  height: 30px;
  color: #000;
}
.calBoardHeaderThird {
  display: flex;
  width: 33.3%;
}
.calBoardHeaderCenter {
  justify-content: center;
}
.calFilterTitle {
  margin: auto 0;
  text-transform: uppercase;
  font-weight: 650;
}
.calFiltersTick svg {
  color: #fff;
  width: 0.75em;
  height: 0.75em;
}
.calFiltersStateTick svg {
  color: #3584D4;
  width: 0.75em;
  height: 0.75em;
}
.fc-event .fc-content {
  padding-left: 4px;
  padding-top: 2px;
}
.calNoBorder {
  border: none !important;
}
.eventNotStarted {
  border-left: 5px solid #898CFF !important;
}
.eventPending {
  border-left: 5px solid #F5A26F !important;
}
.eventInProgress {
  border-left: 5px solid #5AD0E5 !important;
}
.eventSuccess {
  border-left: 5px solid #25924A !important;
}
.eventFailed {
  border-left: 5px solid #DE0052 !important;
}
#adicon_box {
  background-color: #FFFFFF;
  width: 300px;
  height: auto;
  z-index: 100;
  float: right;
  position: absolute;
  min-width: 150px;
  min-height: 180px;
  overflow: hidden;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.icon-calCloseIcon {
  font-size: 0.7em;
  padding-top: 3px;
}
.calSettingsForm .viewActionPanel {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #DFDFDF;
}
.calSettingsForm .actionPanelButton:first-child {
  margin-left: 0px;
}
.lastSectionRow {
  border-bottom: 1px solid #DFDFDF;
}
.calSetLbl {
  font-weight: 600;
}
.calSetStateLbl {
  vertical-align: top;
}
.calSettingsForm .acmButton .calHeaderIcon {
  color: #3584D4;
}
.calSettingsForm .acmButton:hover .calHeaderIcon {
  color: #FFF;
}
.noPadRow td {
  padding-top: 0px;
  padding-bottom: 0px;
}
.calSettingsFormContainer .acmSelect {
  border: 1px solid #DFDFDF;
  padding-left: 8px;
}
.calSettingsFormContainer .acmSelect:before {
  border: 0;
}
.calSettingsFormContainer .calShiftPad {
  padding-left: 15px;
}
.calSettingsFormContainer .calFiltersRow {
  min-height: 30px;
  height: 30px;
}
.calSetFiller {
  width: 30px;
}
.calSettingsFormContainer .calSetStateContainer {
  padding-bottom: 15px;
}
.detailCard.calComponent .detailView {
  padding: 0;
}
.detailCard.calComponent {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.detailCard.calComponent .header {
  display: none;
}
.detailCard.calComponent .acmTabContainer {
  border-bottom: 1px solid #DFDFDF;
}
.calWindowContainer .viewActionPanel {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #DFDFDF;
}
.calActMenuIcon {
  font-size: 1.7em;
  color: #FFF;
  text-align: center;
}
.invAddIcon.icon-addIcon {
  font-size: 1.4rem;
  text-align: center;
}
.invTable a:hover {
  text-decoration: none;
}
.invTable a {
  cursor: pointer;
}
.calRefIcon .icon-refresh {
  font-size: 1.3em;
  text-align: center;
}
.calRefIcon:hover {
  text-decoration: none;
}
.calDeleteIcon .icon-deleteIcon {
  color: #E92222;
  font-size: 1.2em;
  text-align: center;
  cursor: pointer;
}
.calRefIcon:hover {
  text-decoration: none;
  cursor: pointer;
}
.calInvComponent > .detailViewContainer {
  overflow-y: auto;
}
.pageContainer.calInvComponent .detailViewContainer {
  height: auto;
}
.invSearchInputContainer {
  width: 100%;
}
.invSearchInputLabel {
  width: 35%;
  padding-right: 5px;
}
.invSearchInput {
  width: 65%;
}
.invSearchContainer table {
  font-size: 1rem;
}
.DashletCalendarHeader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.DashletCalendarHeaderLeft {
  display: flex;
}
.calTitleContainer {
  display: flex;
}
.calTitleIcon {
  margin: auto;
  margin-right: 10px;
}
.MeetingsCalTitle {
  background-color: #A7A9FF;
}
.CallsCalTitle {
  background-color: #FABB93;
}
.TasksCalTitle {
  background-color: #58C97E;
}
.eventTimeFinfo {
  overflow: hidden;
  white-space: nowrap;
}
.eventListTimeFinfo {
  padding-left: 10px;
}
.simpleForm table {
  width: 100%;
  font-size: 1rem;
}
.simpleForm td {
  padding: 8px;
  border-bottom: 1px solid #D1D1D1;
}
.simpleForm .formlabel {
  padding-top: 12px;
  vertical-align: top;
}
.simpleForm textarea {
  resize: vertical;
  min-height: 100px;
  width: 100%;
  border-color: #DFDFDF;
  padding: 8px 14px;
}
.simpleForm .acmSelectContainer.withBorder {
  height: 30px;
}
.simpleForm tr:last-child td {
  border-bottom: 0;
}
.errorControllerContainer {
  width: 80%;
  max-width: 650px;
  background-color: #FFF;
  padding: 15px;
  margin: 80px auto;
  /*box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);*/
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.errorWayContainer {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}
.errorWayContainer > .errorContainerComponent {
  border: 1px solid #000;
  padding: 20px 10px;
  margin: 5px;
  border-radius: 2px;
  font-size: 1.2rem;
}
.errorWayContainer .errorContainerArrow {
  border: none;
  letter-spacing: 0px;
}
.errorWayContainer .last {
  background-color: rgba(255, 0, 0, 0.582);
}
.errorWayContainer > .errorContainerArrow:last-child {
  display: none;
}
.errorPropsHeader {
  font-size: 1.2rem;
}
.errorPropsContent {
  border: 1px solid #000;
  padding: 5px;
  width: 100%;
  border-radius: 3px;
}
.errorControllerErrorMessage {
  color: #F00;
  padding: 10px 0;
  font-weight: 600;
  font-size: 1.1rem;
}
.hidden {
  display: none;
}
.HomeViewContainer {
  height: 100%;
  display: flex;
  flex-flow: column;
}
.ct-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 1;
  min-width: 5em;
  padding: 0.5em;
  background: #f4c63d;
  color: #453d3f;
  font-family: Oxygen, Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-align: center;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.ct-tooltip:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top-color: #f4c63d;
}
.ct-tooltip.tooltip-show {
  opacity: 1;
}
.ct-area,
.ct-line {
  pointer-events: none;
}
.ct-chart {
  position: relative;
}
.homeMenu {
  -webkit-box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.5);
  background-color: white;
  z-index: 1;
}
.homeDragAndDropHolder {
  cursor: move;
}
.home .reportWindowMoveObject div {
  display: none;
}
.home .reportWindowMovePlaceholder {
  margin: 0 0 14px 0;
}
.acmMaterial .homeMenu .acmTabContainer {
  width: 100%;
}
.gridContainer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.gridColumn {
  display: flex;
  flex-flow: column;
  height: 100%;
  flex-grow: 0;
  padding: 8px;
}
.flex1 .gridColumn {
  max-width: 100%;
  flex-basis: 100%;
}
.flex2 .gridColumn {
  max-width: 50%;
  flex-basis: 50%;
}
.flex3 .gridColumn {
  max-width: 33.333333%;
  flex-basis: 33.333333%;
}
.home {
  padding: 15px;
  height: 100%;
  overflow-y: auto;
}
.homeTabFont {
  font-size: 0.875rem;
}
.homeTabsAddSubMenu {
  padding: 8px;
  margin-right: 27px;
  cursor: pointer;
}
.homeTabs {
  display: flex;
  flex-flow: nowrap row;
  justify-content: space-between;
}
.homeCard {
  display: flex;
  flex-shrink: 0;
  margin-bottom: 14px;
  flex-flow: column;
  background-color: #fff;
  /*box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);*/
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.homeCard .iframe {
  flex: 1;
  border: 0;
}
.homeCardHeader {
  background-color: #F2F2F2;
  display: flex;
  padding: 3px 25px 2px 10px;
  align-items: center;
  height: 40px;
  flex-shrink: 0;
}
.homeCardHeaderContent {
  flex: 1 1 auto;
  align-self: center;
  font-size: 1.2rem;
  margin-bottom: 0px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.homeCardHeaderAction {
  flex: 0 0 auto;
  align-self: flex-start;
  margin-top: -6px;
  margin-right: -20px;
}
.homeCardContent {
  padding: 15px;
  margin: 0;
  height: 100%;
  display: flex;
  flex-flow: column;
  overflow: auto;
}
.homeTableContainer {
  width: 100%;
  overflow-y: auto;
  overflow-x: auto;
  border: 1px solid #c8ced3;
}
.homeTable {
  width: 100%;
  height: 100%;
}
.homeTable td {
  word-wrap: break-word;
  /*white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;*/
  border: 1px solid #ececec;
  vertical-align: middle;
  padding: 0px 10px;
  height: 38px;
}
.homeTable th {
  border: 1px solid #ececec;
  padding: 0px 10px;
}
.homeTable thead {
  background-color: #fff;
}
.homeTable thead tr th {
  background-position: calc(100% - 15px) calc(50% + 10px);
  background-repeat: no-repeat;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.homeTable thead .sorting {
  background-image: url(https://datatables.net/media/images/sort_both.png);
}
.homeTable thead .sorting_asc {
  background-image: url(https://datatables.net/media/images/sort_asc.png);
}
.homeTable thead .sorting_desc {
  background-image: url(https://datatables.net/media/images/sort_desc.png);
}
.homeTable thead .acmInputContainer {
  width: calc(100% - 40px);
  float: left;
}
.homeTable thead .sort {
  width: 40px;
  cursor: pointer;
  float: left;
  height: 50px;
}
.homeTable tbody tr:hover {
  background-color: #f5f5f5;
}
.homeSavedSearch {
  display: block;
  width: 100%;
}
.homeSavedSearch .summary,
.homeSavedSearch .description {
  padding: 5px;
}
.homeSavedSearchContent {
  padding: 15px;
  overflow-y: auto;
  overflow-x: auto;
  flex: 1;
}
.item1 {
  grid-area: left;
  text-align: center;
}
.item2 {
  grid-area: top;
  font-weight: bold;
}
.item3 {
  grid-area: bottom;
}
.grid-container {
  border-top: 1px solid #ddd;
  display: grid;
  grid-template-areas: "left top" "left bottom";
  grid-gap: 5px;
  align-items: center;
  grid-template-columns: 50px auto;
  padding: 5px;
}
.react-datepicker__navigation {
  font-size: 0;
  height: 5px;
}
.homeSetViewContainer {
  display: flex;
  height: calc(80% - 40px);
  flex-flow: column;
  max-width: 600px;
  min-height: 0;
}
.homeSetViewContent table tr td > span {
  padding: 6px;
}
.homeSetViewContent {
  display: flex;
  height: 100%;
  flex-flow: column;
  min-height: 0;
}
.homeSetViewContent .detailViewTabContent {
  background-color: #fff;
  padding: 10px;
  border: 1px solid rgba(54, 64, 74, 0.08);
  display: flex;
  flex-flow: column;
  height: 100%;
  min-height: 0;
}
.homeTableHide {
  display: flex;
  height: 100%;
  min-height: 0;
}
.h450 {
  min-height: 450px;
}
.h100 {
  height: 100%;
}
.homeTableResultOnPageContainer {
  padding-left: 25px;
  display: inline-flex;
  align-items: center;
}
.homeTableResultOnPage {
  width: 75px;
  margin-left: 20px;
}
/* TODO: presunout jinam */
.auditLog {
  width: 90% !important;
  max-height: 80% !important;
  display: flex !important;
  flex-flow: column;
}
.auditLogContainer {
  padding: 15px;
  height: 100%;
  overflow: auto;
  display: flex;
  flex-flow: column;
}
.auditLogContainer .footerBlock {
  min-width: 130px;
}
.auditLogContainer .listViewFooter {
  flex-shrink: 0;
}
/* QUILL aby nezasahoval do leveho sidebaru */
.ql-snow .ql-tooltip {
  z-index: 11;
}
.globalSearchInput div input {
  padding: 10px 3px;
}
.globalSearchInput {
  margin: auto;
}
.homePanel {
  justify-content: space-between;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
  min-height: 47px;
}
.homePanel .acmTabContainer {
  width: 100%;
}
.homePanel .acmTabContainer > div > div > span {
  top: 39px;
}
.homePanel > div > div > div > div > div {
  min-height: 42px;
}
.homeSettingsIcon {
  color: gray;
  margin-left: 4px;
}
.homeSettingsIcon:hover {
  background-color: #DDD;
}
.homeTabFontSize {
  font-size: 1rem;
  text-transform: none;
  display: flex;
  align-items: center;
}
.homeCardHeaderAction > button {
  padding: 6px;
  margin: 7px 3px 5px 0;
}
.globalSearchHeaderContainer .globalSearchInput {
  margin: auto 0;
}
.DashletCalendarContainer {
  height: 100%;
}
.DashletCalendarContainer .fc {
  min-height: 450px;
}
.radioCell > span {
  padding: 5px 0;
}
.calEditUnitCell {
  display: flex;
  height: 40px;
}
.homeRightMenu .MuiMenu-paper {
  left: auto!important;
  right: 30px;
}
.permissionAccess .homeTable {
  height: auto;
}
.permissionAccess .homeTableHide {
  max-height: 350px;
  height: 350px;
}
.permissionAccess .MuiTabs-flexContainer > button {
  width: 49%;
}
.permissionAccess.checkbox {
  display: flex;
  flex-flow: row;
  align-items: baseline;
  border-bottom: 1px solid #ECECEC;
}
.permissionAccess.checkbox > span {
  width: 49%;
  max-width: 200px;
}
.rolesTableLabel {
  flex-grow: 99;
  padding-left: 12px;
}
.rolesTableHeader {
  position: sticky;
  top: 0px;
  background-color: #FFFFFF;
  z-index: 50;
}
.rolesTableCheckbox {
  flex-grow: 0;
  width: 56px;
}
.rolesTableRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-left: 1px solid #ececec;
}
.rolesTableRow .rolesTableCheckbox {
  border-left: 1px solid #ececec;
}
.templateCreatorFormContainer .homeTableContainer {
  max-height: 306px;
}
.email {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  background-color: #fff;
}
.email__menu {
  background-color: #F2F2F2;
  overflow: auto;
  margin-top: 5px;
  flex: 0 0 300px;
}
.email__search {
  flex: 0 0 1px;
  border-right: 1px solid #ddd;
  opacity: 0;
  transition: all 0.5s, opacity 0.2s;
  overflow: auto;
}
.email__search--visible {
  opacity: 1;
  flex: 0 0 350px;
  transition: all 0.5s, opacity 0.2s;
  padding: 14px 30px;
  width: 100%;
}
.email__menu__button__badge {
  position: absolute;
  right: 10px;
  transition: 0.3s;
  color: #fff;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #3584D4;
  border-radius: 10px;
}
.email__wrapper {
  padding: 14px 30px;
  width: 100%;
  overflow: auto;
}
.email__list__body__table__row {
  cursor: pointer;
  transition: background-color 0.3s;
  height: 60px;
}
.email__list__body__table__row--highlighted {
  background-color: #E1EFFF;
}
.email__list__body__table__row:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.email__menu__button--hover {
  background-color: #ffff00 !important;
}
.email__list__body__table__row svg {
  width: 17px;
  height: 17px;
}
.email__list__body__table__row__preview {
  max-width: 100px;
}
.email__list__body__table__row__date,
.email__list__body__table__row__preview__name {
  white-space: nowrap;
}
.email__list__body__table__row__preview div,
.email__list__body__table__row__preview__name div {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
.email__list__body__table__row td {
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
  padding: 0 5px;
}
.email__list__body__table__row__checkbox {
  padding-left: 0;
  width: 1px;
}
.email__list__body__table__row__preview__name {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #3584D4;
}
.email__list__body__table {
  width: 100%;
  margin-bottom: 10px;
  font-size: 1rem;
}
.email__menu__button--compose {
  height: 60px !important;
  border-bottom: 5px solid #fff;
}
.email__menu .email__menu__button {
  width: 100%;
  height: 45px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding-left: 10px;
  color: #000;
  cursor: pointer;
  text-decoration: none;
  background-color: #F2F2F2;
  border-left: 3px solid #F2F2F2;
  position: relative;
  padding-right: 32px;
}
.email__menu .email__menu__button:hover,
.email__menu .email__menu__button:focus {
  background-color: rgba(200, 200, 200, 0.1);
  border-left: 3px solid rgba(200, 200, 200, 0.1);
}
.email__menu .email__menu__button--selected {
  background: #eee;
  border-left: 3px solid #DE002A !important;
}
.email__menu__button__title {
  padding: 0 0 0 10px;
  text-transform: uppercase;
}
.email__detail__body h1 {
  font-size: 1.3rem;
}
.email__detail__header {
  display: flex;
  justify-content: flex-end;
  border-bottom: 1px solid #ddd;
  padding: 10px 25px 7px 0;
  flex-wrap: wrap;
}
.email__detail__header div {
  display: flex;
}
.email__relate {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 5px;
}
.email__select1 {
  margin-right: 15px;
  flex: 1 0 100px;
}
.email__select2 {
  flex: 1 0 100px;
}
.email__compose__field-row {
  display: flex;
  align-items: flex-end;
}
.email__compose__field-row__input {
  flex: 1;
}
.email__compose__field-row__button {
  margin: 4px;
  display: flex;
}
.email__add-contact {
  display: flex;
  flex-flow: column;
  height: 100%;
  min-height: 0;
  padding: 0 10px 10px 10px;
}
.email__add-contact__container {
  display: flex;
  height: 100%;
  min-height: 0;
}
.email__add-contact__table {
  flex: 1;
  overflow: scroll;
}
.email__add-contact__container1 {
  display: flex;
  margin-bottom: 15px;
}
.email__add-contact__table1 {
  display: flex;
  align-items: center;
  flex: 1;
}
.divider {
  width: 10px;
}
.email__add-contact__search {
  display: flex;
  align-items: center;
}
.email__add-contact__search__select {
  width: 300px;
  margin-left: 10px;
}
.email__add-contact__table table {
  width: 100%;
}
.email__add-contact__table:last-child table td:last-child {
  width: 1%;
}
.email__add-contact__table img {
  padding-right: 5px;
}
/* EmailTemplates Pridat parametr */
.email__add-params {
  width: 100%;
  display: flex;
  align-items: flex-end;
  margin-bottom: 15px;
}
.email__add-params > label {
  font-weight: 600;
  width: calc(20% - 6px);
}
.email__add-params__select {
  margin-right: 15px;
  min-width: 100px;
  max-width: 200px;
  flex-basis: auto;
  flex-grow: 1;
}
.email__add-params > div:nth-child(2) {
  margin-left: 18px;
}
.email__add-params__select > input {
  width: 100%;
}
.email__list {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
.email__list-detail {
  display: flex;
  height: 100%;
  flex-basis: 100%;
}
.email__list-detail--horizontal .email__list {
  flex: 0 0 50%;
}
.email__list-detail--horizontal .email__list__body {
  margin: 0;
}
.email__list-detail--horizontal .email__detail__header {
  padding: 0;
}
.email__list-detail--horizontal.email__list-detail {
  flex-flow: column;
}
.email__list-detail--vertical.email__list-detail {
  flex-flow: row;
}
.email__list-detail--vertical .email__list {
  flex: 0 0 400px;
}
.email__list__resizer--horizontal {
  width: 100%;
  border-bottom: 2px solid #000;
  background-color: #fff;
  cursor: row-resize;
  margin-top: 5px;
}
.email__detail {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1 1 auto;
  overflow: auto;
  border-right: 1px solid #ddd;
}
.email__list__header {
  border-bottom: 1px solid #ddd;
  padding: 8px 0;
  display: flex;
  flex: 1;
  align-items: center;
}
.email__list__footer {
  margin: 0 25px;
  text-align: center;
  padding: 25px 0;
}
.email__list__body {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  padding: 0px 5px;
  margin: 0 3px 0 0;
}
.email__compose__field-row__input .react-datepicker-wrapper,
.email__compose__field-row__input .react-datepicker__input-container,
.email__compose__field-row__input .react-datepicker__input-container > div {
  width: 100%;
}
.email__popup {
  height: 80%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.email__popup__items {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 400px;
}
.email__menu__folder--hidden a,
.email__menu__folder--hidden div {
  display: none;
}
.popupContent.email__compose-popup {
  display: flex;
  flex-direction: column;
  height: 80%;
  overflow: auto;
  width: 80%;
  min-height: 500px;
}
.email__compose__attachments {
  display: flex;
  justify-content: flex-end;
}
a {
  cursor: pointer;
}
.email__detail-table td:nth-child(2) {
  padding-left: 10px;
}
.email__table {
  margin-bottom: 10px;
  font-size: 1rem;
}
.email__table td,
.email__table th {
  padding: 0 5px;
  height: 40px;
}
.email__table th {
  background-color: #fff;
}
.email__table tr:nth-child(odd) {
  background-color: #F2F2F2;
}
.email__table tr:nth-child(even) {
  background-color: #FCFCFC;
}
.email__table a {
  cursor: pointer;
}
.email__relations {
  width: 100%;
  padding: 0 25px 25px 25px;
  overflow: auto;
  height: calc(100% - 40px);
}
.refreshIcon {
  width: 60px;
  height: 60px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABHNCSVQICAgIfAhkiAAAAi1JREFUaIHtmkFL60AURk9jQVNiTBbG2hLdZeVGWtwIgksh/9Y/YUEUQpchaMRFaMxCQtJCTV1ZEMXX9+BGmDdnmxnud2C4zE3Sub6+XvEfYfx2gLbRwqqjhVVHC6uOFlYdLaw6Wlh1tLDqaGHV0cKqo4Xb4uzsDNM0W6/7a8Ke53F5eUkQBBhGezG6bRXa2dlhMBhwcHDA3t4eAIZhEAQBvu8TRRGz2Uw8h7jw1tYWp6en9Pv9H9d1Oh3pKICwsGEYnJ+fY9s2TdOQpilJklBVFWEY0jQNcRwTxzFN00hGWSMqfHJygm3bzOdzbm5uKMty/Ww2mxFFEXVdS0b4gphwr9fj6OgIgLu7u0+yAJPJRKr0j4i1xw/Zp6cniqKQKvPXiAl7ngfA4+OjVIl/QkzYsiyAL0f5txET/ui6q9XmX2O73S5hGHJ1dSUVS064qioAdnd3N97jOA4Ai8VCJBMICn/cmo6PjzfeMxwOAcjzXCQTCAo/PDwA4Ps+ruv+cb3ruvi+D8Dz87NULDnhuq5J0xSA8Xi8bmLfYVkWo9EIgKIoeHl5kYole9OaTqc4joNt21xcXHy6Wm5vb+O6Lvv7+/i+j2EYLJdL7u/vJSPRkf6pZdPhIc9zoihaNzspxKelt7c3bm9vMU2Tw8PDT+Ph6+srZVmSZRlZlklHAVqch+u6JkkSkiRpq+S36HdaqqOFVUcLq44WVh0trDpaWHW0sOpoYdXRwqqjhVXnHTv+qORU0KRqAAAAAElFTkSuQmCC");
  margin-right: 25px;
  cursor: pointer;
  flex-shrink: 0;
}
.email__header {
  display: flex;
  height: 60px;
  background-color: #F2F2F2;
  align-items: center;
}
.email__compose__table-form__input {
  flex-basis: 500px;
  display: flex;
  background-color: #fff;
  border: 1px solid #ddd;
  align-items: center;
}
.email__compose__table-form__input input {
  flex: 1;
  padding: 0 5px;
  border: 0;
  height: 37px;
}
.email__compose__table-form__input input:focus {
  outline: none;
}
.email__compose__table-form__input__button {
  border-left: 1px solid #ddd;
  padding: 0 10px;
}
.email__compose__table-form__input__button a:hover {
  text-decoration: none;
}
.settingsContainer {
  display: flex;
  margin: 0 25px 0 auto;
}
.emailIcon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAXCAYAAADz/ZRUAAAABHNCSVQICAgIfAhkiAAAAnpJREFUSInlls9LVFEUx7/nzgwjQkiCELUIKjEbB4z3HhJCBRkUtC0XtdJF/0D0Y3zalG/MfqzatdBVLdRtUKAQBRI6b0iYeZWUQRARCMIQaDkz79tinGlGZ3TGMVx0duf++H7u4d5z7hHDShC7YxNql8AAgF2FewsdQjpsMzD7r2CaFX+oINdyflHkAk4ZQx9O7TiVFN1K3C8Eb4AD2EM3PWlYzuWd4h55/MlvRJwxAa6vn9tw5wLxAXxqWM5ArWBteKFhb/LXKwAXS80XwQl8LvDu6FZ8BOP0bAd83Hp/UFLLMxA5UVp/PTwlZwC+yfkC6dHnEy+18Pf6asBGxGn3IBMVkZY1KAncAOVRWfhqXean2/S7C+Cz/AFEupR3adoIO/sqAesR5zxdd1ogTQBAYpWQbttse7B+7YY7j13VU1EzeMUF7hYMt8Pr2vrgx5bNwfEeuHwuIvXZiJlU9JyOmYGJUuvLFpmY2Xabwl6AmeyIHICkZkqmIinaYHxIKCMiWU0CX0Ffx+xA69tyjE0rnN0XHAU950guA4BAGuimJzXLyb9e7YntMyLOmBK5VbB1LqP8ht1/dH4z/S3La7T/2JQo1Qnix9oBfAoc1614SBteaFCL/ikUpBKBF266sfNdqHlxK+2Kanu0LzCnMn6DZD4SgURUauULICf/gjlqpwMXYuH9y5XoVvyxzISbv9FX31GYihA0ZqEgKCHbDPYiLG6lmlX9arGbh5PZVET+9RJMEdId7Q/cq0arajiQS8W2SwSHCCZFec+WS6Udh+fMNoN9K2l1KBpqfb1djZqaCSccWKplf1EzUZdRS4aVqEVvCytuF//fHu4Pdb7tnHL/EtkAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  align-items: center;
  align-content: center;
  align-self: center;
  width: 31px;
  height: 40px;
}
.email__detail__empty {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  text-align: center;
}
.email .acmButton:hover .actionPanelButtonIcon {
  color: #fff;
}
.email .actionPanelButtonIcon,
.email__compose-popup .actionPanelButtonIcon {
  width: auto;
  margin-right: 7px;
}
.email .actionPanelButtonIcon.deleteIcon,
.email__compose-popup .actionPanelButtonIcon.deleteIcon {
  width: 18px;
  margin-right: 0 !important;
}
.email svg {
  color: #DE002A;
}
.email button svg {
  margin-right: 5px;
}
.email .acmButton:hover svg {
  color: #fff;
}
.email__list__header__checkbox svg,
.email__list__body svg {
  color: #808080;
}
.email__list span[class*="checked"] svg {
  color: #3584D4;
}
.email__menu-divider {
  border-left: 1px solid #ddd;
  margin-right: 3px;
}
.email__list__footer button.acmButton {
  display: initial;
}
.email__list__body__table__row__date {
  text-align: right;
  padding-right: 15px !important;
  width: 1%;
}
.email__list__body__table__row__date > span {
  padding: 0;
  margin-top: 4px;
}
.email__list__body__table__row__date > svg {
  margin-bottom: -4px;
}
.email__list__header__checkbox {
  margin: 0 10px;
  cursor: pointer;
  transition: background-color 0.3s;
  flex-wrap: wrap;
}
.email__list__header__checkbox svg {
  width: 17px;
  height: 17px;
}
.email__compose__table-form {
  width: 100%;
  font-size: 1rem;
  margin: 3px 0;
}
.email__compose__table-form th {
  width: 1%;
  white-space: nowrap;
  padding: 10px 15px 0 0;
  vertical-align: top;
}
.email__compose__table-form td {
  padding: 2px 0;
}
.email__compose__table-form tr th:nth-child(3) {
  padding-left: 10px;
}
.email__compose__table-form__input .inputEditContainer {
  width: 100%;
}
.email__detail__body {
  height: 100%;
  overflow: auto;
  padding: 0 30px;
}
.email__list__body__table__row__checkbox__vline {
  border: 2px solid #3584D4;
  float: left;
  height: 38px;
  margin-top: auto;
  vertical-align: middle;
  margin-left: -5px;
}
.email__list__body__table__row__preview__description {
  font-weight: normal;
  color: #808080;
}
.email__list__body__table__row--unread .email__list__body__table__row__preview__name {
  font-weight: bold;
}
.email__list__body__table__row--unread .email__list__body__table__row__preview__title {
  font-weight: bold;
}
.email__menu__button:focus {
  outline: none;
}
.email__compose__table-form__add-cc__button {
  padding: 0px 10px 0 0;
  display: flex;
  align-items: center;
}
.email__compose__table-form-footer {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin-top: 6px;
  flex-wrap: nowrap;
  padding-bottom: 6px;
}
.email__compose__table-form-footer__select {
  flex: 1;
}
.email__compose__table-form-footer > div {
  margin: 0 5px;
}
.email__compose__table-form-footer > div:first-child {
  margin-left: 0;
  font-weight: bold;
}
.email__compose__table-form-footer > div:last-child {
  margin-right: 0;
}
.email__compose__table-form-footer > div:nth-child(3) {
  font-weight: bold;
}
.email__compose__table-form__relate {
  display: flex;
}
.email__compose__table-form__relate > div:nth-child(1) {
  flex: 1;
  margin-right: 15px;
}
.email__compose__table-form__relate > div:nth-child(2) {
  flex: 2;
}
.email__compose__flex {
  display: flex;
  flex-flow: column;
  height: calc(100% - 58px);
}
.popupContent .email__compose__flex {
  height: 100%;
}
.email__compose__flex .quill {
  flex: 1;
  display: flex;
  flex-flow: column;
}
.email__compose__flex .quill > .ql-container {
  min-height: 0px;
  flex: 1;
}
.borderBottom {
  border-bottom: 1px solid #DDD;
}
.email__list__body__table__row__date .icon-attachment {
  color: #808080;
  margin-right: 5px;
}
.email .buttonContainer,
.email__compose__table-form__input .buttonContainer,
.email__popup .buttonContainer {
  display: none;
}
.DetailViewValue__emails {
  width: 100%;
}
.DetailViewValue__emails .acmRadio,
.DetailViewValue__emails .acmTickbox {
  padding: 0;
}
.DetailViewValue__emails th {
  font-size: 0.9rem;
  font-weight: bold;
  text-align: center;
}
.DetailViewValue__emails td {
  text-align: center;
}
.DetailViewValue__emails th .inputEditButton {
  outline: none;
  text-align: right;
  width: 100%;
  padding-right: 19px;
}
.DetailViewValue__emails th span {
  cursor: help;
  border-bottom: 1px dotted #000;
}
.email__field .email__field-hover {
  display: none;
}
.email__field:hover .email__field-hover {
  display: inline;
}
.email__list__body__table__row:hover {
  background-color: aliceblue;
}
.email__add-contact__wrapper {
  display: flex;
  flex-flow: column;
  height: 100%;
  min-height: 0;
}
.email__add-contact__wrapper__content table tr td > span.acmTickbox {
  padding: 6px;
}
.email__add-contact__wrapper__content {
  display: flex;
  height: 100%;
  flex-flow: column;
  min-height: 0;
}
.email__add-contact__wrapper__content .detailViewTabContent {
  background-color: #fff;
  padding: 10px;
  border: 1px solid rgba(54, 64, 74, 0.08);
  display: flex;
  flex-flow: column;
  height: 100%;
  min-height: 0;
}
.email__add-contact__wrapper__content .listViewFooter {
  flex-grow: 0;
  flex-shrink: 0;
}
.email__add-contact__table tr {
  font-size: 1rem;
}
.email__compose__table-form__input input[type=checkbox] {
  flex: 0;
  padding: 0;
  height: 11px;
}
.email__compose__table-form__input label {
  font-weight: normal;
  margin: 0 0 0 5px;
}
.email__compose__table-form__add-cc__button > span {
  padding: 0;
}
.email__list__resizer {
  width: 3px;
  height: 100%;
  position: absolute;
  right: 0px;
  background-color: #fff;
  cursor: col-resize;
  border-right: 1px solid #ddd;
}
.email__compose__table-form__input input[type="text"][disabled] {
  background-color: #fff;
  cursor: not-allowed;
}
.email__detail__body iframe {
  width: 100%;
  border: 0;
}
.email__header__search__reset {
  font-size: 0.8rem;
  color: #3584D4;
  width: 20px;
  cursor: pointer;
}
.emailRightPanelContainer {
  width: 100%;
  overflow: auto;
  height: calc(100% - 90px);
}
.email__detail__header .viewActionPanel {
  height: auto;
  border-bottom: 0;
}
.email__detail__header .viewActionPanelButtons {
  margin-left: auto;
  flex-wrap: wrap;
}
#htmlEditorWrapper {
  display: flex;
  flex-flow: column;
  flex: 1;
}
#htmlEditorWrapper .tox-tinymce {
  min-height: 300px;
  flex: 1;
}
.ct-double-octave:after,
.ct-major-eleventh:after,
.ct-major-second:after,
.ct-major-seventh:after,
.ct-major-sixth:after,
.ct-major-tenth:after,
.ct-major-third:after,
.ct-major-twelfth:after,
.ct-minor-second:after,
.ct-minor-seventh:after,
.ct-minor-sixth:after,
.ct-minor-third:after,
.ct-octave:after,
.ct-perfect-fifth:after,
.ct-perfect-fourth:after,
.ct-square:after {
  content: "";
  clear: both;
}
.ct-label {
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1;
}
.ct-grid-background,
.ct-line {
  fill: none;
}
.ct-chart-bar .ct-label,
.ct-chart-line .ct-label {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.ct-chart-donut .ct-label,
.ct-chart-pie .ct-label {
  dominant-baseline: central;
}
.ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-label.ct-vertical.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}
.ct-label.ct-vertical.ct-end {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-chart-bar .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}
.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end;
}
.ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px;
}
.ct-point {
  stroke-width: 10px;
  stroke-linecap: round;
}
.ct-line {
  stroke-width: 4px;
}
.ct-area {
  stroke: none;
  fill-opacity: 0.1;
}
.ct-bar {
  fill: none;
  stroke-width: 10px;
}
.ct-slice-donut {
  fill: none;
  stroke-width: 60px;
}
.ct-series-a .ct-bar,
.ct-series-a .ct-line,
.ct-series-a .ct-point,
.ct-series-a .ct-slice-donut {
  stroke: #d70206;
}
.ct-series-a .ct-area,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-slice-pie {
  fill: #d70206;
}
.ct-series-b .ct-bar,
.ct-series-b .ct-line,
.ct-series-b .ct-point,
.ct-series-b .ct-slice-donut {
  stroke: #f05b4f;
}
.ct-series-b .ct-area,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-slice-pie {
  fill: #f05b4f;
}
.ct-series-c .ct-bar,
.ct-series-c .ct-line,
.ct-series-c .ct-point,
.ct-series-c .ct-slice-donut {
  stroke: #f4c63d;
}
.ct-series-c .ct-area,
.ct-series-c .ct-slice-donut-solid,
.ct-series-c .ct-slice-pie {
  fill: #f4c63d;
}
.ct-series-d .ct-bar,
.ct-series-d .ct-line,
.ct-series-d .ct-point,
.ct-series-d .ct-slice-donut {
  stroke: #d17905;
}
.ct-series-d .ct-area,
.ct-series-d .ct-slice-donut-solid,
.ct-series-d .ct-slice-pie {
  fill: #d17905;
}
.ct-series-e .ct-bar,
.ct-series-e .ct-line,
.ct-series-e .ct-point,
.ct-series-e .ct-slice-donut {
  stroke: #453d3f;
}
.ct-series-e .ct-area,
.ct-series-e .ct-slice-donut-solid,
.ct-series-e .ct-slice-pie {
  fill: #453d3f;
}
.ct-series-f .ct-bar,
.ct-series-f .ct-line,
.ct-series-f .ct-point,
.ct-series-f .ct-slice-donut {
  stroke: #59922b;
}
.ct-series-f .ct-area,
.ct-series-f .ct-slice-donut-solid,
.ct-series-f .ct-slice-pie {
  fill: #59922b;
}
.ct-series-g .ct-bar,
.ct-series-g .ct-line,
.ct-series-g .ct-point,
.ct-series-g .ct-slice-donut {
  stroke: #0544d3;
}
.ct-series-g .ct-area,
.ct-series-g .ct-slice-donut-solid,
.ct-series-g .ct-slice-pie {
  fill: #0544d3;
}
.ct-series-h .ct-bar,
.ct-series-h .ct-line,
.ct-series-h .ct-point,
.ct-series-h .ct-slice-donut {
  stroke: #6b0392;
}
.ct-series-h .ct-area,
.ct-series-h .ct-slice-donut-solid,
.ct-series-h .ct-slice-pie {
  fill: #6b0392;
}
.ct-series-i .ct-bar,
.ct-series-i .ct-line,
.ct-series-i .ct-point,
.ct-series-i .ct-slice-donut {
  stroke: #f05b4f;
}
.ct-series-i .ct-area,
.ct-series-i .ct-slice-donut-solid,
.ct-series-i .ct-slice-pie {
  fill: #f05b4f;
}
.ct-series-j .ct-bar,
.ct-series-j .ct-line,
.ct-series-j .ct-point,
.ct-series-j .ct-slice-donut {
  stroke: #dda458;
}
.ct-series-j .ct-area,
.ct-series-j .ct-slice-donut-solid,
.ct-series-j .ct-slice-pie {
  fill: #dda458;
}
.ct-series-k .ct-bar,
.ct-series-k .ct-line,
.ct-series-k .ct-point,
.ct-series-k .ct-slice-donut {
  stroke: #eacf7d;
}
.ct-series-k .ct-area,
.ct-series-k .ct-slice-donut-solid,
.ct-series-k .ct-slice-pie {
  fill: #eacf7d;
}
.ct-series-l .ct-bar,
.ct-series-l .ct-line,
.ct-series-l .ct-point,
.ct-series-l .ct-slice-donut {
  stroke: #86797d;
}
.ct-series-l .ct-area,
.ct-series-l .ct-slice-donut-solid,
.ct-series-l .ct-slice-pie {
  fill: #86797d;
}
.ct-series-m .ct-bar,
.ct-series-m .ct-line,
.ct-series-m .ct-point,
.ct-series-m .ct-slice-donut {
  stroke: #b2c326;
}
.ct-series-m .ct-area,
.ct-series-m .ct-slice-donut-solid,
.ct-series-m .ct-slice-pie {
  fill: #b2c326;
}
.ct-series-n .ct-bar,
.ct-series-n .ct-line,
.ct-series-n .ct-point,
.ct-series-n .ct-slice-donut {
  stroke: #6188e2;
}
.ct-series-n .ct-area,
.ct-series-n .ct-slice-donut-solid,
.ct-series-n .ct-slice-pie {
  fill: #6188e2;
}
.ct-series-o .ct-bar,
.ct-series-o .ct-line,
.ct-series-o .ct-point,
.ct-series-o .ct-slice-donut {
  stroke: #a748ca;
}
.ct-series-o .ct-area,
.ct-series-o .ct-slice-donut-solid,
.ct-series-o .ct-slice-pie {
  fill: #a748ca;
}
.ct-square {
  display: block;
  position: relative;
  width: 100%;
}
.ct-square:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 100%;
}
.ct-square:after {
  display: table;
}
.ct-square > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-minor-second {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 93.75%;
}
.ct-minor-second:after {
  display: table;
}
.ct-minor-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-second {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 88.88888889%;
}
.ct-major-second:after {
  display: table;
}
.ct-major-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-minor-third {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 83.33333333%;
}
.ct-minor-third:after {
  display: table;
}
.ct-minor-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-third {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 80%;
}
.ct-major-third:after {
  display: table;
}
.ct-major-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-perfect-fourth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 75%;
}
.ct-perfect-fourth:after {
  display: table;
}
.ct-perfect-fourth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-perfect-fifth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 66.66666667%;
}
.ct-perfect-fifth:after {
  display: table;
}
.ct-perfect-fifth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 62.5%;
}
.ct-minor-sixth:after {
  display: table;
}
.ct-minor-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-golden-section {
  display: block;
  position: relative;
  width: 100%;
}
.ct-golden-section:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 61.80469716%;
}
.ct-golden-section:after {
  content: "";
  display: table;
  clear: both;
}
.ct-golden-section > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 60%;
}
.ct-major-sixth:after {
  display: table;
}
.ct-major-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 56.25%;
}
.ct-minor-seventh:after {
  display: table;
}
.ct-minor-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 53.33333333%;
}
.ct-major-seventh:after {
  display: table;
}
.ct-major-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ct-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 50%;
}
.ct-octave:after {
  display: table;
}
.ct-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-tenth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-tenth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 40%;
}
.ct-major-tenth:after {
  display: table;
}
.ct-major-tenth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-eleventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 37.5%;
}
.ct-major-eleventh:after {
  display: table;
}
.ct-major-eleventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-twelfth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 33.33333333%;
}
.ct-major-twelfth:after {
  display: table;
}
.ct-major-twelfth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-double-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ct-double-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 25%;
}
.ct-double-octave:after {
  display: table;
}
.ct-double-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.detailQuoteProdComponent input[type="text"] {
  padding: 5px 8px;
}
.detailQuoteProdComponent label {
  transform: translate(14px, 5px) scale(1);
}
.qGroupHeaderContainer {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #F2F2F2;
}
.qGroupHeader {
  height: 30px;
  display: flex;
  justify-content: space-between;
}
.qGroupHeader .quoteHoverIcon {
  margin: auto 0;
  width: 20px;
  text-align: center;
}
.qGroupHeaderLeft {
  display: flex;
  width: 80%;
}
.qGroupHeaderField {
  display: flex;
  margin-right: 10px;
}
.qGroupHeaderField .qGroupNameField {
  margin-top: 0;
  margin-bottom: 0;
  background-color: #FFF;
}
.qGroupHeaderField .qGroupNameField > div {
  height: 100%;
}
.qGroupHeaderField .qGroupNameField fieldset {
  border: 1px solid #DFDFDF;
  border-radius: 0;
}
.amountsContainer fieldset {
  border-radius: 0;
}
.qGroupHeaderFieldLbl {
  margin: auto 0;
  margin-right: 10px;
}
.qProductLine {
  display: flex;
  height: 30px;
  margin-bottom: 3px;
}
.detailQuoteProdComponent .buttonContainer {
  width: 50px;
  display: flex;
  flex-flow: row nowrap;
  place-content: stretch space-around;
  align-items: center;
}
.detailQuoteProdComponent .inputEditContainer {
  display: flex;
}
.detailQuoteProdComponent .inputEditButton {
  width: 12px;
  height: 12px;
  display: inline-block;
  cursor: pointer;
}
.detailQuoteProdComponent .inputEditButton div {
  width: 100%;
  height: 100%;
}
.qGroupContainer {
  width: 100%;
}
.qProductLine {
  display: flex;
}
.QTotalContainerFirstRow {
  width: 100%;
  display: flex;
  position: relative;
}
.QTotalContainerRow .amountsContainer {
  text-align: right;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.QTotalContainerRow .amountsContainer.sumRow {
  flex-direction: row;
}
.amountsContainer .priceInput {
  margin: 0px;
  padding-left: 25px;
}
.QTotalContainerFirstRow td {
  font-weight: bold;
}
.qProductLine > div > div {
  padding: 0 3px;
}
.quoteNumberInput > div {
  height: 30px;
}
.quoteNumberInput input {
  padding: 18px 7px;
  text-align: end;
}
.qProductLine .relateField .acmInputContainer .acmInput > div {
  height: 30px;
  flex-direction: column;
}
.qProductLine > div {
  flex-direction: column-reverse;
}
.qProductLine > div.inputEditContainer {
  flex-direction: unset;
}
.qProductLine.qProductGroupHeader > div {
  height: auto;
  margin: auto 0px;
  padding: 0 3px;
}
.qProductLine div.relateField {
  width: 100%;
}
.detailInfoIcon {
  width: 12px;
  height: 12px;
}
.detailQuoteProdComponent .detailInfoIcon {
  background-size: 12px 12px;
}
.productLineDescription div {
  padding: 5px;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.productLineDescription.expanded div {
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.productLineDescription.expanded div textarea {
  overflow: auto;
}
.qGroupHeader .actionPanelButton {
  height: auto;
}
.quoteBtnContailer {
  border: #3584D4;
  margin: auto 3px;
}
.acmMaterial .quoteBtnContailer .acmButton {
  border-radius: 5px;
}
.acmMaterial .quoteBtnContailer.blueBtn .acmButton {
  border: #3584D4 2px solid;
}
.acmMaterial .quoteBtnContailer.blueBtn .acmButton:hover {
  background-color: #3584D4;
}
.acmMaterial .quoteBtnContailer.redBtn .acmButton {
  border: #E92222 2px solid;
}
.acmMaterial .quoteBtnContailer.redBtn .acmButton:hover {
  background-color: #E92222;
}
.acmMaterial .quoteBtnContailer.greenBtn .acmButton {
  border: #31C136 2px solid;
}
.acmMaterial .quoteBtnContailer.greenBtn .acmButton:hover {
  background-color: #31C136;
}
.qProductLine .acmSelectContainer .acmSelect > div > div {
  padding-right: 15px;
}
.qGroupComponent {
  margin-bottom: 3px;
  padding-bottom: 3px;
}
.QTotalContainerFirstRow {
  position: relative;
}
.descContainer {
  margin-left: 20px;
}
.closeIconCont {
  margin: auto 0;
}
.productGroupBody.hidden {
  height: 0;
}
.prodSelGroup {
  width: 100%;
  height: 100%;
}
.prodSelectorGroupContainer > div {
  border-right: solid #DFDFDF 1px;
}
.prodSelectorGroupContainer > div:last-child {
  border-right: none;
}
.prodSelector {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  overflow-y: auto;
}
.prodSelectorGroupContainer {
  display: flex;
  flex-flow: row;
  width: 100%;
  height: 300px;
}
.prodSelGroupTitle {
  width: 100%;
  padding: 3px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #F2F2F2;
}
.prodSelectorListContainer {
  width: 100%;
}
.prodSelectorListContainer .listViewTableTree {
  min-width: 160px;
}
.favContainer {
  width: 100%;
}
.ptItem.hidden {
  display: none;
}
.ptItem {
  cursor: pointer;
  display: flex;
  width: 100%;
  border-radius: 0;
  padding: 8px 4px;
  border-bottom: 1px solid #DFDFDF;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.ptItem:hover {
  background-color: #E1EFFF !important;
}
.prodSelectorList {
  width: 100%;
  display: flex;
}
.prodSelectorList.hidden {
  height: 0px;
}
.prodSelectorGroupContainer.hidden {
  height: 0px;
}
.prodSelector .prodSelectoracmContainer {
  margin: 0;
}
.detailViewTabContent.detailQuoteProdComponent {
  padding-top: 0;
  margin-top: 10px;
}
.detailQuoteProdComponent .productGroupType .acmSelect {
  width: 180px;
}
.detailQuoteProdComponent .acmSelect {
  border: 0;
  border: 1px solid #DFDFDF;
  height: 30px;
}
.detailQuoteProdComponent .acmSelect:before {
  border: 0;
}
.qGroupComponent .quoteProductField {
  height: 30px;
  margin: 0;
  width: 100%;
}
.qGroupComponent .quoteProductField > div {
  height: 30px;
}
.qGroupComponent .quoteProductField fieldset {
  border: 1px solid #DFDFDF;
  border-radius: 0;
}
.qGroupHeaderContainer .qProductLineButtonContainer {
  display: flex;
  flex-direction: column;
}
.qProductLineButtonContainer .prodLineIcon.hoverBlue:hover {
  color: #3584D4;
}
.qProductLine.qProductGroupHeader {
  height: auto;
}
.qProductGroupHeader {
  font-weight: 600;
}
.descContainer {
  display: none;
}
.acmMaterial .qGroupContainer .acmCatProdBtn {
  background-color: #B3B3B3;
  border-radius: 0px;
  min-height: 20px;
  color: #FFF;
}
.acmMaterial .qGroupContainer .acmDescGroupBtn .icon-editDesc {
  color: #3584D4;
}
.acmMaterial .qGroupContainer .acmDescGroupBtn:hover .icon-editDesc {
  color: #FFF;
}
.acmMaterial .qGroupContainer .acmDelGroupBtn {
  border-radius: 0px;
  color: #000;
}
.acmMaterial .qGroupContainer .acmDelGroupBtn:hover {
  color: #FFF;
}
.acmMaterial .qGroupContainer .acmDelGroupBtn .icon-deleteIcon {
  color: #3584D4;
}
.acmMaterial .qGroupContainer .acmDelGroupBtn:hover .icon-deleteIcon {
  color: #FFF;
}
.acmMaterial .qGroupContainer .acmAddRowBtn {
  border-radius: 0px;
  color: #000;
  height: 30px;
  margin: auto 0;
  margin-left: 43px;
  position: absolute;
}
.acmMaterial .qGroupContainer .acmAddRowBtn:hover {
  color: #FFF;
}
.acmMaterial .qGroupContainer .acmAddRowBtn .icon-addRowIcon {
  color: #3584D4;
}
.acmMaterial .qGroupContainer .acmAddRowBtn:hover .icon-addRowIcon {
  color: #FFF;
}
.acmMaterial .QTotalContainerFirstRow .acmAddGroupBtn {
  background-color: #B3B3B3;
  border-radius: 0px;
  height: 30px;
  color: #FFF;
  margin-left: 43px;
  position: absolute;
}
.QTotalContainer {
  margin-bottom: 5px;
}
.QTotalContainerTopBorder {
  width: 98%;
  margin: auto;
  border-top: 1px solid #808080;
  padding-top: 3px;
}
.QTotalContainerRowSumLbl {
  width: calc(84% + 34px);
  text-align: right;
  font-weight: bold;
}
.QTotalContainerRowSumLbl.readOnly {
  width: calc(84% + 14px);
}
.SumsDiscouPriceContainer {
  margin-top: 20px;
}
.QTotalContainerRow {
  display: flex;
  margin-bottom: 7px;
}
.qProductLine .inputContainer.relateField .acmInputContainer div:before {
  border: none;
}
.qProductLine .qProductProdNameField > div {
  border: 1px solid #DFDFDF;
  border-radius: 0;
  height: 30px;
}
.qProductProdNameIcon:hover {
  color: #3584D4;
}
.qProductLine .buttonContainer {
  font-size: 0.8em;
}
.qProductLine .relateSearchIcon:hover {
  color: #3584D4;
}
.productGroupBody .qProductLine .qProductLineButtonContainer {
  display: flex;
  flex-direction: column;
}
.qProductLineButtonContainer .icon-deleteIcon {
  margin: auto 0;
  width: 20px;
  text-align: center;
  font-size: 0.9em;
}
.qProductLineButtonContainer .icon-deleteIcon:hover {
  color: #E92222;
}
.qProductLineButtonContainer .prodLineIcon {
  margin: auto 0;
  width: 20px;
  text-align: center;
  font-size: 0.9em;
}
.qProductLineButtonContainer .icon-editDesc {
  margin: auto 0;
  width: 20px;
  text-align: center;
  font-size: 0.9em;
}
.qProductLineButtonContainer .icon-editDesc:hover {
  color: #3584D4;
}
.quoteDescContainer {
  padding-left: 64px;
  padding-right: 35px;
  display: flex;
}
.quoteDescContainer > div {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.acmMaterial .relateField .acmInput {
  background-color: transparent;
}
.descGroupContainer {
  margin-left: 23px;
  margin-right: 35px;
}
.descGroupContainer.notEmpty {
  border-top: 1px solid #DFDFDF;
}
.descGroupContainer .productLineDescription {
  width: 100%;
  margin-top: 3px;
  margin-bottom: 3px;
}
.ptItem .quoteFavAddIcon {
  text-align: center;
  width: auto;
  height: auto;
  margin: auto 0;
  font-size: 1.25em;
  opacity: 0.5;
}
.ptItemText {
  width: 100%;
  padding-left: 4px;
}
.prodSelectorList .acmTreeHeader {
  font-weight: 700;
  padding-left: 8px;
}
.prodSelector .prodSelectoracmContainer .acmExpansionPanelSummary {
  background-color: #F2F2F2;
  min-height: 35px;
  height: 35px;
}
.prodSelectorListContainer .countInfoContainer {
  visibility: hidden;
}
.prodSelectorListContainer .checkBoxRow {
  display: none;
}
.prodSelectorListContainer .listViewFooter {
  justify-content: space-between;
}
.acmMaterial .acmExpantionPanelDetails {
  padding: 0px;
}
.prodSelectorListContainer .newListViewContainer {
  padding: 0px;
  border-bottom: 2px solid #FFF;
}
.prodSelectorList {
  height: 70%;
}
.prodSelectorGroupContainer {
  height: 30%;
  min-height: 250px;
}
.qProductLine .readonlyRel .buttonContainer {
  display: none;
}
.templateCreatorFormContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  flex-direction: column;
  min-width: 600px;
}
.templateCreatorFormContainer.templateCreatorForm {
  flex-direction: column;
  margin-bottom: 30px;
}
.templateCreatorFormContainer .acmInputContainer {
  margin: 0;
}
.templateCreatorFormContainer .acmInputContainer input {
  padding: 10px;
}
.templateCreatorFormRow {
  display: flex;
  width: 90%;
}
.templateCreatorFormRow .quoteTemplNameLbl {
  width: 25%;
  margin: auto 0;
}
.duplicateOppFormContainer .templateCreatorFormRow .quoteTemplNameLbl {
  width: 20%;
  margin: auto 0;
  margin-right: 20px;
}
.duplicateOppFormContainer.templateCreatorFormContainer .acmSelectContainer {
  width: 100%;
}
.templateCreatorFormContainer .acmSelectContainer {
  width: 75%;
}
.duplicateOppFormContainer .inputEditContainer {
  display: flex;
}
.duplicateOppFormContainer .inputEditContainer {
  border: 1px solid #DFDFDF;
  padding: 0 5px;
  width: 75%;
}
.duplicateOppFormContainer .calFiltersStateTick {
  padding: 7px;
}
.duplicateOppFormContainer .inputEditContainer .relateField {
  width: 100%;
}
.duplicateOppFormContainer .inputEditContainer .buttonContainer {
  align-items: center;
  display: flex;
}
.duplicateOppFormQuotesContainer {
  overflow: scroll;
  width: 100%;
}
.templateCreatorFormContainer.oppDuplicateContainer {
  align-items: flex-start;
  padding-left: 20px;
}
.oppDuplicateContainer {
  margin-top: 20px;
}
.quoteTemplNameLbl {
  margin-right: 15px;
}
.templateCreatorFormContainer .homeTableContainer {
  max-height: 306px;
}
.qProductLineButtonContainer .hoverBlue:hover {
  color: #3584D4;
}
.quoteDescContainer .imageContainer {
  width: 100%;
  flex: 0 1 285px;
  position: relative;
  margin-right: 5px;
  text-align: center;
}
.quoteDescContainer .imageContainer img {
  max-width: 100%;
  max-height: 170px;
}
.quoteDescContainer .imageContainer:hover .imageFieldHover {
  opacity: 1;
}
.qProductLineButtonContainer .hoverBlue:hover {
  color: #3584D4;
}
.oppProductsHeader {
  font-weight: 600;
  padding: 10px 0 10px 10px;
  background-color: #F2F2F2;
  margin-bottom: 5px;
}
.oppProdField {
  padding-right: 5px;
  margin: 0 0;
}
.OppRowsContainer {
  margin-top: 10px;
}
.oppProdField fieldset {
  border: 1px solid #DFDFDF;
  border-radius: 0;
}
.oppProdField input {
  padding: 5px 8px;
}
.oppProdField > div {
  margin: 0;
}
.oppTotalAmount {
  text-align: right;
}
.oppTotalLineAmount {
  background-color: #F2F2F2;
}
.oppProdField.productLineDescription {
  min-width: 100px;
  padding-right: 0;
  max-width: 400px;
}
.oppProdField.productLineDescription {
  width: auto;
}
.oppProdField.productLineDescription > div {
  width: 100%;
  max-width: 400px;
  padding: 0;
}
.OppRowsContainer table {
  font-size: 14px;
  margin: 25px;
}
.OppRowsContainer table thead tr th {
  padding: 5px;
  font-weight: 600;
}
.OppRowsContainer table td {
  padding: 5px;
}
.OppRowsContainer tr {
  vertical-align: top;
}
.OppRowsContainer .priceInput {
  width: 110px;
  min-width: 110px;
  max-width: 110px;
}
.OppRowsContainer .numberInput {
  width: 110px;
  min-width: 120px;
  max-width: 120px;
}
.oppProdField.prodName {
  padding-top: 3px;
  padding-right: 10px;
}
.LeadConvertModule {
  padding: 25px 15px 0px 25px;
}
.LeadConvertModule.error .header {
  background-color: #FAA09F;
}
.blueTick svg {
  color: #3584D4;
}
.LeadConvertModule .detailCard .header .title {
  flex: 0 1 auto;
}
.LeadConvertModule .detailCard .header {
  padding-left: 22px;
  align-items: center;
}
.LeadConvertModule .detailViewTabContentRow {
  padding-left: 0px;
}
.LeadConvertModule .detailViewTabContentRow .detailViwRowGroup:first-child {
  padding-right: 15px;
}
.LeadConvertModule .detailCard .inputEditContainer {
  border: 1px solid #DFDFDF;
  background-color: #FFF;
  display: flex;
}
.detailCard .LeadConvertRelInput .buttonContainer {
  width: 25px;
}
.detailView.lcSelectDetailView {
  padding: 20px;
}
.lcSelectContainer {
  width: fit-content;
}
.LeadConvertModule .acmRadioGroup {
  flex-direction: row;
}
.lcRadioContainer {
  border-bottom: 2px solid #DE002A;
  padding-left: 14px;
}
.LeadConvertModule .detailCard .buttonContainer {
  display: flex;
  flex-flow: row nowrap;
  place-content: stretch space-around;
  align-items: center;
  font-size: 0.8em;
}
.LeadConvertModule .detailCard .inputEditButton {
  width: 12px;
  height: 12px;
  display: inline-block;
  cursor: pointer;
}
.LeadConvertModule .detailCard .relateSearchIcon:hover {
  color: #3584D4;
}
.LeadConvertModule .detailCard .inputContainer.relateField .acmInputContainer div:before {
  border: none;
}
.LeadConvertRelInput.error .inputEditContainer {
  background-color: #FAA09F;
}
.LeadConvertRelInput.hidden {
  visibility: hidden;
}
.viewActionPanel.leadConvertPanel {
  justify-content: flex-start;
}
.LeadConvertResults {
  padding: 20px;
  padding-top: 5px;
  display: flex;
  flex-direction: column;
}
.leadConvertCandidates .leadConvertNewRecord {
  border: 1px solid #DFDFDF;
  margin: 3px;
}
.leadConvertNewRecord {
  display: flex;
  flex-direction: row;
  padding-left: 3px;
}
.leadConvertNewRecord a {
  margin: auto 0;
  white-space: nowrap;
}
.leadConvertCandContainer {
  display: flex;
  padding-left: 20px;
  border-bottom: 2px solid #3584D4;
}
.leadConvertCandidates {
  padding-left: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.LeadConvertContainer {
  display: flex;
  flex-flow: column;
  overflow: hidden;
  height: 100%;
}
.LeadConvertModulesContainer {
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding-bottom: 25px;
}
.selectedCand {
  font-weight: 600;
}
.acmMaterial .leadConvertNewRecord button {
  min-width: auto;
  margin: 0px 3px;
}
.lCConvertCandLblCol {
  padding-top: 10px;
  white-space: nowrap;
}
.lcNewRecModLbl {
  width: 60px;
}
.LeadConvertResults .leadConvertNewRecord .detailViewFieldIconEye {
  margin-left: 5px;
}
.detailApi__accounts {
  cursor: pointer;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}
.detailApi__accounts:hover {
  background-color: #eeeeee52;
}
.detailApi__accounts:hover strong {
  text-decoration: underline;
}
.detailApi__field {
  display: flex;
  align-items: center;
}
.detailApi__field > div:nth-child(1) {
  flex: 1;
  min-width: 0;
  position: relative;
}
.detailApi__field a {
  font-size: 1rem;
  color: #DE002A;
  text-decoration: none;
  border-radius: 5px;
  padding: 2px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  border: 1px solid #CCC;
  cursor: pointer;
}
.detailApi__field a:hover {
  background-color: #EEE;
}
.spinnerIcon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ibGRzLXNwaW5uZXIiIHdpZHRoPSIyMDBweCIgIGhlaWdodD0iMjAwcHgiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIHN0eWxlPSJiYWNrZ3JvdW5kOiBub25lOyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMCA1MCA1MCkiPiAgPHJlY3QgeD0iNDciIHk9IjI0IiByeD0iOS40IiByeT0iNC44IiB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgZmlsbD0iIzFkMGUwYiI+ICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuOTE2NjY2NjY2NjY2NjY2NnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+ICA8L3JlY3Q+PC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDMwIDUwIDUwKSI+ICA8cmVjdCB4PSI0NyIgeT0iMjQiIHJ4PSI5LjQiIHJ5PSI0LjgiIHdpZHRoPSI2IiBoZWlnaHQ9IjEyIiBmaWxsPSIjMWQwZTBiIj4gICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC44MzMzMzMzMzMzMzMzMzM0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4gIDwvcmVjdD48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNjAgNTAgNTApIj4gIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjkuNCIgcnk9IjQuOCIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiMxZDBlMGIiPiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjc1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4gIDwvcmVjdD48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIj4gIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjkuNCIgcnk9IjQuOCIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiMxZDBlMGIiPiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjY2NjY2NjY2NjY2NjY2NjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPiAgPC9yZWN0PjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgxMjAgNTAgNTApIj4gIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjkuNCIgcnk9IjQuOCIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiMxZDBlMGIiPiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjU4MzMzMzMzMzMzMzMzMzRzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPiAgPC9yZWN0PjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTAgNTApIj4gIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjkuNCIgcnk9IjQuOCIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiMxZDBlMGIiPiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPiAgPC9yZWN0PjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgxODAgNTAgNTApIj4gIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjkuNCIgcnk9IjQuOCIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiMxZDBlMGIiPiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjQxNjY2NjY2NjY2NjY2NjdzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPiAgPC9yZWN0PjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyMTAgNTAgNTApIj4gIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjkuNCIgcnk9IjQuOCIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiMxZDBlMGIiPiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjMzMzMzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPiAgPC9yZWN0PjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyNDAgNTAgNTApIj4gIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjkuNCIgcnk9IjQuOCIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiMxZDBlMGIiPiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjI1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4gIDwvcmVjdD48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMjcwIDUwIDUwKSI+ICA8cmVjdCB4PSI0NyIgeT0iMjQiIHJ4PSI5LjQiIHJ5PSI0LjgiIHdpZHRoPSI2IiBoZWlnaHQ9IjEyIiBmaWxsPSIjMWQwZTBiIj4gICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC4xNjY2NjY2NjY2NjY2NjY2NnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+ICA8L3JlY3Q+PC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDMwMCA1MCA1MCkiPiAgPHJlY3QgeD0iNDciIHk9IjI0IiByeD0iOS40IiByeT0iNC44IiB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgZmlsbD0iIzFkMGUwYiI+ICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuMDgzMzMzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPiAgPC9yZWN0PjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgzMzAgNTAgNTApIj4gIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjkuNCIgcnk9IjQuOCIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiMxZDBlMGIiPiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPiAgPC9yZWN0PjwvZz48L3N2Zz4=);
  background-size: 100%;
  background-repeat: no-repeat;
  display: inline-block;
  background-position: center;
}
.detailApiButtonContainer {
  display: flex;
}
.checkAdressIcon {
  color: #31C136;
  margin-left: 3px;
  margin-right: 3px;
}
.checkAdressIconFalse {
  color: #E92222;
  margin-left: 3px;
  margin-right: 3px;
  transform: scale(0.8);
}
.globalSearchContainer {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.globalSearchListContainer {
  margin: 0px 25px 10px 25px;
  margin-bottom: 10px;
  /*box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);*/
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
  background-color: #FFF;
}
.globalSearchListContainer .newListViewContainer {
  height: 400px;
}
.globalSearchListContainer .alphabetContainer {
  visibility: hidden;
}
.globalSearchListContainer .countInfoContainer {
  visibility: hidden;
}
.globalSearchListContainer .moduleTitle {
  background-color: #F2F2F2;
  padding-left: 18px;
}
.globalSearchListContainer .filterContainer {
  display: none;
}
.globalSearchListContainer .checkBoxRow {
  display: none;
}
.globalSearchListContainer .checkBoxRow {
  display: none;
}
.globalSearchHeaderContainer {
  padding: 0px 25px;
  height: 60px;
  align-items: center;
  background-color: #FFF;
  display: flex;
}
.moduleTitle {
  padding: 8px 0;
  font-weight: 600;
  font-size: 1.3rem;
}
.searchFieldContainer {
  display: flex;
  flex-direction: row;
}
.globalSearchResultContainer {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  overflow-y: auto;
  padding-top: 16px;
}
.globalSearchHeaderContainer .userHeaderButton {
  color: #241e20;
}
.globalSearchHeaderContainer .globalSearchInput {
  max-width: 500px;
  width: 80%;
}
.globalSearchHeaderContainer .globalSearchInput input {
  color: #241e20;
}
.sweetSpotContainer {
  width: 100%;
  min-height: 70px;
  max-height: 520px;
  border: 6px solid rgba(0, 0, 0, 0.5);
}
.sweetspot-searchinput {
  border: 0;
  padding: 0 5px;
  margin: 0;
  font-size: 34px;
  height: 50px;
  width: 100%;
}
.SweetSpotResultTitle {
  height: 18px;
  padding: 2px 10px 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #dbdbdb;
  font-size: 11px;
}
.sweetSpotInputContainer {
  padding: 5px;
  display: flex;
  align-items: center;
}
.SweetSpotItem {
  margin: 5px;
  height: 50px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  cursor: pointer;
}
.SweetSpotItemValue {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 380px;
  white-space: nowrap;
}
.SweetSpotItem.arrowSelect {
  background-color: #ddeaf8;
}
.SweetSpotItem:hover {
  background-color: #dbdbdb;
}
.SweetSpotIcon {
  font-size: 1.3em;
  margin-right: 10px;
}
.acmPopupHeader .icon-help-circle {
  cursor: pointer;
  font-size: 1.1rem;
  right: 35px;
  position: absolute;
}
.activitiesTimeline {
  background-color: #F2F2F2;
  width: 100%;
  height: 100%;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}
.activitiesTimeline .filterButtons {
  padding: 25px;
  display: flex;
  justify-content: center;
}
.activitiesTimeline .filterButtons button {
  width: 40px;
  height: 40px;
  border-radius: 25px;
  border: 3px solid white;
  color: white;
  margin-left: 7px;
  margin-right: 7px;
}
.activitiesTimeline .filterButtons button.activityCalls {
  background-color: #F5A26F;
}
.activitiesTimeline .filterButtons button.activityMeetings {
  background-color: #668DE5;
}
.activitiesTimeline .filterButtons button.activityTasks {
  background-color: #31C136;
}
.activitiesTimeline .filterButtons button.activityEmails {
  background-color: #7ED1E5;
}
.activitiesTimeline .filterButtons button.activityPrint {
  background-color: #FFA500;
}
.activitiesTimeline .filterButtons button.activityResize {
  background-color: #E92222;
}
.activitiesTimeline .filterButtons button.filter {
  opacity: 0.3;
}
.activitiesTimeline .filterStatusEnum {
  padding: 0px 25px 5px 25px;
}
.activitiesTimeline .switchOrder {
  text-align: center;
}
.activitiesTimeline .switchOrder .icon {
  width: 40px;
  height: 40px;
  border-radius: 25px;
  border: 3px solid white;
  color: white;
  display: inline-block;
  padding: 11px 0;
  text-align: center;
  margin-top: 8px;
  background-color: #B3B3B3;
  cursor: pointer;
  margin-right: 4px;
}
.activitiesTimeline .activitiesListContainer {
  display: flex;
  position: absolute;
  top: 168px;
  height: calc(100% - 170px);
  width: 100%;
}
.activitiesTimeline .activitiesListContainer .activitiesList {
  width: 100%;
  margin-top: 3px;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem {
  position: relative;
  vertical-align: top;
  display: flex;
  width: 50%;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem:nth-child(even) {
  margin-left: calc(50% - 5px);
  border-left: 5px solid #c5dcf3;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem:nth-child(even) .activityContent {
  margin-left: 50px;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem:nth-child(odd) {
  border-right: 5px solid #c5dcf3;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem:nth-child(odd) .icon {
  display: none;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem:nth-child(odd) .icon.right {
  display: inline-block;
  right: -23px;
  left: initial;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem:nth-child(odd) .activityContent {
  /* box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem:nth-child(odd) .activityContent .arrow {
  right: -7px;
  left: initial;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem .icon {
  position: absolute;
  left: -23px;
  width: 40px;
  height: 40px;
  border-radius: 25px;
  border: 3px solid white;
  color: white;
  display: inline-block;
  padding: 11px 0;
  text-align: center;
  margin-top: 8px;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem .icon.right {
  display: none;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem .activityContent {
  position: relative;
  display: inline-block;
  width: calc(100% - 70px);
  background-color: white;
  border-radius: 8px;
  padding: 10px;
  margin-left: 20px;
  margin-bottom: 20px;
  /* box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem .activityContent .arrow {
  position: absolute;
  left: -7px;
  top: 20px;
  display: inline-block;
  background-color: white;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem .activityContent .arrow:before {
  content: "\0020";
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem .activityContent .header {
  font-weight: bold;
  font-size: 1.1em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  display: block;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem .activityContent .dateAndStatus > div {
  color: rgba(0, 0, 0, 0.5);
  display: inline-block;
  width: 50%;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem .activityContent .content {
  border-top: 1px solid black;
  margin-top: 5px;
  padding-top: 5px;
  overflow-x: hidden;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem.activityCall .icon {
  background-color: #F5A26F;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem.activityCall .header {
  color: #F5A26F;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem.activityMeeting .icon {
  background-color: #668DE5;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem.activityMeeting .header {
  color: #668DE5;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem.activityEmail .icon {
  background-color: #7ED1E5;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem.activityEmail .header {
  color: #7ED1E5;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem.activityTask .icon {
  background-color: #31C136;
}
.activitiesTimeline .activitiesListContainer .activitiesList .activityItem.activityTask .header {
  color: #31C136;
}
.rightPanelContent .activitiesTimeline .switchOrder {
  text-align: left;
  margin-left: 7px;
}
.rightPanelContent .activitiesTimeline .switchOrder .icon {
  width: 40px;
  height: 40px;
  border-radius: 25px;
  border: 3px solid white;
  color: white;
  display: inline-block;
  padding: 11px 0;
  text-align: center;
  margin-top: 8px;
  background-color: #B3B3B3;
}
.rightPanelContent .activitiesTimeline .activitiesListContainer {
  display: flex;
  position: absolute;
  top: 168px;
  height: calc(100% - 170px);
}
.rightPanelContent .activitiesTimeline .activitiesListContainer .activitiesList .activityItem {
  position: relative;
  vertical-align: top;
  display: flex;
  width: calc(100% - 25px);
}
.rightPanelContent .activitiesTimeline .activitiesListContainer .activitiesList .activityItem:nth-child(even) {
  margin-left: 25px;
  border: none;
  border-left: 5px solid #c5dcf3;
}
.rightPanelContent .activitiesTimeline .activitiesListContainer .activitiesList .activityItem:nth-child(even) .activityContent {
  margin-left: 40px;
}
.rightPanelContent .activitiesTimeline .activitiesListContainer .activitiesList .activityItem:nth-child(odd) {
  margin-left: 25px;
  border: none;
  border-left: 5px solid #c5dcf3;
}
.rightPanelContent .activitiesTimeline .activitiesListContainer .activitiesList .activityItem:nth-child(odd) .icon {
  display: inline-block;
}
.rightPanelContent .activitiesTimeline .activitiesListContainer .activitiesList .activityItem:nth-child(odd) .icon.right {
  display: none;
}
.rightPanelContent .activitiesTimeline .activitiesListContainer .activitiesList .activityItem:nth-child(odd) .activityContent {
  margin-left: 40px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.rightPanelContent .activitiesTimeline .activitiesListContainer .activitiesList .activityItem:nth-child(odd) .activityContent .arrow {
  right: initial;
  left: -7px;
}
.rightPanelContent .activitiesTimeline .activitiesListContainer .activitiesList .activityItem .icon {
  position: absolute;
  left: -22px;
  width: 40px;
  height: 40px;
  border-radius: 25px;
  border: 3px solid white;
  color: white;
  display: inline-block;
  padding: 11px 0;
  text-align: center;
  margin-top: 8px;
}
.rightPanelContent .activitiesTimeline .activitiesListContainer .activitiesList .activityItem .icon.right {
  display: none;
}
.rightPanelContent .activitiesTimeline .activitiesListContainer .activitiesList .activityItem .activityContent {
  position: relative;
  display: inline-block;
  background-color: white;
  border-radius: 25px;
  padding: 20px 25px;
  margin-left: 25px;
  margin-bottom: 20px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.detailView.admin {
  padding-top: 20px;
}
.admin__section__title {
  border-bottom: 2px solid #3584D4;
  display: flex;
  align-items: center;
  font-size: 1.1rem;
  font-weight: 600;
  padding-left: 4px;
  padding-bottom: 3px;
  margin-bottom: 8px;
}
.admin .sectionIcon {
  margin-right: 4px;
  color: #DE002A;
}
.admin tr {
  cursor: pointer;
}
.admin tr:hover td {
  background-color: #DFDFDF;
}
.admin td {
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  padding: 6px 0px 8px 0px;
  vertical-align: top;
  border-bottom: 1px solid #DFDFDF;
}
.admin .sectionContent {
  padding: 0px 4px;
}
.admin table tr:last-child td {
  border-bottom: none;
}
.admin .icon {
  width: 20px;
}
.admin .icon > span {
  margin-top: 7px;
  display: block;
  font-size: 0.9rem;
  opacity: 0.7;
}
.admin .name {
  min-width: 300px;
  width: 300px;
}
.admin .name a {
  text-decoration: none;
}
.adminSection {
  margin-bottom: 16px;
}
.mergeRecordsContainer {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
}
.mergeRecordsContent {
  background-color: #FFF;
  display: flex;
  margin: 25px;
  margin-bottom: 20px;
  height: 100%;
  flex-flow: column;
  /*box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);*/
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.mergeRecordsheader {
  min-height: 40px;
  background-color: #F2F2F2;
  display: flex;
  align-items: center;
}
.mergeRecordsBody {
  display: flex;
  width: 100%;
  height: 100%;
  flex-flow: row nowrap;
}
.oldRecordsContainer,
.newRecordContainer {
  width: 50%;
  height: 100%;
  padding: 16px;
  display: flex;
  flex-flow: column;
}
.oldRecordsContainer .recordContainer {
  margin-bottom: 10px;
}
.oldRecordsContainer .recordContainer:last-child {
  margin-bottom: 0px;
}
.recordContainer {
  width: 100%;
  height: 100%;
  min-height: 200px;
  border: 1px solid #DFDFDF;
  display: flex;
  flex-flow: column;
}
.recordContainerClose {
  height: auto;
  min-height: auto;
}
.mergeRecordHeader {
  background-color: #F2F2F2;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 8px;
}
.mergeRecordHeaderText {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.mergeRecordHeaderText > div {
  margin-right: 6px;
  font-size: 0.7rem;
}
.mergeRecordBody {
  width: 100%;
  height: calc(100% - 32px);
  overflow-y: scroll;
  display: flex;
  flex-flow: column;
  padding: 4px;
}
.mergeRecordFieldLine {
  width: 100%;
  border: 1px solid #DFDFDF;
  margin-bottom: 4px;
  padding: 4px;
  display: flex;
  flex-flow: row;
}
.mergeRecordFieldLine.withValue {
  background-color: #f2f7fc;
  border: 1px solid #3584D4;
}
.mergeRecordFieldHeader {
  font-size: 0.8rem;
}
.mergeRecordText {
  display: flex;
  width: 100%;
  flex-flow: column;
}
.mergeRecordButtons {
  width: 40px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.mergeAddFieldButton {
  width: 21px;
  height: 21px;
  border-radius: 10px;
  border: 0px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mergeAddFieldButton:hover {
  background-color: #DFDFDF;
}
.new .mergeRecordFieldValue {
  min-height: 29px;
  display: flex;
  align-items: center;
}
.new .mergeRecordFieldValue:hover {
  background-color: #DFDFDF;
  cursor: pointer;
}
.new .mergeRecordFieldValue .inputEditContainer {
  display: flex;
  align-items: center;
  width: 100%;
}
.new .mergeRecordFieldValue > div {
  width: 100%;
}
.new .mergeRecordFieldValue .inputEditContainer .inputContainer {
  width: 100%;
}
.errorViewContainer {
  width: 100%;
  height: 100%;
  padding: 25px;
}
.errorView {
  width: 100%;
  min-height: 200px;
  background-color: #FFF;
  padding: 16px;
}
.errorView .header {
  font-size: 2rem;
  color: #E92222;
  display: flex;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #E92222;
}
.icon-errorHeaderIcon:before {
  content: "\f116";
  font-size: 3rem;
  color: #E92222;
  margin-right: 16px;
}
.tagContainer {
  position: relative;
}
.tags {
  font-weight: normal;
  font-size: 1em;
  padding-left: 8px;
  padding-bottom: 2px;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
}
.tag {
  border-radius: 3px 0 0 3px;
  color: #777;
  height: 26px;
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-right: 4px;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  /* Chrome all / Safari all */
  /* Firefox all */
  /* IE 10+ */
  /* Likely future */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.tag.clickable {
  cursor: pointer;
}
.tagText {
  background: #d4d4d4;
  display: flex;
  padding-right: 2px;
  height: 20px;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.tagText::before {
  content: '';
  height: 6px;
  margin: 0px 4px 0px 0px;
  display: flex;
  justify-content: center;
}
.tag::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 9px;
  border-color: transparent transparent transparent #007bff;
  content: '';
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.tagadd {
  border-radius: 3px;
  color: #666;
  margin-right: 4px;
  width: 20px;
  height: 20px;
  padding-bottom: 2px;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  background-color: #d4d4d4;
  cursor: pointer;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.tagadd:hover {
  background-color: #31C136;
  color: #FFF;
}
.tagContainer .icon {
  top: 0;
  right: 0;
  opacity: 0;
  position: absolute;
  background-color: black;
  border-radius: 50%;
  color: white;
}
.tagContainer .icon:hover {
  cursor: pointer;
}
.tagContainer:hover .icon {
  opacity: 0.9;
}
.popupTagAdd {
  border: 0px;
  padding: 8px;
}
.popupTagContent {
  margin-top: 8px;
  padding: 8px;
  max-width: 100%;
  min-height: 200px;
  max-height: 250px;
  overflow-y: auto;
  background-color: #DDD;
  display: flex;
  flex-flow: row wrap;
}
.popupTagContent .tag::after {
  background-color: #DDD;
}
.popupTagCreate {
  padding: 8px;
}
.tagMessage {
  margin: 3px;
  padding: 3px;
  border: 2px solid #E92222;
  color: #E92222;
}
.createNew {
  display: none;
}
.popupTagCreate div:first-child {
  cursor: pointer;
}
.popupTagButtons .acmButton {
  float: right;
  background-color: #3584D4;
  color: #FFF;
}
.popupTagButtons > .acmButton:last-child {
  margin-right: 0px;
}
.popupTagButtons .acmButton .actionPanelButtonIcon {
  color: #FFF;
}
.popupTagContent .tag:hover {
  opacity: 0.8;
}
.tag.taginfo:hover .tagText,
.tag.taginfo.colored .tagText {
  background-color: #3584D4;
  color: #FFF;
}
.tag.taginfo:hover::after,
.tag.taginfo.colored::after {
  border-left-color: #3584D4;
}
.tag.tagdone:hover .tagText,
.tag.tagdone.colored .tagText {
  background-color: #31C136;
  color: #FFF;
}
.tag.tagdone:hover::after,
.tag.tagdone.colored::after {
  border-left-color: #31C136;
}
.tag.tagerror:hover .tagText,
.tag.tagerror.colored .tagText {
  background-color: #E92222;
  color: #FFF;
}
.tag.tagerror:hover::after,
.tag.tagerror.colored::after {
  border-left-color: #E92222;
}
.popupTagButtons {
  padding-top: 8px;
  display: flex;
  justify-content: flex-end;
}
.popupTagRelatesList .globalSearchListContainer .newListViewContainer {
  height: auto;
}
.popupTagRelatesList {
  background-color: #E8E8E8;
  overflow: auto;
  max-height: calc(80% - 149px);
  padding-top: 8px;
  min-width: 872px;
  max-width: 950px;
}
.popupTagRelatesHeader .tag {
  margin: 1px 2px 1px 1px;
}
.popupTagRelatesHeader {
  border-bottom: 1px solid #D1D1D1;
  display: flex;
  flex-direction: row;
  max-width: 950px;
  padding: 0px 15px;
}
.popupTagRelatesHeader .tagIcon {
  display: inline-block;
  top: 55px;
  position: relative;
  font-size: 16px;
}
.popupAvailableTags,
.popupFilteredByTags {
  margin-bottom: 8px;
  display: inline-block;
  height: 100px;
  width: 50%;
}
.popupAvailableTags .left,
.popupFilteredByTags .left {
  height: 20px;
  margin-left: 4px;
}
.popupAvailableTags .right,
.popupFilteredByTags .right {
  border: 1px solid #D1D1D1;
  margin: 4px;
  padding: 4px;
  height: calc(100% - 20px);
}
.popupAvailableTags .right .tags,
.popupFilteredByTags .right .tags {
  flex-flow: row wrap;
  margin-left: 0px;
  padding-left: 0px;
  align-items: flex-start;
}
.popupAvailableTags .tags,
.popupFilteredByTags .tags {
  overflow: auto;
}
.customSelectWindow {
  position: absolute;
  height: 300px;
  max-width: 100%;
  border: 1px solid #D1D1D1;
  top: 100%;
  background-color: #FFF;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.26);
}
.popupShow .customSelectWindow {
  z-index: 99;
}
.customSelectWindow .selectHeader {
  width: 100%;
  border-bottom: 1px solid #D1D1D1;
  background-color: #FFFFFF;
}
.customSelectWindow .selectContent {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100% - 100px);
}
.customSelectWindow .selectContent > li > span {
  padding-left: 4px;
  font-size: 0.7rem;
  color: #808080;
}
.customSelectWindow .selectInput {
  height: 49px;
  padding-top: 4px;
}
div.acmSelectContainer.withBorder div.customSelectWindow div.selectInput > div.acmInputContainer {
  padding-left: 0;
}
div.acmSelectContainer.withBorder div.customSelectWindow div.selectInput > div.acmInputContainer input,
div.acmSelectContainer.withBorder div.customSelectWindow div.selectInput > div.acmInputContainer label {
  padding-left: 14px;
}
.selectContent li {
  padding-top: 4px;
  padding-bottom: 4px;
}
.selectContent li:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.selectContent li.selected {
  background-color: rgba(0, 0, 0, 0.14);
}
.selectContent ul {
  padding: 0;
  padding-left: 0px;
}
.reportWindowFieldSelectContainer > .acmSelectContainer.withBorder {
  cursor: pointer;
}
.reportWindowFieldSelectContainer > .acmSelectContainer.withBorder > div {
  cursor: auto;
}
.reportWindowFieldSelectContainer > .acmSelectContainer.withBorder > div.selectLabel {
  cursor: pointer;
}
.acmSelectContainer > .selectLabel {
  padding-left: 14px;
}
.acmSelectContainer .customSelectWindow > .selectHeader > .acmTabContainer {
  padding-left: 0;
}
.toastContainer {
  position: fixed;
  bottom: 32px;
  left: 24px;
  width: 288px;
  min-height: 80px;
  z-index: 2;
  display: flex;
  flex-flow: column-reverse;
}
.toastItem {
  overflow: hidden;
  padding: 12px 16px;
  background-color: #DE002A;
  color: #FFF;
  border-radius: 4px;
  animation-name: toastShow;
  animation-duration: 0.2s;
  margin-top: 4px;
  opacity: 1;
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  flex-flow: row nowrap;
  cursor: pointer;
  /* box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
}
.toastItem:hover {
  transform: scale(1.03);
}
.toastIconContainer {
  display: flex;
  align-items: center;
  padding-right: 8px;
  font-size: 1.5rem;
}
.toastContentContainer {
  display: flex;
  flex-flow: column;
  width: 100%;
  overflow: hidden;
}
.toastButtonContainer {
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.toastButtonContainer > div {
  cursor: pointer;
}
@keyframes toastShow {
  from {
    top: -20px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
.importViewMainContainer {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}
.importViewContainer {
  padding: 25px 15px 0px 25px;
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom: 20px;
  margin-top: 25px;
  background-color: white;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
.importTableWrapper {
  width: 100%;
  overflow-x: auto;
}
.importMappingTable {
  width: 100%;
  white-space: nowrap;
}
.importMappingTable tr:nth-child(odd) {
  background-color: #f2f2f2;
}
.importMappingTable tr:nth-child(even) {
  background-color: #fcfcfc;
}
.importMappingTable td + td {
  border-left: 3px solid #ffffff;
}
.importMappingTable td {
  padding-left: 2px;
  font-size: 1.2rem;
  height: 40px;
  min-width: 200px;
}
.importMappingTable th {
  background-color: white;
  min-width: 200px;
}
.importMappingTable th:hover {
  cursor: pointer;
}
.relateHeader {
  padding-left: 14px;
  padding-right: 5px;
  border: 1px solid #DFDFDF;
}
.relateHeader .icon {
  padding-top: 7px;
  font-size: 0.8em;
  padding-right: 4px;
}
.relateHeader .icon:hover {
  color: #E92222;
}
.relateHeaderCell {
  display: flex;
  justify-content: space-between;
}
.importViewSelectorContainer {
  display: flex;
  width: 100%;
  align-items: center;
  padding-bottom: 10px;
}
.importViewSelectorLabel,
.importViewSelectorContent {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  font-size: 1.1rem;
  padding-left: 10px;
}
.importFlr {
  margin-left: auto;
  margin-right: 0;
  white-space: nowrap;
}
.importViewSelectorContent {
  min-width: 150px;
  padding-left: 10px;
  padding-right: 50px;
}
.importMappingTableHeaderSelectOption {
  font-size: 1.1rem;
}
.importMappingTableHeaderSelectOption:not(em) {
  font-weight: 700;
}
.importMappingTableHeaderSelectOption .colName {
  padding-left: 4px;
  font-size: 0.8rem;
  color: #808080;
  font-weight: normal;
}
.importViewSelectorOptions {
  font-size: 1.4rem;
  max-width: 200px;
  font-weight: 700;
}
.importMappingTableHeader {
  align-content: center;
}
.importRelateSelect {
  width: 100%;
}
.ImportViewCheckbox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 80px;
  font-weight: 700;
  font-size: 1.1rem;
}
/* global styles for orgchart */
.orgchart-container {
  box-sizing: border-box;
  position: relative;
  margin: 10px;
  height: 700px;
  background-color: #fff;
  border-radius: 5px;
  overflow: auto;
  text-align: center;
}
.orgchart {
  box-sizing: border-box;
  display: inline-block;
  background-size: 10px 10px;
  padding: 20px 20px 0 20px;
}
.orgchart-container .hidden {
  display: none!important;
}
.orgchart-container > .oc-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
}
.orgchart-container > .oc-mask .spinner {
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
}
.orgchart-container > .oc-mask .spinner::before {
  width: 100px;
  height: 100px;
  border-width: 10px;
  border-radius: 50px;
  border-top-color: rgba(68, 157, 68, 0.8);
  border-bottom-color: rgba(68, 157, 68, 0.8);
  border-left-color: rgba(68, 157, 68, 0.8);
}
.orgchart ul {
  padding-left: 0;
  text-align: center;
  display: flex;
  margin: 0;
  transition: transform 0.3s, opacity 0.3s;
}
.orgchart ul li {
  display: inline-block;
  position: relative;
}
/* excluding root node */
.orgchart > ul > li > ul li::before {
  content: "";
  position: absolute;
  top: -11px;
  left: 0;
  width: 100%;
  border-top: 2px solid rgba(217, 83, 79, 0.8);
  box-sizing: border-box;
}
.orgchart > ul > li > ul li.isSiblingsCollapsed::before {
  content: none;
}
.orgchart > ul > li > ul li:first-child::before {
  left: calc(50% - 1px);
  width: calc(50% + 1px);
}
.orgchart > ul > li > ul li:last-child::before {
  width: calc(50% + 1px);
}
.orgchart > ul > li > ul li:only-child::before {
  width: 2px;
}
.orgchart ul li .oc-node {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  /* padding: 3px; */
  margin: 0 5px;
  border: 2px solid #215a88;
  margin-bottom: 20px;
  border-radius: 4px;
}
.orgchart ul li .oc-node.allowedDrop {
  border-color: rgba(68, 157, 68, 0.9);
}
.orgchart ul li .oc-node.currentDropTarget {
  background-color: rgba(68, 157, 68, 0.9);
}
.orgchart ul li .oc-node.selected {
  background-color: rgba(238, 217, 54, 0.5);
}
.orgchart ul li .oc-node:hover {
  background-color: rgba(238, 217, 54, 0.5);
}
/* excluding root node */
.orgchart > ul > li > ul li > .oc-node::before {
  content: "";
  position: absolute;
  top: -11px;
  left: calc(50% - 1px);
  width: 2px;
  height: 9px;
  background-color: rgba(217, 83, 79, 0.8);
}
.orgchart > ul > li > ul li.isSiblingsCollapsed > .oc-node::before {
  top: -13px;
  height: 11px;
}
.orgchart > ul > li > ul li.isAncestorsCollapsed > .oc-node::before {
  content: none;
}
/* excluding leaf node */
.orgchart ul li .oc-node:not(:only-child)::after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: calc(50% - 1px);
  width: 2px;
  height: 9px;
  background-color: rgba(217, 83, 79, 0.8);
}
.orgchart ul li .oc-node.isChildrenCollapsed:not(:only-child)::after {
  content: none;
}
.orgchart ul li .oc-node .oc-heading {
  box-sizing: border-box;
  padding: 2px;
  margin: 0;
  width: 130px;
  height: 20px;
  text-align: center;
  font-size: 0.75rem;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: rgba(217, 83, 79, 0.8);
  color: #fff;
  border-radius: 4px 4px 0 0;
}
.orgchart ul li .oc-node .oc-heading .oc-symbol {
  float: left;
  margin-top: 12px;
  margin-left: 2px;
}
.orgchart ul li .oc-node .oc-heading .oc-symbol::before {
  background-color: #fff;
  border-color: rgba(217, 83, 79, 0.8);
}
.orgchart ul li .oc-node .oc-heading .oc-symbol::after {
  background-color: #fff;
}
.orgchart ul li .oc-node .oc-content {
  box-sizing: border-box;
  padding: 2px;
  width: 130px;
  height: 20px;
  font-size: 0.625rem;
  border: 1px solid rgba(217, 83, 79, 0.8);
  border-radius: 0 0 4px 4px;
  text-align: center;
  background-color: #fff;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* styles for edges */
.orgchart .oc-node .oc-edge {
  position: absolute;
  cursor: default;
  transition: 0.2s;
}
.orgchart .oc-node .oc-edge::before {
  border-color: rgba(68, 157, 68, 0.5);
}
.orgchart.noncollapsable .oc-node .oc-edge {
  display: none;
}
.orgchart .oc-node .oc-edge:hover {
  cursor: pointer;
}
.orgchart .oc-edge:hover::before {
  border-color: #449d44;
}
.orgchart .oc-node .verticalEdge {
  width: calc(100% - 6px);
  width: -webkit-calc(94%);
  width: -moz-calc(94%);
  height: 10px;
  left: 3px;
}
.orgchart .oc-node .verticalEdge::before {
  position: absolute;
  left: calc(50% - 0.3125rem);
}
.orgchart .oc-node .topEdge {
  top: -2px;
}
.orgchart .oc-node .topEdge.oci-chevron-up::before {
  top: 2px;
}
.orgchart .oc-node .topEdge.oci-chevron-down::before {
  bottom: 3px;
}
.orgchart .oc-node .bottomEdge {
  bottom: -2px;
}
.orgchart .oc-node .bottomEdge.oci-chevron-up::before {
  bottom: -3px;
}
.orgchart .oc-node .bottomEdge.oci-chevron-down::before {
  bottom: 1px;
}
.orgchart .oc-node .horizontalEdge {
  width: 10px;
  height: calc(100% - 6px);
  height: -webkit-calc(94%);
  height: -moz-calc(94%);
  top: 3px;
}
.orgchart .oc-node .rightEdge {
  right: -2px;
}
.orgchart .oc-node .leftEdge {
  left: -2px;
}
.orgchart .oc-node .horizontalEdge::before {
  position: absolute;
  top: calc(50% - 0.3125rem);
}
.orgchart .oc-node .rightEdge.oci-chevron-left::before {
  right: -3px;
}
.orgchart .oc-node .rightEdge.oci-chevron-right::before {
  right: 1px;
}
.orgchart .oc-node .leftEdge.oci-chevron-right::before {
  left: -3px;
}
.orgchart .oc-node .leftEdge.oci-chevron-left::before {
  left: 1px;
}
/* slide animations */
.orgchart .slide-up {
  opacity: 0;
  transform: translateY(-40px);
}
.orgchart .slide-down {
  opacity: 0;
  transform: translateY(40px);
}
.orgchart .slide-left {
  opacity: 0;
  transform: translateX(-130px);
}
.orgchart .slide-right {
  opacity: 0;
  transform: translateX(130px);
}
/* oci means organization chart icons */
.oci {
  display: inline-block;
  position: relative;
  font-style: normal;
  font-family: Arial;
}
.oci-chevron-up::before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  vertical-align: text-bottom;
  width: 0.625rem;
  height: 0.625rem;
  border-width: 0 0.2rem 0.2rem 0;
  border-style: solid;
  border-color: #000;
  background: transparent;
  transform: rotate(-135deg);
}
.oci-chevron-right::before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  width: 0.625rem;
  height: 0.625rem;
  border-width: 0 0.2rem 0.2rem 0;
  border-style: solid;
  border-color: #000;
  background: transparent;
  transform: rotate(-45deg);
}
.oci-chevron-down::before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  width: 0.625rem;
  height: 0.625rem;
  border-width: 0 0.2rem 0.2rem 0;
  border-style: solid;
  border-color: #000;
  background: transparent;
  transform: rotate(45deg);
}
.oci-chevron-left::before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  width: 0.625rem;
  height: 0.625rem;
  border-width: 0 0.2rem 0.2rem 0;
  border-style: solid;
  border-color: #000;
  background: transparent;
  transform: rotate(135deg);
}
.oci-leader::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  background: #000;
  top: -0.75rem;
  left: 0.125rem;
}
.oci-leader::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.375rem;
  border-radius: 0.25rem 0.25rem 0 0;
  background: #000;
  top: -0.3rem;
  left: -0.125rem;
}
.oci-plus-square::before {
  content: "+";
  display: inline-block;
  vertical-align: text-bottom;
  text-align: center;
  width: 1rem;
  height: 1rem;
  background-color: #000;
  color: #fff;
}
.oci-plus-circle::before {
  content: "+";
  display: inline-block;
  vertical-align: text-bottom;
  text-align: center;
  width: 1rem;
  height: 1rem;
  border-radius: 0.5rem;
  background-color: #000;
  color: #fff;
}
.oci-minus-square::before {
  content: "−";
  display: inline-block;
  vertical-align: text-bottom;
  text-align: center;
  width: 1rem;
  height: 1rem;
  background-color: #000;
  color: #fff;
}
.oci-minus-circle::before {
  content: "−";
  display: inline-block;
  vertical-align: text-bottom;
  text-align: center;
  width: 1rem;
  height: 1rem;
  border-radius: 0.5rem;
  background-color: #000;
  color: #fff;
}
.oci-arrow-circle-up::before {
  content: "▲";
  display: inline-block;
  text-align: center;
  vertical-align: text-bottom;
  width: 1rem;
  height: 1rem;
  border-radius: 0.5rem;
  background-color: #000;
  color: #fff;
  font-size: 0.875rem;
}
.oci-arrow-circle-down::before {
  content: "▼";
  text-align: center;
  display: inline-block;
  vertical-align: text-bottom;
  width: 1rem;
  height: 1rem;
  border-radius: 0.5rem;
  background-color: #000;
  color: #fff;
  font-size: 0.875rem;
}
.oci-info-circle::before {
  content: "i";
  display: inline-block;
  vertical-align: text-bottom;
  width: 1rem;
  height: 1rem;
  border-radius: 0.5rem;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.oci-spinner::before {
  content: "";
  vertical-align: text-bottom;
  display: inline-block;
  box-sizing: border-box;
  width: 1rem;
  height: 1rem;
  border: 0.1rem solid #000;
  border-right-color: transparent;
  border-radius: 0.625rem;
  animation: oci-infinite-spinning 0.75s linear infinite;
}
@keyframes oci-infinite-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.orgchart.clickable > ul > li > ul li::before {
  border-top-color: #215a88;
}
.orgchart.clickable > ul > li > ul li .oc-node::before,
.orgchart.clickable ul li .oc-node:not(:only-child)::after {
  background-color: #215a88;
}
.orgchart.clickable .oc-node .position {
  box-sizing: border-box;
  background-color: #215a88;
  color: #fff;
  width: 130px;
  min-height: 45px;
  padding: 2px;
}
.orgchart.clickable .oc-node .fullname {
  box-sizing: border-box;
  color: #215a88;
  background-color: #fff;
  width: 130px;
  min-height: 35px;
  padding: 2px;
  border: 1px solid #215a88;
}
#centerAccNode .position {
  background-color: green;
}
#centerAccNode {
  border-color: green;
}
#centerAccNode .fullname {
  border-color: green;
}
.orgchart.clickable > ul > li > ul li #centerAccNode::before,
.orgchart.clickable ul li #centerAccNode:not(:only-child)::after {
  background-color: green;
}
.position a {
  color: white;
  font-weight: 600;
}
.orgchart ul li .oc-node:hover {
  background-color: transparent;
}
.orgchart-container {
  min-width: 60vw;
}
.fullname {
  text-align: left;
  padding-left: 5px!important;
}
.recordsButtonContainer {
  height: 100%;
  width: 50px;
  background-size: 60% !important;
  background-position: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaa8ab;
  font-size: 1.2rem;
}
.open {
  background-color: #FFF;
  color: #3584D4;
  position: relative;
  z-index: 2;
}
.recentRecordsContainer {
  position: absolute;
  width: 350px;
  top: 85%;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  animation-name: notificationShow;
  animation-duration: 0.2s;
  z-index: 1;
  user-select: none;
  /* standard syntax */
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
}
.recentRecordsContent {
  width: 100%;
  min-height: 200px;
  background-color: #FFF;
  max-height: 500px;
  overflow-y: scroll;
  box-shadow: 0 3px 10px 0 rgb(0 0 0%);
  font-size: 1rem;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  font-weight: 500;
  color: #241e20;
  padding: 8px 16px;
  /* box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.recordsHeader {
  text-align: center;
  font-weight: bold;
  padding: 10px;
}
.dateTimeItemRecords {
  display: inline-block;
  padding: 10px;
  width: 30%;
  max-width: 90px;
  white-space: nowrap;
}
.itemName {
  display: inline-block;
  padding: 10px;
  width: 70%;
  max-width: 310px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.moduleName {
  color: #B3B3B3;
  font-size: 0.7rem;
}
.recordLine {
  text-align: left;
  margin-bottom: 2px;
  padding: 0 10px;
  width: 100%;
  background: #FFF;
  border-bottom: 1px solid #eee;
}
.recordsTable {
  width: 100%;
  font-size: 1rem;
  font-weight: 500;
}
.messageContainer {
  margin-top: 30%;
  margin-bottom: 30%;
}
.messageContent {
  margin: auto;
  width: 60%;
  padding-left: 10px;
}
table.recordsTable .recordLine:hover {
  background: #fafafa;
}
table.recordsTable th {
  padding: 8px;
}
.tableHead {
  border-bottom: 1px solid #eee;
}
.portalAdminContainer {
  display: flex;
  height: 80%;
  margin-top: 10px;
}
.portalAdminColumn {
  width: 35%;
  height: 100%;
  overflow-y: auto;
  padding-right: 2px;
}
.portalAdminColumn.branchColumn {
  width: 40%;
}
.portalAdminColumn.roleColumn {
  border-left: 1px solid #D1D1D1;
  border-right: 1px solid #D1D1D1;
  margin: 0 10px;
  padding: 0 10px;
  width: 25%;
}
.portalAdminAccessItem {
  width: 100px;
  background-color: #efefef;
  margin: 3px;
  border: 1px solid black;
}
.dragableItem.isDragging {
  background-color: #cecece;
}
.portalAdminCompanyHeader {
  width: 100%;
  background-color: #F1F4F6;
  padding: 5px 10px;
  font-weight: 600;
}
.portalAdminCompanyHeader.rootBranch {
  background-color: #df0a25;
  color: #FFF;
}
.portalAdminRole {
  margin-left: 20px;
  margin-bottom: 7px;
  margin-top: 7px;
}
.portalAdminRolesDropzone {
  min-height: 60px;
}
.portalAdminUsersDropzone {
  min-height: 40px;
}
.portalDropZone.isDragOver {
  background-color: #ddd;
}
.dragableItem {
  padding: 7px;
}
.dragableItem.evenRow {
  background-color: #efefef60;
}
.dragableItem.dragAllowed:hover {
  background-color: #efefef;
}
.dragableItemIcon {
  margin-right: 5px;
}
.portalAccessContainer {
  margin-top: 10px;
}
#portalAccessTable {
  width: 100%;
  font-size: 1rem;
}
#portalAccessTable tr.evenRow {
  background-color: #efefef60;
}
#portalAccessTable td,
#portalAccessTable th {
  padding: 5px;
  border: 1px solid #ececec;
}
#portalAccessTable thead {
  background-color: #DFDFDF;
}
#portalAccessTable td div.acmSelectContainer > div:before {
  border: none;
}
#portalAccessTable td.noaccess div.acmSelectContainer > div {
  color: #E92222;
}
#portalAccessTable td.accessall div.acmSelectContainer > div {
  color: #31C136;
}
#portalAccessTable td.noaccess span.userAccess {
  color: #E92222;
}
#portalAccessTable td.accessall span.userAccess {
  color: #31C136;
}
.portalAdminDelIcon {
  padding: 3px;
  float: right;
}
.portalAdminDelIcon:hover {
  color: #E92222;
}
.userNonDrag {
  padding-left: 27px;
}
.adminTreeSearch {
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 2px 10px;
  width: 220px;
  margin-bottom: 10px;
}
.adminTreeSearch input {
  border: 0;
  outline: 0;
  height: 18px;
  background: transparent;
}
.portalAdminTick svg {
  color: #3584D4;
  width: 0.75em;
  height: 0.75em;
}
.dragableItem .portalAdminTick {
  padding: 0;
  padding-right: 9px;
}
.portalAdminMassUpdContainer .portalAdminMassTick {
  float: left;
  padding: 3px;
  margin-left: 5px;
}
.portalAdminColumn .portalAdminMassTick {
  padding: 2px;
  margin-left: 5px;
  margin-right: 5px;
}
.portalAdminColumnHeader {
  display: flex;
  justify-content: space-between;
}
.acmMaterial .acmButton.portalAdminAssignBtn {
  height: 25px;
  background-color: #31C136;
  color: #FFF;
}
.portalAdminAddComp {
  padding: 3px;
  float: right;
}
.portalAdminMassUpdContainer {
  display: flex;
  padding-bottom: 20px;
  overflow: auto;
}
.portalAdminMassUpdItems {
  margin: 0 10px;
  min-width: 400;
  overflow: auto;
  display: flex;
  flex-flow: column;
}
.portalAdminMassUpdItemsContainer {
  overflow-y: auto;
  height: 100%;
}
.portalAdminMassUpdHeader {
  background-color: #88888850;
  padding: 2;
  text-align: center;
  font-weight: bold;
}
.portalUserAccSelContainer {
  display: flex;
  margin-bottom: 10px;
}
.acmMaterial .portalUserAccSelContainer .acmSelectContainer {
  max-width: 400px;
  margin-left: 20px;
}
.portalUserAccSelContainer span {
  margin: auto 0;
}
.portalUserAccessContainer {
  padding: 0 15px 15px 15px;
}
.portalUserAccessContainer.portalAccessContainer {
  margin: 0;
}
.userAccessHeader {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  background-color: #FFF;
  height: 40px;
}
.userAccessHeader h3 {
  margin: auto 0px;
}
.portalUsersubpanelContainer {
  margin-top: 20px;
}
#page {
  margin-left: 0;
  height: calc(100% - 190px);
}
.pageContainer .ListViewContainerBody {
  margin: 0;
  box-shadow: none;
}
.acmPopup .pageContainer .ListViewContainerBody {
  margin: 15px 15px 10px 16px;
}
.newListViewContainer {
  padding: 0;
  margin-top: 15px;
}
.pageContainer .detailViewContainer {
  padding: 0 0 15px 0;
}
.detailView {
  padding: 0;
}
.detailViewTabContentRow {
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
}
.detailViewTabContentRow:empty {
  padding: 0;
  border-bottom: 0;
}
.headerBreadCrumb {
  height: auto;
  font-size: 12px;
  padding-left: 0;
  color: #000;
  margin-top: 10px;
}
.headerBreadCrumb a {
  color: #000;
  font-weight: normal;
}
.headerBreadCrumb a:last-child {
  color: gray!important;
}
.detailCard > .header > .title {
  font-size: 30px;
}
.detailCard {
  box-shadow: none;
}
.detailViewName {
  padding-left: 0;
}
.listViewActions {
  padding: 0;
  height: auto;
}
.acmTimeline {
  padding: 0 40px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}
.acmTimelinePoint {
  padding: 0;
}
.acmTimelinePointCenter {
  background-color: #fff;
  color: #ddd;
  font-size: 15px;
  font-weight: 700;
}
.detailViewPanelHeader {
  margin-top: 20px;
  border-bottom: 1px solid #ddd;
}
.detailViewPanelText {
  padding: 20px 0 10px 0;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
}
/*
HOME
 */
.homeCardHeader {
  display: none;
}
.home {
  padding: 0;
}
.homeCard {
  box-shadow: none;
}
.home .gridColumn {
  padding: 0;
}
#loginPage {
  background: #fff url(/img/login-bg.png) no-repeat bottom 15px right 15px;
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1420px) and (max-height: 1150px) {
  #loginPage {
    background: #fff;
  }
}
@media screen and (max-width: 480px) {
  #loginPage {
    background: #fff;
  }
}
.loginContent {
  background-color: #F4F4F4;
  border-radius: 10px;
}
.acmMaterial .loginTable .acmButton {
  background-color: #DE002A;
  border-radius: 25px;
  width: auto;
  height: 40px;
  font-weight: bold;
}
a,
a:hover {
  color: #DE002A;
}
#loginContentContainer {
  justify-content: normal;
}
#loginContainer {
  margin: auto;
}
.MuiOutlinedInput-notchedOutline {
  border-color: #000 !important;
}
.MuiFormLabel-root.Mui-focused {
  color: #000 !important;
}
.acmPopupHeader.red {
  color: #fff !important;
}
.newListViewLines a {
  color: #000;
}
.newListViewHeader {
  background-color: #F1F4F6;
}
.newListViewRow .newListViewLine:nth-child(odd),
.newListViewRow .listViwTableCell:nth-child(odd) {
  background-color: #FFFFFF;
}
.newListViewRow .newListViewLine:nth-child(even),
.newListViewRow .listViwTableCell:nth-child(even) {
  background-color: #FAFAFA;
}
.listViewSearchButton {
  color: #000;
}
.actionPanelButtonIcon {
  color: #000;
}
.detailViewHeaderIcon {
  display: none;
}
.detailCard {
  margin-bottom: 35px;
}
.detailQuoteProdComponent .detailViewName {
  padding-left: 4px;
}
.detailCard .header {
  height: auto;
  justify-content: space-between;
  min-height: 40px;
}
.letter.activeLetter {
  border-bottom: 3px solid #000;
  color: #000;
}
.letter:hover {
  background-color: #000;
}
.MuiButton-root {
  text-transform: none !important;
  font-size: 1rem !important;
}
.acmMaterial .acmButton {
  padding-left: 20px;
  padding-right: 20px;
}
.loginButtonContainer a {
  text-decoration: underline;
}
.newListViewHeader {
  font-size: 10px;
  text-transform: uppercase;
  width: 100%;
}
.detailCard .header .title {
  height: auto;
  max-width: none;
  line-height: normal;
}
.detailCard .header .title span {
  margin-right: 0;
}
.acmTimelinePointNumber {
  color: #DE002A;
}
.acmTimelinePointCenter.now {
  color: #000;
  border-bottom: 3px solid #DE002A;
}
.rightPanelContent {
  padding: 20px;
}
.subpanel {
  border: 1px solid #eee;
}
.toogleSubpanelButton {
  display: none;
}
.moveHolder.icon-Sortable {
  display: none;
}
.subpanelHeader .moreOptionsContainer {
  display: none;
}
.valueContainer.nullValue.notAllowed {
  border: 0;
  cursor: default;
}
.subpanel .subpanelPagination .arrow,
.subpanelMove .subpanelPagination .arrow,
.subpanel .pagination .arrow,
.subpanelMove .pagination .arrow {
  width: auto;
  height: 14px;
}
.globalSearchListContainer .newListViewContentInner {
  padding: 0 15px;
}
.acmMaterial .acmSelectContainer {
  background-color: transparent;
}
.acmMaterial .acmInput {
  background-color: transparent;
}
.newListViewHeaderCell.activeFiltering {
  height: 52px;
  align-items: center;
}
.newListViewLines,
.newListViewLines.activeFiltering {
  padding-top: 52px;
}
.newListViewLine {
  height: 60px;
}
.subpanel .filterContainer,
.subpanelMove .filterContainer {
  height: 33px;
  min-width: auto!important;
}
.footerBlock {
  height: auto;
}
.newListViewHeaderCell {
  background-color: #F1F4F6;
}
.breadcrumbDelimiter {
  font-size: 8px;
  color: #DE002A;
  padding-top: 2px;
}
.portal .customLinesCell .acmInput.withBorder {
  border: 0;
}
.MuiSelect-icon.Mui-disabled {
  display: none;
}
.detailQuoteProdComponent .acmSelect {
  border: 0;
  color: #333 !important;
  border-bottom: 1px dotted #DFDFDF;
}
.orderArrowsContainer.listViewHeadericonContainer {
  flex-flow: row;
  width: auto;
  padding-right: 10px;
}
.listViewHeadericonContainer {
  min-width: 30px;
}
.newListViewHeaderCell > div:first-child {
  width: 100%;
}
.newListViewHeader .newListViewHeaderCell:last-child .newListViewHeaderCellIconSet {
  margin-right: 10px;
}
.pageLoad {
  animation-duration: 4s;
  cursor: wait;
}
.acmMaterial .newListViewHeader .MuiSelect-icon {
  top: 0;
}
.orderTriangleTop,
.orderTriangleTop.select,
.orderTriangleBottom,
.orderTriangleBottom.select {
  height: 8px;
  width: 12px;
  border: 0;
}
.orderTriangleTop {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.303' height='7.566' viewBox='0 0 12.303 7.566'%3E%3Cpath id='Path_24' data-name='Path 24' d='M0,0,5.444,5.444,10.889,0' transform='translate(11.596 6.858) rotate(180)' fill='none' stroke='%23cdd5e1' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.orderTriangleTop.select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.303' height='7.566' viewBox='0 0 12.303 7.566'%3E%3Cpath id='Path_24' data-name='Path 24' d='M0,0,5.444,5.444,10.889,0' transform='translate(11.596 6.858) rotate(180)' fill='none' stroke='%237c828a' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.orderTriangleBottom {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.303' height='7.566' viewBox='0 0 12.303 7.566'%3E%3Cpath id='Path_22' data-name='Path 22' d='M452.514,644.809l5.444,5.444,5.444-5.444' transform='translate(-451.807 -644.102)' fill='none' stroke='%23cdd5e1' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.orderTriangleBottom.select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.303' height='7.566' viewBox='0 0 12.303 7.566'%3E%3Cpath id='Path_22' data-name='Path 22' d='M452.514,644.809l5.444,5.444,5.444-5.444' transform='translate(-451.807 -644.102)' fill='none' stroke='%237c828a' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.listviewSearch {
  border-radius: 50px;
  padding: 8px 25px 5px 10px;
}
.listViewSearch .acmInput {
  padding-right: 10px;
  height: auto;
}
.listViewSearchIcon {
  opacity: 1;
}
.listViewSearch .acmInputContainer {
  width: 322px;
}
.listviewSearch input::placeholder {
  font-size: 80%;
  font-family: FranklinGothicMediumITC, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important;
}
.acmMaterial .listViewLooksContent .MuiSelect-icon {
  top: calc(50% - 12px);
}
.acmMaterial .listViewLooksContent .acmSelect > div {
  padding-left: 15px;
}
.listViewFilterContainer {
  z-index: 10;
}
.overflowEllipsis {
  overflow: hidden;
}
.acmTimelinePointCenter.clickable {
  cursor: default;
}
.acmMaterial .acmTabContainer button[aria-selected='true'] {
  font-weight: 700;
}
.acmMaterial .MuiTab-root {
  font-weight: 700;
}
.detailview .acmTabContainer button {
  font-size: 22px;
  cursor: default;
  font-weight: 700;
  color: #ccc;
}
.acmMaterial .acmTabContainer button span {
  padding: 0;
}
.acmMaterial .MuiTabs-indicator {
  display: none;
}
.acmMaterial .MuiTab-root {
  padding: 6px !important;
}
#menu-container .clearButton {
  font-size: 0.8rem;
  opacity: 0.4;
  color: #333;
  padding-right: 8px;
  -webkit-transition: opacity 0.2s;
  /* Safari */
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
#menu-container .clearButton:hover {
  opacity: 1;
  cursor: pointer;
}
#menu-container .icon-search {
  cursor: pointer;
}
.newListViewLine.subpanelEditButton {
  display: none;
}
.valueContainer > span {
  padding-bottom: 8px;
}
.detailViewTabContentRow .detailViwRowGroup .detailViwRow {
  border-top: 1px solid #ddd;
  padding-top: 6px;
  padding-bottom: 6px;
}
.detailApiButtonContainer {
  display: none;
}
.viewActionPanel {
  padding-left: 0;
}
.listViewTableTree {
  display: none;
}
.customReportContainer {
  padding: 0;
}
.alignRight {
  text-align: right;
}
.customLinesHeader .customLinesCell {
  text-overflow: clip;
  overflow: auto;
  white-space: normal;
}
.customLinesCell {
  border-bottom: 1px dotted #ddd;
  padding: 5px;
  margin: 0 !important;
}
.customLinesFooter .customLinesCell {
  border-bottom: 0;
  padding: 0;
}
.customReport {
  box-shadow: none;
}
div.qGroupHeaderLeft > div:nth-child(2) {
  display: none;
}
.icon-quoteCloseGroup {
  display: none;
}
.qProductLineButtonContainer {
  visibility: hidden;
}
.qProductLine {
  margin-bottom: 0;
  padding-bottom: 3px;
}
.qProductLine .qProductProdNameField > div {
  border: 0;
}
.qGroupComponent .productGroupBody .qProductLine .quoteProductField .Mui-disabled fieldset {
  background-color: #fff;
  border: 0;
  opacity: 0;
}
.MuiInputBase-root.Mui-disabled {
  color: #000 !important;
}
.qProductGroupHeader > div:nth-child(3) {
  padding-left: 13px;
}
.qProductGroupHeader > div:nth-child(4) {
  padding-left: 12px;
}
.qProductGroupHeader > div:nth-child(5) {
  text-align: right;
  padding-right: 10px;
  width: 11% !important;
}
.qProductGroupHeader > div:nth-child(6) {
  width: 4% !important;
}
.qProductGroupHeader > div:nth-child(7) {
  text-align: right;
  padding-right: 10px;
}
.qProductGroupHeader > div:nth-child(8) {
  text-align: right;
  padding-right: 10px;
}
.qProductLine.qProductGroupHeader > div {
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 0 !important;
}
.qProductLine > div {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px dotted #ddd !important;
  min-height: 30px;
}
.qGroupHeaderFieldLbl {
  padding-left: 15px;
}
.quoteDescContainer {
  font-style: italic;
  padding-bottom: 20px;
}
.qGroupHeader fieldset {
  border: 0 !important;
}
.qGroupHeaderField .qGroupNameField {
  background-color: inherit;
  margin-top: 4px;
}
.productGroupBody > div:not(.qProductGroupHeader):hover,
.customLinesRowContainer:hover {
  background-color: #e2f6ff !important;
}
.productGroupBody > div:nth-child(even) {
  background-color: #fafafa;
}
.customLinesHeader .customLinesCell {
  padding: 15px 4px;
}
.customLinesFooter .customLinesCell {
  padding: 15px 4px;
}
.customLines > div:not(customLinesHeader):nth-child(even) {
  background-color: #fafafa;
}
.customLinesRowContainer {
  width: calc(100% - 40px);
  margin: 0 20px;
}
.QTotalContainerRow .amountsContainer {
  padding-right: 10px;
}
.SumsDiscouPriceContainer {
  color: #DE002A;
}
.acmDateFreeFormat > span {
  position: absolute;
  right: 0px;
  bottom: 10px;
  background-color: #F1F4F6;
}
.newListViewHeaderCell.activeFiltering {
  text-transform: none !important;
}
.newListViewHeaderCell.activeFiltering .acmInput > label,
.newListViewHeaderCell.activeFiltering .acmSelectContainer > label {
  text-transform: none;
  overflow: hidden;
  padding-top: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.acmMaterial .newListViewHeader .MuiSelect-icon {
  background-color: #F1F4F6;
}
html {
  font-size: 100% !important;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  padding: 0px;
  margin: 0px;
  background-color: #fff;
  font-size: 100% !important;
  font-family: FranklinGothicMediumITC, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}
#app {
  margin: 0 auto;
  padding: 0 20px;
}
#top-container {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  flex-flow: row;
}
#top-container a {
  color: #000;
  text-decoration: none;
}
#top-container a:hover {
  color: #DE002A;
}
.top-1 {
  font-weight: bold;
  font-size: 12px;
}
.top-2 a {
  display: flex;
  align-items: center;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}
.top-2 svg {
  margin-right: 5px;
}
.top-3 {
  display: flex;
  align-items: center;
}
.top-3 .icon {
  margin-right: 5px;
}
.top-3 b a {
  font-size: 100%;
}
.top-3 a {
  font-size: 88%;
  text-decoration: underline;
}
#menu-container {
  padding: 20px 0;
  display: flex;
  align-items: center;
}
.menu {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 17px;
  flex: 1;
  margin: 0 10px;
  max-width: 828px;
  /* kdyz by se sirka stranky natahlo na 100% */
  color: #4a4a4a;
}
.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.menu ul li {
  margin-left: 30px;
}
.menu ul li a {
  color: #4a4a4a;
  text-decoration: none;
}
.menu ul li a:hover {
  color: #de002a;
}
.menu ul li a.dropdown:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4.323' viewBox='0 0 7 4.323'%3E%3Cg id='Group_87' data-name='Group 87' transform='translate(-553 -81)'%3E%3Cg id='Group_86' data-name='Group 86'%3E%3Cpath id='Path_30' data-name='Path 30' d='M1039.322,119.011l2.678,2.672,2.677-2.672.823.823-3.5,3.5-3.5-3.5Z' transform='translate(-485.5 -38.011)' fill='%23de002a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
  content: "";
  width: 7px;
  height: 5px;
  top: -2px;
  right: -5px;
  position: relative;
  display: inline-block;
}
#menu-container .search {
  border: 1px solid #ddd;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
  margin-left: auto;
}
#menu-container .search input {
  border: 0;
  outline: 0;
  height: 18px;
  background: transparent;
  width: 220px;
}
#menu-container .search input::placeholder {
  color: #000;
  opacity: 0.42;
  font-size: 80%;
}
.divider,
.divider-responsive {
  width: 100px;
  border-bottom: 2px solid #DE002A;
}
.divider-responsive {
  display: none;
}
.white {
  color: #fff;
}
.red {
  color: #DE002A;
}
.bg-gray {
  background-color: #f4f4f4;
}
.bg-red {
  background-color: #DE002A;
}
/* dropdown*/
li.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 98;
}
li.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-content a {
  display: block;
  margin: 8px 0;
}
.dropdown-content a:hover {
  color: #df0a25;
}
.detailCard .divider {
  margin: 10px 0;
}
.listViewheaderBoxContainer .divider {
  margin-top: 10px;
}
.listViewActions .title,
.login .title {
  font-size: 48px;
  font-weight: 700;
}
.login .title {
  margin: 35px 0 10px 0;
}
.listViewActions2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.listViewActions2 > div {
  margin: 0 10px;
}
.detailViewActions {
  display: flex;
  align-items: center;
}
.detailViewActions > div {
  margin: 0 10px;
}
.rounded-button {
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.icon-overdue {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cg transform='translate(-339 -460.019)'%3E%3Cpath d='M11.875,3.375a8.5,8.5,0,1,0,8.5,8.5A8.5,8.5,0,0,0,11.875,3.375Zm.572,9.236a.574.574,0,0,1-.572.572H7.952a.572.572,0,0,1,0-1.144H11.3V6.644a.572.572,0,1,1,1.144,0Z' transform='translate(335.625 456.644)'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-warning {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.438' height='17.438' viewBox='0 0 17.438 17.438'%3E%3Cpath d='M556.766,183.132a8.719,8.719,0,1,0,8.719,8.719A8.721,8.721,0,0,0,556.766,183.132Zm0,3.867a1.477,1.477,0,1,1-1.477,1.477A1.478,1.478,0,0,1,556.766,187Zm1.969,8.93a.422.422,0,0,1-.422.422h-3.094a.422.422,0,0,1-.422-.422v-.844a.421.421,0,0,1,.422-.421h.422v-2.25h-.422a.422.422,0,0,1-.422-.422v-.844a.422.422,0,0,1,.422-.422h2.25a.422.422,0,0,1,.422.422v3.516h.422a.421.421,0,0,1,.422.421Z' transform='translate(-548.047 -183.132)' fill='%23de002a'/%3E%3C/svg%3E");
}
.icon-export-records {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg transform='translate(-528 -144)'%3E%3Cg transform='translate(528 144)' fill='%23fff' stroke='%23000' stroke-width='1'%3E%3Ccircle cx='15' cy='15' r='15' stroke='none'/%3E%3Ccircle cx='15' cy='15' r='14.5' fill='none'/%3E%3C/g%3E%3Cpath d='M11.452,3.636a.713.713,0,0,0-.209-.5L8.324.209A.715.715,0,0,0,7.817,0H7.635V3.817h3.817Zm5.577,5.55L14.175,6.311a.478.478,0,0,0-.817.337V8.589H11.449V10.5h1.909v1.945a.478.478,0,0,0,.817.337L17.029,9.9A.508.508,0,0,0,17.029,9.186Zm-11.3.835V9.066A.479.479,0,0,1,6.2,8.589h5.249V4.772H7.4a.718.718,0,0,1-.716-.716V0H.716A.714.714,0,0,0,0,.716V14.554a.714.714,0,0,0,.716.716H10.737a.714.714,0,0,0,.716-.716V10.5H6.2A.479.479,0,0,1,5.726,10.021Z' transform='translate(536 151.163)'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-print-records {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg transform='translate(-528 -144)'%3E%3Cg transform='translate(528 144)' fill='%23fff' stroke='%23000' stroke-width='1'%3E%3Ccircle cx='15' cy='15' r='15' stroke='none'/%3E%3Ccircle cx='15' cy='15' r='14.5' fill='none'/%3E%3C/g%3E%3Cpath d='M17.562,8.783H5.57A2.566,2.566,0,0,0,3,11.353v5.139H6.426v3.426H16.705V16.492h3.426V11.353A2.566,2.566,0,0,0,17.562,8.783Zm-2.57,9.422H8.139V13.922h6.853Zm2.57-6a.857.857,0,1,1,.857-.857A.859.859,0,0,1,17.562,12.209ZM16.705,4.5H6.426V7.926H16.705Z' transform='translate(531.217 146.5)'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-home-breadcrumb {
  height: 12px;
  width: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.002' height='12.248' viewBox='0 0 14.002 12.248'%3E%3Cpath id='Path_38' data-name='Path 38' d='M555.559,182.138l-4.481,4.153v4.481a.466.466,0,0,0,.114.309.369.369,0,0,0,.275.128l2.723-.008a.365.365,0,0,0,.274-.128.465.465,0,0,0,.113-.309v-2.617a.465.465,0,0,1,.114-.309.37.37,0,0,1,.275-.129h1.556a.37.37,0,0,1,.275.129.466.466,0,0,1,.114.309v2.615a.452.452,0,0,0,.029.168.43.43,0,0,0,.084.142.4.4,0,0,0,.126.1.356.356,0,0,0,.15.033l2.722.008a.369.369,0,0,0,.275-.128.466.466,0,0,0,.114-.309v-4.484l-4.48-4.15a.273.273,0,0,0-.372,0Zm7.078,2.823-2.031-1.885v-3.787a.348.348,0,0,0-.086-.232.275.275,0,0,0-.206-.1h-1.361a.272.272,0,0,0-.206.1.348.348,0,0,0-.086.232v1.985l-2.176-2.014a1.069,1.069,0,0,0-1.483,0l-6.152,5.7a.312.312,0,0,0-.072.1.368.368,0,0,0-.033.123.388.388,0,0,0,.012.127.357.357,0,0,0,.054.113l.62.847a.3.3,0,0,0,.088.082.289.289,0,0,0,.109.037.277.277,0,0,0,.114-.013.306.306,0,0,0,.1-.061l5.717-5.3a.271.271,0,0,1,.372,0l5.717,5.3a.306.306,0,0,0,.1.061.277.277,0,0,0,.114.013.272.272,0,0,0,.109-.037.3.3,0,0,0,.088-.081l.62-.848a.358.358,0,0,0,.054-.113.358.358,0,0,0-.023-.25A.3.3,0,0,0,562.637,184.961Z' transform='translate(-548.744 -178.961)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.acmButton.roundedDetailAction {
  border-radius: 50px;
  background-color: #df0a25;
  color: #fff;
  margin-left: 100px;
  font-weight: bold;
}
.acmButton.roundedDetailAction.greenBtn {
  background-color: #31C136;
}
.acmButton.roundedDetailAction.blueBtn {
  background-color: #3584d4;
}
.viewActionPanel .acmButton.roundedDetailAction {
  margin-left: 0px;
  margin-bottom: 10px;
  font-weight: normal;
}
.roundedDetailAction .actionPanelButtonIcon {
  color: #FFF;
  margin-right: 5px;
}
.detailViewName2 {
  font-size: 24px;
}
.listViewIcon {
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
  margin-right: 5px;
  height: 17px;
}
.listViechCheckBoxTd {
  align-items: center;
}
.newListViewHeaderCell {
  align-items: center;
}
.filterContainer {
  background-color: #F1F4F6;
  height: auto;
  right: 10px;
}
.menu .menu-responsive {
  display: none;
}
.logo img {
  width: 205px;
  height: 54px;
}
.portalInputLine {
  border-bottom: 1px solid #a1a1a1;
}
.portalInputLine label {
  font-weight: normal;
}
.portalInputLine td:first-child {
  width: 70px;
  color: #a1a1a1;
}
.portalInputLine td {
  padding: 35px 0 10px 5px;
}
.portalInputLine input {
  font-size: 19px;
  font-weight: bold;
  border: 0;
  width: 100%;
  background-color: #F4F4F4 !important;
  margin-bottom: 6px;
}
.portalInputLine input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #F4F4F4 inset !important;
}
.portalInputLine input:-webkit-autofill::first-line {
  font-size: 19px !important;
  font-weight: bold  !important;
  font-family: FranklinGothicMediumITC, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}
.portalInputLine input:focus {
  outline: none;
}
.viewActionPanel.portalAdminButtons {
  justify-content: flex-start;
}
.portalExpand {
  cursor: pointer;
  margin-left: 5px;
}
.mdi-subitem {
  padding-left: 114px;
}
.homeCard .title {
  font-size: 38px;
  font-weight: 700;
  margin-top: 30px;
}
.homeCard .title a {
  color: #333;
}
.homeCard .title a:hover {
  color: #DE002A;
  text-decoration: none;
}
.homeCard .divider {
  padding: 4px 0 8px 0;
}
.homeCard .subtitle {
  font-size: 25px;
  font-weight: 400;
  padding: 10px 0;
}
#xmlfeed {
  width: 700px;
  padding: 25px 15px;
}
#xmlfeed a {
  color: #DE002A;
  cursor: pointer;
  text-decoration: underline;
}
@media screen and (max-width: 1200px) {
  .menu .menu-normal {
    display: none;
  }
  .menu .menu-responsive {
    display: flex;
  }
}
@media screen and (max-width: 700px) {
  #top-container {
    flex-flow: column;
  }
  #top-container > div {
    padding: 5px 0;
  }
  #top-container .top-3 {
    order: 1;
  }
  #top-container .top-1 {
    order: 2;
  }
  #top-container .top-2 {
    order: 3;
  }
  #menu-container {
    flex-flow: column;
  }
  #menu-container .logo {
    order: 1;
  }
  #menu-container .search {
    order: 2;
    margin: 10px 0;
  }
  #menu-container .menu {
    order: 3;
  }
  #menu-container {
    align-items: normal;
  }
  #menu-container .search {
    width: auto;
  }
  #menu-container .search input {
    width: auto;
    flex: 1;
  }
  .menu {
    margin: 0;
  }
  .menu ul {
    justify-content: normal;
  }
  .listViewActions {
    align-items: normal;
    flex-flow: column;
  }
  .listViewActions .flexVerticalCenter {
    margin: 14px 0;
    order: 3;
  }
  .listViewSearch {
    flex: 1;
  }
  .listviewSearch {
    padding: 0 10px 0 8px;
  }
  .listViewSearch .acmInputContainer {
    flex: 1;
  }
  .listViewheaderBoxContainer .divider-responsive {
    order: 2;
  }
  .listViewActions .title {
    order: 1;
  }
  .divider-responsive {
    display: block;
  }
  .listViewheaderBoxContainer .divider {
    display: none;
  }
  .listViewActions2 > div {
    margin: 0 5px;
  }
  .listViewLooksContent {
    min-width: auto;
    padding-left: 0;
    flex: 1;
  }
  .listViewActions2 {
    justify-content: normal;
  }
  .listViewLooksContainer {
    flex: 1;
  }
  .acmButton.roundedDetailAction {
    margin-left: 10px;
  }
  .acmTimeline {
    padding: 0;
  }
  .detailQuoteProdComponent {
    min-width: 1200px;
  }
  .DetailViewMainContainer,
  .ListViewContainer {
    height: auto;
  }
  .pageContainer .ListViewContainerBody {
    min-height: auto;
    height: auto;
  }
  #page {
    padding-top: 30px;
  }
  .subpanel {
    min-width: 1200px;
  }
  .detailViwRow {
    width: 100% !important;
  }
  .detailViewTabContentRow {
    flex-flow: column nowrap;
  }
  .detailViewTabContentRow .detailViwRow {
    border-bottom: 1px solid #ddd;
    padding-right: 0;
  }
  .detailViewTabContentRow .detailViwRow:first-child {
    padding-right: 0;
  }
  .DetailviewLabel {
    padding-right: 0;
  }
  .detailViewTabContentRow {
    padding: 0;
    border-bottom: 0;
  }
  #app {
    padding: 0 10px;
  }
  .listViewSearch .acmInputContainer {
    width: auto;
  }
  .acmPopup {
    justify-content: normal;
  }
  .acmPopup .popupContent {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 100%;
    min-width: 250px;
  }
  .exportListPopupContent {
    width: auto;
  }
  .menu ul li {
    margin-left: 0;
  }
}
@media screen and (max-width: 450px) {
  #loginContainer {
    width: 100%;
  }
  .loginContent {
    padding: 15px;
    height: 100%;
  }
  .acmButton.roundedDetailAction {
    font-size: 12px !important;
  }
  .mdi-chevron-right {
    display: none;
  }
}
@media screen and (max-height: 700px) {
  .acmPopup .popupContent {
    margin-top: 10px;
    top: 0 !important;
  }
}
@media screen and (min-width: 1300px) {
  .homeCard .newListViewContentInner::-webkit-scrollbar {
    visibility: hidden;
    height: 0;
    width: 10px;
    scrollbar-color: #F9F9F9;
  }
}
.acmMaterial .newListView .acmTickbox {
  padding: 0px;
}
.acmMaterial .newListView .acmTickbox > span > svg {
  font-size: 16px;
}
.acmMaterial .acmTickBox.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/*# sourceMappingURL=style.css.map*/