/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/assets/scss/main.scss ***!
  \************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&display=swap);
/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/index.css ***!
  \************************************************************************************************************************************/
body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

.login {
  max-width: 350px;
  margin: auto;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/assets/scss/main.scss (1) ***!
  \****************************************************************************************************************************************************/
@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1 !important;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 !important;
}

ol, ul, dl {
  list-style: none;
  margin: 0 !important;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  outline: none;
  border: 0;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

/* colors */
/* opacity */
/* transition */
/* transform */
/* box shadow */
/* border radius */
/* Single side border-radius */
/* border box */
/* user select */
/* placeholder color */
/* table listings */
/* overflow hidden style */
/* appearance */
/* transition delay */
/*modal fixed footer*/
/* left menu scroll area */
/* responsive mixins */
/*declarations can be only used within styles*/
@media only screen and (max-width: 1440px) {
  .ref-class-only {
    padding-left: 50px;
  }
}

/*!
 * 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: "•";
}

.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: "☑";
}

.ql-editor ul[data-checked=false] > li::before {
  content: "☐";
}

.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;
}

/*!
 * 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: "•";
}

.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: "☑";
}

.ql-editor ul[data-checked=false] > li::before {
  content: "☐";
}

.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: " ";
  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;
}

/*!
 * 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: "•";
}

.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: "☑";
}

.ql-editor ul[data-checked=false] > li::before {
  content: "☐";
}

.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-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}

.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}

.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
  float: left;
  height: 100%;
}

.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
  outline: none;
}

.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
  display: none;
}

.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
  color: #fff;
}

.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #fff;
}

.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #fff;
}

@media (pointer: coarse) {
  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
    color: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #ccc;
  }
}
.ql-bubble {
  box-sizing: border-box;
}

.ql-bubble * {
  box-sizing: border-box;
}

.ql-bubble .ql-hidden {
  display: none;
}

.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
  visibility: hidden;
}

.ql-bubble .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}

.ql-bubble .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}

.ql-bubble .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}

.ql-bubble .ql-formats {
  display: inline-block;
  vertical-align: middle;
}

.ql-bubble .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}

.ql-bubble .ql-stroke {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ql-bubble .ql-stroke-miter {
  fill: none;
  stroke: #ccc;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill: #ccc;
}

.ql-bubble .ql-empty {
  fill: none;
}

.ql-bubble .ql-even {
  fill-rule: evenodd;
}

.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
  stroke-width: 1;
}

.ql-bubble .ql-transparent {
  opacity: 0.4;
}

.ql-bubble .ql-direction svg:last-child {
  display: none;
}

.ql-bubble .ql-direction.ql-active svg:last-child {
  display: inline;
}

.ql-bubble .ql-direction.ql-active svg:first-child {
  display: none;
}

.ql-bubble .ql-editor h1 {
  font-size: 2em;
}

.ql-bubble .ql-editor h2 {
  font-size: 1.5em;
}

.ql-bubble .ql-editor h3 {
  font-size: 1.17em;
}

.ql-bubble .ql-editor h4 {
  font-size: 1em;
}

.ql-bubble .ql-editor h5 {
  font-size: 0.83em;
}

.ql-bubble .ql-editor h6 {
  font-size: 0.67em;
}

.ql-bubble .ql-editor a {
  text-decoration: underline;
}

.ql-bubble .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}

.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}

.ql-bubble .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.ql-bubble .ql-editor code {
  font-size: 85%;
  padding-bottom: 2px;
  padding-top: 2px;
}

.ql-bubble .ql-editor code:before,
.ql-bubble .ql-editor code:after {
  content: " ";
  letter-spacing: -2px;
}

.ql-bubble .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}

.ql-bubble .ql-editor img {
  max-width: 100%;
}

.ql-bubble .ql-picker {
  color: #ccc;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

.ql-bubble .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}

.ql-bubble .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}

.ql-bubble .ql-picker-options {
  background-color: #444;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}

.ql-bubble .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  color: #777;
  z-index: 2;
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #777;
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #777;
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}

.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width: 28px;
}

.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}

.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}

.ql-bubble .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}

.ql-bubble .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}

.ql-bubble .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}

.ql-bubble .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}

.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}

.ql-bubble .ql-picker.ql-header {
  width: 98px;
}

.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}

.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}

.ql-bubble .ql-picker.ql-font {
  width: 108px;
}

.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}

.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}

.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}

.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}

.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}

.ql-bubble .ql-picker.ql-size {
  width: 98px;
}

.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}

.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}

.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}

.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}

.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}

.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}

.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}

.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}

.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 12px 8px 0px;
}

.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 12px;
}

.ql-bubble .ql-color-picker svg {
  margin: 1px;
}

.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color: #fff;
}

.ql-bubble .ql-tooltip {
  background-color: #444;
  border-radius: 25px;
  color: #fff;
}

.ql-bubble .ql-tooltip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
}

.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid #444;
  top: -6px;
}

.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top: 6px solid #444;
  bottom: -6px;
}

.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display: block;
}

.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility: hidden;
}

.ql-bubble .ql-tooltip-editor {
  display: none;
}

.ql-bubble .ql-tooltip-editor input[type=text] {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  height: 100%;
  outline: none;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}

.ql-bubble .ql-tooltip-editor a {
  top: 10px;
  position: absolute;
  right: 20px;
}

.ql-bubble .ql-tooltip-editor a:before {
  color: #ccc;
  content: "×";
  font-size: 16px;
  font-weight: bold;
}

.ql-container.ql-bubble:not(.ql-disabled) a {
  position: relative;
  white-space: nowrap;
}

.ql-container.ql-bubble:not(.ql-disabled) a::before {
  background-color: #444;
  border-radius: 15px;
  top: -5px;
  font-size: 12px;
  color: #fff;
  content: attr(href);
  font-weight: normal;
  overflow: hidden;
  padding: 5px 15px;
  text-decoration: none;
  z-index: 1;
}

.ql-container.ql-bubble:not(.ql-disabled) a::after {
  border-top: 6px solid #444;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 0;
  content: " ";
  height: 0;
  width: 0;
}

.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  left: 0;
  margin-left: 50%;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: visibility 0s ease 200ms;
  visibility: hidden;
}

.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
  visibility: visible;
}

.github-block {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.github-href {
  padding-right: 30px;
  background-position: center right;
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #2a2a2a;
  margin-right: 10px;
}

.demo-source {
  display: none;
}

pre {
  margin-bottom: 0 !important;
}
pre code.hljs {
  display: block;
}

code.hljs {
  display: inline;
}

span.new {
  font-size: 90%;
  color: #dc385f;
}

.github-logo {
  width: 40px;
  display: block;
  position: relative;
}
.github-logo img {
  max-width: 100%;
  opacity: 0.9;
}
.github-logo img:hover {
  opacity: 1;
}

.source {
  width: 100%;
  height: 90vh;
  left: 0;
  top: 0;
  position: relative;
  display: none;
}
.source .source-block {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 301;
  overflow: scroll;
}
.source .source-block pre {
  display: block;
  position: relative;
}
.source .source-block pre code {
  font-size: 90%;
}

.demo-block {
  border-top: solid 1px #dcdcdc;
  border-bottom: solid 1px #dcdcdc;
}

.flip-book {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  display: none;
  z-index: 100;
}

.html-book {
  background-size: cover;
}

.page {
  height: 100%;
  padding: 20px;
  background-color: hsl(35, 55%, 98%);
  color: #526270 !important;
  border: solid 1px #15bef0 !important;
  overflow: hidden;
}
.page .page-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}
.page .page-content .page-header {
  height: 30px;
  font-size: 100%;
  text-transform: uppercase;
  text-align: center;
}
.page .page-content .page-image {
  height: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.page .page-content .page-text {
  height: 100%;
  flex-grow: 1;
  font-size: 80%;
  text-align: justify;
  margin-top: 10px;
  padding-top: 10px;
  box-sizing: border-box;
  border-top: solid 1px hsl(35, 55%, 90%);
}
.page .page-content .page-footer {
  height: 30px;
  border-top: solid 1px hsl(35, 55%, 90%);
  font-size: 80%;
  color: hsl(35, 20%, 50%);
}
.page .page-content p,
.page .page-content li {
  line-height: 1.5em !important;
  font-family: open-sans;
}
.page .page-content h2 {
  color: #526270 !important;
  font-size: 15px !important;
  font-family: open-sans;
}
.page .page-content h1 strong {
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 24px;
  font-family: open sans-serif;
}
.page.--left {
  border-right: 0;
  box-shadow: inset -7px 0 30px -7px rgba(0, 0, 0, 0.4);
}
.page.--right {
  border-left: 0;
  box-shadow: inset 7px 0 30px -7px rgba(0, 0, 0, 0.4);
}
.page.--right .page-footer {
  text-align: right;
}
.page.hard {
  background-color: hsl(35, 50%, 90%);
  border: solid 1px hsl(35, 20%, 50%);
}
.page.page-cover {
  background-color: hsl(35, 45%, 80%);
  color: hsl(35, 35%, 35%);
  border: solid 1px hsl(35, 20%, 50%);
}
.page.page-cover h2 {
  text-align: center;
  padding-top: 50%;
  font-size: 210%;
}
.page.page-cover.page-cover-top {
  box-shadow: inset 0px 0 30px 0px rgba(36, 10, 3, 0.5), -2px 0 5px 2px rgba(0, 0, 0, 0.4);
}
.page.page-cover.page-cover-bottom {
  box-shadow: inset 0px 0 30px 0px rgba(36, 10, 3, 0.5), 10px 0 8px 0px rgba(0, 0, 0, 0.4);
}
.page strong {
  font-weight: bold !important;
}

.stf__parent {
  margin: 0 auto;
}

.show-index-btn {
  margin: 0 auto !important;
}

.page-container {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.page-container .page-container-inner::-webkit-scrollbar-track {
  background: #c5ced2 !important;
  border-radius: 6px !important;
}
.page-container .page-container-inner::-webkit-scrollbar {
  width: 8px;
}
.page-container .page-container-inner::-webkit-scrollbar-thumb {
  background-color: #5d838f;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.page-container .page {
  min-height: 640px;
}
.page-container .flip-book {
  min-width: 632px;
}

/* button styles */
button,
.button {
  border: none;
  outline: none;
  cursor: pointer;
  text-transform: uppercase !important;
  color: #ffffff;
  font-size: 11px !important;
  font-weight: 600;
  letter-spacing: 0.6px;
  height: 36px;
  padding: 0 15px;
  background: #15bef0;
  line-height: initial !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
button:hover,
.button:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18);
}
button.btn-small,
.button.btn-small {
  width: 130px;
  color: #ffffff;
}
button.btn-medium,
.button.btn-medium {
  width: 150px;
  color: #ffffff;
}
button.btn-large,
.button.btn-large {
  width: 185px;
}
button.btn-green,
.button.btn-green {
  background: #b5d991;
  color: #526270;
}
button.btn-green[disabled],
.button.btn-green[disabled] {
  opacity: 0.5 !important;
}
button.btn-light,
.button.btn-light {
  background: #e0ebf5;
  color: #526270;
}
button.btn-gray,
.button.btn-gray {
  background: #526270;
  color: #ffffff !important;
}
button.btn-dark,
.button.btn-dark {
  background: #0a2935;
}
button.btn-red,
.button.btn-red {
  background: #ff0000;
}
button.btn-red[disabled],
.button.btn-red[disabled] {
  opacity: 0.5 !important;
}
button.btn-primary,
.button.btn-primary {
  background: #293744;
  height: 32px;
  font-size: 10px !important;
}
button.btn-long,
.button.btn-long {
  width: 100%;
  color: #ffffff;
}
button.notification-btn,
.button.notification-btn {
  width: fit-content;
  min-width: 140px;
}

.view-all-btn {
  background: #526270;
  margin-left: 15px;
  margin-right: 30px;
}
.view-all-btn:hover {
  color: initial;
}

.view-all-sm {
  background: #ccd3da;
  color: #526270 !important;
  height: max-content;
  padding: 5px 10px;
  font-size: 10px !important;
}
.view-all-sm:hover {
  color: initial;
}

/* button link*/
.btn-link {
  background-color: transparent;
  color: #19193e;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
}
.btn-link:hover, .btn-link:focus {
  background-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none;
}

/* add new button styles */
.add-new-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #19193e;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  margin-left: 20px;
}
.add-new-btn .badge {
  display: block;
  height: 28px;
  width: 28px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #ff9c1d;
  text-align: center;
  padding: 4px;
  margin-right: 8px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}
.add-new-btn .badge i {
  font-size: 20px;
  color: #ffffff;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.add-new-btn:hover {
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
  color: initial;
}
.add-new-btn:hover .badge {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.add-new-btn:hover .badge i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.add-new-btn-simple-header {
  text-transform: none !important;
}

/* add new button - blue */
.add-btn-primary {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background: transparent;
  font-weight: 600;
  font-size: 12px;
  color: #19193e;
  margin-bottom: 12px;
}
.add-btn-primary .badge {
  display: block;
  height: 22px;
  width: 22px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #15bef0 !important;
  text-align: center;
  padding: 2px;
  margin-right: 5px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.add-btn-primary .badge.badge-orange {
  background: #ff9c1d !important;
}
.add-btn-primary .badge i {
  font-size: 18px;
  color: #ffffff;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.add-btn-primary:hover {
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
  color: inherit;
}
.add-btn-primary:hover .badge {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
}
.add-btn-primary:hover .badge i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.add-btn-primary.add-customer-btn {
  margin-bottom: 0;
  width: 190px;
}

/* button only with an icon */
.icon-btn {
  background: transparent;
  color: #637280;
  height: 36px;
  padding: 4px 10px;
}
.icon-btn:hover {
  color: #15bef0;
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}

/* button with icon */
.btn-inline {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 10px !important;
  height: 30px;
  padding: 0 8px;
  color: #ffffff;
}
.btn-inline i {
  font-size: 18px;
  margin-right: 4px;
}
.btn-inline i.send-icon {
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
  margin-top: -5px;
}

/* button without bg */
.btn-link-tp {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 11px !important;
  height: 34px;
  padding: 0 8px;
  color: #75838e;
  background: transparent;
}
.btn-link-tp i {
  font-size: 20px;
  margin-left: 4px;
}
.btn-link-tp i.reply-icon {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.btn-link-tp:hover {
  background: #efefef;
}

.btn-circle {
  background: #c4cfd8;
  color: #526270;
  margin-left: 10px;
  height: 30px;
  width: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.btn-circle i {
  font-size: 20px;
}
.btn-circle i.attachment-icon {
  -webkit-transform: rotate(-50deg);
  -moz-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  -o-transform: rotate(-50deg);
  transform: rotate(-50deg);
}
.btn-circle i.attachment-icon-2 {
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
}
.btn-circle i.attachment-icon-3 {
  -webkit-transform: rotate(312deg);
  -moz-transform: rotate(312deg);
  -ms-transform: rotate(312deg);
  -o-transform: rotate(312deg);
  transform: rotate(312deg);
}
.btn-circle i.downloadn-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.btn-circle:hover {
  background: #526270;
  color: #c4cfd8;
}
.btn-circle.circle-sm {
  width: 26px;
  height: 26px;
}

.ant-upload .btn-circle {
  margin-left: 0;
}

.form-close-btn {
  background: #ff0000;
  color: #ffffff;
  height: 24px;
  width: 24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding: 5px;
  margin-left: 10px;
  text-align: center;
}
.form-close-btn i {
  font-size: 14px;
  font-weight: 600;
}

.prnt-btn-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-flow: row-reverse;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 20px;
}
.prnt-btn-group .btn-circle {
  min-width: 30px;
}

.invoice-top-area {
  flex-flow: unset;
  justify-content: end;
  align-items: center;
  gap: 10px;
}
.invoice-top-area .msg-error {
  color: #ff531d;
  text-align: end;
  font-weight: 400;
}
.invoice-top-area .msg-success {
  color: green;
  text-align: end;
  font-weight: 400;
}

.btn-circle-wb {
  background: transparent;
  color: #a7b6c2;
  height: 36px;
  width: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding: 0;
}
.btn-circle-wb i {
  font-size: 26px;
}
.btn-circle-wb i.reply-icon {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.btn-circle-wb:hover {
  background: #c4cfd8;
  color: #637280;
}
.btn-circle-wb.close-email-btn {
  margin-left: auto;
}

.jo-btn {
  margin-top: 15px;
  justify-content: center;
}
.jo-btn i {
  margin-right: 8px;
}

a:focus {
  text-decoration: none !important;
}

/* remove this after implement the left nav in cusomer card */
.cc-action-btns {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: align-items;
  -moz-align-items: align-items;
  -ms-align-items: align-items;
  align-items: align-items;
}
.cc-action-btns button {
  height: 32px;
  width: 150px;
}
.cc-action-btns button:last-child {
  margin-left: 15px;
}

/*ant button - rounded*/
.ant-btn-lg {
  width: 80px !important;
  height: 80px !important;
  background-color: #15bef0 !important;
  border-color: #15bef0 !important;
}

.ant-btn-icon-only.ant-btn-lg > * {
  font-size: 40px !important;
}

.chat-icon-home {
  position: absolute !important;
  bottom: 5%;
  right: 5%;
}

.disable-ev {
  background: #81888e !important;
}

.login-button {
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.6px !important;
  height: 36px !important;
  padding: 0 15px !important;
  background: #15bef0 !important;
  line-height: initial !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.login-button:hover {
  cursor: pointer !important;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18);
}

/* form styles */
.form-group {
  position: relative;
  /* this is for MVA dropdown in create sales article */
}
.form-group label {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  color: #526270;
}
.form-group label.label-black {
  color: #000000;
}
.form-group label.group-label {
  border-bottom: 1px solid #526270;
  margin-bottom: 10px;
  padding-bottom: 2px;
}
.form-group label.required::after {
  display: inline-flex;
  content: "";
  width: 5px;
  height: 5px;
  background: #ff0000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  vertical-align: super;
  margin-left: 3px;
}
.form-group label.list-title {
  color: #15bef0;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
}
.form-group legend.required::after {
  display: inline-flex;
  content: "";
  width: 5px;
  height: 5px;
  background: #ff0000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  vertical-align: super;
  margin-left: 3px;
}
.form-group .form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 0 10px;
  font-size: 13px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #19193e;
  line-height: 36px;
  border: 1px solid #989fa7;
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.form-group .form-control::-webkit-input-placeholder {
  color: #909fa7;
}
.form-group .form-control:-moz-placeholder {
  color: #909fa7;
}
.form-group .form-control::-moz-placeholder {
  color: #909fa7;
}
.form-group .form-control:-ms-input-placeholder {
  color: #909fa7;
}
.form-group .form-control:hover, .form-group .form-control:focus {
  border-color: #15bef0;
  outline: none;
  -webkit-box-shadow: 0 0 2px #15bef0;
  -moz-box-shadow: 0 0 2px #15bef0;
  box-shadow: 0 0 2px #15bef0;
}
.form-group .form-control.invalid-field {
  border-color: #ff8989 !important;
  background-color: #fdeef1 !important;
  -webkit-box-shadow: 0 0 2px #ff8989;
  -moz-box-shadow: 0 0 2px #ff8989;
  box-shadow: 0 0 2px #ff8989;
}
.form-group .form-control.form-tag-group {
  line-height: 1.5;
  padding: 1px 5px;
  min-height: 36px;
  height: auto !important;
  white-space: normal;
}
.form-group .form-control.tagsinput-fixed-height {
  max-height: 60vh;
  overflow-y: auto;
}
.form-group .form-control.light-orange {
  background-color: #ffe1b4;
}
.form-group.form-bg {
  background: #ffffff;
  border: 1px solid #15bef0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  padding: 10px;
}
.form-group.w-1-3 {
  width: calc(33.3333333333% - 13px);
}

.form-inline {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-left: 15px;
}
.form-inline .form-control {
  width: 100px;
}

.error-msg {
  color: #ff0000;
  font-size: 12px;
  font-weight: 500;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.info-msg {
  color: #637280;
  font-size: 12px;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* select styles */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 36px;
  width: 100%;
  padding: 0 10px;
  font-size: 12px !important;
  line-height: initial !important;
  color: #19193e;
  background: url(https://qa.dev.bluetag.no/assets/img/arrow_down.svg) #ffffff no-repeat;
  background-position: right;
  background-size: 34px 20px;
  padding-right: 35px !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #989fa7;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
select:hover, select:focus {
  border-color: #15bef0;
  outline: none !important;
  -webkit-box-shadow: 0 0 2px #15bef0;
  -moz-box-shadow: 0 0 2px #15bef0;
  box-shadow: 0 0 2px #15bef0;
}
select option {
  display: block;
  white-space: pre;
}

/* need to remove after this dropdown change */
.add-address-dp {
  width: 300px;
  margin-right: 50px;
  border: none;
}
.add-address-dp:hover {
  border: none;
  box-shadow: none;
}

/* textatea styles */
textarea {
  min-height: 100px;
  overflow: auto !important;
  white-space: pre-wrap !important;
  line-height: 1.5 !important;
  padding: 6px 10px !important;
}
textarea::-webkit-input-placeholder {
  color: #909fa7;
}
textarea:-moz-placeholder {
  color: #909fa7;
}
textarea::-moz-placeholder {
  color: #909fa7;
}
textarea:-ms-input-placeholder {
  color: #909fa7;
}
textarea.ant-input {
  min-height: 36px !important;
  overflow: hidden !important;
}

.dynamic-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* inline form group */
.inline-form-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
}
.inline-form-group [class*=flex-] {
  margin-left: 10px;
  margin-right: 10px;
}
.inline-form-group .flex-input {
  width: 100%;
}
.inline-form-group .flex-btn .btn-toggle {
  display: block;
  height: 28px;
  background: #15bef0;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.inline-form-group .flex-btn .btn-toggle span,
.inline-form-group .flex-btn .btn-toggle i {
  -webkit-transition: display 0.35s ease-in-out;
  -moz-transition: display 0.35s ease-in-out;
  -ms-transition: display 0.35s ease-in-out;
  -o-transition: display 0.35s ease-in-out;
  transition: display 0.35s ease-in-out;
}
.inline-form-group .flex-btn .btn-toggle.btn-cc {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 28px;
  padding: 0 8px;
  -webkit-transition: border-radius 0.3s ease;
  -moz-transition: border-radius 0.3s ease;
  -ms-transition: border-radius 0.3s ease;
  -o-transition: border-radius 0.3s ease;
  transition: border-radius 0.3s ease;
  display: flex;
  align-items: center;
  height: 36px;
}
.inline-form-group .flex-btn .btn-toggle.btn-cc span {
  display: block;
}
.inline-form-group .flex-btn .btn-toggle.btn-cc i {
  display: none;
}
.inline-form-group .flex-btn .btn-toggle.btn-collapse {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding: 1px 2px;
  -webkit-transition: border-radius 0.3s ease;
  -moz-transition: border-radius 0.3s ease;
  -ms-transition: border-radius 0.3s ease;
  -o-transition: border-radius 0.3s ease;
  transition: border-radius 0.3s ease;
  width: 36px;
  display: flex;
  justify-content: center;
  height: 36px;
  align-items: center;
}
.inline-form-group .flex-btn .btn-toggle.btn-collapse span {
  display: none;
}
.inline-form-group .flex-btn .btn-toggle.btn-collapse i {
  display: block;
}
.inline-form-group .w-66 {
  width: calc(66.666% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.inline-form-group .w-77 {
  width: 83.888px;
}

/*disabled*/
input[disabled],
select[disabled],
textarea[disabled],
.ant-select-disabled {
  background-color: #eee;
  color: #81888e;
  cursor: not-allowed;
}

button.icon-btn[disabled] {
  color: #81888e !important;
}

button[name=save][disabled] {
  background-color: rgba(21, 190, 240, 0.4784313725) !important;
}

button.icon-btn[disabled]:hover, button[disabled]:hover {
  cursor: not-allowed !important;
}

.ant-picker-cell-disabled {
  color: #bfbfbf !important;
}
.ant-picker-cell-disabled .ant-picker-cell-inner {
  color: #bfbfbf !important;
}

.form-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  float: left;
  padding: 0 8px;
  margin: 5px 0;
  width: 20%;
}
.form-flex label {
  margin-right: 8px;
  font-weight: 600;
}
.form-flex .form-control {
  width: 50px;
}

.invalid-field {
  border-color: #ff8989 !important;
  background-color: #fdeef1 !important;
  -webkit-box-shadow: 0 0 2px #ff8989;
  -moz-box-shadow: 0 0 2px #ff8989;
  box-shadow: 0 0 2px #ff8989;
}
.invalid-field .ant-input {
  background-color: #fdeef1 !important;
}

.supplier-reg-form .error-msg {
  margin-top: 4px;
}

.terms-policies-bg .error-msg {
  margin-top: 4px;
}

.supplier-reg-form {
  width: 75%;
}

/*to remove the autofill selected styles of browser*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
}

.grid-form-group {
  display: grid;
}

header {
  width: 100%;
  height: 50px;
  position: fixed;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: flex !important;
  align-items: center;
  background: #0a2935;
  color: #ffffff;
  padding: 0 50px;
  z-index: 11;
}
header .bluetag-brand {
  width: 150px;
}
header .bluetag-logo {
  width: 65px;
}

.header-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0;
}
.header-nav li {
  font-size: 10px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  width: auto;
  min-width: 120px;
}
.header-nav li a {
  height: 50px;
  padding-left: 15px;
  padding-right: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #ffffff;
  opacity: 0.85;
  filter: alpha(opacity=85);
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.header-nav li a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.header-nav li a i {
  font-size: 22px;
  margin-right: 8px;
  color: inherit;
}

.header-actions {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.header-actions .logged-in-user {
  flex-direction: column;
  justify-content: end;
  align-items: center;
  width: auto;
  font-size: 10px;
  line-height: 15px;
  padding-top: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-right: 10px;
}
.header-actions .logged-in-user .anticon {
  font-size: 22px;
  margin: 5px 10px 0 0;
  color: #ff9c1d;
}
.header-actions .logged-in-user .username {
  width: auto;
  letter-spacing: 0.02em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-actions .logged-in-user .username span {
  display: block;
  color: #15bef0;
}

.help-icon {
  margin-right: 40px;
  padding: 5px;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}
.help-icon .help-icon-img {
  width: 45px;
  transition: transform 0.2s ease-in-out;
}
.help-icon .help-icon-img:hover {
  transform: scale(1.2);
  cursor: pointer;
}
.help-icon .icon-contain {
  display: flex;
  justify-content: center;
}
.help-icon:hover {
  background: #f5efef;
}

.helpEditArea {
  display: none;
  text-align: center;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0px;
  background-color: #d4f4ff;
}
.helpEditArea .help-icon-link {
  width: auto;
  display: flex;
  gap: 5px;
  align-items: center;
  padding: 0px 5px;
  color: #7e7474;
}
.helpEditArea .help-icon-link .material-icons {
  font-size: 20px !important;
  background: #fff;
  padding: 2px;
  border-radius: 50%;
}
.helpEditArea .help-icon-link p {
  font-size: 12px;
  margin-bottom: unset;
}
.helpEditArea:hover {
  border-bottom-left-radius: 10px;
  border-top: 1px solid #e1e1e1 !important;
}

.permittedToEdit {
  width: 65px;
}
.permittedToEdit:hover .helpEditArea {
  display: block;
  border-top: 1px solid #ccc;
  padding: 2px 0px;
  cursor: pointer;
}

.support-dropDown {
  margin-top: 10px !important;
  margin-left: 10px !important;
}

.support-dropDown:hover ~ .help-icon {
  background: #f5efef !important;
}

#language-select li {
  height: 26px;
  float: left;
  padding: 5px 8px;
  position: relative;
}
#language-select li a.btn-link {
  color: #ffffff;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#language-select li a.btn-link:hover {
  background: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
}
#language-select li.selected a {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #15bef0;
}
#language-select li:not(:last-child):after {
  content: "";
  display: block;
  background: #ffffff;
  opacity: 0.3;
  filter: alpha(opacity=30);
  position: absolute;
  top: 3px;
  right: -1px;
  width: 1px;
  height: 20px;
}

.logout-btn {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.12);
  width: 30px;
  height: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  padding: 7px;
  margin-left: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.logout-btn .anticon {
  color: #ffffff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.logout-btn:hover i {
  opacity: 1;
  filter: alpha(opacity=100);
}

#settings ul.setting-items {
  height: 0;
  position: fixed;
  top: 50px;
  background: #0a2935;
  overflow-x: hidden;
  overflow-y: hidden;
  cursor: pointer;
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -ms-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
#settings ul.setting-items li {
  border-top: 1px solid rgba(235, 236, 236, 0.3);
}
#settings ul.setting-items li a {
  height: 40px;
  margin: 0;
  padding: 0 15px;
}
#settings ul.setting-items li a:hover {
  color: #ff9c1d;
}
#settings:hover ul.setting-items {
  height: auto;
}

.title-section {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
  background: #cff2ff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.title-section.no-flex-group {
  padding: 10px 50px;
}
.title-section .main-title {
  font-size: 20px;
  color: #15bef0;
  text-transform: capitalize;
}
.title-section .sub-title {
  font-size: 13px;
  color: #19193e;
  margin-top: 10px;
  line-height: 1.3;
}
.title-section .left-sec {
  padding: 20px 50px 15px;
}
.title-section .right-sec {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  background: #15bef0;
  margin-left: auto;
  padding-top: 20px;
}
.title-section .right-sec.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.title-section .right-sec.clw-250 {
  width: 250px;
}
.title-section .right-sec.clw-400 {
  width: 400px;
}
.title-section .right-sec.clw-500 {
  width: 500px;
}
.title-section .right-sec.clw-645 {
  width: 645px;
}
.title-section .right-sec.clw-650 {
  width: 650px;
}
.title-section .right-sec.clw-890 {
  width: 890px;
}

/* ---- table styles ---- */
.table {
  margin: 0 50px;
}
.table .table-header {
  background: #ffffff;
  border-top: 3px solid #ff9c1d;
  border-left: 1px solid #a9b3bb;
}
.table .table-header .th-column {
  border-right: 1px solid #a9b3bb;
}
.table .table-body .table-row {
  border-left: 1px solid #a9b3bb;
}
.table .table-body .table-row div {
  border-right: 1px solid #a9b3bb;
  border-bottom: 1px solid #a9b3bb;
}

.emailview-container {
  background-color: #e0e1e6;
  border-radius: 20px;
  padding: 0 10px 10px 10px;
}
.emailview-container input {
  display: none;
}

.table-header {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: no-wrap;
  -moz-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  border-bottom: 1px solid #a9b3bb;
  position: relative;
}
.table-header .th-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 44px;
  padding: 22px 10px 6px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  color: #15bef0;
  text-transform: capitalize;
  letter-spacing: 0.01em;
  cursor: pointer;
}
.table-header .th-column span.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-header .th-column i {
  color: #15bef0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.table-header .th-column.align-left {
  justify-content: flex-start;
}
.table-header .th-column.align-center {
  justify-content: center;
}
.table-header .th-column.align-right {
  justify-content: flex-end;
}
.table-header .th-column.bg-orange {
  color: #000000;
}

.table-body {
  background: #ffffff;
}
.table-body div[index="0"] .table-title {
  display: none;
}
.table-body .table-title {
  position: relative;
  color: #ff9c1d;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid #a9b3bb;
  height: 50px;
  line-height: 70px;
  padding-left: 15px;
}
.table-body .table-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 14%;
  height: 2px;
  background: #ff9c1d;
}
.table-body .table-row {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: no-wrap;
  -moz-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.table-body .table-row:hover div {
  background: #eceef3;
  font-weight: 600;
}
.table-body .table-row.red-highlight {
  background-color: #ffdde4;
}
.table-body .table-row.crash-highlight {
  background-color: #da4b4b !important;
}
.table-body .table-row.crash-highlight div {
  color: #fff !important;
}
.table-body .table-row.light-beige-highlight {
  background-color: #e8d395;
}
.table-body .table-row.green-highlight {
  background-color: #D5ECC2;
}
.table-body .table-row.dark-yellow-highlight {
  background-color: #e0dcb9 !important;
}
.table-body .table-row.violet-highlight {
  background-color: #ccdcff;
}
.table-body .table-row.light-yellow-highlight {
  background-color: rgba(211, 180, 50, 0.2588235294);
}
.table-body .table-row div {
  height: 36px;
  padding: 0 10px;
  position: relative;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 38px;
  color: #19193e;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.table-body .table-row div.red-highlight {
  background-color: #ffdde4;
}
.table-body .table-row div.green-highlight {
  background-color: #D5ECC2;
}
.table-body .table-row div.red-cell {
  background: #ff0000;
  color: #ffffff;
  font-weight: 600;
}
.table-body .table-row div a.navigate {
  color: inherit;
  text-decoration: none;
  -webkit-text-underline-offset: 0.1em;
  -ms-text-underline-offset: 0.1em;
  text-underline-offset: 0.1em;
}
.table-body .table-row div span[class*=badge] {
  width: 26px;
  height: 26px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: block;
  background: #a5e5ff;
  line-height: 1;
  text-align: center;
  padding: 7px;
  margin-top: 5px;
  margin-left: 3px;
}
.table-body .table-row div span[class*=badge].badge0 {
  display: none;
}
.table-body .table-row div .add-btn-primary {
  margin-left: 0;
}
.table-body .table-row div span[class*="badge add-new"] {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: block;
  line-height: 1;
  text-align: center;
  padding: 3px;
  margin: 6px 2px;
  box-shadow: none;
}
.table-body .table-row div span[class*="badge add-new"].badge0 {
  display: none;
}
.table-body .table-row div .more-btn {
  padding: 0;
}
.table-body .table-row div .btn-inline {
  margin-top: 6px;
  height: 24px;
  width: 100%;
}
.table-body .table-row div .checkbox {
  display: inline-block;
  margin-top: 10px;
  width: 16px;
}
.table-body .table-row div select {
  height: 26px;
}
.table-body .table-row div.feedback-column i {
  font-size: 26px;
  margin-top: 5px;
}
.table-body .table-row div.feedback-column i .icon-btn {
  margin-top: 4px;
}
.table-body .table-row div.feedback-column i .btn-inline {
  margin: 8px auto 0;
}
.table-body .table-row div.feedback-column i.mood {
  color: #2ed42d;
}
.table-body .table-row div.feedback-column i.mood_bad {
  color: #ff0000;
}
.table-body .table-row div .icon-btn {
  display: block;
  padding: 6px 0;
  color: #15bef0;
}
.table-body .table-row div .icon-btn:hover {
  color: #526270;
}
.table-body .table-row div .icon-btn.icon-remove {
  color: #15bef0;
}
.table-body .table-row div .btn {
  height: 24px;
  font-size: 10px !important;
  color: #ffffff !important;
  display: block;
  margin-top: 6px;
}
.table-body .table-row div .marker-icon {
  position: absolute;
  top: 5px;
  right: 5px;
}
.table-body .table-group.bank-reconciliation-list:nth-child(even) {
  background: #fdffd7;
}

.table-footer {
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  color: #19193e;
  font-weight: 600;
  background: #c0e9f8;
  border-style: solid;
  border-color: #a9b3bb;
  border-width: 0 1px 1px 1px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: no-wrap;
  -moz-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
}
.table-footer div {
  padding: 0 10px;
}
.table-footer span {
  color: #15bef0;
  font-weight: 600;
  margin-left: 3px;
}
.table-footer span:first-child {
  margin-right: 3px;
}
.table-footer .table-footer-stats {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-top: 2px solid #15bef0;
}
.table-footer.fixed-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 50px;
}

.table .load-more {
  border-left: 1px solid #a9b3bb;
  border-right: 1px solid #a9b3bb;
  text-align: center;
}
.table .load-more:empty {
  display: none;
}

/* inner table styles */
.inner-table {
  padding: 15px 0 10px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #a9b3bb;
}
.inner-table .inner-table-header,
.inner-table .inner-table-row {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.inner-table .inner-table-header .icon-btn,
.inner-table .inner-table-row .icon-btn {
  height: 30px;
  padding: 0 6px;
  color: #15bef0;
}
.inner-table .inner-table-header .icon-btn:hover,
.inner-table .inner-table-row .icon-btn:hover {
  color: #526270;
}
.inner-table .inner-table-header {
  position: relative;
}
.inner-table .inner-table-body .load-more {
  padding: 0 0 8px 0;
  border: none;
}
.inner-table .th-column {
  color: #19193e;
  font-size: 12px;
  font-weight: 600;
  padding: 0 15px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.inner-table .th-column::after {
  content: "";
  position: absolute;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  background: #526270;
}
.inner-table .th-column:first-child::after {
  left: 15px;
}
.inner-table .th-column.th-last::after {
  right: 15px;
}
.inner-table .inner-table-row div {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  padding: 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #19193e;
}

/* table inside the modal */
.table.table-modal {
  margin: 0;
}
.table.table-modal .table-header {
  border-top: 1px solid #a9b3bb;
}
.table.table-modal .table-header .th-column {
  height: 32px;
  padding-top: 10px;
}

.expand-icon {
  color: #ff9c1d;
  font-size: 26px;
  line-height: 34px;
  font-weight: normal !important;
}

.filter-section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: no-wrap;
  -moz-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  padding: 0 50px 10px;
  background: #cff2ff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.filter-section .filter-by-label {
  font-size: 12px;
  color: #19193e;
  letter-spacing: 0.02em;
  margin-right: 6px;
}
.filter-section .filter-by-budget {
  margin-left: 16px;
}
.filter-section .radio-btn {
  margin-right: 10px;
}
.filter-section .action-btn-group {
  margin-left: auto;
}
.filter-section .action-btn-group .button:last-child {
  margin-left: 15px;
}
.filter-section.fl-1 {
  padding: 6px 0 0;
}
.filter-section.fl-2 {
  padding: 30px 0 0;
}
.filter-section.fl-3 {
  padding: 60px 0 0;
}
.filter-section.fl-4 {
  padding: 20px 0 0;
}

.date-year-filters {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: no-wrap;
  -moz-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.filter-options {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 34px;
  border: 1px solid #15bef0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  margin-right: 16px;
}
.filter-options .filter-item {
  position: relative;
  min-width: 140px;
}
.filter-options .filter-item::after {
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  z-index: 1;
  top: 5px;
  height: 22px;
  width: 1px;
  background: #15bef0;
}
.filter-options .filter-item .filter-item-label {
  position: absolute;
  font-size: 13px;
  top: -20px;
}
.filter-options .filter-item .w-260 {
  width: 260px;
}
.filter-options select {
  border: none;
  height: 32px;
}
.filter-options select option:focus {
  outline: 0px transparent !important;
}
.filter-options .react__searchable {
  margin-bottom: unset;
}
.filter-options .react__searchable [class$=-control] {
  border: 0px;
  height: 32px;
  min-height: 32px;
  align-items: baseline;
}
.filter-options .react__searchable [class$=-control] option:focus {
  outline: 0px transparent !important;
}
.filter-options .button {
  height: 32px;
  font-size: 11px;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box;
  padding: 0 22px !important;
  margin-left: 0 !important;
}
.filter-options .ant-calendar-picker-input {
  height: 32px !important;
}
.filter-options .ant-picker {
  border-radius: 4px 0 0 4px !important;
}

.filter-btn {
  height: 36px;
  font-size: 11px;
  padding: 0 22px;
}

.order-filter-item {
  padding: 0 0 10px 50px;
  background: #cff2ff;
}
.order-filter-item .order-filter-btn {
  height: 36px;
  width: 130px;
  border-radius: 5px;
  display: flex;
  font-weight: 500;
  background-color: #c6e3ee;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  line-height: 0.9;
  gap: 10px;
  cursor: pointer;
}
.order-filter-item .order-filter-btn.active-order-filter {
  background-color: #7ab176 !important;
  color: white;
}

/* search input */
.search-filter {
  width: 240px;
  border: 1px solid #15bef0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.search-filter .form-control {
  height: 32px;
  padding: 0 12px;
  border: none;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #19193e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  float: left;
  width: calc(100% - 34px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-filter .form-control:focus {
  outline: none;
}
.search-filter .anticon {
  font-size: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #15bef0;
  color: #ffffff;
  height: 32px;
  width: 34px;
  padding: 6px;
  cursor: pointer;
}

.other-transaction-existing-invoice-form .search-filter {
  width: 100% !important;
}

/* show all and print actions */
.show-all {
  margin-left: auto;
}
.show-all .btn-inline {
  height: 28px;
  padding: 0 8px;
}

.filter-btn {
  height: 36px;
  font-size: 11px;
  margin-right: 20px;
  color: #ffffff;
  padding: 0 22px;
}

.table-legends {
  padding: 20px 50px 10px;
  background: #ffffff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.table-inner-legends {
  padding: 20px 10px;
  background: unset;
}

.legend-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #293744;
  font-size: 13px;
  margin-right: 30px;
}
.legend-item .legend-badge {
  width: 17px;
  height: 15px;
  margin-right: 5px;
  border: 1px solid #adadad;
  -webkit-border-radius: 6px 0 6px 0;
  -moz-border-radius: 6px 0 6px 0;
  -ms-border-radius: 6px 0 6px 0;
  -o-border-radius: 6px 0 6px 0;
  border-radius: 6px 0 6px 0;
}

.e-v .ant-picker-header-super-prev-btn {
  width: auto;
}
.e-v .ant-picker-header-super-next-btn {
  width: auto;
}

.bank-listing-year-filter .filter-options {
  width: auto !important;
  max-width: 235px !important;
}

.newsletter {
  margin-top: 20px;
  border: 1px solid #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.newsletter:first-child {
  margin-top: 0;
}
.newsletter .stat-inline {
  margin-right: 35px;
}

/* newsletter header section */
.nl-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  background: #e5e6e6;
  padding: 16px 25px;
  border-bottom: none;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  background-clip: padding-box;
}
.nl-header .nl-title {
  flex: 3;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.nl-header .nl-title .yellow {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  border-radius: 3px;
  padding: 3px 5px;
  max-width: fit-content;
}
.nl-header .sc-title {
  flex: 2;
}
.nl-header .nl-id {
  color: #19193e;
  font-size: 13px;
  font-weight: 600;
}
.nl-header .nl-send-date {
  color: #637280;
  font-size: 12px;
  margin-top: 5px;
}
.nl-header .nl-send-date .badge {
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-right: 6px;
}
.nl-header .nl-send-date .badge.green {
  background: #23dca6;
}
.nl-header .nl-send-date .badge.red {
  background: #ff0000;
}
.nl-header .nl-send-date .badge.yellow {
  background: #ffc107;
}
.nl-header .nl-stats {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  flex: 2;
}

.nl-body {
  padding: 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  background: #ebf5ff;
}

.nl-email-tag {
  display: block;
  width: 100%;
  height: auto;
  min-height: 40px;
  padding: 6px 6px 0;
  font-size: 13px;
  color: #19193e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background: #ffffff;
}
.nl-email-tag .ant-input {
  color: #19193e;
  border: none;
  padding: 0 6px;
  font-size: 13px;
}
.nl-email-tag .ant-input:focus {
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}
.nl-email-tag .ant-tag {
  background: #526270;
  border: none;
  color: #ffffff;
}
.nl-email-tag.red-input {
  background: #ffe7ec;
  border-color: #fd9eb1;
}

.newsletter-unsubscribe-bg {
  background: #15bef0;
  width: 50%;
  height: 60%;
  margin: auto 0;
  color: #ffffff;
}
.newsletter-unsubscribe-bg .msg-lg-text {
  font-size: 24px;
}

.newsletter-checkbox .ant-checkbox-wrapper {
  display: flex;
}

.material-icons.search {
  transform: rotate(90deg);
}

.newsletter-action-btns {
  min-width: 150px;
  text-align: end;
}

.newsletter-email-sec {
  max-height: 250px !important;
}

.send-btn {
  width: 270px;
  text-align: end;
}

/* sales campaign styles */
.sc-body {
  padding: 25px;
}
.sc-body .nl-email-tag {
  width: 50%;
  min-width: 700px;
}

/*email template styles*/
.newsletter-email-template {
  width: 100%;
}
.newsletter-email-template .all table:first-child {
  max-width: 600px !important;
}

/* overwriting ant-tag styles */
.ant-tag {
  border-color: #15bef0;
  color: #15bef0;
  background: #ffffff;
  height: 26px;
  line-height: 22px;
  margin-right: 6px !important;
  margin-bottom: 6px !important;
}
.ant-tag .anticon-cross {
  font-size: 14px !important;
  color: #15bef0;
  margin-left: 6px;
}

.tag-editable {
  color: #19193e;
  border: none;
  margin: 0;
  font-size: 13px;
  background: transparent;
}

.stat-inline {
  color: #ff9c1d;
  font-size: 13px;
  font-weight: 600;
  width: auto;
  margin-right: 50px;
}
.stat-inline:last-child {
  margin-right: 0;
}
.stat-inline span.stat-label {
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  color: #19193e;
  letter-spacing: 0.03em;
  margin-bottom: 4px;
}

.stat-inline-icon {
  color: #ffffff;
  position: relative;
  font-size: 13px;
  letter-spacing: 0.02em;
  padding: 5px 10px 5px 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 12px;
}
.stat-inline-icon::before {
  content: "";
  display: block;
  position: absolute;
  left: 8px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  width: 22px;
  height: 22px;
}
.stat-inline-icon.sent-date-icon::before {
  background-image: url(https://qa.dev.bluetag.no/assets/img/stat-icons/sent-date-icon.png);
}
.stat-inline-icon.mouse-icon::before {
  background-image: url(https://qa.dev.bluetag.no/assets/img/stat-icons/mouse-icon.png);
}
.stat-inline-icon.bar-icon::before {
  background-image: url(https://qa.dev.bluetag.no/assets/img/stat-icons/bar-icon.png);
}
.stat-inline-icon.chart-icon::before {
  background-image: url(https://qa.dev.bluetag.no/assets/img/stat-icons/chart-icon.png);
}
.stat-inline-icon.email-icon::before {
  background-image: url(https://qa.dev.bluetag.no/assets/img/stat-icons/email-icon.png);
}
.stat-inline-icon.sent-icon::before {
  background-image: url(https://qa.dev.bluetag.no/assets/img/stat-icons/sent-icon.png);
}
.stat-inline-icon.remain-icon::before {
  background-image: url(https://qa.dev.bluetag.no/assets/img/stat-icons/remain-icon.png);
}
.stat-inline-icon.equal-icon::before {
  background-image: url(https://qa.dev.bluetag.no/assets/img/stat-icons/equal-icon.png);
}
.stat-inline-icon.pie-chart-icon::before {
  background-image: url(https://qa.dev.bluetag.no/assets/img/stat-icons/pie-chart-icon.png);
}
.stat-inline-icon.uers-icon::before {
  background-image: url(https://qa.dev.bluetag.no/assets/img/stat-icons/users-icon.png);
}
.stat-inline-icon.payment-icon::before {
  background-image: url(https://qa.dev.bluetag.no/assets/img/stat-icons/payment-icon.png);
}
.stat-inline-icon.triangle-icon-up::before {
  background-image: url(https://qa.dev.bluetag.no/assets/img/stat-icons/triangle-icon-up.png);
}
.stat-inline-icon.triangle-icon-down::before {
  background-image: url(https://qa.dev.bluetag.no/assets/img/stat-icons/triangle-icon-down.png);
}
.stat-inline-icon.line-chart-icon::before {
  background-image: url(https://qa.dev.bluetag.no/assets/img/stat-icons/line-chart-icon.png);
}
.stat-inline-icon.dollar-icon::before {
  background-image: url(https://qa.dev.bluetag.no/assets/img/stat-icons/dollar.png);
}
.stat-inline-icon.hospital-icon::before {
  background-image: url(https://qa.dev.bluetag.no/assets/img/stat-icons/hospital.png);
}
.stat-inline-icon span.stat-label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #19193e;
  letter-spacing: 0.03em;
  margin-bottom: 5px;
}
.stat-inline-icon .small {
  font-size: 10px;
}
.stat-inline-icon .stat-percentage {
  background-color: #ff9c1d !important;
  padding: 4px 6px;
  font-size: 12px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  margin-left: 8px;
  white-space: nowrap;
}
.stat-inline-icon.fix-w-stat {
  width: 160px;
}
.stat-inline-icon.fix-w2-stat {
  width: 250px;
}
.stat-inline-icon.fix-w4-stat {
  width: 300px;
}
.stat-inline-icon.fix-w3-stat {
  width: 180px;
}

.highlight-orange {
  background-color: #ff9c1d !important;
  white-space: nowrap;
  width: 45% !important;
  margin-right: 15px;
}

.highlight-grey {
  background-color: #a9b3bb !important;
  white-space: nowrap;
  width: 45% !important;
  margin-right: 15px;
}

.stat-gorup {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  padding-top: 20px;
}
.stat-gorup.bb::after {
  display: block;
  position: absolute;
  content: "";
  height: 1px;
  background: #ffffff;
  bottom: 0;
  left: 0;
  right: 0;
}
.stat-gorup .stat-inline-icon {
  width: 50%;
  margin-bottom: 15px;
}
.stat-gorup .stat-inline {
  width: 50%;
  margin-right: 0;
  margin-bottom: 20px;
  padding-left: 13px;
}
.stat-gorup .w-50, .stat-gorup .w-45 {
  padding-left: 13px;
  padding-right: 20px;
}
.stat-gorup .w-50 button, .stat-gorup .w-45 button {
  width: 100%;
  margin-bottom: 15px;
}
.stat-gorup .full-row {
  flex: 1 100%;
}
.stat-gorup .no-margin-left {
  margin-left: 0px;
}

/* ant calendar picker style changes */
.ant-calendar-picker .ant-calendar-picker-input {
  height: 36px;
  border: none;
  font-size: 12px;
  color: #19193e;
  padding: 0 12px;
}
.ant-calendar-picker .ant-calendar-picker-input .ant-calendar-picker-clear {
  font-size: 16px;
  right: 9px;
  width: 18px;
  height: 18px;
}
.ant-calendar-picker .ant-calendar-picker-icon {
  margin-top: -8px;
}
.ant-calendar-picker .ant-calendar-picker-icon::after {
  color: #15bef0;
  font-size: 16px;
}

.form-control.ant-calendar-picker {
  padding: 0;
}

/* ant calendar picker style owerwritten */
.ant-calendar-picker-container {
  font-family: open-sans, sans-serif !important;
}

.ant-calendar-input-wrap {
  height: 38px;
  padding: 8px 10px;
  font-size: 13px;
}

.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  font-size: 24px;
  height: 40px;
  line-height: 36px;
}
.ant-calendar-header a:hover {
  color: #15bef0;
}

.ant-calendar-body {
  padding: 6px 2px;
}

.ant-calendar-column-header {
  color: #526270 !important;
  font-size: 13px !important;
  width: 28px !important;
}
.ant-calendar-column-header .ant-calendar-column-header-inner {
  font-weight: 600 !important;
}

.ant-calendar-today .ant-picker-cell-inner {
  border-color: #15bef0 !important;
  color: #15bef0 !important;
}

.ant-picker-cell-inner {
  color: #19193e !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ant-picker-cell-inner:hover {
  color: #15bef0 !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ant-picker-cell-inner ::before {
  content: none;
}

.ant-calendar-selected-date .ant-picker-cell-inner,
.ant-calendar-selected-start-date .ant-picker-cell-inner,
.ant-calendar-selected-end-date .ant-picker-cell-inner {
  background: #15bef0 !important;
  color: #ffffff !important;
  border-color: transparent !important;
  font-weight: normal !important;
}
.ant-calendar-selected-date .ant-picker-cell-inner:hover,
.ant-calendar-selected-start-date .ant-picker-cell-inner:hover,
.ant-calendar-selected-end-date .ant-picker-cell-inner:hover {
  background: #ffffff !important;
}

.ant-calendar-today-btn {
  color: #19193e !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  font-weight: 600 !important;
}
.ant-calendar-today-btn:hover {
  color: inherit !important;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month,
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  background: #15bef0 !important;
}

/* ant calendar range picker style changes */
.ant-calendar-range-picker-input {
  width: 84px !important;
  text-align: left !important;
}

.ant-calendar-range-picker-separator {
  width: 20px !important;
  line-height: 32px !important;
  font-size: 16px !important;
  color: #15bef0 !important;
}

/* date time picker styles */
.ant-calendar-time-picker-btn {
  color: #15bef0 !important;
}

.ant-calendar-ok-btn {
  background-color: #15bef0 !important;
  border-color: #15bef0 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
}

.ant-picker-header-view button:hover, .ant-picker-header button:hover {
  box-shadow: none;
}

.ant-picker-month-panel .ant-picker-cell:before {
  background: #ffffff !important;
}
.ant-picker-month-panel .ant-picker-cell-inner:hover {
  background: #e6f7ff;
}
.ant-picker-month-panel .ant-picker-cell-selected .ant-picker-cell-inner {
  color: #ffffff !important;
}
.ant-picker-month-panel .ant-picker-cell-range-end .ant-picker-cell-inner {
  color: #ffffff !important;
}

.ant-picker-cell-disabled::before {
  background: none !important;
}

.ant-picker-cell-selected .ant-picker-cell-inner:hover {
  color: #ffffff !important;
}
.ant-picker-cell-selected .ant-picker-cell-inner {
  background: #15bef0 !important;
  color: #ffffff !important;
}

.ant-select-multiple .ant-select-selector {
  background-color: transparent !important;
  min-height: 36px;
  border-radius: 4px !important;
}

.multi-select.ant-select-multiple {
  padding: 0 !important;
}
.multi-select .ant-select-selector {
  background: #ffffff !important;
  min-height: 30px !important;
}

/*React multi date select*/
.DayPickerInput {
  display: inline;
}
.DayPickerInput input {
  height: 36px;
  padding: 0 12px;
  border: 1px solid #a9b3bb;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #19193e;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  float: left;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.DayPickerInput input:focus {
  outline: none;
}

.DayPickerInput-OverlayWrapper {
  z-index: 10 !important;
  border: 1px solid #15bef0;
}

.selectedDate {
  background: #40a9ff;
  color: white;
  margin: 3px;
}

.calendar {
  width: 100%;
  max-width: 865px;
}

.custom-multiple-date-picker {
  min-width: 100%;
}

/* radio button styles email list labels */
.radio-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: no-wrap;
  -moz-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: relative;
  height: 16px;
  padding-left: 20px;
  margin: 0;
  z-index: 9;
  cursor: pointer;
  letter-spacing: 0.05em;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.radio-btn span {
  color: #526270;
  font-size: 12px;
}
.radio-btn div {
  display: block;
  position: absolute;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  top: 0;
  left: 0;
  border: 2px solid #15bef0;
  background: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.radio-btn div::before {
  display: block;
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  top: 2.5px;
  left: 2.4px;
  margin: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

input[type=radio] {
  position: absolute;
  visibility: hidden;
}

input[type=radio]:checked ~ .checked::before {
  background: #15bef0;
}

/*ovverride ant-radio-btn*/
.ant-radio-inner {
  border: 2px solid #15bef0 !important;
}
.ant-radio-inner::after {
  top: 2px !important;
  left: 2px !important;
  background: #15bef0 !important;
}

.ant-radio-group {
  display: flex !important;
}

.ant-radio-checked::after {
  background: #15bef0 !important;
}

/*ant radio -disabled*/
.ant-radio-disabled + span {
  color: #526270 !important;
}

.ant-radio-wrapper-disabled .ant-radio-disabled .ant-radio-inner {
  border-color: #15bef0 !important;
  background-color: #fff !important;
}

.ant-radio-wrapper-disabled {
  cursor: not-allowed !important;
}

/* check box styles */
.checkbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: relative;
}

input[type=checkbox] {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}
input[type=checkbox] + label {
  font-size: 13px;
  color: #637280;
  margin-left: 24px;
  line-height: 16px;
}
input[type=checkbox] + label::after {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  background: #ffffff;
  border: 1px solid #637280;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  content: "";
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
input[type=checkbox]:checked + label::before {
  background: url(https://qa.dev.bluetag.no/assets/img/check-icon.png) no-repeat;
  background-size: contain;
  position: absolute;
  width: 12px;
  height: 12px;
  background-position: 0 0;
  content: "";
  z-index: 1;
  left: 2px;
  top: 3px;
}
input[type=checkbox]:checked + label::after {
  background: #15bef0;
  border-color: #15bef0;
}

.checkbox-ant {
  display: flex;
  justify-content: center;
  gap: 5px;
  align-items: center;
}
.checkbox-ant .ant-checkbox-wrapper {
  line-height: 1.5715;
}
.checkbox-ant label {
  color: #637280;
}

.emails {
  width: 100%;
  border-bottom: 1px solid #a9b3bb;
  background: #ffffff;
}
.emails.email-client {
  position: fixed;
  top: 167px;
  bottom: 0;
}

.email-client-view .collapsed {
  width: 30px;
}
.email-client-view .collapsed .scrollbar-container, .email-client-view .collapsed .scrollbar {
  display: none;
}
.email-client-view .email-nav-collapsed {
  left: 30px !important;
}
.email-client-view .no-records-message {
  width: 100vw;
}
.email-client-view .highest-priority {
  background-color: #34C7FF !important;
}
.email-client-view .highest-priority:hover {
  background-color: #58c1eb !important;
}
.email-client-view .highest-priority .email-details {
  padding-left: 25px;
}
.email-client-view .highest-priority .email-details .email-sender-name, .email-client-view .highest-priority .email-details .email-title, .email-client-view .highest-priority .email-details .email-sender-name, .email-client-view .highest-priority .email-details .email-message, .email-client-view .highest-priority .email-details div {
  color: #000 !important;
}
.email-client-view .highest-priority .icon-set .option-email-icon {
  left: 10px !important;
  top: 34px;
  color: #000;
}
.email-client-view .highest-priority .attachment-icon {
  color: #000 !important;
}
.email-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-top: 2px solid #ff9c1d;
}
.email-container.email-container-ec {
  position: fixed;
  top: 167px;
  left: 320px;
  right: 0;
  bottom: 0;
  border-top: 2px solid #ff9c1d;
  background: #ffffff;
}

.email-nav {
  width: 320px;
  height: 100%;
  background: #15bef0;
}
.email-nav ul.email-nav-items {
  padding: 25px 30px 10px 50px;
}
.email-nav ul.email-nav-items li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  color: #19193e;
  letter-spacing: 0.03em;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.email-nav ul.email-nav-items li a .badge-count {
  display: block;
  height: 22px;
  width: auto;
  padding: 5px 7px;
  margin-left: 10px;
  text-align: center;
  color: #ffffff;
  background: #ff9c1d;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.email-nav ul.email-nav-items li a:after {
  content: "";
  display: block;
  width: 0px;
  height: 1px;
  position: absolute;
  bottom: 13px;
  background: #ffffff;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
.email-nav ul.email-nav-items li a:hover, .email-nav ul.email-nav-items li a.active {
  color: #ffffff;
}
.email-nav ul.email-nav-items li a:hover:after, .email-nav ul.email-nav-items li a.active:after {
  width: 30px;
}
.email-nav .email-types-title {
  font-size: 10px;
  color: #ffffff;
  margin: 30px 0 15px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.email-types-list li {
  width: 100%;
  height: 35px;
  margin-left: 8px;
  /* overwriting radio button styles */
}
.email-types-list li .radio-btn {
  padding-left: 26px;
}
.email-types-list li .radio-btn span {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000000;
}
.email-types-list li .radio-btn div {
  border: none;
}
.email-types-list li .radio-btn div::before {
  height: 10px;
  width: 10px;
  top: 3px;
  left: 3px;
  background: #15bef0;
}
.email-types-list li .radio-btn input[type=radio]:checked ~ .checked::before {
  background: inherit;
}

.email-list {
  flex: 2;
  border-style: solid;
  border-color: #a9b3bb;
  border-width: 0 1px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.email-list .scrollarea-content {
  padding: 8px 0px 0px 0px !important;
}
.email-list .checkbox {
  width: 30px;
}
.email-list .emailReplynOptions .main-option {
  display: flex;
  align-items: center;
  background-color: #efebec;
  color: #000;
  border-radius: 4px;
  max-height: 22px;
}
.email-list .emailReplynOptions .main-option .option-name {
  display: flex;
  align-items: center;
  padding-right: 30px;
  font-size: 12px;
  font-synthesis: none;
}
.email-list .emailReplynOptions .main-option .option-name i {
  font-size: 20px;
  padding-right: 10px;
  padding-left: 10px;
}
.email-list .emailReplynOptions .main-option .option-name:hover {
  background: #ccc;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.email-list .emailReplynOptions .main-option .more-options {
  background-color: #d8d8d8;
  max-height: 22px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.email-list .emailReplynOptions .options-list {
  background-color: #efebec;
  color: #000;
  margin-top: 3px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.email-list .emailReplynOptions .options-list .option-list-item {
  font-size: 12px;
  display: flex;
  align-items: center;
  padding-right: 30px;
  padding-bottom: 3px;
}
.email-list .emailReplynOptions .options-list .option-list-item:first-child {
  padding-top: 3px;
}
.email-list .emailReplynOptions .options-list .option-list-item:last-child {
  padding-bottom: 3px;
}
.email-list .emailReplynOptions .options-list .option-list-item:last-child:hover {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.email-list .emailReplynOptions .options-list .option-list-item i {
  font-size: 20px;
  padding-right: 10px;
  padding-left: 10px;
}
.email-list .emailReplynOptions .options-list .option-list-item:hover {
  background: #ccc;
}

.email-list-compress {
  flex: unset;
  width: 30px;
  background-color: #ccc !important;
}
.email-list-compress .scrollarea-content {
  display: none;
}
.email-list-compress .email-list-item {
  display: none;
}

.email-list-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: no-wrap;
  -moz-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  padding: 15px 20px 15px 10px !important;
  border-bottom: 1px solid #a9b3bb;
  height: auto;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.email-list-item:hover {
  background: #eceef3;
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
}
.email-list-item .email-label-badge {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 40px;
  left: 26px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.email-list-item .email-actions-bar {
  background-color: #efeaec;
  color: #000;
  font-size: 12px;
  border-radius: 4px;
  padding: 0 5px;
}
.email-list-item .email-flex {
  width: 75%;
}
.email-list-item.email-readOnly .email-flex {
  width: 300px !important;
}
.email-list-item.email-readOnly .icon-set {
  width: 30px;
}
.email-list-item.email-readOnly.highest-priority .email-details {
  padding-left: 0px !important;
}
.email-list-item.email-readOnly .email-details .email-title {
  max-width: 195px !important;
}

.email-list-no-animation {
  transition: unset !important;
  -webkit-transition: unset !important;
}

.email-details {
  font-size: 13px;
  line-height: initial;
  position: relative;
  width: calc(100% - 25px);
  flex-shrink: 0;
}
.email-details .email-sender-name {
  color: #494949;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 8px;
  max-width: 60%;
}
.email-details .email-title {
  color: #526270;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  max-width: 285px;
}
.email-details .email-message {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 10px;
}
.email-details .email-date {
  color: #637280;
  font-size: 11px;
  text-transform: uppercase;
  position: unset;
  top: 0;
  right: 0;
}

/* email-preview styles */
.email-view {
  flex: 3;
  padding: 20px 40px;
  border-right: 1px solid #a9b3bb;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.email-view .btn-circle-wb .reply-icon {
  transform: none;
}
.email-view .email-view-body {
  overflow-wrap: anywhere;
}
.email-view .email-view-body .tox-tinymce {
  min-height: 50vh;
}
.email-view .loader-container {
  top: 38px;
  bottom: unset;
}
.email-view.scrollarea .scrollbar-container.vertical {
  width: 10px !important;
}
.email-view.scrollarea .scrollbar-container.vertical .scrollbar {
  width: 10px !important;
}
.email-view ::-webkit-scrollbar {
  width: 5px !important;
  background-color: #F5F5F5;
}
.email-view .height-set-available {
  height: fit-content;
}
.email-view .height-set-available .loader-container {
  position: static !important;
  margin-top: 5px;
  margin-bottom: 5px;
}

.mv-label {
  color: #15bef0;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  display: inline-block;
  width: 44px;
  position: relative;
}
.mv-label::after {
  content: ":";
  color: #15bef0;
  position: absolute;
  font-size: 12px;
  right: 4px;
  top: -2px;
}

.mv-name {
  color: #637280;
  letter-spacing: 0.02em;
}

.mv-subject {
  display: block;
  color: #15bef0;
  border-bottom: 1px solid #ff9c1d;
  padding-bottom: 10px;
  padding-top: 10px;
  letter-spacing: 0.02em;
}

/* this styles only related to email attachment */
.create-email .file,
.email-view-body .file {
  width: calc(33.333% - 20px);
}
.create-email .file::after,
.email-view-body .file::after {
  content: none;
}

.email-icon {
  padding-right: 7px;
}

.forward-icon, .main-forward-icon {
  transform: scaleX(-1);
}

.read-email .email-icon {
  color: #7e7e7e;
  margin-top: -5px;
}
.read-email .email-details .email-title {
  color: #7e7e7e;
}

.new-email {
  background-color: #fff8e9;
}
.new-email .email-sender-name {
  color: #456878;
}
.new-email .email-icon {
  margin-top: -4px;
}

.option-email-icon {
  font-size: 19px;
  color: #637280;
  position: absolute;
  left: 23px;
  top: 75px;
}

.resize-modal {
  margin: unset !important;
  position: unset !important;
}
.resize-modal .ant-modal, .resize-modal .ant-modal-content {
  height: 100vh;
  width: 99vw;
  top: 0;
}
.resize-modal .ant-modal-body {
  height: calc(100vh - 110px);
}
.resize-modal .email-popup-header {
  width: 97%;
}
.resize-modal .tox-tinymce {
  min-height: 65vh !important;
}

.fullscreen-btn {
  cursor: pointer;
}

.email-popup-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  width: 95%;
}

/* Theme implementation*/
.job-view-email .email-details {
  width: 100% !important;
}
.job-view-email .email-list {
  height: 100% !important;
  border-right: 4px solid #e9e8e6 !important;
}
.job-view-email .email-list .scrollarea-content {
  padding: 15px 0px 0px 0px !important;
}
.job-view-email .email-flex {
  justify-content: space-between;
  width: 90%;
  flex-shrink: 0;
}
.job-view-email .email-view-upperArea {
  background-color: #fff;
  margin: 0px 15px;
  padding: 10px 40px 0px 15px !important;
  position: relative;
}
.job-view-email .email-view-upperArea .right-side-btns {
  top: 0px !important;
}
.job-view-email .email-view-upperArea .print-btn .icon-btn {
  padding-left: 0px;
}
.job-view-email .email-view-upperArea > div:last-child {
  border-bottom: 1px solid #ccc;
}
.job-view-email .email-list .email-list-item .email-sender-name, .job-view-email .email-list .email-list-item .email-title, .job-view-email .email-list .email-list-item .email-message, .job-view-email .email-list .email-list-item .email-date {
  color: rgb(73, 73, 73) !important;
}
.job-view-email .email-list .email-list-item .email-item-delete:hover {
  color: #ec7676;
}
.job-view-email .email-list .selected-row {
  background-color: #8e8e8e;
}
.job-view-email .email-list .selected-row .email-sender-name, .job-view-email .email-list .selected-row .email-title, .job-view-email .email-list .selected-row .email-message, .job-view-email .email-list .selected-row .email-date {
  color: #000 !important;
}
.job-view-email .email-list .email-view-attachment-wrapper {
  position: relative;
  max-width: 95%;
  width: 50vw;
  padding: unset;
  margin: unset;
}
.job-view-email .email-list .email-view-attachment-wrapper .file-container {
  margin-top: 5px !important;
}
.job-view-email .email-list .email-view-attachment-wrapper .file-container .card-view:first-child {
  margin-left: unset;
}
.job-view-email .email-list .email-view-attachment-wrapper .option-email-icon {
  color: #fff;
}
.job-view-email .email-list .email-view-attachment-wrapper .highest-priority {
  background-color: #34C7FF !important;
}
.job-view-email .email-list .email-view-attachment-wrapper .highest-priority:hover {
  background-color: #58c1eb !important;
}
.job-view-email .email-list .email-view-attachment-wrapper .highest-priority .email-details {
  padding-left: 5px;
  width: 80% !important;
}
.job-view-email .email-list .email-view-attachment-wrapper .highest-priority .email-details .email-sender-name, .job-view-email .email-list .email-view-attachment-wrapper .highest-priority .email-details .email-title, .job-view-email .email-list .email-view-attachment-wrapper .highest-priority .email-details .email-sender-name, .job-view-email .email-list .email-view-attachment-wrapper .highest-priority .email-details .email-message, .job-view-email .email-list .email-view-attachment-wrapper .highest-priority .email-details div {
  color: #000 !important;
}
.job-view-email .email-list .email-view-attachment-wrapper .highest-priority .email-flex {
  width: 100%;
}
.job-view-email .email-list .email-view-attachment-wrapper .highest-priority .icon-set .option-email-icon {
  left: 10px !important;
  top: 34px;
  color: #000;
}
.job-view-email .email-list .email-view-attachment-wrapper .highest-priority .attachment-icon {
  color: #000 !important;
}
.job-view-email .email-list .email-view-attachment-wrapper .highest-priority .email-flex {
  justify-content: start !important;
}
.job-view-email .email-list .highest-priority {
  background-color: #34C7FF !important;
}
.job-view-email .email-list .highest-priority:hover {
  background-color: #58c1eb !important;
}
.job-view-email .email-list .highest-priority .email-details {
  padding-left: 5px;
  width: 80% !important;
}
.job-view-email .email-list .highest-priority .email-details .email-sender-name, .job-view-email .email-list .highest-priority .email-details .email-title, .job-view-email .email-list .highest-priority .email-details .email-sender-name, .job-view-email .email-list .highest-priority .email-details .email-message, .job-view-email .email-list .highest-priority .email-details div {
  color: #000 !important;
}
.job-view-email .email-list .highest-priority .email-flex {
  width: 100%;
}
.job-view-email .email-list .highest-priority .icon-set .option-email-icon {
  left: 10px !important;
  top: 34px;
  color: #000;
}
.job-view-email .email-list .highest-priority .attachment-icon {
  color: #000 !important;
}
.job-view-email .email-list .highest-priority .email-flex {
  justify-content: start !important;
}
.job-view-email > div:last-child {
  border-bottom: 1px solid #ccc;
}
.job-view-email .top-panel {
  display: flex;
  gap: 10px;
  padding: 10px 10px 10px 40px;
  flex-wrap: wrap;
}
.job-view-email .top-panel .cta-btn {
  display: flex;
  padding: 5px;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  cursor: pointer;
  background-color: #f3f3f3;
  min-width: 125px !important;
}
.job-view-email .top-panel .cta-btn:hover {
  background-color: #d3d0d0;
}
.job-view-email .top-panel .cta-btn.selected-cta-btn {
  background-color: #fff;
  font-weight: bold;
}
.job-view-email .top-panel .cta-btn.selected-cta-btn:hover {
  background-color: #d3d0d0;
}
.job-view-email .top-panel .cta-btn span {
  padding: 5px;
  color: #000;
}
.job-view-email .top-panel .cta-btn div {
  color: #000;
}
@keyframes rotateA {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotateContinuous {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.job-view-email .top-panel .cta-btn.cta-refresh-btn .cta-refresh-btn-icon {
  -webkit-animation: rotateA 500ms linear forwards;
  -moz-animation: rotateA 500ms linear forwards;
  animation: rotateA 500ms linear forwards;
}
.job-view-email .top-panel .cta-btn.cta-refresh-btn .active {
  -webkit-animation: rotateContinuous 500ms linear infinite;
  -moz-animation: rotateContinuous 500ms linear infinite;
  animation: rotateContinuous 500ms linear infinite;
}
.job-view-email .top-panel .cta-btn .unblock-icon {
  width: 27px;
}
.job-view-email .high-priority .email-details {
  padding-left: 9px;
}

.filter-section .search-filter {
  min-width: 150px;
}

.highest-priority .side-icons {
  display: none !important;
}

.email-view {
  padding: 0 !important;
  background-color: #f6f6f6;
}
.email-view .tox-tinymce, .email-view .tox-statusbar {
  border: 0;
}
.email-view .tox-tinymce .tox-toolbar__group, .email-view .tox-statusbar .tox-toolbar__group {
  display: none;
}
.email-view .tox-tinymce .tox-toolbar__group:nth-child(2), .email-view .tox-statusbar .tox-toolbar__group:nth-child(2) {
  display: flex;
}
.email-view .loader-container {
  top: 225px;
  width: 10%;
  left: 62%;
  background: transparent;
}
.email-view .collapsable-email-view {
  margin-top: 10px;
}
.email-view .collapsable-email-view .collaps {
  margin: 10px 20px 10px 0px;
}

.email-view-body {
  overflow-y: auto;
}
.email-view-body .mv-label {
  color: #000;
}
.email-view-body .mv-label:after {
  color: #000;
}
.email-view-body .mv-name {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.email-view-body .mv-subject {
  color: #000;
  border-bottom: unset;
  font-weight: inherit;
}

.email-viewEditor-area .tox-editor-container {
  padding: 0px 15px 10px 15px;
}

.existing-email-attachments-btn {
  background: #e7e0e0;
  padding: 3px 9px;
  border-radius: 5px;
}

.email-priority-btn {
  background: #e7e0e0;
  padding: 0 0 0 9px;
  border-radius: 5px;
}

.email-view .email-view-body .hp-email-wrapper {
  background: #34c7ff !important;
}
.email-view .email-view-body .hp-email-wrapper .mv-name, .email-view .email-view-body .hp-email-wrapper label {
  color: #000 !important;
}
.email-view .email-view-body .hp-email-wrapper .mv-name::after, .email-view .email-view-body .hp-email-wrapper label::after {
  color: #000 !important;
}
.email-view .email-view-body .hp-email-wrapper .icon-btn {
  color: #000 !important;
}
.email-view .email-view-body .hp-email-wrapper .icon-btn:hover {
  color: #7c7676 !important;
}
.email-view .email-view-body .hp-email-wrapper .right-btn .material-icons {
  color: #000 !important;
}
.email-view .email-view-body .hp-email-wrapper .right-btn .material-icons:hover {
  color: #7c7676 !important;
}
.email-view .email-view-body .hp-email-wrapper .expand-btn .material-icons {
  color: #34c7ff !important;
}
.email-view .email-view-body .hp-email-wrapper .email-view-attachment-wrapper {
  background-color: #34c7ff !important;
}
.email-view .email-view-body .add-to-google-calender-btn {
  padding: 15px 40px;
  background-color: #fff;
}

.request-logs-area {
  flex-grow: 1;
  margin-right: 156px;
}
.request-logs-area .request-logs-title {
  display: flex;
  gap: 10px;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  color: #414e57;
  background: #efefef;
  padding: 10px 15px;
}
.request-logs-area .no-records-message {
  width: unset;
  text-align: center;
}
.request-logs-area .request-logs {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  justify-content: space-around;
  height: calc(100vh - 260px);
}
.request-logs-area .request-logs::-webkit-scrollbar-track {
  background: #e3e3e3 !important;
  border-radius: 6px !important;
}
.request-logs-area .request-logs::-webkit-scrollbar {
  width: 10px !important;
}
.request-logs-area .request-logs::-webkit-scrollbar-thumb {
  background-color: #374045;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.request-logs-area .request-logs .email-list-item {
  padding-left: 20px !important;
  cursor: unset;
}
.request-logs-area .request-logs .email-details {
  width: unset;
}
.request-logs-area .request-logs .email-list-item:last-of-type {
  border-bottom: 0px !important;
}

.chat-request-container .email-list-item, .chat-request-popup .email-list-item {
  min-height: 75px !important;
}
.chat-request-container .chat-request-details, .chat-request-popup .chat-request-details {
  width: 100% !important;
  font-size: 13px;
  line-height: initial;
  position: relative;
  flex-shrink: 0 !important;
}
.chat-request-container .chat-request-details .email-sender-name, .chat-request-popup .chat-request-details .email-sender-name {
  width: 80%;
}
.chat-request-container .chat-request-details .chat-request-status, .chat-request-popup .chat-request-details .chat-request-status {
  margin: 4px 0px;
}
.chat-request-container .chat-request-details .chat-request-status .chat-request-status-badge, .chat-request-popup .chat-request-details .chat-request-status .chat-request-status-badge {
  padding: 1px 5px;
  border-radius: 3px;
}
.chat-request-container .chat-request-details .chat-request-status .chat-request-status-badge.Requested, .chat-request-popup .chat-request-details .chat-request-status .chat-request-status-badge.Requested {
  color: #084298;
  background-color: #cfe2ff;
  border-color: #b6d4fe;
}
.chat-request-container .chat-request-details .chat-request-status .chat-request-status-badge.Approved, .chat-request-popup .chat-request-details .chat-request-status .chat-request-status-badge.Approved {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}
.chat-request-container .chat-request-details .chat-request-status .chat-request-status-badge.Rejected, .chat-request-popup .chat-request-details .chat-request-status .chat-request-status-badge.Rejected {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}
.chat-request-container .chat-request-details .chat-request-status .chat-request-status-badge.Expired, .chat-request-popup .chat-request-details .chat-request-status .chat-request-status-badge.Expired {
  color: #41464b;
  background-color: #e2e3e5;
  border-color: #d3d6d8;
}
.chat-request-container .chat-request-details .chat-request-status .chat-request-status-badge.Revoked, .chat-request-popup .chat-request-details .chat-request-status .chat-request-status-badge.Revoked {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
}
.chat-request-container .chat-request-details .chat-request-status .chat-request-status-badge.Invalid, .chat-request-popup .chat-request-details .chat-request-status .chat-request-status-badge.Invalid {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb;
}
.chat-request-container .chat-area, .chat-request-popup .chat-area {
  min-height: unset;
  padding-left: 24px;
  background: #fff;
}
.chat-request-container .chat-area::-webkit-scrollbar-track, .chat-request-popup .chat-area::-webkit-scrollbar-track {
  background: #c5ced2 !important;
  border-radius: 6px !important;
}
.chat-request-container .chat-area::-webkit-scrollbar, .chat-request-popup .chat-area::-webkit-scrollbar {
  width: 10px !important;
}
.chat-request-container .chat-area::-webkit-scrollbar-thumb, .chat-request-popup .chat-area::-webkit-scrollbar-thumb {
  background-color: #403c3c;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.chat-request-container .chat-area .gpt-chat-containor, .chat-request-popup .chat-area .gpt-chat-containor {
  width: 50%;
}
.chat-request-container .chat-area .gpt-chat-containor .chat-request-space, .chat-request-popup .chat-area .gpt-chat-containor .chat-request-space {
  padding-bottom: 50px;
}
.chat-request-container .chat-area .gpt-chat-containor .chat-question:last-child .talk-bubble, .chat-request-popup .chat-area .gpt-chat-containor .chat-question:last-child .talk-bubble {
  margin-bottom: 3px !important;
}
.chat-request-container .chat-area .seen, .chat-request-popup .chat-area .seen {
  text-align: right;
  margin-right: 74px;
  display: flex;
  align-items: center;
  justify-content: end;
  color: #a9a3a3;
  margin-top: -5px;
}
.chat-request-container .chat-area .seen .seen-icon, .chat-request-popup .chat-area .seen .seen-icon {
  font-size: 13px;
  margin-left: 4px;
  color: #72bd65;
}
.chat-request-container .chat-area .scroll-chat-area, .chat-request-popup .chat-area .scroll-chat-area {
  height: auto;
  overflow: hidden;
  overflow-y: auto;
  padding-top: 24px;
  padding-right: 20px;
}
.chat-request-container .chat-area .scroll-chat-area::-webkit-scrollbar-track, .chat-request-popup .chat-area .scroll-chat-area::-webkit-scrollbar-track {
  background: #c5ced2 !important;
  border-radius: 6px !important;
}
.chat-request-container .chat-area .scroll-chat-area::-webkit-scrollbar, .chat-request-popup .chat-area .scroll-chat-area::-webkit-scrollbar {
  width: 10px !important;
}
.chat-request-container .chat-area .scroll-chat-area::-webkit-scrollbar-thumb, .chat-request-popup .chat-area .scroll-chat-area::-webkit-scrollbar-thumb {
  background-color: #403c3c;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.chat-request-container .chat-area .gpt-chat-containor.input-active, .chat-request-popup .chat-area .gpt-chat-containor.input-active {
  height: calc(100vh - 320px);
}
.chat-request-container .chat-area .gpt-chat-containor.input-inactive, .chat-request-popup .chat-area .gpt-chat-containor.input-inactive {
  height: calc(100vh - 245px);
}
.chat-request-container .chat-area .chat-area-input .chat-msg, .chat-request-popup .chat-area .chat-area-input .chat-msg {
  text-align: center;
  width: max-content;
  border-radius: 0.25rem;
  padding: 10px;
  margin: 0 auto;
}
.chat-request-container .chat-area .chat-area-input .chat-msg.msg-approved, .chat-request-popup .chat-area .chat-area-input .chat-msg.msg-approved {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.chat-request-container .chat-area .chat-area-input .chat-msg.msg-rejected, .chat-request-popup .chat-area .chat-area-input .chat-msg.msg-rejected {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.chat-request-container .chat-area .chat-area-input .chat-msg.msg-revoked, .chat-request-popup .chat-area .chat-area-input .chat-msg.msg-revoked {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.chat-request-container .chat-area .chat-area-input .chat-msg.msg-expired, .chat-request-popup .chat-area .chat-area-input .chat-msg.msg-expired {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.chat-request-container .chat-area-containor, .chat-request-popup .chat-area-containor {
  background: #f9f9f9 !important;
}
.chat-request-container .chat-request-view, .chat-request-popup .chat-request-view {
  overflow: unset !important;
  overflow-y: unset !important;
}
.chat-request-container .chat-request-view .modal-body, .chat-request-popup .chat-request-view .modal-body {
  padding: 0px;
}
.chat-request-container .chat-request-btn-area, .chat-request-popup .chat-request-btn-area {
  width: 90%;
  display: flex;
  justify-content: center;
}
.chat-request-container .chat-request-btn-area.show-end, .chat-request-popup .chat-request-btn-area.show-end {
  justify-content: flex-end;
  width: 100%;
  padding-right: 20px;
}
.chat-request-container .chat-request-btn-area .request-btn, .chat-request-popup .chat-request-btn-area .request-btn {
  margin-top: 8px;
}
.chat-request-container .chat-request-btn-area .request-btn.btn-approved, .chat-request-popup .chat-request-btn-area .request-btn.btn-approved {
  background-color: #04aa29 !important;
  border-radius: 9px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
}
.chat-request-container .chat-request-btn-area .request-btn.btn-approved .material-icons, .chat-request-popup .chat-request-btn-area .request-btn.btn-approved .material-icons {
  font-size: 17px;
}
.chat-request-container .chat-request-btn-area .request-btn.btn-reject, .chat-request-popup .chat-request-btn-area .request-btn.btn-reject {
  background-color: #f04438 !important;
  border-radius: 9px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
}
.chat-request-container .chat-request-btn-area .request-btn.btn-reject .material-icons, .chat-request-popup .chat-request-btn-area .request-btn.btn-reject .material-icons {
  font-size: 17px;
}
.chat-request-container .chat-request-btn-area .request-btn.btn-withdraw, .chat-request-popup .chat-request-btn-area .request-btn.btn-withdraw {
  background-color: #f0bd07 !important;
  border-radius: 9px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: fit-content;
}
.chat-request-container .chat-request-btn-area .request-btn.btn-withdraw .material-icons, .chat-request-popup .chat-request-btn-area .request-btn.btn-withdraw .material-icons {
  font-size: 17px;
}
.chat-request-container .chat-input-area, .chat-request-popup .chat-input-area {
  bottom: 5px;
  outline: #d5d5d5 solid 1px;
}
.chat-request-container .chat-request-bottom-area, .chat-request-popup .chat-request-bottom-area {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.chat-request-container {
  width: 100%;
}
.chat-request-container .infinite-scroll-component__outerdiv .infinite-scroll-component {
  background: #f9f9f9;
}
.chat-request-container .infinite-scroll-component__outerdiv .infinite-scroll-component::-webkit-scrollbar {
  width: 10px !important;
}
.chat-request-container .chat-area {
  width: 60%;
}
.chat-request-container .gpt-chat-containor {
  width: 80% !important;
}
.chat-request-container .list-top-bar {
  margin-right: 20px;
}

.chat-request-popup .chat-area-containor .chat-area {
  flex-grow: 1;
}
.chat-request-popup .chat-area-containor .chat-area .gpt-chat-containor.input-active {
  max-height: calc(100vh - 320px);
  height: unset;
}
.chat-request-popup .chat-area-containor .chat-area .gpt-chat-containor.input-inactive {
  max-height: calc(100vh - 245px);
  height: unset;
}

.chat-request-modal-inner {
  flex-direction: column;
}
.chat-request-modal-inner label {
  padding-bottom: 10px;
  font-size: 13px;
  color: #526270;
}
.chat-request-modal-inner label p {
  margin: 0;
}
.chat-request-modal-inner label p:first-child {
  font-weight: 600;
  font-size: 12px;
}
.chat-request-modal-inner .ant-picker {
  margin-bottom: 20px;
}

.passkey-white {
  background: url(https://qa.dev.bluetag.no/assets/img/passkey-white.svg) no-repeat;
  height: 24px;
  width: 24px;
  background-size: cover;
}

.passkey {
  background: url(https://qa.dev.bluetag.no/assets/img/passkey.svg) no-repeat;
  height: 24px;
  width: 24px;
  background-size: cover;
}

.chat-request-popup .gpt-chat-containor {
  width: 100% !important;
}
.chat-request-popup .modal-body {
  padding-right: 4px;
  padding-left: 4px;
}
.chat-request-popup .modal-body .gpt-chat-containor {
  padding-right: 20px;
}
.chat-request-popup .modal-body .talktext {
  max-height: fit-content;
}

.email-empty {
  border-bottom: 0px;
  height: calc(100vh - 171px);
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #f5f5f5;
}
.email-empty .email-empty-img {
  height: 50%;
  width: 100%;
  opacity: 0.7;
  background-position: center !important;
  background: url(https://qa.dev.bluetag.no/assets/img/email-empty.svg) no-repeat;
}

.high-priority::before {
  content: "";
  display: inline-block;
  background-color: #34C7FF;
  height: 77%;
  width: 6px;
  border-radius: 20px;
  position: absolute;
  z-index: 24;
}

.email-btn {
  padding: 3px 10px;
  background: #dfdfdf;
  border-radius: 5px;
  margin-right: 28px;
  height: 28px;
  width: 42px;
}
.email-btn:hover {
  cursor: pointer;
  background-color: #cccccc;
}
.email-btn:hover label {
  text-decoration: underline;
}
.email-btn.no-required {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}
.email-btn.no-required label {
  width: unset !important;
}

.send-sms {
  width: 320px;
  padding: 25px 40px 30px 50px;
  background: #15bef0;
  overflow: auto;
  position: fixed;
  top: 164px;
  bottom: 0;
  z-index: 1;
}
.send-sms .send-sms-title {
  font-size: 11px;
  color: #ffffff;
  margin: 30px 0;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.br-b {
  border-bottom: 1px solid #989fa7;
}

.table.sms-listing {
  padding-left: 320px;
}

.sms-list-title {
  color: #ff9c1d;
  font-weight: 600;
  font-size: 16px;
  padding: 25px 0;
  background: #ffffff;
}

.catalogue {
  margin-top: 20px;
  border: 1px solid #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 16px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #ffffff;
}
.catalogue:first-child {
  margin-top: 0;
}
.catalogue.no-category {
  padding: 0 20px 18px;
}
.catalogue:hover {
  border-color: #15bef0;
  -webkit-box-shadow: 0 3px 3px rgba(65, 182, 230, 0.15);
  -moz-box-shadow: 0 3px 3px rgba(65, 182, 230, 0.15);
  box-shadow: 0 3px 3px rgba(65, 182, 230, 0.15);
}

.catalogue-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 12px;
}
.catalogue-header .catalogue-title {
  color: #19193e;
  font-size: 14px;
  font-weight: 600;
}
.catalogue-header .catalogue-stat {
  font-size: 12px;
  font-weight: 600;
  color: #637280;
  letter-spacing: 0.02em;
  margin-right: 10px;
  margin-left: 10px;
}
.catalogue-header .btn-group {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.file-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  margin-left: -10px;
  margin-right: -10px;
  page-break-inside: avoid;
  align-items: flex-end;
}

.file {
  background: #f6f9fb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  width: calc(16.666% - 20px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 44px;
  margin: 0 10px 15px;
  padding-left: 40px;
  padding-right: 8px;
  border: 1px solid #e8e8e8;
  cursor: pointer;
  position: relative;
  -webkit-transition: box-shadow 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out;
  -ms-transition: box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  /* prdocedure list styles in job documentation */
}
@media only screen and (max-width: 1440px) {
  .file {
    width: calc(20% - 20px);
  }
}
.file.log-file, .file.not-assigned-log-file {
  width: 230px;
}
.file::before {
  display: block;
  position: absolute;
  left: 6px;
  content: "";
  background: url(https://qa.dev.bluetag.no/assets/img/file-icons.png) no-repeat;
  background-position: -6px 1px;
  background-size: cover;
  width: 36px;
  height: 32px;
}
.file.pdf::before {
  background-position: -6px -39px;
}
.file.doc::before, .file.docx::before {
  background-position: -6px -115px;
}
.file.xls::before, .file.xlsx::before {
  background-position: -6px -154px;
}
.file.jpeg::before, .file.jpg::before, .file.png::before {
  background-position: -6px 71%;
}
.file.txt::before {
  background-position: -6px -76px;
}
.file.file-checklist::before {
  background-position: -6px -233px;
}
.file.file-checklist-answered::before {
  background-position: -6px -432px;
}
.file.file-checklist-comment::before {
  background-position: -6px -505px;
}
.file.file-checklist-global-comment::before {
  background-position: -6px -725px;
}
.file.file-checklist-global-answered::before {
  background-position: -6px -684px;
}
.file.service-specific::before {
  background-position: -6px -467px;
}
.file.log-file::before {
  background-position: -6px -547px;
}
.file.not-assigned-log-file::before {
  background-position: -6px -594px;
}
.file.incident-report-icon::before {
  background-position: -6px -636px;
}
.file.file-procedure {
  /* procedure icon */
  width: calc(20% - 20px);
}
.file.file-procedure::before {
  background-position: -6px -273px;
}
@media only screen and (max-width: 1440px) {
  .file.file-procedure {
    width: calc(25% - 20px);
  }
}
.file.file-procedure .card-details {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}
.file.file-procedure .card-details span {
  color: #ff9c1d;
  font-weight: 600;
  margin-right: 4px;
}
.file.file-procedure .card-info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #526270;
}
.file .file-info {
  color: #19193e;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4em;
}
.file .file-date {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  color: #637280;
}
.file .action-btn-group {
  position: absolute;
  right: -128px;
  padding-right: 12px;
  width: auto;
  height: 54px;
  background: rgba(41, 55, 68, 0.7);
  display: flex;
  align-items: center;
  z-index: 2;
  -webkit-border-bottom-left-radius: 30px;
  border-bottom-left-radius: 30px;
  -webkit-border-top-left-radius: 30px;
  border-top-left-radius: 30px;
  background-clip: padding-box;
  -webkit-transition: right 0.5s ease;
  -moz-transition: right 0.5s ease;
  -ms-transition: right 0.5s ease;
  -o-transition: right 0.5s ease;
  transition: right 0.5s ease;
}
.file .action-btn-group .btn-circle {
  width: 26px;
  height: 26px;
}
.file:hover {
  -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
}
.file:hover .action-btn-group {
  right: 0;
}

.log-file-play {
  flex: 0 0 calc(33.33% - 20px);
}
.log-file-play:before {
  background: url(https://qa.dev.bluetag.no/assets/img/filebinpbPlayDrone.svg) no-repeat !important;
}

.atatchment {
  background: #dff6ff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 13px;
  padding: 8px 12px;
  color: #19193e;
  margin-bottom: 10px;
  cursor: pointer;
  border: 1px solid #15bef0;
}
.atatchment i {
  color: #ff0000;
  margin-left: auto;
  font-size: 18px;
  font-weight: 600;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.atatchment i:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* styles for attachments inside a popup */
.popup-file-container .card-view {
  width: calc(25% - 20px);
}
.popup-file-container .file {
  width: calc(33.3333% - 20px);
}

/*styles for images inside blue panel - procedure view*/
.pv-file-container .card-view {
  width: calc(30% - 1px);
  margin: 0 0 15px 10px;
}

.statistic-log-file-container .drone-file-container {
  justify-content: flex-start;
}
.statistic-log-file-container .loader-container {
  margin-bottom: 10px;
}

.statistic-log-file {
  height: 65px !important;
  flex: 0 0 240px !important;
  box-shadow: none;
  background: #fff;
  border-radius: 6px;
}
.statistic-log-file .file-info {
  display: flex;
  flex-direction: column;
  padding-left: 12px;
}
.statistic-log-file .file-info .fileName {
  text-overflow: ellipsis;
  max-width: 170px;
  overflow: hidden;
}
.statistic-log-file:before {
  background-position: -12px -832px !important;
  width: 55px;
  height: 55px;
}

.calendar-wrapper {
  padding: 0 50px;
  height: 862px;
}

.rbc-month-view {
  border-top: 2px solid #ff9c1d;
  height: 800px;
}

.rbc-toolbar {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 15px 0;
  margin-bottom: 0;
}
.rbc-toolbar .rbc-toolbar-label {
  text-align: left !important;
  color: #ff9c1d;
  font-size: 20px;
  font-weight: 600;
  padding: 0;
}

.rbc-header {
  text-align: left !important;
  text-transform: uppercase;
  color: #19193e;
  padding: 20px 15px 6px;
  font-size: 11px;
}

.rbc-date-cell {
  text-align: left !important;
  padding: 15px 0 6px 15px;
  font-size: 13px;
  font-weight: 600;
  color: #526270;
}
.rbc-date-cell.rbc-off-range {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.rbc-off-range-bg {
  background: #f7f7f7;
}

.rbc-event {
  height: 22px;
  color: white;
  padding-left: 20px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  text-transform: initial;
  margin-top: 8px;
  display: flex;
  align-items: center;
}
.rbc-event:focus {
  outline: none !important;
}

.rbc-toolbar button {
  background: #c4cfd8;
  margin-left: 10px !important;
  height: 36px;
  border: none;
  position: relative;
}
.rbc-toolbar button:hover {
  background: #cacaca;
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}

/* removing button text form navigation buttons */
.rbc-btn-group > button:not(:first-child) {
  font-size: 0 !important;
  text-indent: -1000em;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  border-radius: 50% !important;
}
.rbc-btn-group > button:not(:first-child)::before, .rbc-btn-group > button:not(:first-child)::after {
  content: " ";
  width: 2px;
  height: 10px;
  background: #19193e;
  display: block;
  position: absolute;
}
.rbc-btn-group > button:not(:first-child)::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 8px;
  left: 13px;
}
.rbc-btn-group > button:not(:first-child)::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 15px;
  left: 13px;
}

.rbc-btn-group > button:first-child {
  height: 32px;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  border-radius: 4px !important;
  background: transparent;
  color: #19193e;
  font-weight: 600;
}
.rbc-btn-group > button:first-child:hover {
  background: #c4cfd8;
}

.rbc-btn-group > button:last-child {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rbc-header + .rbc-header {
  border-left: none;
}

.popups-container .ant-picker-dropdown {
  z-index: 99999999;
}

.slick-arrow svg {
  background: #15bef0;
  padding: 3px;
  color: #fff;
  border-radius: 2px;
  font-size: 19px;
}
.slick-arrow .anticon-left {
  margin-left: 8px;
}
.slick-arrow .anticon-right {
  margin-left: -8px;
}

.slick-disabled svg {
  background: #15bef0;
  opacity: 0.5;
  cursor: not-allowed;
}

.ant-carousel .slick-list {
  margin: 0 10px 0 10px;
}

.salary-top-sec {
  padding: 0 50px;
}
.salary-top-sec h4 {
  color: #19193e;
  font-size: 14px;
  font-weight: 600;
  padding-top: 20px;
}

.months-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: -8px;
}

.salary-month {
  border: 1px solid #15bef0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  width: 180px;
  margin: 8px;
  padding: 12px;
  cursor: pointer;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.salary-month:hover {
  -webkit-box-shadow: 0 5px 14px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 5px 14px rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.25);
}
.salary-month.month-selected {
  background: #cff2ff;
}
.salary-month .month-title {
  font-size: 13px;
  font-weight: 600;
  padding-bottom: 4px;
  color: #526270;
  border-bottom: 1px solid #989fa7;
  text-transform: capitalize;
}
.salary-month .month-sum {
  font-size: 12px;
  color: #19193e;
  padding: 4px 6px;
  margin-top: 10px;
}

.salary-container {
  margin: 30px 50px 0;
  padding-bottom: 30px;
  border: 1px solid #fff;
  border-top: 0px;
}
.salary-container .sec-wrapper {
  padding: 10px 10px 0 !important;
}
.salary-container .sec-wrapper .table {
  margin: 0;
}
.salary-container .table-legends {
  background: transparent;
  padding: 12px 0 0 15px;
}

.salary-header-info {
  background: #e5e6e6;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 10px 20px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  text-transform: capitalize;
}
.salary-header-info div {
  font-size: 12px;
  color: #19193e;
  line-height: 16px;
  margin-left: 30px;
}
.salary-header-info div span {
  display: block;
}
.salary-header-info div:nth-child(1) {
  margin-left: 0 !important;
  margin-right: 60px;
}
.salary-header-info div:nth-child(2) {
  margin-left: auto !important;
  margin-right: 60px;
}
.salary-header-info div:not(:first-child) :first-child {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.salary-header-info .salary-info-title {
  font-size: 13px;
  color: #19193e;
  font-weight: 600;
}

.react__searchable {
  margin-bottom: 2px;
}
.react__searchable.form-control {
  white-space: nowrap;
  position: relative;
  box-sizing: border-box;
  overflow: inherit;
  line-height: inherit;
  padding: 0;
  height: auto !important;
}
.react__searchable.form-control [class$=-control] {
  box-sizing: border-box;
  border: none;
  min-height: inherit;
  height: 100%;
}
.react__searchable [class$=-menu] {
  z-index: 10 !important;
}
.react__searchable [class$=-indicatorContainer] {
  color: #15bef0 !important;
}
.react__searchable [class$=-indicatorSeparator] {
  display: none;
}
.react__searchable .css-26l3qy-menu {
  z-index: 99999 !important;
  position: absolute !important;
  display: block !important;
}

.modal-body .css-26l3qy-menu {
  position: relative !important;
}
.modal-body .css-1nmdiq5-menu {
  position: relative !important;
}

/*read-only*/
.read-only-access {
  background-color: #fff !important;
  border-color: #989fa7 !important;
  color: inherit !important;
}
.read-only-access .css-1hb7zxy-IndicatorsContainer {
  display: none;
}
.read-only-access .css-1fhf3k1-control {
  background-color: #fff !important;
}
.read-only-access .css-107lb6w-singleValue {
  color: #19193e !important;
}
.read-only-access.ant-picker-disabled {
  background-color: #fff !important;
  border-color: #989fa7 !important;
}
.read-only-access input {
  color: #19193e !important;
}

select.read-only-access {
  font-size: 13px !important;
  opacity: 1 !important;
  -webkit-appearance: none !important;
  color: #19193e !important;
}

.loader-container {
  text-align: center;
  max-height: 20px;
  line-height: 0;
  background: #e4e4e4;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
}

.email-list .loader-container {
  top: 0;
  bottom: inherit;
}

.inner-table-header .loader-container {
  bottom: -12px;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 12px;
}

.lds-ellipsis div {
  position: absolute;
  top: calc(50% - 4px);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #15bef0;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.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);
  }
}
/* ant modal style owerwrites */
.ant-modal-header {
  background: #15bef0 !important;
}

.ant-modal-title, .ant-modal-confirm-title {
  color: #ffffff !important;
  font-weight: normal !important;
  text-transform: lowercase;
}
.ant-modal-title::first-letter, .ant-modal-confirm-title::first-letter {
  text-transform: capitalize;
}

.ant-modal-close {
  width: 40px;
  height: 40px;
  top: 7px !important;
  right: 10px !important;
  color: #ffffff !important;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.ant-modal-close:focus, .ant-modal-close:hover {
  color: #ffffff;
  opacity: 0.8;
  filter: alpha(opacity=80);
  box-shadow: none;
}

.ant-modal-close-x {
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
}

.ant-modal-body {
  padding: 0 !important;
  position: relative;
}
.ant-modal-body .loader-container {
  top: 0px;
  bottom: auto;
}

/* modal styles */
.modal-body {
  padding: 24px 24px 10px;
  height: auto;
  max-height: calc(100vh - 225px);
  overflow-y: auto;
}

.modal-title {
  font-size: 14px;
  color: #293744;
  font-weight: 600;
  margin-bottom: 15px;
}

.modal-footer {
  padding: 16px 24px;
  background: #f3f5f8;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row-reverse;
  -moz-flex-flow: row-reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}
.modal-footer button.btn-circle {
  height: 36px;
  width: 36px;
  margin-left: 12px;
}
.modal-footer button.btn-circle i.attachment-icon {
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  -o-transform: rotate(50deg);
  transform: rotate(50deg);
}

.ip-form-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row-reverse;
  -moz-flex-flow: row-reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}

.personal-permission-footer {
  padding: 16px 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row-reverse;
  -moz-flex-flow: row-reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}
.personal-permission-footer button.btn-circle {
  height: 36px;
  width: 36px;
  margin-left: 12px;
}
.personal-permission-footer button.btn-circle i.attachment-icon {
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  -o-transform: rotate(50deg);
  transform: rotate(50deg);
}

.modal-sec-bb {
  border: 1px solid #15bef0;
  padding: 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  margin-bottom: 25px;
}

.modal-sec-bb.disabled {
  background-color: #f3f3f3;
  border: 1px solid #dbdde0;
}

.modal-sec-title {
  font-size: 14px;
  color: #878686;
  font-weight: 600;
  padding-bottom: 3px;
  margin-bottom: 10px;
}

/* add new form inside the modal */
.form-add-new {
  background: #edf1f8;
  border-top: 2px solid #15bef0;
  padding: 24px;
  margin-bottom: 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.modal-sec-collapsible {
  border: 1px solid;
  border-color: #edf1f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.modal-sec-collapsible.expand {
  border-color: #15bef0;
}
.modal-sec-collapsible.expand .collapse-body {
  max-height: 1600px;
}
.modal-sec-collapsible.expand .collpase-btn {
  background: #15bef0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.modal-sec-collapsible.expand .collpase-btn i {
  color: #ffffff;
}

.saveFooterShow {
  border-left: unset;
  border-top: unset;
  border-right: unset;
  border-bottom: 1px solid #15bef0;
  box-shadow: unset;
  border-radius: 0px;
  margin-bottom: 10px;
}
.saveFooterShow .collapse-body {
  max-height: 70vh !important;
}

.permission-save-view {
  border: 2px solid;
  border-radius: 4px;
  border-color: #15bef0;
  margin-bottom: 20px;
}
.permission-save-view .personal-permission-footer {
  padding-top: 0px;
  padding-bottom: 10px;
}

.treeView-collapsible {
  margin-bottom: 10px !important;
}

.collapse-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #e7edf7;
  height: 36px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  background-clip: padding-box;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 0 12px;
}
.collapse-header .collapse-title {
  color: #000000;
  font-weight: 500;
}

.collapse-body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.collapse-body .cl-padding {
  padding: 12px;
}
.collapse-body.lb-bg {
  background: #e1f7ff;
}

.scroll-collapsible-body {
  overflow-x: hidden;
  overflow-y: auto;
}

.collpase-btn {
  width: 22px;
  height: 22px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #15bef0;
  margin-left: auto;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  user-select: none;
}
.collpase-btn i {
  color: #15bef0;
  font-size: 20px;
}

.modal-sec-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row-reverse;
  -moz-flex-flow: row-reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}

.confirmation-title {
  font-size: 15px;
  font-weight: 500;
}

.modal-sec-collapsible-light {
  border: 1px solid;
  border-color: #edf1f8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 20px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.modal-sec-collapsible-light.expand {
  border-color: #15bef0;
}
.modal-sec-collapsible-light.expand .collapse-body {
  max-height: 1600px;
}
.modal-sec-collapsible-light.expand .collpase-btn-light {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.modal-sec-collapsible-light.expand .collpase-btn-light i {
  color: #15bef0;
}
.modal-sec-collapsible-light .collapse-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #fff;
  height: 36px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  background-clip: padding-box;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 0 12px;
}
.modal-sec-collapsible-light .collapse-header .collapse-title {
  color: #15bef0;
  font-weight: 600;
}
.modal-sec-collapsible-light .collapse-body {
  max-height: 0;
  overflow: hidden;
  border-top: 1px solid;
  border-color: #15bef0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.modal-sec-collapsible-light .collapse-body .cl-padding {
  padding: 12px;
}
.modal-sec-collapsible-light .collapse-body.lb-bg {
  background: #fff;
}
.modal-sec-collapsible-light .collpase-btn-light {
  width: 22px;
  height: 22px;
  background: #ffffff;
  margin-left: auto;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  user-select: none;
}
.modal-sec-collapsible-light .collpase-btn-light i {
  color: #15bef0;
  font-size: 20px;
}

.modal-sub-title {
  color: #15bef0;
  font-size: 20px;
  font-weight: 600;
}

.ant-modal-confirm-body {
  position: relative;
}
.ant-modal-confirm-body .anticon {
  position: absolute;
  top: 75px;
  left: 24px;
}
.ant-modal-confirm-body .anticon.anticon-question-circle {
  color: #ff9c1d;
}
.ant-modal-confirm-body .anticon.anticon-exclamation-circle {
  color: #ff0000;
}
.ant-modal-confirm-body .anticon.anticon-info-circle {
  color: #15bef0;
}

.ant-modal-confirm-title {
  background: #15bef0 !important;
  color: #ffffff !important;
  height: 55px;
  line-height: 50px !important;
  font-weight: normal !important;
  padding-left: 24px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  background-clip: padding-box;
}

.ant-modal-confirm .ant-modal-close {
  display: block !important;
}

.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-left: 60px !important;
  margin-top: 20px !important;
  margin-right: 24px !important;
  color: #19193e !important;
}

.ant-modal-confirm .ant-modal-confirm-btns {
  padding: 15px 24px;
  background: #f3f5f8;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-clip: padding-box;
  width: 100%;
  text-align: right;
}
.ant-modal-confirm .ant-modal-confirm-btns .ant-btn {
  height: 36px;
  width: 120px;
  background: #526270;
  color: #ffffff;
  border: none;
  margin-left: 15px;
}
.ant-modal-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-primary {
  background: #15bef0;
}

.ant-modal-content {
  border-radius: 4px !important;
}

.ant-notification-notice {
  padding: 0 !important;
}

.ant-notification-notice-content {
  min-height: 65px !important;
}

.ant-notification-notice-with-icon {
  position: relative;
  padding: 8px;
}
.ant-notification-notice-with-icon svg {
  position: absolute;
  top: 20px;
  left: 8px;
  z-index: 1;
}

.ant-notification-notice-icon {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin-left: 0 !important;
  color: #ffffff !important;
  min-height: 65px !important;
}
.ant-notification-notice-icon::before {
  position: absolute;
  z-index: 1;
  top: 12px;
  left: 0;
}
.ant-notification-notice-icon::after {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  top: 0;
  bottom: 0;
}

.ant-notification-notice-icon-success {
  background: #c9ffc9;
}
.ant-notification-notice-icon-success + .ant-notification-notice-message {
  color: #2ed42d;
}
.ant-notification-notice-icon-success::after {
  background: #2ed42d;
}

.ant-notification-notice-icon-error {
  background: #ffdfd9 !important;
}
.ant-notification-notice-icon-error + .ant-notification-notice-message {
  color: #ff5c37 !important;
}
.ant-notification-notice-icon-error .ant-notification-notice-message {
  color: #ff5c37 !important;
}
.ant-notification-notice-icon-error::after {
  background: #ff5c37 !important;
}

.ant-notification-notice-icon-warning {
  background: #ffe9c9;
}
.ant-notification-notice-icon-warning + .ant-notification-notice-message {
  color: #ffa237;
}
.ant-notification-notice-icon-warning::after {
  background: #ffa237;
}

.ant-notification-notice-icon-info {
  background: rgba(21, 190, 240, 0.1803921569);
}
.ant-notification-notice-icon-info + .ant-notification-notice-message {
  color: #15bef0;
}
.ant-notification-notice-icon-info::after {
  background: #15bef0;
}
.ant-notification-notice-icon-info .ant-notification-notice-icon {
  min-height: 160px !important;
}
.ant-notification-notice-icon-info .ant-notification-notice-btn button {
  color: #ffffff !important;
}
.ant-notification-notice-icon-info .ant-notification-notice-with-icon svg {
  top: 45px !important;
}

.ant-notification-notice-message {
  position: inherit;
  font-weight: 500;
}

.ant-notification-notice-description {
  color: #363c3e;
  position: inherit;
}

.ant-notification-close-icon {
  right: 12px !important;
  top: 10px !important;
}

.cust-count .ant-badge-count {
  top: -28px !important;
  left: 10px !important;
  height: 15px !important;
  border-radius: 50% !important;
  min-width: 15px !important;
  line-height: 14px !important;
  padding: 1px 5px !important;
  font-size: 10px !important;
}

.pdf-message {
  margin-top: 50px !important;
}
.pdf-message .ant-message-notice-content {
  border: 2px solid #15bef0 !important;
}

.ant-notification-notice-btn {
  margin-bottom: 15px;
}

/*notifications-center styles */
.table-wrapper {
  flex-basis: 100%;
}

.notification-inner-row .email-sender-name, .notification-inner-row .email-title {
  text-align: left;
}
.notification-inner-row td {
  background-color: transparent !important;
}
.notification-inner-row .option-email-icon {
  left: 22px;
}

.notification-wrapper {
  display: flex;
  margin-bottom: 20px;
}

.notification-summary-card {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  margin-right: 30px;
  padding: 20px;
  width: 20%;
}
.notification-summary-card.cus-card {
  background: #8EBDA8;
}
.notification-summary-card.cus-card.selected-card {
  box-shadow: 0 2px 6px #8EBDA8;
}
.notification-summary-card.job-card {
  background: #7DA6CF;
}
.notification-summary-card.job-card.selected-card {
  box-shadow: 0 2px 6px #7DA6CF;
}
.notification-summary-card.sup-card {
  background: #C3937A;
}
.notification-summary-card.sup-card.selected-card {
  box-shadow: 0 2px 6px #C3937A;
}
.notification-summary-card .notifications-count-wrapper {
  display: flex;
  align-items: flex-end;
  margin-bottom: 25px;
}
.notification-summary-card .notifications-count-wrapper .notifications-count, .notification-summary-card .notifications-count-wrapper .notifications-text {
  color: #ffffff;
}
.notification-summary-card .notifications-count-wrapper .notifications-count {
  font-size: 24px;
  margin-right: 20px;
}
.notification-summary-card .notifications-icon-wrapper {
  display: flex;
  justify-content: space-between;
}
.notification-summary-card .notifications-icon-wrapper .text-white {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
}
.notification-summary-card .notifications-icon-wrapper .material-icons {
  font-size: 32px;
  color: #ffffff;
}
.notification-summary-card:nth-child(1).selected-card {
  margin-right: 47px;
  margin-left: 17px;
}
.notification-summary-card:nth-child(2).selected-card {
  margin-left: 16px;
  margin-right: 47px;
}
.notification-summary-card:nth-child(3).selected-card {
  margin-left: 16px;
}

.selected-card {
  transform: scale(1.12);
}

.notifications-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.notifications-table td {
  background: #ECECEC;
  padding: 10px;
  vertical-align: middle;
}
.notifications-table td:first-child {
  border-radius: 5px 0 0 5px;
}
.notifications-table td:last-child {
  border-radius: 0 5px 5px 0;
  text-align: end;
}

.notification-menu {
  border-radius: 7px !important;
  min-width: 185px !important;
  padding-top: 20px !important;
  padding-bottom: 10px !important;
}
.notification-menu .ant-dropdown-menu-item {
  border-bottom: 1px solid #a7a5a5 !important;
}
.notification-menu .ant-dropdown-menu-item:last-child {
  border-bottom: none !important;
}
.notification-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.notification-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .badge-menu-iteam {
  align-self: center;
}
.notification-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .job-badge {
  background: #7ca6cf !important;
}
.notification-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .customer-badge {
  background: #8fbca8 !important;
}
.notification-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .supplier-badge {
  background: #c3937b !important;
}

.notification-main-sec .notification-table-wrapper {
  flex-basis: 100%;
  padding: 0 10px 0 0;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: #15bef0;
  direction: ltr;
  margin-right: 8px;
  padding-left: 10px;
  background: aliceblue;
}
.notification-main-sec .notification-table-wrapper::-webkit-scrollbar-track {
  background: #c5ced2 !important;
  border-radius: 6px !important;
}
.notification-main-sec .notification-table-wrapper::-webkit-scrollbar {
  width: 8px;
}
.notification-main-sec .notification-table-wrapper::-webkit-scrollbar-thumb {
  background-color: #5d838f;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.notification-main-sec .notification-table-wrapper .email-template-not-select-msg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40vh;
  margin-top: unset !important;
}

.notification-email-wrapper {
  height: 100vh;
  background: aliceblue;
  padding: 10px;
  flex-basis: 50%;
}
.notification-email-wrapper .email-view {
  border-right: none;
  border-left: 1px solid #a9b3bb;
  padding: 20px;
}
.notification-email-wrapper .close-email-btn {
  position: fixed;
  right: 65px;
  z-index: 9;
  background: unset;
  color: #637280;
  padding-bottom: 10px;
}
.notification-email-wrapper .close-email-btn:hover {
  box-shadow: none;
  color: #465968 !important;
}
.notification-email-wrapper .email-view-body {
  width: 100%;
}

.ql-editor {
  min-height: 240px;
  height: auto !important;
  padding: 12px 4px 0 !important;
}

.quill {
  margin-bottom: 15px;
  color: #637280;
}

.ql-toolbar.ql-snow {
  padding: 5px !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.ql-container.ql-snow {
  border: none;
}

.ql-snow .ql-editor a {
  display: inline-block !important;
}

/*  ql.editor styles overwritten in jobinfo section */
.ov-job-info .quill {
  margin-bottom: 0 !important;
}
.ov-job-info .ql-editor {
  border: 1px solid #989fa7 !important;
  padding: 10px !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  min-height: auto !important;
}
.ov-job-info .ql-editor:hover, .ov-job-info .ql-editor:focus {
  border-color: #15bef0 !important;
  -webkit-box-shadow: 0 0 2px #15bef0;
  -moz-box-shadow: 0 0 2px #15bef0;
  box-shadow: 0 0 2px #15bef0;
}

.card {
  border: 1px solid #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  width: calc(20% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: auto;
  margin: 0 10px 15px;
  padding: 8px;
  cursor: pointer;
  -webkit-transition: box-shadow 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out;
  -ms-transition: box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  position: relative;
  background: #ffffff;
}
@media only screen and (min-width: 1441px) {
  .card {
    width: calc(16.6667% - 20px);
  }
}
@media only screen and (max-width: 1440px) {
  .card {
    width: calc(20% - 20px);
  }
}
@media only screen and (max-width: 1280px) {
  .card {
    width: calc(25% - 20px);
  }
}
.card::before {
  content: " ";
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: transparent;
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  -ms-transition: all 0.35s ease-in;
  -o-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
.card::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 40px;
  background: rgba(41, 55, 68, 0.6);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.card .card-image {
  height: 120px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.card .card-details {
  height: auto;
  margin-top: 5px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card .card-sec {
  margin-top: 10px;
  height: 27px;
}
.card .card-title .card-info {
  color: #19193e;
  font-weight: 600;
}
.card label {
  color: #15bef0;
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
}
.card .card-no {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.card .card-no label,
.card .card-no .card-info {
  color: #ff9c1d;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
}
.card .card-info {
  color: #526270;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card .card-view-actions {
  position: absolute;
  width: 100%;
  bottom: -40px;
  left: 0;
  text-align: center;
  z-index: 1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.card:hover {
  border-color: #15bef0;
  -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
}
.card:hover::after {
  -webkit-transform: scale(3);
  -moz-transform: scale(3);
  -ms-transform: scale(3);
  transform: scale(3);
}
.card:hover .card-view-actions {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  bottom: 6px;
}

/* attached files styles */
.attached-file {
  border: 1px solid #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  width: calc(50% - 20px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 50px;
  margin: 0 10px 15px;
  padding: 5px;
  cursor: pointer;
  -webkit-transition: box-shadow 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out;
  -ms-transition: box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  position: relative;
  background: #f8fafe;
}
.attached-file .attached-file-image {
  height: 40px;
  width: 40px;
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.attached-file .attached-file-image.pdf {
  background-image: url(https://qa.dev.bluetag.no/assets/img/file-icons.png) !important;
  width: 44px;
  height: 44px;
  background-position: -5px -45px;
  margin-right: 0;
}
.attached-file .attached-file-image.doc, .attached-file .attached-file-image.docx {
  background-image: url(https://qa.dev.bluetag.no/assets/img/file-icons.png) !important;
  width: 44px;
  height: 44px;
  background-position: -5px -139px;
  margin-right: 0;
}
.attached-file .attached-file-image.xls, .attached-file .attached-file-image.xlsx {
  background-image: url(https://qa.dev.bluetag.no/assets/img/file-icons.png) !important;
  width: 44px;
  height: 44px;
  background-position: -5px -186px;
  margin-right: 0;
}
.attached-file .attached-file-image.txt {
  background-image: url(https://qa.dev.bluetag.no/assets/img/file-icons.png) !important;
  width: 44px;
  height: 44px;
  background-position: -5px -91px;
  margin-right: 0;
}
.attached-file .attached-file-info {
  color: #526270;
  font-size: 13px;
  width: calc(100% - 72px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attached-file .icon-btn {
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  color: #ff0000;
  padding: 2px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.attached-file .icon-btn .material-icons {
  font-size: 20px;
}
.attached-file:hover {
  border-color: #15bef0;
  -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
}
.attached-file:hover .icon-btn {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* file card view */
.card-view {
  border: 1px solid #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  width: calc(16.666% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 160px;
  margin: 0 10px 15px;
  padding: 6px;
  cursor: pointer;
  -webkit-transition: box-shadow 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out;
  -ms-transition: box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  position: relative;
  background: #ffffff;
}
@media only screen and (max-width: 1440px) {
  .card-view {
    width: calc(20% - 20px);
  }
}
.card-view::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 40px;
  background: rgba(41, 55, 68, 0.6);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.card-view .card-view-image {
  height: calc(100% - 44px);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.card-view .fit-to-container {
  height: calc(100% - 44px);
  width: 100% !important;
  object-fit: contain;
}
.card-view .card-view-details {
  margin-top: 10px;
  line-height: 1.3em;
}
.card-view .card-view-title {
  color: #19193e;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card-view .card-view-info {
  color: #526270;
  text-transform: uppercase;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card-view .card-view-actions {
  position: absolute;
  width: 100%;
  bottom: -40px;
  left: 0;
  text-align: center;
  z-index: 1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.card-view:hover {
  border-color: #15bef0;
  -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
}
.card-view:hover::after {
  -webkit-transform: scale(3);
  -moz-transform: scale(3);
  -ms-transform: scale(3);
  transform: scale(3);
}
.card-view:hover .card-view-actions {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  bottom: 6px;
}
.card-view .card-details {
  height: auto;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card-view .card-details .card-no {
  display: flex;
}
.card-view .card-details .card-no label {
  color: #ff9c1d;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
}
.card-view .card-details .card-no .card-info {
  color: #ff9c1d;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
}
.card-view .card-details .card-title .card-info {
  color: #19193e;
  font-weight: 600;
  font-size: 12px;
}

/* procedure styles in job dicumentation */
.card-view-actions .btn-circle span {
  display: none;
}
.card-view-actions.show-labels {
  margin-left: auto;
}
.card-view-actions.show-labels .btn-circle {
  background: transparent;
  box-shadow: none;
}
.card-view-actions.show-labels .btn-circle i {
  display: none;
}
.card-view-actions.show-labels .btn-circle span {
  display: block;
}

/* panel box styles */
.panel-box {
  padding: 10px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.12);
}
.panel-box.pb-red {
  background: #ffd5de;
}
.panel-box .flag-icon {
  width: 70px;
  margin-right: 20px;
}
.panel-box .flag-icon i {
  font-size: 45px;
  background: #ffffff;
  color: #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding: 8px;
}
.panel-box .cb-info {
  line-height: 1.35;
}
.panel-box .cb-info .cb-label {
  color: #000000;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.panel-box .cb-info .cb-value {
  font-size: 16px;
  color: #ff1e4b;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.panel-box .cb-info .cb-value .stat-currency {
  padding-right: 5px;
}
.panel-box .cb-info .cb-value span {
  font-size: 12px;
}
.panel-box .cb-info .part-cb {
  font-size: 0.9em;
}
.panel-box .cb-info .cb-date {
  font-size: 12px;
  font-weight: 600;
}

.ant-carousel .slick-next::before {
  content: "" !important;
}
.ant-carousel .slick-prev::before {
  content: "" !important;
}

.react-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  overflow: hidden;
  padding-left: 5px;
  padding-top: 5px;
}

.react-tagsinput--focused {
  border-color: #a5d24a;
}

.react-tagsinput-tag {
  background: #cef1ff;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  color: #19193e;
  display: inline-flex;
  font-size: 13px;
  padding: 0 8px;
  height: 26px;
  line-height: 25px;
  margin: 3px;
}

.react-tagsinput-remove {
  cursor: pointer;
  margin-left: 5px;
  font-size: 18px;
  color: #19193e;
}

.react-tagsinput-tag a::before {
  content: "×";
}

.react-tagsinput-input {
  background: transparent;
  border: 0;
  color: #526270;
  font-size: 13px;
  outline: none;
  width: auto;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
  margin: 3px;
}

.form-control.ant-time-picker {
  padding: 0;
}

.ant-time-picker .ant-time-picker-icon {
  margin-top: -7px;
}
.ant-time-picker .ant-time-picker-icon::after {
  color: #15bef0;
  font-size: 14px;
}

.ant-time-picker-input {
  height: 36px !important;
  background: #ffffff;
  border: none !important;
  font-size: 13px !important;
  color: #19193e !important;
  padding: 0 12px !important;
}

.site-calendar-customize-header-wrapper {
  margin: auto;
  width: 260px;
  border: 1px solid #15bef0;
  border-radius: 4px;
}
.site-calendar-customize-header-wrapper .header {
  color: #15bef0;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.scrollarea .scrollbar-container {
  background: #c5ced2 !important;
  opacity: 1 !important;
  border-radius: 6px !important;
  margin-right: 2px;
}
.scrollarea .scrollbar-container.vertical {
  width: 8px !important;
}
.scrollarea .scrollbar-container.vertical .scrollbar {
  background: #403c3c !important;
  width: 8px !important;
  margin-left: 0 !important;
  border-radius: 6px !important;
  opacity: 0.8;
}
.scrollarea .scrollbar-container.vertical:hover {
  opacity: 1 !important;
}
.scrollarea .scrollbar-container.vertical:hover .scrollbar {
  opacity: 1;
}

.scrollarea-wrapper {
  padding-right: 12px;
  max-height: 500px;
}

.scrollarea-wrapper-pv {
  max-height: 300px;
  min-height: 299px;
}
.scrollarea-wrapper-pv .scrollarea-content {
  margin-right: 13px !important;
  min-height: 300px !important;
}
.scrollarea-wrapper-pv .draggable-item-text {
  max-width: 68%;
}

.scrollarea-wrapper-leaveDetail {
  max-height: 400px;
}

.invoice-header {
  background: #15bef0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px;
  color: #ffffff;
}
.invoice-header img {
  width: auto;
}
.invoice-header.ih-p {
  padding: 15px;
}
.invoice-header.ih-dv {
  padding: 25px 50px;
}
.invoice-header .invoice-info {
  margin-left: auto;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0.03em;
}
.invoice-header .invoice-no {
  padding: 2px 6px;
  display: inline-block;
  margin-bottom: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.invoice-no-bg {
  background: #ff9c1d;
  padding: 2px 6px;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #ffffff;
}

.invoice-body {
  background: #f5f7fb;
  padding: 20px 15px;
}

.invoice-account-info {
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  margin-top: 50px;
  border-top: 1px solid #000000;
}

.invoice-top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  padding-bottom: 5px;
}
.invoice-top .invoice-title {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  width: 50%;
  overflow: hidden;
  white-space: pre-wrap;
  padding-right: 40px;
  background-color: #ff9c1d;
  padding: 10px 12px;
  margin-right: 10px;
}
.invoice-top .invoice-ref {
  background: #ff9c1d;
  color: #ffffff;
  margin-left: auto;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 16px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  width: 50%;
  overflow: hidden;
  white-space: normal;
}
.invoice-top .invoice-ref span {
  display: block;
}
.invoice-top .invoice-ref p {
  margin-bottom: 0;
}

.invoice-sum {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-bottom: 1px solid #000000;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 10px;
  justify-content: space-between;
}
.invoice-sum div {
  color: #172633;
  width: 140px;
  height: 30px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}
.invoice-sum div span {
  color: #526270;
  display: block;
  line-height: 14px;
  height: 14px;
  font-weight: normal;
}

/* order invoice view table */
.inner-table.order-invoice-view-table {
  padding: 0;
  border: none;
  width: 100%;
  padding-top: 20px;
  padding-left: 10px;
}
.inner-table.order-invoice-view-table .inner-table-header > div,
.inner-table.order-invoice-view-table .inner-table-row div {
  padding-right: 2px;
}
.inner-table.order-invoice-view-table .inner-table-header > div:nth-child(1),
.inner-table.order-invoice-view-table .inner-table-row div:nth-child(1) {
  width: 35%;
}
.inner-table.order-invoice-view-table .inner-table-header > div:nth-child(2),
.inner-table.order-invoice-view-table .inner-table-row div:nth-child(2) {
  width: 8%;
}
.inner-table.order-invoice-view-table .inner-table-header > div:nth-child(3),
.inner-table.order-invoice-view-table .inner-table-row div:nth-child(3) {
  width: 10%;
}
.inner-table.order-invoice-view-table .inner-table-header > div:nth-child(4),
.inner-table.order-invoice-view-table .inner-table-row div:nth-child(4) {
  width: 17%;
}
.inner-table.order-invoice-view-table .inner-table-header > div:nth-child(5),
.inner-table.order-invoice-view-table .inner-table-row div:nth-child(5) {
  width: 15%;
}
.inner-table.order-invoice-view-table .inner-table-header > div:nth-child(6),
.inner-table.order-invoice-view-table .inner-table-row div:nth-child(6) {
  width: 15%;
}
.inner-table.order-invoice-view-table .inner-table-header > div:first-child,
.inner-table.order-invoice-view-table .inner-table-row div:first-child {
  padding-right: 10px !important;
  text-align: justify;
  word-break: break-word;
}
.inner-table.order-invoice-view-table .inner-table-row.row-sum > div {
  font-weight: bold;
  height: 28px;
}
.inner-table.order-invoice-view-table .inner-table-row.row-sum > div:nth-child(1) {
  width: 35%;
}
.inner-table.order-invoice-view-table .inner-table-row.row-sum > div:nth-child(2) {
  width: 50%;
}
.inner-table.order-invoice-view-table .inner-table-row.row-sum > div:nth-child(3) {
  width: 15%;
}
.inner-table.order-invoice-view-table .inner-table-row.row-sum > div.bg-orange {
  color: #ffffff;
}
.inner-table.order-invoice-view-table .inner-table-row.row-sum > div.br-t {
  border-top: 1px solid #a8a8a8;
}
.inner-table.order-invoice-view-table .inner-table-row.row-sum > div.br-b {
  border-bottom: 1px solid #a8a8a8;
}
.inner-table.order-invoice-view-table .inner-table-header > div.th-column {
  padding: 0 2px 0 0;
  font-weight: bold;
}
.inner-table.order-invoice-view-table .inner-table-header > div.th-column::after {
  content: none;
}
.inner-table.order-invoice-view-table .inner-table-row div {
  height: auto;
  min-height: 26px;
  line-height: 1.4;
  padding: 10px 5px 0 0;
  overflow: initial;
  white-space: pre-wrap;
}

/* croatian order invoice view table */
.inner-table.cr-order-invoice-inner-table {
  padding: 0;
  border: none;
  width: 100%;
  padding-top: 20px;
}
.inner-table.cr-order-invoice-inner-table .inner-table-header > div,
.inner-table.cr-order-invoice-inner-table .inner-table-row div {
  padding-right: 3px;
}
.inner-table.cr-order-invoice-inner-table .inner-table-header > div:nth-child(1),
.inner-table.cr-order-invoice-inner-table .inner-table-row div:nth-child(1) {
  width: 30%;
}
.inner-table.cr-order-invoice-inner-table .inner-table-header > div:nth-child(2),
.inner-table.cr-order-invoice-inner-table .inner-table-row div:nth-child(2) {
  width: 10%;
}
.inner-table.cr-order-invoice-inner-table .inner-table-header > div:nth-child(3),
.inner-table.cr-order-invoice-inner-table .inner-table-row div:nth-child(3) {
  width: 10%;
}
.inner-table.cr-order-invoice-inner-table .inner-table-header > div:nth-child(4),
.inner-table.cr-order-invoice-inner-table .inner-table-row div:nth-child(4) {
  width: 14%;
}
.inner-table.cr-order-invoice-inner-table .inner-table-header > div:nth-child(5),
.inner-table.cr-order-invoice-inner-table .inner-table-row div:nth-child(5) {
  width: 8%;
}
.inner-table.cr-order-invoice-inner-table .inner-table-header > div:nth-child(6),
.inner-table.cr-order-invoice-inner-table .inner-table-row div:nth-child(6) {
  width: 18%;
}
.inner-table.cr-order-invoice-inner-table .inner-table-header > div:first-child,
.inner-table.cr-order-invoice-inner-table .inner-table-row div:first-child {
  padding-right: 20px !important;
  text-align: justify;
}
.inner-table.cr-order-invoice-inner-table .inner-table-row.row-sum > div {
  font-weight: bold;
  height: 28px;
}
.inner-table.cr-order-invoice-inner-table .inner-table-row.row-sum > div:nth-child(1) {
  width: 30%;
}
.inner-table.cr-order-invoice-inner-table .inner-table-row.row-sum > div:nth-child(2) {
  width: 44%;
}
.inner-table.cr-order-invoice-inner-table .inner-table-row.row-sum > div:nth-child(3) {
  width: 26%;
}
.inner-table.cr-order-invoice-inner-table .inner-table-row.row-sum > div.bg-orange {
  color: #ffffff;
}
.inner-table.cr-order-invoice-inner-table .inner-table-row.row-sum > div.br-t {
  border-top: 1px solid #000000;
}
.inner-table.cr-order-invoice-inner-table .inner-table-header > div.th-column {
  padding: 0 2px 0 0;
  font-weight: bold;
}
.inner-table.cr-order-invoice-inner-table .inner-table-header > div.th-column::after {
  content: none;
}
.inner-table.cr-order-invoice-inner-table .inner-table-row div {
  height: auto;
  min-height: 26px;
  line-height: 1.4;
  padding: 10px 5px 0 0;
  overflow: initial;
  white-space: pre-wrap;
}

.customer-info {
  background: #cff0ff;
  padding: 10px 12px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  font-size: 12px;
  color: #000000;
  width: max-content;
  margin: 5px 0px 15px 0px;
  line-height: 1.5;
}

.invoice-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 12px;
  color: #19193e;
  border-top: 1px solid #000000;
  padding-top: 15px;
  line-height: 1.5;
}
.invoice-footer .footer-logo {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-left: auto;
}
.invoice-footer .footer-logo img {
  width: 60px;
  margin-left: 8px;
}
.invoice-footer .footer-info span {
  font-weight: 600;
}

.invoice-flex-footer {
  display: flex;
  overflow-wrap: break-word;
  flex-wrap: wrap;
  white-space: nowrap;
  margin-right: 2px;
}

.invoice-print-btn {
  width: 210mm;
  margin: 0 auto;
  text-align: right;
  padding: 10px 0;
}

/* title for the job document/offer views */
.job-doc-view-title {
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  padding-top: 15px;
}

/* offer video styles */
.player-wrapper {
  position: relative;
  padding-top: 500px;
}

.player-video {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 500px;
}

.payment-section {
  border: 1px solid #15bef0;
  padding: 5px;
  background-color: rgba(192, 233, 248, 0.3607843137);
  margin-bottom: 25px;
  border-radius: 5px;
}

legend {
  margin-left: 10px;
  width: auto !important;
  font-size: 13px !important;
}

fieldset {
  border: 1px solid #15bef0 !important;
  border-radius: 5px;
  background-color: #fff;
}

.sv-requisition-details {
  display: flex;
  flex-wrap: wrap;
}

.sv-req-detail-list {
  min-width: 50%;
  padding: 2px;
}

.req-detail-group {
  background: #e8f7fc;
  padding: 9px;
}

.req-title h2 {
  font-size: 15px;
  color: #ff9c1d;
}

.payslip .invoice-header {
  background-color: #ffffff !important;
  color: #526270;
}
.payslip .payslip-title {
  font-size: 20px;
  color: #15bef0;
}
.payslip .payslip-title::after {
  display: block;
  position: relative;
  content: "";
  height: 3px;
  bottom: 0;
  left: 0px;
  right: 0px;
  top: 10px;
  background: #15bef0;
}
.payslip .ov-wrapper {
  padding: 0 50px !important;
}
.payslip .summary-box .summary-header {
  background-color: #15bef0;
  color: #ffffff;
  padding: 10px;
  min-height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  text-align: center;
}
.payslip .summary-box .summary-header span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.payslip .summary-box .summary-header.bg-orange {
  background-color: #ff9c1d !important;
}
.payslip .summary-box .summary-content {
  background-color: #C0E9F8;
  min-height: 35px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.payslip .summary-box .summary-content.bg-orange {
  background-color: #ffda7e !important;
  color: #000000 !important;
}
.payslip .last .summary-header {
  padding: 0 !important;
  min-height: 30px !important;
}
.payslip .last .summary-content {
  background-color: #ff9c1d !important;
  color: white;
}
.payslip .jd-footer {
  padding: 10px 0px 10px 550px !important;
}
.payslip .invoice-header {
  padding: 15px 0 !important;
}
.payslip .emp-details span {
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0.03em;
}

.payslip-section .ov-sec {
  border-bottom: none !important;
}

/*Croatian Cutomer Invoice*/
.cr-footer {
  flex-direction: column;
}

/* Invoice UI Change */
.invoice-revamp {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.invoice-revamp .invoice-top .invoice-title {
  background-color: transparent;
  color: #000000;
  width: 100%;
  padding: 20px 0px;
  font-weight: 200;
}
.invoice-revamp .customer-info {
  background: #f2f2f2;
  width: 100%;
  overflow-wrap: break-word;
  margin: 0;
  align-items: center;
}
.invoice-revamp .invoice-header {
  background-image: url(https://qa.dev.bluetag.no/assets/img/invoice-header.png);
  padding: 20px 30px;
  background-size: cover;
  background-repeat: no-repeat;
}
.invoice-revamp .invoice-header .invoice-no {
  padding: 0;
  margin-bottom: 0;
}

/*packing slip styles*/
.packing-slip-invoice-wrapper {
  padding: 0 !important;
}

.packing-slip-invoice {
  color: #000;
  padding: 24px 24px 10px;
}
.packing-slip-invoice .bill-ship-sec {
  padding-bottom: 25px;
  width: 70%;
}
.packing-slip-invoice .bill-ship-sec .label-blue {
  background-color: #3b4e87;
  color: #fff;
  margin-bottom: 5px;
  padding: 5px 10px;
  border-radius: 2px;
}
.packing-slip-invoice .slip-title {
  color: #7182b5;
  font-size: 34px;
  font-weight: bold;
}
.packing-slip-invoice .table.packing-slip-order-details-table {
  margin: 0px;
}
.packing-slip-invoice .table.packing-slip-order-details-table .table-header {
  border-top: none;
}
.packing-slip-invoice .table.packing-slip-order-details-table .table-header .th-column {
  background-color: #3b4e87;
  color: #fff;
  padding: 5px 10px;
  height: unset;
  border: none;
}
.packing-slip-invoice .table.packing-slip-order-details-table .table-header .th-column:nth-child(1),
.packing-slip-invoice .table.packing-slip-order-details-table .table-row div:nth-child(1) {
  width: 25%;
}
.packing-slip-invoice .table.packing-slip-order-details-table .table-header .th-column:nth-child(2),
.packing-slip-invoice .table.packing-slip-order-details-table .table-row div:nth-child(2) {
  width: 25%;
}
.packing-slip-invoice .table.packing-slip-order-details-table .table-header .th-column:nth-child(3),
.packing-slip-invoice .table.packing-slip-order-details-table .table-row div:nth-child(3) {
  width: 25%;
}
.packing-slip-invoice .table.packing-slip-order-details-table .table-header .th-column:nth-child(4),
.packing-slip-invoice .table.packing-slip-order-details-table .table-row div:nth-child(4) {
  width: 25%;
}
.packing-slip-invoice .table.packing-slip-order-items-table {
  margin: 0px;
}
.packing-slip-invoice .table.packing-slip-order-items-table .table-header {
  border-top: none;
}
.packing-slip-invoice .table.packing-slip-order-items-table .table-header .th-column {
  background-color: #3b4e87;
  color: #fff;
  padding: 5px 10px;
  height: unset;
  border: none;
}
.packing-slip-invoice .table.packing-slip-order-items-table .table-header .th-column:nth-child(1),
.packing-slip-invoice .table.packing-slip-order-items-table .table-row div:nth-child(1) {
  width: 10%;
}
.packing-slip-invoice .table.packing-slip-order-items-table .table-header .th-column:nth-child(2),
.packing-slip-invoice .table.packing-slip-order-items-table .table-row div:nth-child(2) {
  width: 60%;
}
.packing-slip-invoice .table.packing-slip-order-items-table .table-header .th-column:nth-child(3),
.packing-slip-invoice .table.packing-slip-order-items-table .table-row div:nth-child(3) {
  width: 15%;
}
.packing-slip-invoice .table.packing-slip-order-items-table .table-header .th-column:nth-child(4),
.packing-slip-invoice .table.packing-slip-order-items-table .table-row div:nth-child(4) {
  width: 15%;
}
.packing-slip-invoice .table.packing-slip-order-items-table .packing-slip-summary-row div {
  border-bottom: none;
  border-right: none;
}
.packing-slip-invoice .table.packing-slip-order-items-table .packing-slip-summary-row div:nth-child(1) {
  width: 70%;
}
.packing-slip-invoice .table.packing-slip-order-items-table .packing-slip-summary-row div:nth-child(2) {
  width: 15%;
}
.packing-slip-invoice .table.packing-slip-order-items-table .packing-slip-summary-row div:nth-child(3) {
  width: 15%;
}
.packing-slip-invoice .table.packing-slip-order-items-table .packing-slip-summary-row {
  border-left: none !important;
}
.packing-slip-invoice .table.packing-slip-order-items-table .packing-slip-summary-row div:first-child {
  text-transform: uppercase;
  font-weight: bold;
}
.packing-slip-invoice .packing-slip-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.packing-slip-invoice .packing-slip-footer div:first-child {
  padding-bottom: 20px;
}
.packing-slip-invoice .packing-slip-footer div:last-child {
  font-style: italic;
}
.packing-slip-invoice .packing-slip-comment {
  border: 1px solid #000;
  margin-bottom: 20px;
}
.packing-slip-invoice .packing-slip-comment label {
  background: #d9d9d9;
  margin-bottom: 0;
  padding: 0 5px;
  color: #000;
  text-transform: uppercase;
}
.packing-slip-invoice .packing-slip-comment textarea {
  border: none !important;
}
.packing-slip-invoice .packing-slip-header .packing-slip-date .date {
  margin-right: 50px;
}
.packing-slip-invoice .packing-slip-header .supplier-label {
  font-size: 24px;
}

/* report styles */
.report {
  border: 1px solid #fff;
  background: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  margin-top: 20px;
  position: relative;
}
.report:first-child {
  margin-top: 0;
}
.report .report-info {
  width: 140px;
  position: absolute;
  top: 10px;
  left: 14px;
}
.report .report-main-container {
  padding: 15px 15px 15px 160px;
  min-height: 100px;
}
.report .report-no {
  color: #b4c2c7;
  font-size: 30px;
  font-weight: 700;
}
.report .daily-report-no {
  color: #000000;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: baseline;
}
.report .daily-report-no .jobNumber {
  margin-left: 10px;
  background: #15bef0;
  color: #fff;
  border-radius: 3px;
  padding: 3px;
}
.report .report-day {
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-top: 6px;
}
.report .report-date {
  color: #637280;
  font-size: 12px;
  margin-top: 2px;
  font-weight: 600;
  letter-spacing: 0.03em;
}

.report-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  padding-top: 18px;
}
.report-header .report-icon {
  position: absolute;
  color: #15bef0;
  font-size: 20px;
  left: -32px;
}
.report-header:first-child {
  padding-top: 0 !important;
}
.report-header:first-child::before {
  content: none;
}
.report-header::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #ff9c1d;
  top: 12px;
}
.report-header .report-title {
  color: #19193e;
  font-size: 13px;
  line-height: 1.3em;
  font-weight: 600;
}
.report-header .report-title .report-desc {
  display: block;
  font-size: 12px;
  color: #526270;
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.5;
  text-align: justify;
}
.report-header .report-title .job-reported-by {
  color: #15bef0;
  position: absolute;
  border-right: 1px solid #000000;
  padding-right: 5px;
}
.report-header .report-title .reported-time {
  margin-right: 10px;
  position: absolute;
  color: #15bef0;
  font-size: 20px;
  left: 90px;
}
.report-header .report-title .time {
  position: absolute;
  left: 120px;
}
.report-header .report-action-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.report-header .report-action-btns .btn-circle {
  background: #e1e1e1;
  height: 25px;
  width: 25px;
}
.report-header .report-action-btns .btn-circle i {
  font-size: 17px;
}
.report-header .report-action-btns .btn-circle i:hover {
  color: #000000;
}
.report-header .report-action-btns .btn-circle:hover {
  color: unset;
}

.daily-report-header {
  position: relative;
  background: #ececec !important;
  padding-bottom: unset;
}
.daily-report-header .report-icon {
  position: absolute;
  color: #15bef0;
  font-size: 20px;
  left: -32px;
}
.daily-report-header:first-child {
  padding-top: 0 !important;
}
.daily-report-header:first-child::before {
  content: none;
}
.daily-report-header::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 12px;
}
.daily-report-header .report-title {
  color: #19193e;
  font-size: 13px;
  line-height: 1.3em;
  font-weight: 600;
}
.daily-report-header .report-title .report-desc {
  display: block;
  font-size: 12px;
  color: #526270;
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.5;
  text-align: justify;
}
.daily-report-header .report-title .job-reported-by {
  color: #15bef0;
  position: absolute;
  border-right: 1px solid #000000;
  padding-right: 5px;
}
.daily-report-header .report-title .reported-time {
  margin-right: 10px;
  position: absolute;
  color: #15bef0;
  font-size: 20px;
  left: 90px;
}
.daily-report-header .report-title .time {
  position: absolute;
  left: 120px;
}
.daily-report-header .report-action-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.daily-report-header .title-section {
  display: flex;
  padding-right: 5px !important;
  min-width: 200px;
  width: unset;
  background: #ececec !important;
}
.daily-report-header .title-section .main-title {
  justify-content: center;
  font-size: 16px;
}
.daily-report-header .filter-section {
  padding-left: 10px;
  padding: 17px 0;
  background: #ececec !important;
}
.daily-report-header .filter-section .filter-options {
  background: unset !important;
}
.daily-report-header .filter-section .filter-options .filter-item:first-child {
  margin-right: 10px;
  margin-left: 20px;
}
.daily-report-header .filter-section .filter-options .filter-item .ant-picker {
  border-radius: 3px !important;
}

.reportDateBar {
  background-color: #fff;
  padding: 17px 73px;
  font-size: 16px;
}
.reportDateBar .bold {
  margin-right: 5px;
}

.reportOrderDetailBar {
  display: flex;
}
.reportOrderDetailBar .orderReportNumberData {
  padding: 20px 30px 20px 73px;
  background: #4d4d4d;
  color: #fff;
}
.reportOrderDetailBar .orderReportNumberData .orderNumber {
  font-size: 16px;
  padding-top: 3px;
}
.reportOrderDetailBar .orderReportName {
  display: flex;
  align-items: center;
  padding-left: 40px;
  font-weight: 700;
}

.reported-person {
  font-size: 12px;
  color: #526270;
  margin: 20px 0 5px;
}

.time-sheet-container {
  background: #fff7eb;
  padding: 15px 15px 15px 160px;
}

.checklist-jr-container {
  padding: 15px 15px 15px 160px;
}
.checklist-jr-container .no-records-message {
  border-bottom: none !important;
}

.time-sheet-title {
  color: #15bef0;
  font-size: 15px;
  font-weight: 600;
  background: #fff7eb;
  padding-bottom: 8px;
}

.job-reports-ov {
  border-radius: unset !important;
}
.job-reports-ov .comment-info {
  border-right: none !important;
}
.job-reports-ov .report-desc {
  display: block;
  font-size: 12px;
  color: #526270;
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.5;
  text-align: left;
}
.job-reports-ov .commented-user-icon i {
  font-size: 22px;
  color: #15bef0;
}
.job-reports-ov .job-icon i {
  font-size: 26px;
  color: #15bef0;
  margin-top: 4px;
  margin-right: 9px;
}
.job-reports-ov .commented-user label {
  font-size: 13px !important;
}
.job-reports-ov .line-sep {
  position: relative;
  margin-left: 30px;
  width: 1px;
  height: 15px;
  background-color: black;
}
.job-reports-ov .report-info {
  width: 100%;
  display: flex;
  position: relative;
  min-height: unset;
  align-items: center;
  gap: 5px;
  padding: 10px 30px 10px 50px;
}
.job-reports-ov .comment-count {
  display: none;
}

.map-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.map-content .form-group {
  width: 100%;
}

.ov-wrapper .map-content .form-group {
  width: 35%;
  padding-right: 40px;
}

.map-info {
  color: #19193e;
  font-size: 12px;
  margin-right: 50px;
  font-weight: 600;
  letter-spacing: 0.03em;
}
.map-info span {
  display: block;
  color: #526270;
  margin-bottom: 4px;
  letter-spacing: 0.05em;
  font-weight: normal;
}

.map-search {
  width: 100%;
  border: 1px solid #15bef0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.map-search .form-control {
  height: 32px;
  padding: 0 12px;
  border: none;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #19193e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  float: left;
  width: calc(100% - 34px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.map-search .form-control:focus {
  outline: none;
}
.map-search .anticon {
  font-size: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #15bef0;
  color: #ffffff;
  height: 32px;
  width: 34px;
  padding: 6px;
  cursor: pointer;
}

.btn-map-search {
  height: 34px;
  width: 34px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #15bef0;
  padding: 8px;
}
.btn-map-search i {
  font-size: 18px;
  color: #ffffff;
}

/* google map in order view */
.ov-map .map {
  height: 600px !important;
}

.jd-map .map {
  height: 400px !important;
}

/* map location info popup */
.gm-style-iw-c {
  background-color: #15bef0 !important;
  color: #ffffff;
  padding: 12px !important;
}

.gm-style-iw-d {
  overflow: hidden !important;
}

.gm-style .gm-style-iw {
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.03em;
}

.gm-style .gm-style-iw-t::after {
  background: #15bef0;
}

.checklist-group {
  background: #ffffff;
  border: 1px solid #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 15px;
  margin-top: 20px;
}
.checklist-group:first-child {
  margin-top: 0;
}
.checklist-group h4 {
  font-size: 14px;
  font-weight: 600;
  color: #637280;
}

.checklist {
  padding: 15px 0;
}
.checklist h4 {
  padding-bottom: 5px;
}

.checklist-title {
  background: #ffffff;
}

.job-specific-checklist {
  padding: 0px !important;
  border: none !important;
}
.job-specific-checklist .checklist-container {
  padding: 0px !important;
}
.job-specific-checklist .checklist-container .file-container {
  margin-top: 0px !important;
  display: flex !important;
  flex-flow: wrap;
  page-break-inside: avoid;
}
.job-specific-checklist .checklist-container .file-container .file {
  width: 200px !important;
}

.checklist-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #b7b7b7;
  font-size: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 14px;
}
.checklist-item div:nth-child(1) {
  background: #efefef;
  flex: 1;
  padding: 4px 20px 4px 10px;
  color: #19193e;
  font-weight: 500;
}
.checklist-item div:nth-child(2) {
  background: #efefef;
  padding: 3px 8px 0 0;
  font-weight: 500;
}
.checklist-item div:nth-child(2) span {
  background: #15bef0;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 10px;
  padding: 1px 6px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  letter-spacing: 0.03em;
}
.checklist-item div:nth-child(3) {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 100%;
  padding: 4px 10px 6px;
  color: #637280;
}
.checklist-item div:nth-child(3) i {
  color: #ff9c1d;
  font-size: 22px;
  margin-right: 5px;
}

.checklist-answer-span {
  background: #15bef0;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 10px;
  padding: 1px 6px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  letter-spacing: 0.03em;
}
.checklist-answer-span .orange {
  background: #ff9c1d !important;
}

.print .job-doc-view, .print .view-offer {
  padding-bottom: 0 !important;
  background-color: #fff;
}

.print .job-doc-view .title h2, .print .view-offer .title h2 {
  color: #000;
}

.print .job-doc-view .ov-procedure-sec, .print .view-offer .ov-procedure-sec {
  background-color: #f7f7f7;
}

.print .job-doc-view .user-agreement-info .agreement-header .sub-header, .print .view-offer .user-agreement-info .agreement-header .sub-header {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
}

.print .job-doc-view .catalogue, .print .view-offer .catalogue {
  background: #f2f2f2;
}

.print .view-offer .catalogue {
  background: #e9e9e9;
  border: unset;
}

.print .invoice-header.ih-dv {
  padding: 10px 15px;
}
.print .invoice-header img {
  width: 160px;
}
.print .invoice-header .doc-view-order-title {
  flex-basis: 100% !important;
  height: 0 !important;
  padding: 20px 50px;
}
.print .invoice-header .doc-view-order-title h2 {
  color: #ffffff !important;
  font-weight: bold !important;
  text-align: right !important;
}
.print .invoice-header .invoice-info {
  font-size: 8pt;
  letter-spacing: 0.05em;
}

.print .job-doc-view-title {
  font-size: 14px;
  letter-spacing: 0.05em;
  padding-top: 6px;
}

.print .c-i-dv {
  padding: 10px 15px !important;
}
.print .c-i-dv .c-i-main {
  width: 68% !important;
}
.print .c-i-dv .customer {
  width: 35% !important;
}
.print .c-i-dv .main-contacts {
  width: 65% !important;
  padding-left: 6px;
}

.print .jp-dv {
  width: 32% !important;
  padding-left: 6px !important;
}
.print .jp-dv .flex-group {
  flex-wrap: wrap;
}
.print .jp-dv .contact-info {
  margin-bottom: 5px;
  width: 50% !important;
}

.print .contact-group .contact-title {
  margin-bottom: 5px !important;
}
.print .contact-group .contact-info {
  font-size: 8pt !important;
  line-height: 1.5 !important;
  letter-spacing: 0.03em;
}
.print .contact-group .contact-info i {
  font-size: 16px !important;
  margin-right: 3px !important;
}

.print .contact-title h2 {
  font-size: 8pt !important;
  letter-spacing: 0.03em !important;
}

.print .ov-wrapper {
  padding: 12px 15px !important;
}
.print .ov-wrapper .title {
  margin-bottom: 5px !important;
}
.print .ov-wrapper h2 {
  font-size: 12px !important;
}

.print .report {
  margin-top: 12px !important;
}
.print .report .report-no {
  font-size: 14px !important;
}
.print .report .report-day {
  font-size: 6pt;
  margin-top: 3px;
}
.print .report .report-date {
  font-size: 8pt;
  margin-top: 1px;
  line-height: 1.4;
}
.print .report .report-info {
  width: 90px;
  top: 6px;
  left: 6px;
}
.print .report .report-main-container {
  padding: 6px 8px 8px 110px;
}

.print .report-title {
  font-size: 8pt;
}
.print .report-title .report-desc {
  margin-top: 2px;
  font-size: 8pt;
  margin-bottom: 6px;
}

.print .report-header .report-icon {
  font-size: 18px;
  left: -22px;
}

.print .file {
  width: calc(33.3333% - 15px);
  height: 36px;
  margin: 0 10px 10px;
}
.print .file::before {
  width: 32px;
  height: 30px;
}
.print .file.pdf::before {
  background-position: -4px -33px;
}
.print .file.doc::before, .print .file.docx::before {
  background-position: -4px -102px;
}
.print .file.xls::before, .print .file.xlsx::before {
  background-position: -4px -136px;
}
.print .file.txt::before {
  background-position: -4px -67px;
}
.print .file.file-checklist::before {
  background-position: -4px -207px;
}
.print .file .file-info {
  font-size: 8pt;
}
.print .file .file-date {
  font-size: 6pt;
  margin-top: 1px;
}
.print .file.file-procedure {
  width: calc(33.333% - 20px);
}
.print .file.file-procedure::before {
  background-position: -4px -242px;
}
.print .file.file-procedure .card-details {
  font-size: 8pt;
}

.print .reported-person {
  font-size: 8pt;
  margin: 4px 0 0;
}

.print .time-sheet-title {
  font-size: 8pt;
  letter-spacing: 0.05em;
  padding-bottom: 0;
}

.print .no-records-message {
  padding: 6px !important;
  font-size: 8pt;
}

.print .time-sheet-container {
  padding: 8px 6px 6px 110px;
}

.print .table-header .th-column {
  height: 22px !important;
  font-size: 6pt !important;
}

.print .jr-time-sheet .th-column {
  padding: 8px 10px 0 !important;
}
.print .jr-time-sheet .th-column:nth-child(1),
.print .jr-time-sheet .table-row div:nth-child(1) {
  width: 46% !important;
}
.print .jr-time-sheet .th-column:nth-child(2),
.print .jr-time-sheet .table-row div:nth-child(2) {
  width: 18% !important;
}
.print .jr-time-sheet .th-column:nth-child(3),
.print .jr-time-sheet .table-row div:nth-child(3) {
  width: 18% !important;
}
.print .jr-time-sheet .th-column:nth-child(4),
.print .jr-time-sheet .table-row div:nth-child(4) {
  width: 18% !important;
}
.print .jr-time-sheet .table-footer > div:nth-child(1) {
  width: 85% !important;
}
.print .jr-time-sheet .table-footer > div:nth-child(2) {
  width: 18% !important;
}

.print .table-row div {
  height: 26px;
  font-size: 8pt;
  line-height: 26px;
}
.print .table-row div .icon-btn {
  height: 26px;
  padding: 2px 0;
}
.print .table-row div .material-icons {
  font-size: 22px;
}

.print .table-footer {
  height: 26px;
  line-height: 26px;
  font-size: 8pt;
}

.print .card-view {
  width: calc(25% - 15px);
  height: 120px;
  padding: 4px;
  margin: 0 10px 12px;
}
.print .card-view .card-view-image {
  height: calc(100% - 24px);
}
.print .card-view .card-view-details {
  margin-top: 2px;
  line-height: 1.5;
}
.print .card-view .card-view-title {
  font-size: 8px;
}
.print .card-view .card-view-info {
  font-size: 6pt;
}

.print .catalogue {
  margin-top: 12px !important;
  padding: 8px;
}
.print .catalogue .catalogue-header {
  margin-bottom: 4px;
}
.print .catalogue .catalogue-title {
  font-size: 8pt;
}

.print .jd-job-info {
  padding: 6px !important;
  font-size: 8pt !important;
  column-count: 2;
  column-gap: 30px;
  text-align: justify;
}
.print .jd-job-info img {
  width: 100%;
}

.print .agreement-desc {
  column-count: 2;
  column-gap: 30px;
  text-align: justify;
}
.print .agreement-desc body {
  background: #fff !important;
}

.print .ov-timesheet {
  margin: 0 !important;
}
.print .ov-timesheet .th-column:nth-child(1),
.print .ov-timesheet .table-row div:nth-child(1),
.print .ov-timesheet .table-footer > div:nth-child(1) {
  width: 22% !important;
}
.print .ov-timesheet .th-column:nth-child(2),
.print .ov-timesheet .table-row div:nth-child(2),
.print .ov-timesheet .table-footer > div:nth-child(2) {
  width: 32% !important;
}
.print .ov-timesheet .th-column:nth-child(3),
.print .ov-timesheet .table-row div:nth-child(3),
.print .ov-timesheet .table-footer > div:nth-child(3) {
  width: 14% !important;
}
.print .ov-timesheet .th-column:nth-child(4),
.print .ov-timesheet .table-row div:nth-child(4),
.print .ov-timesheet .table-footer > div:nth-child(4) {
  width: 16% !important;
}
.print .ov-timesheet .th-column:nth-child(5),
.print .ov-timesheet .table-row div:nth-child(5),
.print .ov-timesheet .table-footer > div:nth-child(5) {
  width: 16% !important;
}

.print .filter-by-label {
  font-size: 8pt;
}

.print .radio-btn span {
  font-size: 8pt;
}

.print .filter-options {
  height: 28px;
  margin-right: 10px;
}
.print .filter-options select {
  height: 26px !important;
}
.print .filter-options button {
  height: 26px !important;
}

.print .ant-calendar-picker .ant-calendar-picker-input {
  height: 26px !important;
  font-size: 8pt !important;
}

.print .ant-calendar-range-picker-input {
  width: 76px !important;
  height: 26px !important;
  line-height: 26px !important;
}

.print .ant-calendar-range-picker-separator {
  line-height: 26px !important;
}

.print .checklist-group {
  margin-top: -5px;
  padding: 8px 8px 0;
}
.print .checklist-group h4 {
  font-size: 8pt;
  margin-bottom: 5px !important;
}

.print .jd-footer {
  padding: 10px 15px !important;
  font-size: 6pt !important;
}
.print .jd-footer .footer-img {
  width: 54px !important;
}
.print .jd-footer .footer-cert div span {
  font-size: 11px !important;
  margin-bottom: 3px !important;
}
.print .jd-footer .footer-txt {
  font-size: 6pt !important;
}

@media print {
  .print .jd-footer {
    padding: 10px 15px !important;
    font-size: 6pt !important;
    position: fixed;
    bottom: 0;
  }
  .print .jd-footer .footer-img {
    width: 54px !important;
  }
  .print .jd-footer .footer-cert div span {
    font-size: 11px !important;
    margin-bottom: 3px !important;
  }
  .print .jd-footer .footer-txt {
    font-size: 6pt !important;
  }
}
.print .map-content {
  margin-bottom: 4px;
}

.print .map-info,
.print .form-group label,
.print input[type=checkbox] + label {
  font-size: 8pt;
}

.print .error-msg {
  font-size: 8pt;
  letter-spacing: 0.03em;
}

.print .avoid-pg-break {
  break-inside: avoid;
  page-break-inside: avoid;
}

/* styles for inner listing */
.table-group .table {
  border-bottom: 1px solid #a9b3bb;
  border-left: 1px solid #a9b3bb;
  background: #fdffd7;
  margin: 0;
  padding: 10px 15px;
}
.table-group .table .table-header {
  border-top: none;
  border-left: none;
  border-bottom: 1px solid #000000;
  background: transparent;
}
.table-group .table .th-column {
  height: 20px;
  color: #19193e;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 600;
  padding: 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-right: none;
}
.table-group .table .table-body {
  background: transparent;
}
.table-group .table .table-body .load-more {
  border: none;
}
.table-group .table .table-row {
  border: none;
}
.table-group .table .table-row div {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  padding: 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #19193e;
  border: none;
}
.table-group .table .table-row div .icon-btn {
  display: inline-block !important;
  height: 32px;
  width: 40px;
  padding: 4px 10px;
}
.table-group .table .table-row:hover div {
  background: transparent;
}

/* credit note - inner list */
.table-group .credit-note-list .table-header .th-column:nth-child(1),
.table-group .credit-note-list .table-row div:nth-child(1) {
  width: 20% !important;
}
.table-group .credit-note-list .table-header .th-column:nth-child(2),
.table-group .credit-note-list .table-row div:nth-child(2) {
  width: 20% !important;
}
.table-group .credit-note-list .table-header .th-column:nth-child(3),
.table-group .credit-note-list .table-row div:nth-child(3) {
  width: 20% !important;
}
.table-group .credit-note-list .table-header .th-column:nth-child(4),
.table-group .credit-note-list .table-row div:nth-child(4) {
  width: 20% !important;
}
.table-group .credit-note-list .table-header .th-column:nth-child(5),
.table-group .credit-note-list .table-row div:nth-child(5) {
  width: 20% !important;
}
.table-group .credit-note-list .table-header .th-column:nth-child(6),
.table-group .credit-note-list .table-row div:nth-child(6) {
  width: 165px !important;
}

/* sales articles in order list -  inner list */
.ov-sales-articles {
  padding-left: 50px !important;
}
.ov-sales-articles .table-header .th-column:nth-child(1),
.ov-sales-articles .table-row div:nth-child(1) {
  width: calc(15% + 50px) !important;
}
.ov-sales-articles .table-header .th-column:nth-child(2),
.ov-sales-articles .table-row div:nth-child(2) {
  width: 20% !important;
}
.ov-sales-articles .table-header .th-column:nth-child(3),
.ov-sales-articles .table-row div:nth-child(3) {
  width: 15% !important;
}
.ov-sales-articles .table-header .th-column:nth-child(4),
.ov-sales-articles .table-row div:nth-child(4) {
  width: 15% !important;
}
.ov-sales-articles .table-header .th-column:nth-child(5),
.ov-sales-articles .table-row div:nth-child(5) {
  width: 20% !important;
}
.ov-sales-articles .table-header .th-column:nth-child(6),
.ov-sales-articles .table-row div:nth-child(6) {
  width: 15% !important;
}
.ov-sales-articles .table-header .th-column:nth-child(7),
.ov-sales-articles .table-row div:nth-child(7) {
  width: 15% !important;
}
.ov-sales-articles .table-header .th-column:nth-child(8),
.ov-sales-articles .table-row div:nth-child(8) {
  width: 75px !important;
}

.sa-inner-proforma {
  padding-left: 50px !important;
}
.sa-inner-proforma .table-header .th-column:nth-child(1),
.sa-inner-proforma .table-row div:nth-child(1) {
  width: calc(20% + 50px) !important;
}
.sa-inner-proforma .table-header .th-column:nth-child(2),
.sa-inner-proforma .table-row div:nth-child(2) {
  width: 10% !important;
}
.sa-inner-proforma .table-header .th-column:nth-child(3),
.sa-inner-proforma .table-row div:nth-child(3) {
  width: 15% !important;
}
.sa-inner-proforma .table-header .th-column:nth-child(4),
.sa-inner-proforma .table-row div:nth-child(4) {
  width: 10% !important;
}
.sa-inner-proforma .table-header .th-column:nth-child(5),
.sa-inner-proforma .table-row div:nth-child(5) {
  width: 20% !important;
}
.sa-inner-proforma .table-header .th-column:nth-child(6),
.sa-inner-proforma .table-row div:nth-child(6) {
  width: 10% !important;
}
.sa-inner-proforma .table-header .th-column:nth-child(7),
.sa-inner-proforma .table-row div:nth-child(7) {
  width: 15% !important;
}
.sa-inner-proforma .table-header .th-column:nth-child(8),
.sa-inner-proforma .table-row div:nth-child(8) {
  width: 50px !important;
}

/* bank reconciliation - inner list */
.bank-reconciliation-il .table-header .th-column,
.bank-reconciliation-il .table-row div {
  cursor: context-menu !important;
}
.bank-reconciliation-il .table-header .th-column:nth-child(1),
.bank-reconciliation-il .table-row div:nth-child(1) {
  width: 8% !important;
}
.bank-reconciliation-il .table-header .th-column:nth-child(2),
.bank-reconciliation-il .table-row div:nth-child(2) {
  width: 8% !important;
}
.bank-reconciliation-il .table-header .th-column:nth-child(3),
.bank-reconciliation-il .table-row div:nth-child(3) {
  width: 8% !important;
}
.bank-reconciliation-il .table-header .th-column:nth-child(4),
.bank-reconciliation-il .table-row div:nth-child(4) {
  width: 16% !important;
}
.bank-reconciliation-il .table-header .th-column:nth-child(5),
.bank-reconciliation-il .table-row div:nth-child(5) {
  width: 8% !important;
}
.bank-reconciliation-il .table-header .th-column:nth-child(6),
.bank-reconciliation-il .table-row div:nth-child(6) {
  width: 8% !important;
}
.bank-reconciliation-il .table-header .th-column:nth-child(7),
.bank-reconciliation-il .table-row div:nth-child(7) {
  width: 10% !important;
}
.bank-reconciliation-il .table-header .th-column:nth-child(8),
.bank-reconciliation-il .table-row div:nth-child(8) {
  width: 10% !important;
}
.bank-reconciliation-il .table-header .th-column:nth-child(9),
.bank-reconciliation-il .table-row div:nth-child(9) {
  width: 12% !important;
}
.bank-reconciliation-il .table-header .th-column:nth-child(10),
.bank-reconciliation-il .table-row div:nth-child(10) {
  width: 12% !important;
}

.bank-reconciliation-page-il {
  padding: 10px 40px !important;
  background: #ededed !important;
}
.bank-reconciliation-page-il .table-header {
  padding-right: 0px !important;
  border-right: 0px !important;
}
.bank-reconciliation-page-il .table-header .th-column,
.bank-reconciliation-page-il .table-row div {
  cursor: context-menu !important;
  padding: 0 10px !important;
}
.bank-reconciliation-page-il .table-header .th-column:nth-child(1),
.bank-reconciliation-page-il .table-row div:nth-child(1) {
  width: 25% !important;
}
.bank-reconciliation-page-il .table-header .th-column:nth-child(2),
.bank-reconciliation-page-il .table-row div:nth-child(2) {
  width: 30% !important;
}
.bank-reconciliation-page-il .table-header .th-column:nth-child(3),
.bank-reconciliation-page-il .table-row div:nth-child(3) {
  width: 25% !important;
}
.bank-reconciliation-page-il .table-header .th-column:nth-child(4),
.bank-reconciliation-page-il .table-row div:nth-child(4) {
  width: 20% !important;
}

.table-group .supplier-invoice-inner-listing-all .inner-listing-action-btn,
.table-group .supplier-invoice-inner-listing-not-paid .inner-listing-action-btn,
.table-group .ov-debit-note-inner-list .inner-listing-action-btn,
.table-group .debit-note-inner-list .inner-listing-action-btn,
.table-group .supplier-invoice-inner-listing .inner-listing-action-btn {
  display: inline-block !important;
  height: 36px !important;
  width: unset !important;
  padding: 4px !important;
}

.ril__image, .ril__imagePrev, .ril__imageNext {
  width: fit-content;
}

.error-page .img-dimensions {
  width: 400px;
  height: 400px;
}
.error-page .img-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
}
.error-page h1 {
  font-size: 50px;
  color: #15bef0;
}

.img-bg {
  padding: 10px;
  background-color: #15bef0;
}
.img-bg img {
  width: 400px;
  height: 400px;
}

.text-bg {
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  background-color: #e4e6e8;
}
.text-bg h1 {
  font-size: 60px;
  color: #000000;
  font-weight: normal;
}
.text-bg p {
  font-size: 14px;
  color: #000000;
}

.text-md {
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  background-color: #e4e6e8;
}
.text-md h1 {
  font-size: 40px;
  color: #000000;
  font-weight: normal;
}
.text-md p {
  font-size: 14px;
  color: #000000;
}

.break-word {
  word-break: break-word;
}

.under-construction {
  width: 300px;
}

.under-construction-img {
  height: 400px;
  width: 330px;
}

.error-bg {
  width: 50%;
  height: 50%;
  margin: 100px auto;
}

.back-btn {
  color: #ffffff !important;
  background-color: #15bef0 !important;
  border-color: #15bef0 !important;
}

.login-bg {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-bg .error-msg {
  padding-top: 3px;
  position: absolute !important;
}
.login-bg .login-form-responsive {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.login-bg .bluetag-logo {
  width: 65px;
  margin-bottom: 30px;
}
.login-bg .ant-alert-error {
  margin-bottom: 25px;
  background-color: #ffdde4 !important;
}
.login-bg .login-form {
  width: 50%;
  min-height: 356px;
  background-color: #e4e6e8;
}
.login-bg .login-form .agreement-view .agreement-desc {
  column-count: unset !important;
}
.login-bg .img-dimensions {
  height: 250px;
  width: 250px;
}
.login-bg .welcome-msg {
  line-height: normal;
  font-size: 30px;
  color: white;
  text-align: left !important;
}
.login-bg .login-field {
  height: 30px;
  border-radius: 4px;
  border: 1px solid #a9b3bb;
}

.role-list {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.role-list li {
  border: 1px solid #0a2935;
  border-radius: 2px;
  display: flex;
  align-items: center;
  padding: 10px;
  margin: 5px;
  color: #0a2935;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.role-list li:first-child {
  border-top: 1px solid #0a2935;
}
.role-list li:hover {
  color: #ffffff;
  background: #0a2935;
}

.role-select {
  font-weight: bold;
  color: #15bef0;
  padding: 25px 10px;
}

.terms-policies-bg {
  background-color: #293744;
  color: #fff;
  padding: 20px 30px;
}
.terms-policies-bg label {
  color: #fff;
}
.terms-policies-bg h4 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 200;
}
.terms-policies-bg h5 {
  color: #ffffff;
}

.agreement-view {
  border: 1px solid #a9b3bb;
  background-color: #fff;
}

.agreement-header {
  border-bottom: 1px solid #a9b3bb;
  padding: 15px 30px;
}
.agreement-header .header-items {
  flex-direction: row;
  display: flex;
}
.agreement-header h3 {
  font-size: 20px;
  font-weight: bold;
  color: #15bef0;
}
.agreement-header h4 {
  font-size: 15px;
  color: #15bef0;
}

.ov-wrapper .agreement-info {
  margin: 0 20px;
}

.agreement-desc {
  padding: 15px 30px;
  line-height: 20px;
}
.agreement-desc p {
  margin-bottom: 20px;
  text-align: justify;
}

.boxed-agreement h4 {
  display: flex;
  justify-content: center;
}
.boxed-agreement p {
  margin-bottom: 25px;
  text-align: justify;
}

.margin-bottom {
  border-bottom: 1px solid #c1c1c1;
  margin-bottom: 20px;
}

.supplier-reg {
  background: #15bef0;
}
.supplier-reg #language-select li.selected a {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
}

.supplier-bg {
  max-width: 1200px;
  margin: 0 auto;
}

.print-btn-container {
  display: flex;
}
.print-btn-container .prnt-btn-group {
  margin: 0 !important;
}

.reg-card {
  width: 95%;
}
.reg-card .error-msg {
  margin-top: 5px !important;
}
.reg-card .catalogue {
  background-color: unset !important;
}

.emp-doc-sec {
  background-color: #ffffff;
  padding: 10px;
  border: 1px solid #15bef0;
  border-radius: 5px;
  margin-bottom: 25px;
}
.emp-doc-sec:empty {
  display: none;
}
.emp-doc-sec .title {
  border-bottom: 1px solid #a9b3bb;
}
.emp-doc-sec .title h2 {
  font-size: 14px;
  color: #000000;
  font-weight: 600;
  padding-bottom: 3px;
  margin-bottom: 10px;
}

.documents .catalogue {
  background-color: #d9d9d9 !important;
  border-color: transparent;
}

.upload-icon {
  margin: 0 auto;
}

.deviation-info {
  width: 72%;
}

.deviation-people-info {
  padding: 20px 0 !important;
}

.dv-stat-view:after {
  background: none !important;
}

.dv-left-panel {
  min-height: 155px;
}

.dv-people-print-view {
  width: 25%;
}

.flex-wrap-dv {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.deviation-view {
  font-size: 16px;
}

.dev-desc p {
  text-align: justify;
}

/* deviation footer */
.deviation-jd-footer {
  background: #15bef0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 15px 30px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: 0em;
}
.deviation-jd-footer .footer-img {
  width: 70px;
}
.deviation-jd-footer .footer-cert {
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.deviation-jd-footer .footer-cert div {
  margin-left: 50px;
}
.deviation-jd-footer .footer-cert div span {
  font-size: 16px;
  display: block;
  font-weight: 600;
  margin-bottom: 2px;
}
.deviation-jd-footer .footer-txt {
  font-size: 12px;
  font-weight: 600;
}

.ant-select-selection:focus {
  outline: none !important;
}

.ant-select-selection {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.ant-select-selection__rendered {
  margin-left: 0 !important;
  line-height: unset !important;
}

.ant-select-arrow {
  top: 60% !important;
  right: 5px !important;
}

.ant-select-selection__clear {
  top: 60% !important;
  right: 30px !important;
}

.ant-select-enabled {
  background: #ffffff;
}

.ant-select-selector {
  border: none !important;
}
.ant-select-selector:focus {
  outline: none !important;
}

.ant-select-show-search {
  outline: none !important;
}

.ant-select-focused {
  box-shadow: none !important;
}
.ant-select-focused .ant-select-selector {
  box-shadow: none !important;
}

.ant-select-multiple {
  height: auto !important;
  padding: 0 5px !important;
}

.anticon.red {
  color: #ff0000;
}

/*override quill*/
.new-comment-section {
  border: 1px solid #bec0c3;
  border-radius: 5px;
  min-height: 200px;
}
.new-comment-section .ql-toolbar.ql-snow {
  border: none !important;
}
.new-comment-section .ql-editor {
  min-height: 50px !important;
}

/*override-ant-timeline*/
.ant-timeline-item-head-blue {
  background: #1890ff !important;
}

.ant-timeline-item-head {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  top: 20px;
}

.ant-timeline-item-tail {
  left: 8px !important;
  border-left: 4px solid #e8e8e8 !important;
  height: 150% !important;
}

.ant-timeline-item-content {
  margin: 0 0 8px 10px !important;
  position: relative !important;
  top: 20px !important;
  padding: 8px !important;
  border-radius: 3px !important;
}

.admin-bg .ant-timeline-item-content {
  background: #cff2ff !important;
}

.com-supplier-bg .ant-timeline-item-content {
  background-color: #e6e6e6 !important;
}

.temp-comment .ant-timeline-item-content {
  background-color: #f8cde0 !important;
}

.even .ant-timeline-item-head {
  border-color: #ff9c1d !important;
  color: #ff9c1d !important;
  background-color: #ff9c1d !important;
}

.odd .ant-timeline-item-head {
  border-color: #1890ff !important;
  color: #1890ff !important;
  background-color: #1890ff !important;
}

.sorted-date {
  bottom: 8px;
  left: 5px;
  position: relative;
  font-size: 20px;
  font-weight: 500;
}

.comment-header {
  display: flex;
}
.comment-header .commented-user label {
  font-size: 15px;
  font-weight: 500;
  margin-left: 5px;
}

.comment-container {
  max-height: fit-content !important;
  overflow-y: auto !important;
}

.comment-desc {
  margin-left: 5px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.comment-desc p {
  text-align: justify;
  font-family: sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  color: #19193e;
  word-break: break-all;
}

label.comment-ago {
  color: #15bef0 !important;
  font-weight: 500 !important;
}

.comment-actions {
  display: flex;
  flex-direction: row-reverse;
}

.dv-comments .ant-timeline-item-head {
  display: none;
}
.dv-comments .ant-timeline-item-tail {
  border-left: 4px solid #ff9c1d !important;
  height: 140px !important;
}

.ant-timeline-item-last .ant-timeline-item-tail {
  display: block !important;
}

.dv .card-view {
  width: 150px !important;
}

.comment-count h2 {
  color: #ff9c1d;
  font-size: 24px;
}

.comment-by h3 {
  font-weight: bold !important;
}

.comment-info {
  border-right: 2px solid #ff9c1d;
  min-height: 60px;
  left: 10px !important;
}
.comment-info .report-day, .comment-info .report-date {
  margin-top: unset;
}

.align-items-center {
  align-items: center;
}

.align-items-baseline {
  align-items: baseline;
}

.align-items-flex-end {
  align-items: flex-end;
}

.align-items-flex-start {
  align-items: flex-start;
}

.btn-container {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 15px;
}

.comment-scroll-area {
  border-top: 1px solid #a9b3bb;
  border-bottom: 1px solid #a9b3bb;
  padding: 15px !important;
}

.scrollarea .scrollbar-container {
  z-index: 10 !important;
}

.comment-header-title {
  color: #15bef0 !important;
  font-size: 18px !important;
}

.d-v-comments .scrollarea-content {
  padding-top: 10px;
}

.ant-upload-select-picture-card {
  border-radius: 52px !important;
  border: 1px solid #a9b3bb;
}
.ant-upload-select-picture-card .ant-upload {
  padding: 0 !important;
}

.profile-picture {
  border-radius: 50%;
}

.ant-upload-picture-card-wrapper {
  display: flex !important;
  width: unset !important;
}

.antd-img-crop-media {
  width: auto;
}

.profile-image-area .loader-container {
  position: absolute !important;
  z-index: 1;
  top: 110px;
  left: 95px;
  width: fit-content !important;
}
.profile-image-area .loading-img-profile img {
  filter: blur(1px) !important;
}

.avatar-change-overlay {
  background-color: rgba(84, 101, 111, 0.8);
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  margin: 38px;
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  padding: 10px;
  flex-wrap: wrap;
}

.avatar-uploader:hover .avatar-change-overlay {
  display: flex;
}

.avatar-uploader {
  position: relative;
}
.avatar-uploader .avatar-rest-btn {
  position: absolute;
  bottom: 14px;
  right: 17px;
  z-index: 100;
  color: #373535;
  background: #fff;
  border-radius: 50%;
}
.avatar-uploader .avatar-rest-btn:hover {
  color: red;
}

.reg-card .avatar-uploader {
  justify-content: center;
}
.reg-card .avatar-uploader .avatar-rest-btn {
  position: absolute;
  bottom: 10px;
  right: calc(50% - 37px);
  z-index: 100;
  color: #373535;
  background: #fff;
  border-radius: 50%;
}
.reg-card .avatar-uploader .avatar-rest-btn:hover {
  color: red;
}
.reg-card .profile-image-area .loader-container {
  top: 49px;
  left: calc(50% - 35px);
}
.reg-card .profile-image-area .avatar-change-overlay {
  height: 104px;
  width: 104px;
}

.custom-tree .permission-treeview .level-1.classic {
  border: 1px solid #15bef0 !important;
  background-color: #e2e2e2 !important;
  border-radius: 4px;
  height: 25px !important;
}
.custom-tree .permission-treeview .classic.expand-button {
  color: #15bef0 !important;
}

.deni-react-treeview-container {
  min-height: 160px;
  height: 100% !important;
  width: 100% !important;
}
.deni-react-treeview-container .checkbox {
  border-color: #15bef0 !important;
}

.collapsible-permission-view .expand .collapse-body {
  max-height: 8000px;
}

.permission-treeview {
  border-color: none !important;
  background-color: none !important;
}
.permission-treeview::-webkit-scrollbar-track {
  background: #e3e3e3 !important;
  border-radius: 6px !important;
}
.permission-treeview::-webkit-scrollbar {
  width: 8px !important;
}
.permission-treeview::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 21.3902px !important;
}
.permission-treeview .checkbox {
  background: #fff !important;
  min-width: 14px;
}
.permission-treeview.checkbox-readonly .checkbox {
  pointer-events: none;
  cursor: not-allowed;
  border-color: #81888e !important;
}
.permission-treeview .deni-react-treeview-item-container {
  height: 22px !important;
  margin-bottom: 4px !important;
}
.permission-treeview .deni-react-treeview-item-container .expand-button {
  font-family: "Material Icons" !important;
  margin-right: 10px !important;
  display: flex !important;
}
.permission-treeview .deni-react-treeview-item-container .expand-button.expanded:before {
  content: "\e5c7" !important;
  color: #15bef0 !important;
}
.permission-treeview .deni-react-treeview-item-container .expand-button.colapsed:before {
  content: "\e5c5" !important;
  color: #15bef0 !important;
}
.permission-treeview .deni-react-treeview-item-container .icon-and-text {
  cursor: default !important;
  flex: 1;
  justify-content: space-around;
}
.permission-treeview .deni-react-treeview-item-container .icon-and-text:hover {
  background-color: #e2e2e2 !important;
  border: none !important;
}
.permission-treeview .deni-react-treeview-item-container .icon-and-text.selected {
  background: none !important;
  border: none !important;
}
.permission-treeview .deni-react-treeview-item-container .action-buttons-container {
  display: flex;
  flex: 1;
}
.permission-treeview .deni-react-treeview-item-container .action-buttons-container .action-buttons-container-text {
  flex: 1;
}
.permission-treeview .deni-react-treeview-item-container .action-buttons-container .action-button {
  margin-right: 5px;
  cursor: pointer;
}
.permission-treeview .deni-react-treeview-item-container .action-buttons-container .action-button .trash {
  color: #ff6666;
}
.permission-treeview .deni-react-treeview-item-container .action-buttons-container .action-button .edit, .permission-treeview .deni-react-treeview-item-container .action-buttons-container .action-button .add {
  color: #006699;
  margin-top: 1px;
}
.permission-treeview .deni-react-treeview-item-container .checkbox.checked {
  background-image: none !important;
  background-color: #15bef0 !important;
  display: flex !important;
}
.permission-treeview .deni-react-treeview-item-container .checkbox.checked:after {
  color: white !important;
  content: "\e5ca" !important;
  font-family: "Material Icons" !important;
}

.treeListIcon {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
}

/*when tree-view is read-only*/
.checkbox-readonly.deni-react-treeview-container .checkbox {
  border-color: #babfc3 !important;
  background-color: #babfc3 !important;
}
.checkbox-readonly.deni-react-treeview-container .checkbox.checked {
  background-image: none !important;
  background-color: #4b8495 !important;
}
.checkbox-readonly.deni-react-treeview-container .checkbox.checked:after {
  color: white !important;
  content: "\e5ca" !important;
  font-family: "Material Icons" !important;
}

.role-desc {
  font-size: 13px;
}

.orange-border {
  border-bottom: 3px solid #ff9c1d !important;
  margin-bottom: 15px;
}

/* dragabble styles */
.items-group-title {
  color: #264d6b;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 6px;
}

.items-group {
  background: #eff2f7;
  border-width: 1px;
  border-color: #cacaca;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  position: relative;
  width: 292px;
}
.items-group.br-solid {
  border-style: solid;
  padding: 5px 10px 0;
}
.items-group.br-dashed {
  border-style: dashed;
}
.items-group.br-dashed .items-group-title {
  inline-size: 300px;
  overflow-wrap: anywhere;
  position: relative;
  top: 5px;
  left: 10px;
}

.draggable-item {
  height: auto;
  min-height: 32px;
  background: #ffffff;
  color: #637280;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  padding-left: 8px;
  padding-right: 2px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border: 1px solid #d4d2d2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.draggable-item:hover {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  border-color: #15bef0;
}
.draggable-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px;
}
.draggable-item .draggable-act-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-left: auto;
}
.draggable-item button {
  height: auto;
  min-height: 18px;
  width: 70px;
  margin-left: 10px;
  color: #ffffff;
  padding: 0 5px;
  margin-right: 6px;
  font-size: 10px !important;
}
.draggable-item .material-icons {
  width: 20px;
  height: 20px;
  padding: 2px;
  font-size: 18px;
  color: #cacaca;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.draggable-item .material-icons.icon-delete {
  color: #ff0000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.draggable-item .material-icons.icon-delete:hover {
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.container {
  padding: 29px 10px 1px;
  min-height: 60px;
}
.container span:last-child {
  display: block;
  text-align: center;
  color: #000000;
  font-size: 13px;
  height: 40px;
  line-height: 32px;
  opacity: 0.4;
}

.search-box {
  width: 292px !important;
}

/*draggable styles in role listing*/
.roles-table .droppingStart {
  background-color: lightblue !important;
}
.roles-table .droppingStart .draggingEnd {
  background: lightblue !important;
}
.roles-table .droppingStart .table-row {
  background-color: lightblue !important;
}
.roles-table .droppingStart .role-inner-listing {
  background: lightblue;
}
.roles-table .draggingEnd {
  background: #c0e9f8 !important;
}
.roles-table .dropDisabled {
  border: 2px solid #ff8989 !important;
  background-color: #fdeef1 !important;
  cursor: not-allowed !important;
}
.roles-table .dropDisabled .draggingEnd {
  background: #c0e9f8 !important;
  cursor: not-allowed !important;
}
.roles-table .dropDisabled .table-row {
  cursor: not-allowed !important;
}
.roles-table .dropDisabled .role-inner-listing {
  pointer-events: none !important;
  background: #fdeef1;
  cursor: not-allowed !important;
}
.roles-table .dropDisabled .role-inner-listing .draggable-item {
  background: #c0e9f8 !important;
}
.roles-table .draggingStart {
  background: #2F4858 !important;
}
.roles-table .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.roles-table .draggingStart .table-row div {
  color: white !important;
}
.roles-table .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: rgba(0, 0, 0, 0.7490196078);
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 6px 8px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.1215686275), 0 6px 16px rgba(0, 0, 0, 0.0784313725), 0 9px 28px 8px rgba(0, 0, 0, 0.0509803922);
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
.roles-table .dropDisabled:hover .tooltiptext {
  visibility: visible;
}
.roles-table .draggable-item .material-icons {
  color: #15bef0 !important;
}

.chat-gpt-popup {
  top: 7% !important;
  padding-bottom: unset !important;
}
.chat-gpt-popup .ant-modal-header {
  cursor: move;
}

.chat-gpt-icon {
  margin-right: 30px;
  cursor: pointer;
}

.gpt-chat-area {
  padding: 15px;
  min-height: calc(100vh - 115px);
  background-color: #f5f5f5;
}

.gpt-chat-containor {
  margin: 0 auto;
  height: 100%;
}

.gpt-chat-output-area, .chat-area {
  height: 75%;
  min-height: 75vh;
}
.gpt-chat-output-area .talk-bubble, .chat-area .talk-bubble {
  margin: 40px;
  display: inline-block;
  position: relative;
  height: auto;
}
.gpt-chat-output-area .gpt-chat-question .talk-bubble, .gpt-chat-output-area .chat-question .talk-bubble, .chat-area .gpt-chat-question .talk-bubble, .chat-area .chat-question .talk-bubble {
  max-width: 80%;
}
.gpt-chat-output-area .right-top, .chat-area .right-top {
  background-color: #36c7ff;
  color: #fff;
  padding: 10px;
}
.gpt-chat-output-area .left-top, .chat-area .left-top {
  background-color: #fff;
  color: #000;
  padding: 10px;
}
.gpt-chat-output-area .talktext::-webkit-scrollbar-track, .chat-area .talktext::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.gpt-chat-output-area .talktext::-webkit-scrollbar, .chat-area .talktext::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}
.gpt-chat-output-area .talktext::-webkit-scrollbar-thumb, .chat-area .talktext::-webkit-scrollbar-thumb {
  background-color: #8b8f95;
  border: 2px solid #8b8f95;
}
.gpt-chat-output-area .tri-right.border.right-top:before, .chat-area .tri-right.border.right-top:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: auto;
  right: -40px;
  top: -8px;
  bottom: auto;
}
.gpt-chat-output-area .tri-right.right-top:after, .chat-area .tri-right.right-top:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: auto;
  right: -20px;
  top: 0px;
  bottom: auto;
  border: 20px solid;
  border-color: #36c7ff transparent transparent transparent;
}
.gpt-chat-output-area .tri-right.border.left-top:before, .chat-area .tri-right.border.left-top:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: -40px;
  right: auto;
  top: -8px;
  bottom: auto;
}
.gpt-chat-output-area .tri-right.left-top:after, .chat-area .tri-right.left-top:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: -20px;
  right: auto;
  top: 0px;
  bottom: auto;
  border: 22px solid;
  border-color: #fff transparent transparent transparent;
}
.gpt-chat-output-area .talktext, .chat-area .talktext {
  padding: 1em;
  text-align: left;
  line-height: 1.5em;
  max-height: calc(72vh - 200px);
  overflow-y: auto;
}
.gpt-chat-output-area .talktext .clipBoard, .chat-area .talktext .clipBoard {
  position: absolute;
  right: 35px;
  top: 5px;
}
.gpt-chat-output-area .talktext p, .chat-area .talktext p {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}

.gpt-chat-input-area, .chat-input-area {
  display: block;
  bottom: 0;
  margin: 10px 46px 20px 70px;
  width: 77%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  min-height: 63px;
}
.gpt-chat-input-area input, .chat-input-area input {
  width: calc(100% - 70px);
  height: 50px;
  background: #fff;
  border: none;
  padding: 12px 20px;
  font-size: 14px;
  color: #6A7C92;
}
.gpt-chat-input-area input:focus, .chat-input-area input:focus {
  outline: none;
}
.gpt-chat-input-area textarea, .chat-input-area textarea {
  width: calc(100% - 57px) !important;
  min-height: 50px !important;
  border: none !important;
}
.gpt-chat-input-area textarea:focus-visible, .chat-input-area textarea:focus-visible {
  border: none !important;
  outline: 0px !important;
}
.gpt-chat-input-area textarea::placeholder, .chat-input-area textarea::placeholder {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.gpt-chat-input-area textarea:focus ~ button, .chat-input-area textarea:focus ~ button {
  background: #15bef0;
}
.gpt-chat-input-area textarea:focus ~ button i, .chat-input-area textarea:focus ~ button i {
  color: #ffffff !important;
}
.gpt-chat-input-area button, .chat-input-area button {
  font-size: 12px;
  color: #6A7C92;
  position: absolute;
  right: 10px;
  bottom: 15px;
  width: 35px;
  height: 35px;
  border-radius: 8px;
  background: unset;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.gpt-chat-input-area button i, .chat-input-area button i {
  color: #606060;
}
.gpt-chat-input-area button:hover, .chat-input-area button:hover {
  box-shadow: none;
}

.gpt-chat-question, .chat-question {
  display: flex;
  justify-content: end;
}

.gpt-chat-answer {
  display: flex;
  justify-content: start;
  flex-direction: column;
}
.gpt-chat-answer .user-icon {
  margin-top: 36px;
}

.loading-answer {
  flex-direction: row !important;
}

.copy-answer {
  justify-content: end;
  align-items: center;
}
.copy-answer .copy-answer-btn {
  padding: 3px;
  width: fit-content;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.user-icon .ant-avatar {
  top: 30px;
  width: 35px !important;
  height: 35px !important;
}

.loader {
  position: absolute;
  top: calc(30% - 32px);
  left: calc(35% - 32px);
  width: 200px;
  height: 200px;
  border-radius: 50%;
  perspective: 800px;
}

.inner {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.inner.one {
  left: 0%;
  top: 0%;
  animation: rotate-one 1s linear infinite;
  border-bottom: 6px solid #36c7ff;
}

.inner.two {
  right: 0%;
  top: 0%;
  animation: rotate-two 1s linear infinite;
  border-right: 6px solid #36c7ff;
}

.inner.three {
  right: 0%;
  bottom: 0%;
  animation: rotate-three 1s linear infinite;
  border-top: 6px solid #36c7ff;
}

@keyframes rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@keyframes rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@keyframes rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
.chat-gpt-name {
  position: absolute;
  bottom: -44px;
  left: 20%;
  color: #686666;
  font-weight: 600;
  font-family: "Figtree", sans-serif;
}

.round {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

.loader-position {
  position: absolute;
  top: 43%;
  left: 40%;
}
.loader-position::before {
  width: 39px !important;
  height: 39px !important;
  background-position: 0px -203px !important;
}

.dot-typing {
  position: relative;
  left: -9975px;
  top: -1px;
  width: 7px;
  height: 7px;
  border-radius: 5px;
  color: #36c7ff;
  box-shadow: 9984px 0 0 0 #36c7ff, 9999px 0 0 0 #36c7ff, 10014px 0 0 0 #36c7ff;
  animation: dot-typing 1.5s infinite linear;
}

@keyframes dot-typing {
  0% {
    box-shadow: 9984px 0 0 0 #36c7ff, 9999px 0 0 0 #36c7ff, 10014px 0 0 0 #36c7ff;
  }
  16.667% {
    box-shadow: 9984px -10px 0 0 #36c7ff, 9999px 0 0 0 #36c7ff, 10014px 0 0 0 #36c7ff;
  }
  33.333% {
    box-shadow: 9984px 0 0 0 #36c7ff, 9999px 0 0 0 #36c7ff, 10014px 0 0 0 #36c7ff;
  }
  50% {
    box-shadow: 9984px 0 0 0 #36c7ff, 9999px -10px 0 0 #36c7ff, 10014px 0 0 0 #36c7ff;
  }
  66.667% {
    box-shadow: 9984px 0 0 0 #36c7ff, 9999px 0 0 0 #36c7ff, 10014px 0 0 0 #36c7ff;
  }
  83.333% {
    box-shadow: 9984px 0 0 0 #36c7ff, 9999px 0 0 0 #36c7ff, 10014px -10px 0 0 #36c7ff;
  }
  100% {
    box-shadow: 9984px 0 0 0 #36c7ff, 9999px 0 0 0 #36c7ff, 10014px 0 0 0 #36c7ff;
  }
}
.auto-resizing-textarea {
  resize: none;
  overflow: hidden;
}

.chat-question.msg-left {
  flex-direction: row-reverse;
  justify-content: left;
}
.chat-question.msg-right {
  flex-direction: row;
  justify-content: right;
}
.chat-question .right-top:after {
  border-color: #36c7ff transparent transparent transparent;
}
.chat-question .left-top:after {
  border-color: #ccc transparent transparent transparent !important;
}
.chat-question .talk-bubble {
  margin: 10px 35px 10px 35px;
}
.chat-question .talk-bubble.left-top {
  background-color: #ccc;
}
.chat-question .user-icon .ant-avatar {
  top: 2px;
}

.chat-input-area {
  background: #f3f3f3;
  width: 90%;
  margin: 10px 20px 20px 20px;
}
.chat-input-area textarea {
  background: #f3f3f3;
}

.upload-video-page {
  display: flex;
  margin: 0 auto;
  background-color: #ffffff;
  min-height: calc(100vh - 170px);
}
.upload-video-page .file-upload-card {
  min-height: 260px !important;
  max-height: 260px !important;
  border-radius: unset !important;
}
.upload-video-page .file-upload-card .ant-card-body {
  padding: 0px !important;
}
.upload-video-page .file-upload-card .ant-card-body .info-container {
  padding: 0px 15px;
}
.upload-video-page .file-upload-card .ant-card-body .info-container .title {
  width: calc(100% - 72px);
  max-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
}
.upload-video-page .file-upload-card .ant-card-body .site-image {
  background-color: #e7e4e4 !important;
  position: relative;
  background-position: bottom;
}
.upload-video-page .file-upload-card .player-video {
  position: relative;
}
.upload-video-page .file-upload-card .upload-file-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  margin-bottom: 0px !important;
}
.upload-video-page .file-upload-card .site-manager-action-btns {
  position: absolute;
  top: 16px;
  right: 0;
  visibility: hidden;
  opacity: 0;
  transform: translateZ(-1px);
}
.upload-video-page .file-upload-card .site-manager-action-btns .card-btn {
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  padding: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  position: absolute;
  z-index: 100;
  right: 0px;
}
.upload-video-page .file-upload-card .site-manager-action-btns .card-btn .btn-circle {
  background: #fff;
  color: #000;
}
.upload-video-page .file-upload-card .site-manager-action-btns .card-btn .btn-circle:hover {
  background: #a3b5d9;
}
.upload-video-page .file-upload-card:hover .site-manager-action-btns {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear;
}
.upload-video-page .file-upload-card:hover .side-view-download {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear;
}
.upload-video-page .file-upload-card:hover .side-view-edit-btn {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear;
}
.upload-video-page .file-upload-card:hover .side-view-delete-btn {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear;
}
.upload-video-page .file-upload-card .wrap-title {
  max-width: 200px;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.upload-video-page .countrylist {
  width: 76%;
  border: 0px;
}
.upload-video-page .uploaded-file-view-sec {
  padding: 25px 30px;
  width: 100%;
  align-items: center;
  max-height: calc(100vh - 170px);
  height: calc(100vh - 110px);
  overflow-y: auto;
  background-color: #F0F1F2;
}
.upload-video-page .uploaded-file-view-sec .loader-container {
  line-height: 0;
  background: none !important;
}
.upload-video-page .uploaded-file-view-sec .no-files-found {
  height: 68%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.upload-video-page .uploaded-file-view-sec .country-containor {
  padding: 10px 20px;
}
.upload-video-page .uploaded-file-view-sec .country-containor .ant-row .ant-col {
  padding-bottom: 15px;
}
.upload-video-page .uploaded-file-view-sec .country-containor .ant-row:first-child {
  row-gap: 0px !important;
}
.upload-video-page .uploaded-file-view-sec .country-containor .country-title {
  margin-top: 30px;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  padding: 25px 20px;
  background-color: #fff;
  text-transform: capitalize;
  gap: 10px;
}
.upload-video-page .uploaded-file-view-sec .country-containor .country-title .material-icons {
  font-size: 38px;
}
.upload-video-page .uploaded-file-view-sec .country-containor .country-title .files-count {
  font-size: 14px;
  font-weight: normal;
}
.upload-video-page .uploaded-file-view-sec .country-containor .videoTag {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.upload-video-page .uploaded-file-view-sec .country-containor .videoTag.black {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.upload-video-page .uploaded-file-view-sec .countrylist {
  width: 250px;
}
.upload-video-page .uploaded-file-view-sec .taglist {
  margin-left: 20px;
  width: 250px;
  border: 0px !important;
}
.upload-video-page .uploaded-file-view-sec .taglist:hover {
  border-color: unset !important;
  border: 0px !important;
}
.upload-video-page .uploaded-file-view-sec .tags-containor {
  max-width: 300px;
  flex-wrap: wrap;
}
.upload-video-page .uploaded-file-view-sec .tags-containor .title, .upload-video-page .uploaded-file-view-sec .tags-containor .description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.upload-video-page .uploaded-file-view-sec::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.upload-video-page .uploaded-file-view-sec::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}
.upload-video-page .uploaded-file-view-sec::-webkit-scrollbar-thumb {
  background-color: #8b8f95;
  border: 2px solid #8b8f95;
  border-radius: 5px;
}
.upload-video-page .filter-video-upload {
  margin-left: 5px;
}
.upload-video-page .upload-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: sticky;
  top: 0;
  color: #000;
  user-select: none;
  background: #ecf6ff;
  height: calc(100vh - 170px);
}
.upload-video-page .upload-area.expand {
  width: inherit !important;
}
.upload-video-page .upload-area.expand .upload-form {
  visibility: visible;
}
.upload-video-page .upload-area.collapse {
  width: 0px !important;
  background: #ccc;
}
.upload-video-page .upload-area.collapse .upload-form {
  visibility: hidden;
}
.upload-video-page .upload-area .toggle-container-show {
  right: 30px;
  top: 36px !important;
}
.upload-video-page .upload-area .toggle-container-hide {
  right: 10px;
  top: 36px !important;
}
.upload-video-page .upload-area button {
  margin: 10px;
}
.upload-video-page .upload-area .file-upload-Loading .loader-container {
  line-height: 0;
  background: none !important;
  position: unset;
  left: unset;
  right: unset;
  bottom: unset;
  margin: 0 auto;
}
.upload-video-page .upload-area .uploadBtn {
  margin: 10px 0px;
  width: 100%;
  border-radius: 8px;
  color: #fff;
}
.upload-video-page .upload-area .fileCount-upload {
  padding-top: 10px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.upload-video-page .upload-area .fileCount-upload .upload-count {
  width: fit-content;
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: bold;
}
.upload-video-page .upload-area .CircularProgressbar {
  margin-top: 20px;
}
.upload-video-page .upload-area input[type=file] {
  padding: 33px 10px;
  border: 1px dashed #ccc;
  border-radius: 10px;
}
.upload-video-page .upload-area input[type=file]::file-selector-button {
  margin-right: 20px;
  border: none;
  padding: 10px 20px;
  border-radius: 10px;
  background: transparent;
  color: #15bef0;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
.upload-video-page .upload-area input[type=file]::file-selector-button:hover {
  color: #1595bc;
}
.upload-video-page .upload-area .upload-form {
  padding: 10px;
  background: #ecf6ff;
  width: 300px;
}
.upload-video-page .upload-area .upload-form .file-input {
  width: 100%;
  height: 25vh;
  background-color: #ecf6ff;
}
.upload-video-page .upload-area .upload-form .video-tag-select {
  border: 1px solid #ccc;
}
.upload-video-page .upload-area .upload-form .drop-container {
  position: relative;
  display: flex;
  gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 200px;
  padding: 20px;
  border-radius: 10px;
  border: 2px dashed #ccc;
  color: #444;
  cursor: pointer;
  transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
}
.upload-video-page .upload-area .upload-form .drop-container:hover .file-input {
  background-color: #ecf6ff;
}
.upload-video-page .upload-area .upload-form .drop-container:hover {
  background: #eee;
  border-color: #111;
}
.upload-video-page .upload-area .upload-form .drop-container:hover .drop-title {
  color: #222;
}
.upload-video-page .upload-area .upload-form .drop-title {
  color: #444;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  transition: color 0.2s ease-in-out;
}
.upload-video-page .upload-area .ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #a2d788 !important;
}
.upload-video-page .upload-area .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #26befd !important;
}
.upload-video-page .video-containor {
  flex-basis: 100%;
  padding: 20px;
  background: #f7f3f3;
}
.upload-video-page .side-view-tag {
  position: absolute;
  top: 5px;
  left: 5px;
}
.upload-video-page .side-view-download {
  position: absolute;
  bottom: 5px;
  right: 10px;
  pointer-events: all;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
}
.upload-video-page .side-view-download .btn-circle {
  background: #00cc87;
  border-radius: 5px;
}
.upload-video-page .side-view-download .btn-circle .material-icons {
  font-size: 20px !important;
  color: #fff !important;
}
.upload-video-page .side-view-delete-btn {
  position: absolute;
  right: 10px;
  pointer-events: all;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
}
.upload-video-page .side-view-delete-btn .btn-circle {
  background-color: #d4132e;
}
.upload-video-page .side-view-delete-btn .btn-circle i {
  color: #fff;
}
.upload-video-page .side-view-delete-btn .btn-circle:hover {
  background-color: #ee6275;
}
.upload-video-page .side-view-edit-btn {
  position: absolute;
  right: 50px;
  pointer-events: all;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
}
.upload-video-page .side-view-edit-btn .btn-circle {
  border-radius: 5px;
  background-color: #526270;
}
.upload-video-page .side-view-edit-btn .btn-circle i {
  color: #fff;
}

.view-franchise-media-popup .tags {
  flex-wrap: wrap;
  max-width: 90%;
}

.videoUploadTagSelect {
  padding: 30px;
}

.JoL-player-container .JoL-player {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.edit_video_tags-popup {
  min-height: fit-content !important;
}

.react-tags.invalid-field input {
  background-color: #fdeef1;
}
.react-tags #react-tags-combobox {
  display: inline-block;
  padding: 5px 2px;
  max-width: 100%;
}
.react-tags #react-tags-listbox {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  width: 100%;
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
  box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.08);
}
.react-tags #react-tags-listbox::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}
.react-tags #react-tags-listbox::-webkit-scrollbar-thumb {
  background-color: #8b8f95;
  border: 2px solid #8b8f95;
  border-radius: 2px;
}
.react-tags div[role=option] {
  border-bottom: 1px solid #ddd;
  padding: 6px 8px;
  list-style: none;
  background: white;
  border-bottom: 1px solid #D1D1D1;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.react-tags div[role=option]:hover {
  cursor: pointer;
  background: #eee;
}
.react-tags .is-active {
  background-color: #e2e2e2 !important;
}
.react-tags ul[role=list] {
  display: inline;
}
.react-tags ul[role=list] li[role=listitem] {
  display: inline;
}
.react-tags ul[role=list] li[role=listitem] button {
  display: inline;
  width: 32%;
  max-width: 280px;
  height: 25px;
  border-radius: 20px;
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
  margin: 1px 6px 0px 0;
}
.react-tags ul[role=list] li[role=listitem] button span {
  overflow: hidden !important;
  text-wrap: nowrap !important;
  text-overflow: ellipsis !important;
  max-width: 85%;
  display: inline-block;
  text-transform: lowercase;
}
.react-tags ul[role=list] li[role=listitem] button:after {
  content: "✕";
  float: right;
}
.react-tags input {
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  font-size: inherit;
  line-height: inherit;
}

.react-tags.is-focused {
  border-color: #B1B1B1;
}

.react-tags__selected {
  display: inline;
}
.react-tags__selected button {
  height: 30px;
}
.react-tags__selected button span {
  text-transform: none;
}

.react-tags__selected-tag {
  display: inline-block;
  box-sizing: border-box;
  margin: 1px 6px 0px 0;
  padding: 3px 8px;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  background: #F1F1F1;
  font-size: inherit;
  line-height: inherit;
}

.react-tags__selected-tag:after {
  content: "✕";
  color: #AAA;
}

.react-tags__selected-tag:hover,
.react-tags__selected-tag:focus {
  border-color: #B1B1B1;
}

.react-tags__search {
  display: inline-block;
  padding: 5px 2px;
  max-width: 100%;
}

@media screen and (min-width: 30em) {
  .react-tags__search {
    position: relative;
  }
}
.react-tags__search-input {
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  font-size: inherit;
  line-height: inherit;
}

.react-tags__search-input::-ms-clear {
  display: none;
}

.react-tags__suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  width: 240px;
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.react-tags__suggestions::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  border-radius: 2px;
}
.react-tags__suggestions::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}
.react-tags__suggestions::-webkit-scrollbar-thumb {
  background-color: #8b8f95;
  border: 2px solid #8b8f95;
  border-radius: 2px;
}

@media screen and (min-width: 30em) {
  .react-tags__suggestions {
    width: 240px;
  }
}
.react-tags__suggestions ul {
  margin: 4px -1px;
  padding: 0;
  list-style: none;
  background: white;
  border: 1px solid #D1D1D1;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.react-tags__suggestions li {
  border-bottom: 1px solid #ddd;
  padding: 6px 8px;
}

.react-tags__suggestions li mark {
  text-decoration: underline;
  background: none;
  font-weight: 600;
  padding: unset !important;
}

.react-tags__suggestions li:hover {
  cursor: pointer;
  background: #eee;
}

.react-tags__suggestions li.is-active {
  background: #b7cfe0;
}

.react-tags__suggestions li.is-disabled {
  opacity: 0.5;
  cursor: auto;
}

.tech-support-wrap-modal.ant-modal-wrap {
  top: 0 !important;
  overflow: hidden;
}
@media only screen and (min-width: 1441px) {
  .tech-support-wrap-modal.ant-modal-wrap {
    top: 0 !important;
  }
}

.comment-popup-modal.ant-modal .ant-modal-close {
  display: none;
}
.comment-popup-modal.ant-modal .comment-popup-content {
  padding: 16px 24px;
}
.comment-popup-modal.ant-modal video {
  width: 100%;
  max-width: 750px;
}
.comment-popup-modal.ant-modal .comment-footer {
  margin-top: 20px;
  display: flex;
  align-items: flex-end;
  gap: 16px;
}
.comment-popup-modal.ant-modal .comment-footer > div:first-child {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.comment-popup-modal.ant-modal .comment-footer > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.comment-popup-modal.ant-modal .comment-footer > div:nth-child(2) button {
  font-size: 14px !important;
  font-weight: 500;
  height: 45px;
  width: 140px;
  border-radius: 12px;
  text-transform: none !important;
}
.comment-popup-modal.ant-modal .comment-footer > div:nth-child(2) button.save {
  background: #c3ebc8;
}
.comment-popup-modal.ant-modal .comment-footer > div:nth-child(2) button.cancel {
  background: #ffc1c4;
}
.comment-popup-modal.ant-modal .comment-footer span {
  font-weight: bold;
}
.comment-popup-modal.ant-modal .comment-footer textarea {
  height: 100px !important;
  background-color: #e9e8e6;
  padding: 10px 16px;
  outline: none;
  resize: none;
  outline: none;
  border: none;
  border-radius: 16px;
}

.tech-support-modal.ant-modal {
  width: 55%;
  max-width: 55%;
  margin: 0;
  position: absolute;
  bottom: 100px;
  padding-bottom: 0;
  right: 36px;
  top: 36px;
}
.tech-support-modal.ant-modal .ant-modal-content {
  height: 100%;
  border-radius: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.tech-support-modal.ant-modal .ant-modal-body {
  height: calc(100% + 5px);
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.2), 0 10px 20px 0 rgba(0, 0, 0, 0.15), 0 15px 30px 10px rgba(0, 0, 0, 0.1);
}
.tech-support-modal.ant-modal .ant-modal-close-x svg {
  color: black;
}
.tech-support-modal.ant-modal .header {
  display: grid;
  font-size: 12px;
}
.tech-support-modal.ant-modal .header-left {
  background-color: #f1f1f1;
  padding: 12px;
}
.tech-support-modal.ant-modal .header-left > div {
  background-color: white;
  border-radius: 16px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  align-items: start;
}
.tech-support-modal.ant-modal .header-left > div > div:nth-child(2) span {
  color: #d37c95;
}
.tech-support-modal.ant-modal .header-search-field-box {
  padding: 12px;
  background-color: #ececec;
  display: flex;
  align-items: center;
}
.tech-support-modal.ant-modal .header-search-field {
  border-radius: 12px;
  background: white;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 210px;
}
.tech-support-modal.ant-modal .header-search-field > span {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8509803922);
}
.tech-support-modal.ant-modal .header-search-field input {
  background: none;
  border: none;
  outline: none;
  flex: 1;
}
.tech-support-modal.ant-modal .tech-support-panels {
  flex: 1;
  display: grid;
  grid-template-columns: 230px 1fr;
}
.tech-support-modal.ant-modal .tech-support-panels .list-panel {
  background-color: #f1f1f1;
  padding: 10px;
}
.tech-support-modal.ant-modal .tech-support-panels .chat-panel {
  background-color: white;
  padding: 16px 16px 0 16px;
  font-size: 13px;
}
.tech-support-modal.ant-modal .list-panel {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.tech-support-modal.ant-modal .list-panel .list-filter {
  display: flex;
  align-items: center;
  gap: 6px;
}
.tech-support-modal.ant-modal .list-panel .list-filter .statuses {
  display: flex;
  gap: 6px;
  flex: 1;
}
.tech-support-modal.ant-modal .list-panel .list-filter .statuses > div {
  border-radius: 8px;
  text-align: center;
  padding: 6px;
  flex: 1;
  cursor: pointer;
  background-color: #fff;
}
.tech-support-modal.ant-modal .list-panel .list-filter .statuses > div.selected-btn {
  border: 1px solid #d3e0e3;
  background-color: #d2effd;
}
.tech-support-modal.ant-modal .list-panel .list-filter .other-filters > i {
  cursor: pointer;
  margin: 0 6px;
}
.tech-support-modal.ant-modal .list-panel .list-filter .other-filters .issue-type, .tech-support-modal.ant-modal .list-panel .list-filter .other-filters .archived {
  position: relative;
}
.tech-support-modal.ant-modal .list-panel .list-filter .other-filters .issue-type.selected::after, .tech-support-modal.ant-modal .list-panel .list-filter .other-filters .archived.selected::after {
  position: absolute;
  content: "";
  background-color: red;
  width: 10px;
  height: 10px;
  right: -5px;
  border-radius: 50%;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: auto;
  max-height: calc(100vh - 275px);
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card-box {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card-box .customer-details {
  display: flex;
  align-items: center;
  padding-inline: 12px;
  gap: 6px;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card-box .red-dot-icon {
  margin-left: -4px;
  color: red !important;
  font-size: 20px;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card-box .customer-icon {
  font-size: 16px;
  margin-top: 4px;
  margin-left: -2px;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card {
  border-radius: 10px;
  cursor: pointer;
  font-size: 11px;
  position: relative;
  background-color: #fff;
  padding-top: 8px;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card.selected {
  background-color: #dbf6fd !important;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card .close-btn {
  position: absolute;
  top: 10px;
  right: 8px;
  font-size: 16px;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card .heading {
  display: flex;
  align-items: center;
  padding: 8px 10px;
  padding-top: 2px;
  justify-content: space-between;
  gap: 8px;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card .heading > i {
  font-size: 16px;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card .heading .left-box {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: calc(100% - 20px);
  padding-right: 16px;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card .heading .left-box > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card .heading .left-box > div:first-child .id {
  font-weight: bold;
  font-size: 11px;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card .heading .left-box > div:first-child .id i {
  display: none;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card .heading .left-box .message {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 170px;
  margin-top: 6px;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card .footer {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: start;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card .footer > span:first-child {
  padding: 4px 10px;
  border-bottom-left-radius: 10px;
  font-weight: bold;
  min-width: 130px;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card .footer > div {
  flex: 1;
  padding: 4px 10px;
  border-bottom-right-radius: 10px;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card.sender .heading i {
  display: none;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card.sender .heading .red-dot-icon-chat-panel {
  color: red !important;
  font-size: 20px;
  display: inline-block;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card.sender .heading .left-box > div:first-child .id {
  display: flex;
  align-items: center;
  gap: 4px;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card.sender .heading .left-box > div:first-child .id i {
  display: block;
  font-size: 16px;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card.sender .heading .left-box > div:first-child .id span {
  font-size: 11px;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card.sender .left-box {
  padding-right: 0;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card.todo .heading i {
  color: #7e7e7e;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card.todo .footer {
  background-color: #dfdfdf;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card.closed .closed-box {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 6px;
  background-color: #70d8ff;
  width: 100%;
  border-bottom-left-radius: 10px;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card.closed .heading i {
  color: #17c7ff;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card.closed .footer {
  background-color: #d1effd;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card.warning .heading i {
  color: #e5070e;
}
.tech-support-modal.ant-modal .list-panel .support-ticket-list .support-ticket-card.warning .footer {
  background-color: #ffdfe0;
}
.tech-support-modal.ant-modal .chat-panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tech-support-modal.ant-modal .chat-panel .chat-header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tech-support-modal.ant-modal .chat-panel .chat-header .ticket-box {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-radius: 16px;
  padding: 8px 12px;
  padding-right: 30px;
  background-color: #d2dbd4;
}
.tech-support-modal.ant-modal .chat-panel .chat-header .ticket-box > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.tech-support-modal.ant-modal .chat-panel .chat-header .ticket-box > div > div {
  display: flex;
  gap: 8px;
  align-items: center;
}
.tech-support-modal.ant-modal .chat-panel .chat-header .ticket-box > div:first-child {
  font-weight: bold;
}
.tech-support-modal.ant-modal .chat-panel .chat-header .issue-type-box {
  background-color: #ffdfe2;
  display: flex;
  flex-direction: column;
  padding: 6px 10px;
  border-radius: 16px;
  min-width: 120px;
}
.tech-support-modal.ant-modal .chat-panel .chat-header .issue-type-box > div {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  line-height: 28px;
}
.tech-support-modal.ant-modal .chat-panel .chat-header .issue-type-box > div.selected {
  font-weight: bold;
}
.tech-support-modal.ant-modal .chat-panel .chat-header .issue-type-box > div i {
  margin-bottom: 4px;
}
.tech-support-modal.ant-modal .chat-panel .chat-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: auto;
}
.tech-support-modal.ant-modal .chat-panel .chat-content .message {
  max-width: 65%;
}
.tech-support-modal.ant-modal .chat-panel .chat-content .message .content {
  padding: 16px;
  border-radius: 16px;
  white-space: break-spaces;
}
.tech-support-modal.ant-modal .chat-panel .chat-content .message .content .download-attachment-button {
  color: black;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  margin-bottom: 4px;
}
.tech-support-modal.ant-modal .chat-panel .chat-content .message .content .download-attachment-button i {
  padding: 8px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border-radius: 50%;
  font-size: 25px;
}
.tech-support-modal.ant-modal .chat-panel .chat-content .message .content .add-comment-button {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
}
.tech-support-modal.ant-modal .chat-panel .chat-content .message .name-box {
  display: flex;
  justify-content: flex-end;
  padding: 4px 16px;
  color: #b7b7b7;
}
.tech-support-modal.ant-modal .chat-panel .chat-content .message.my-message {
  align-self: flex-start;
}
.tech-support-modal.ant-modal .chat-panel .chat-content .message.my-message .content {
  background-color: #f1f1f1;
}
.tech-support-modal.ant-modal .chat-panel .chat-content .message.other-message {
  align-self: flex-end;
}
.tech-support-modal.ant-modal .chat-panel .chat-content .message.other-message .content {
  background-color: #cce3ee;
}
.tech-support-modal.ant-modal .chat-panel .chat-content .reaction {
  font-size: 32px;
}
.tech-support-modal.ant-modal .chat-panel .chat-footer {
  display: flex;
  gap: 12px;
  width: 100%;
  align-items: center;
  padding-bottom: 20px;
}
.tech-support-modal.ant-modal .chat-panel .chat-footer .send-message-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
.tech-support-modal.ant-modal .chat-panel .chat-footer .send-message-box .send-message-field {
  display: flex;
  align-items: center;
  background-color: #e7e6e4;
  padding-right: 12px;
  border-radius: 16px;
  gap: 12px;
}
.tech-support-modal.ant-modal .chat-panel .chat-footer .send-message-box .send-message-field textarea.auto-resize-textarea {
  border: none;
  background: transparent;
  outline: none;
  padding-left: 16px;
  flex: 1;
  line-height: 20px; /* Approximate line height */
  max-height: 80px; /* Max height for 3 lines (approx 80px) */
  box-sizing: border-box; /* Ensure padding and borders are included in width/height */
  min-height: unset;
  padding: 12px 10px !important;
}
.tech-support-modal.ant-modal .chat-panel .chat-footer .send-message-box .send-message-field .attachment-box {
  position: absolute;
  top: 10px;
  left: 12px;
}
.tech-support-modal.ant-modal .chat-panel .chat-footer .send-message-box .send-message-field .attachment-box #attach-doc-file {
  background-color: white;
  display: flex;
  width: auto;
  position: relative;
  padding: 6px;
  border-radius: 12px;
  height: 60px;
}
.tech-support-modal.ant-modal .chat-panel .chat-footer .send-message-box .send-message-field .attachment-box #attach-doc-file > span {
  margin-top: 22px;
}
.tech-support-modal.ant-modal .chat-panel .chat-footer .send-message-box .send-message-field .attachment-box #attach-doc-file > .loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  margin-right: 10px;
}
.tech-support-modal.ant-modal .chat-panel .chat-footer .send-message-box .send-message-field .attachment-box #attach-pic-file img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}
.tech-support-modal.ant-modal .chat-panel .chat-footer .send-message-box .send-message-field .attachment-box .close-button {
  position: absolute;
  top: 6px;
  right: 6px;
  color: white;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 16px;
  font-size: 18px;
  padding: 2px;
}
.tech-support-modal.ant-modal .chat-panel .chat-footer .send-message-box .send-message-field::after {
  content: "";
  position: absolute;
  width: 1px;
  right: 79px;
  background: darkgrey;
  top: 0;
  bottom: 0;
}
.tech-support-modal.ant-modal .chat-panel .chat-footer .send-message-box .note {
  position: absolute;
  bottom: -22px;
  margin-left: 12px;
  font-size: 13px;
  color: #919191;
}
.tech-support-modal.ant-modal .chat-panel .chat-footer .send-message-btn {
  background-color: #e7e6e4;
  border-radius: 16px;
  padding: 6px 12px;
  text-transform: none !important;
  height: 45px;
}

.cursor-pointer {
  cursor: pointer;
}

.stop-sharing-float-btn {
  z-index: 999999;
  cursor: pointer;
  background: rgb(200, 58, 50);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 10px;
  position: fixed;
  bottom: 36px;
  right: 120px;
  display: none;
  color: white;
  padding-inline: 10px;
}
.stop-sharing-float-btn > i {
  font-size: 16px;
  color: white;
  margin-right: 4px;
}

.forward-ticket-popup-modal.ant-modal .ant-modal-close {
  display: none;
}
.forward-ticket-popup-modal.ant-modal .forward-ticket-popup-content {
  padding: 30px 24px;
}
.forward-ticket-popup-modal.ant-modal .forward-ticket-popup-content > div:first-child {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
}
.forward-ticket-popup-modal.ant-modal .forward-ticket-popup-content > .form-group {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 0;
}
.forward-ticket-popup-modal.ant-modal .forward-ticket-popup-content > .form-group .ant-select {
  font-size: 14px;
  padding: 0;
  display: flex;
  align-items: center;
  line-height: 1;
}
.forward-ticket-popup-modal.ant-modal .forward-ticket-popup-content > .form-group .ant-select-item-option-content {
  text-align: left;
}
.forward-ticket-popup-modal.ant-modal .forward-ticket-popup-content > .form-group .forward-ticket-btn {
  border-radius: 6px;
  background: gray;
  color: white;
}

/* AIChatDrawer.css */
.email-ai-drawer-custom .ant-drawer-body {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.chat-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.email-ai-drawer-custom .ant-drawer-header-title {
  display: flex;
  flex-direction: row-reverse;
}

.messages-area {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: #f5f5f5;
}

.messages-area::-webkit-scrollbar {
  width: 6px;
}

.messages-area::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.messages-area::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}

.messages-area::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.message-wrapper {
  display: flex;
  width: 100%;
  margin-bottom: 4px;
}

.message-wrapper.user-message {
  justify-content: flex-end;
}

.message-wrapper.ai-message {
  justify-content: flex-start;
}

.message-content {
  display: flex;
  align-items: flex-start;
  max-width: 85%;
  gap: 8px;
}

.user-message .message-content {
  flex-direction: row-reverse;
}

.message-avatar {
  flex-shrink: 0;
  margin-top: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.message-avatar i {
  font-size: 20px;
}

.email-ai-btn-icon-chat {
  background: url(https://qa.dev.bluetag.no/assets/img/ai-icon-chat.png) no-repeat;
  padding: 10px;
  min-width: 20px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  width: 22px;
  cursor: pointer;
}

.message-bubble {
  display: flex;
  flex-direction: column;
  padding: 10px 14px;
  border-radius: 12px;
  word-wrap: break-word;
  animation: fadeIn 0.3s ease-in;
}

.user-message .message-bubble {
  background-color: #1890ff;
  color: white;
  border-bottom-right-radius: 4px;
}

.ai-message .message-bubble {
  background-color: white;
  color: #333;
  border: 1px solid #e8e8e8;
  border-bottom-left-radius: 4px;
}

.message-text {
  font-size: 14px;
  line-height: 1.5;
  white-space: pre-wrap;
}

.message-time {
  font-size: 11px;
  margin-top: 4px;
  opacity: 0.7;
}

.user-message .message-time {
  text-align: right;
  color: rgba(255, 255, 255, 0.8);
}

.ai-message .message-time {
  text-align: left;
  color: rgba(0, 0, 0, 0.45);
}

.typing-indicator {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  background-color: white;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  border-bottom-left-radius: 4px;
  color: #666;
  font-size: 14px;
}

.input-area {
  padding: 16px;
  background-color: white;
  border-top: 1px solid #e8e8e8;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.input-area .show-status-msg {
  background-color: rgba(0, 0, 0, 0.06);
  padding: 5px;
  border-radius: 4px;
  color: #838383;
  text-align: center;
}
.input-area .ia-wrapper {
  background-color: #f2f5fa;
  padding: 8px;
  border-radius: 8px;
}
.input-area .ia-wrapper textarea {
  background-color: #f2f5fa;
  border: 0;
  color: #0f1114;
  outline: none;
}
.input-area .ia-wrapper textarea::placeholder {
  color: #0f1114;
}
.input-area .ia-wrapper textarea:focus {
  box-shadow: none;
}
.input-area .ia-wrapper .voice-button, .input-area .ia-wrapper .send-button {
  min-width: 55px;
}
.input-area .ia-wrapper:hover {
  outline: 1px solid #1e72eb;
}

.message-input {
  flex: 1;
  border-radius: 8px;
  resize: none;
}

.message-input:focus {
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.send-button {
  border-radius: 8px !important;
  height: 32px;
  min-width: 80px;
}
.send-button .ant-btn-loading-icon {
  color: red;
}

/* Voice status indicator */
.voice-status {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-radius: 12px;
  margin: 8px 0;
  font-weight: 500;
  animation: fadeIn 0.3s ease-in;
}

.voice-status.paused {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.voice-indicator-pulse {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  animation: pulse 1.5s ease-in-out infinite;
}

.voice-status.paused .voice-indicator-pulse {
  animation: none;
}

.voice-indicator-pulse .anticon {
  font-size: 18px;
}

.voice-badge {
  margin-left: 4px;
  font-size: 10px;
}

.voice-button {
  background-color: #f2f5fa;
  border-radius: 8px !important;
  box-shadow: none;
  height: 32px;
  min-width: 70px;
}
.voice-button:hover {
  background-color: #e3eeff !important;
  color: #333 !important;
  box-shadow: none;
}
.voice-button:hover span {
  color: #000;
}

.voice-button.voice-active {
  animation: pulse 1.5s ease-in-out infinite;
}

.voice-button.voice-paused {
  animation: none;
}

.message-text p {
  margin: 0 0 8px 0;
}

.message-text p:last-child {
  margin-bottom: 0;
}

.message-text ul, .message-text ol {
  margin: 8px 0;
  padding-left: 20px;
}

.message-text li {
  margin: 4px 0;
}

.message-text strong, .message-text b {
  font-weight: 600;
}

.message-text em, .message-text i {
  font-style: italic;
}

.message-text a {
  color: inherit;
  text-decoration: underline;
}

.user-message .message-text a {
  color: rgba(255, 255, 255, 0.95);
}

.ai-message .message-text a {
  color: #1890ff;
}

.message-bubble-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.message-actions {
  display: flex;
  gap: 8px;
  background: #c4edfe;
  border-radius: 5px;
  justify-content: center;
  padding: 3px;
}
.message-actions button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin-top: 4px;
  gap: 5px;
}
.message-actions button:hover {
  color: #fff;
  background-color: #1890ff;
  box-shadow: none;
}
.message-actions button .material-icons {
  transform: rotate(180deg);
  font-size: 15px;
}

.message-actions .ant-btn {
  font-size: 12px;
  height: 24px;
  padding: 0 8px;
  color: #666;
}

.message-actions .ant-btn:hover {
  color: #1890ff;
  background-color: rgba(24, 144, 255, 0.1);
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 77, 79, 0.7);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(255, 77, 79, 0);
  }
}
/* Mobile responsive */
@media (max-width: 768px) {
  .email-ai-drawer-custom {
    width: 100% !important;
  }
  .message-content {
    max-width: 90%;
  }
}
.risk-metrics-container {
  background-color: #fff;
  padding: 20px;
}
.risk-metrics-container table {
  border-collapse: collapse;
  margin-top: 10px;
}
.risk-metrics-container .table-probability, .risk-metrics-container .table-impact {
  width: 100%;
}
.risk-metrics-container .table-probability th, .risk-metrics-container .table-probability td, .risk-metrics-container .table-impact th, .risk-metrics-container .table-impact td {
  border: 1px solid #ccc;
}
.risk-metrics-container .text-align-left {
  text-align: left !important;
}
.risk-metrics-container th, .risk-metrics-container td {
  border: 2px solid #fff;
  padding: 8px;
  text-align: center;
}
.risk-metrics-container h2 {
  color: #000 !important;
}
.risk-metrics-container th {
  background: #f4f4f4;
}
.risk-metrics-container .low {
  background: #35e45e;
  color: #000;
}
.risk-metrics-container .medium {
  background: #f1f418;
  color: #000;
}
.risk-metrics-container .high {
  background: #fa3442;
  color: #000;
}
.risk-metrics-container .legend {
  display: flex;
  gap: 20px;
  margin-top: 70px;
  flex-direction: column;
}
.risk-metrics-container .legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 20px;
}
.risk-metrics-container .legend-color {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.risk-metrics-container .low-color {
  background: #35e45e;
}
.risk-metrics-container .medium-color {
  background: #f1f418;
}
.risk-metrics-container .high-color {
  background: #fa3442;
}
@media (max-width: 768px) {
  .risk-metrics-container table {
    font-size: 12px;
  }
  .risk-metrics-container h2 {
    font-size: 18px;
  }
}

/* order listing */
.table.order-listing .table-header .th-column:nth-child(1),
.table.order-listing .table-row div:nth-child(1) {
  width: 25%;
}
.table.order-listing .table-header .th-column:nth-child(2),
.table.order-listing .table-row div:nth-child(2) {
  width: 25%;
}
.table.order-listing .table-header .th-column:nth-child(3),
.table.order-listing .table-row div:nth-child(3) {
  width: 25%;
}
.table.order-listing .table-header .th-column:nth-child(4),
.table.order-listing .table-row div:nth-child(4) {
  width: 25%;
}

/* offer listing */
.table.order-offer-listing .table-header .th-column:nth-child(1),
.table.order-offer-listing .table-row div:nth-child(1) {
  width: 30%;
}
.table.order-offer-listing .table-header .th-column:nth-child(2),
.table.order-offer-listing .table-row div:nth-child(2) {
  width: 20%;
}
.table.order-offer-listing .table-header .th-column:nth-child(3),
.table.order-offer-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.order-offer-listing .table-header .th-column:nth-child(4),
.table.order-offer-listing .table-row div:nth-child(4) {
  width: 20%;
}
.table.order-offer-listing .table-header .th-column:nth-child(5),
.table.order-offer-listing .table-row div:nth-child(5) {
  width: 20%;
}
.table.order-offer-listing .table-header .th-column:nth-child(6),
.table.order-offer-listing .table-row div:nth-child(6) {
  width: 20%;
}
.table.order-offer-listing .table-header .th-column:nth-child(7),
.table.order-offer-listing .table-row div:nth-child(7) {
  width: 10%;
}
.table.order-offer-listing .table-footer div:nth-child(1) {
  width: 80%;
}
.table.order-offer-listing .table-footer div:nth-child(2) {
  width: 10%;
}
.table.order-offer-listing .table-footer div:nth-child(3) {
  width: 10%;
}
.table.order-offer-listing .table-row div {
  height: auto !important;
}

/* sent offers listing */
.table.sent-offers-listing .table-header .th-column:nth-child(1),
.table.sent-offers-listing .table-row div:nth-child(1) {
  width: 30% !important;
}
.table.sent-offers-listing .table-header .th-column:nth-child(2),
.table.sent-offers-listing .table-row div:nth-child(2) {
  width: 30% !important;
}
.table.sent-offers-listing .table-header .th-column:nth-child(3),
.table.sent-offers-listing .table-row div:nth-child(3) {
  width: 20% !important;
}
.table.sent-offers-listing .table-header .th-column:nth-child(4),
.table.sent-offers-listing .table-row div:nth-child(4) {
  width: 20% !important;
}
.table.sent-offers-listing .table-header .th-column:nth-child(5),
.table.sent-offers-listing .table-row div:nth-child(5) {
  width: 10% !important;
}
.table.sent-offers-listing .table-header .th-column:nth-child(6),
.table.sent-offers-listing .table-row div:nth-child(6) {
  width: 10% !important;
}
.table.sent-offers-listing .table-header .th-column:nth-child(7),
.table.sent-offers-listing .table-row div:nth-child(7) {
  width: 10% !important;
}
.table.sent-offers-listing .table-header .th-column:nth-child(8),
.table.sent-offers-listing .table-row div:nth-child(8) {
  width: 10% !important;
}
.table.sent-offers-listing .table-footer div:nth-child(1) {
  width: 80%;
}
.table.sent-offers-listing .table-footer div:nth-child(2) {
  width: 10%;
}
.table.sent-offers-listing .table-footer div:nth-child(3) {
  width: 10%;
}

.table.order-offer-listing-all .table-header .th-column:nth-child(1),
.table.order-offer-listing-all .table-row div:nth-child(1) {
  width: 35%;
}
.table.order-offer-listing-all .table-header .th-column:nth-child(2),
.table.order-offer-listing-all .table-row div:nth-child(2) {
  width: 25%;
}
.table.order-offer-listing-all .table-header .th-column:nth-child(3),
.table.order-offer-listing-all .table-row div:nth-child(3) {
  width: 20%;
}
.table.order-offer-listing-all .table-header .th-column:nth-child(4),
.table.order-offer-listing-all .table-row div:nth-child(4) {
  width: 10%;
}
.table.order-offer-listing-all .table-header .th-column:nth-child(5),
.table.order-offer-listing-all .table-row div:nth-child(5) {
  width: 10%;
}
.table.order-offer-listing-all .table-header .th-column:nth-child(6),
.table.order-offer-listing-all .table-row div:nth-child(6) {
  width: 10%;
}
.table.order-offer-listing-all .table-header .th-column:nth-child(7),
.table.order-offer-listing-all .table-row div:nth-child(7) {
  width: 10%;
}
.table.order-offer-listing-all .table-footer div:nth-child(1) {
  width: 80%;
}
.table.order-offer-listing-all .table-footer div:nth-child(2) {
  width: 10%;
}
.table.order-offer-listing-all .table-footer div:nth-child(3) {
  width: 10%;
}

/* order template listing */
.table.order-template-listing .table-header .th-column:nth-child(1),
.table.order-template-listing .table-row div:nth-child(1) {
  width: 28%;
}
.table.order-template-listing .table-header .th-column:nth-child(2),
.table.order-template-listing .table-row div:nth-child(2) {
  width: 26%;
}
.table.order-template-listing .table-header .th-column:nth-child(3),
.table.order-template-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.order-template-listing .table-header .th-column:nth-child(4),
.table.order-template-listing .table-row div:nth-child(4) {
  width: 26%;
}
.table.order-template-listing .table-header .th-column:nth-child(5),
.table.order-template-listing .table-row div:nth-child(5) {
  width: 20%;
}
.table.order-template-listing .table-header .th-column:nth-child(6),
.table.order-template-listing .table-row div:nth-child(6) {
  width: 50px;
}
.table.order-template-listing .table-footer div:nth-child(1) {
  width: 88%;
}
.table.order-template-listing .table-footer div:nth-child(2) {
  width: 12%;
}
.table.order-template-listing .table-footer div:nth-child(3) {
  width: 50px;
}

.order-budget-listing .table-header .th-column,
.order-budget-listing .table-row div {
  height: auto;
}
.order-budget-listing .table-header .th-column:nth-child(1),
.order-budget-listing .table-row div:nth-child(1) {
  width: 10%;
}
.order-budget-listing .table-header .th-column:nth-child(2),
.order-budget-listing .table-row div:nth-child(2) {
  width: 30%;
}
.order-budget-listing .table-header .th-column:nth-child(3),
.order-budget-listing .table-row div:nth-child(3) {
  width: 30%;
}
.order-budget-listing .table-header .th-column:nth-child(4),
.order-budget-listing .table-row div:nth-child(4) {
  width: 30%;
}
.order-budget-listing .table-header .th-column input,
.order-budget-listing .table-row div input {
  width: 100%;
  max-height: 70%;
  border: 1px solid #ffffff;
  border-radius: 3px;
  font-size: 12px;
  text-align: right;
}
.order-budget-listing .table-footer div:nth-child(1) {
  width: 10%;
}
.order-budget-listing .table-footer div:nth-child(2) {
  width: 30%;
}
.order-budget-listing .table-footer div:nth-child(3) {
  width: 30%;
}
.order-budget-listing .table-footer div:nth-child(4) {
  width: 30%;
}

/* order inprogress listing */
.table.order-inprogress-listing .table-header .th-column:nth-child(1),
.table.order-inprogress-listing .table-row div:nth-child(1) {
  width: 15%;
}
.table.order-inprogress-listing .table-header .th-column:nth-child(2),
.table.order-inprogress-listing .table-row div:nth-child(2) {
  width: 30%;
}
.table.order-inprogress-listing .table-header .th-column:nth-child(3),
.table.order-inprogress-listing .table-row div:nth-child(3) {
  width: 30%;
}
.table.order-inprogress-listing .table-header .th-column:nth-child(4),
.table.order-inprogress-listing .table-row div:nth-child(4) {
  width: 20%;
}
.table.order-inprogress-listing .table-header .th-column:nth-child(5),
.table.order-inprogress-listing .table-row div:nth-child(5) {
  width: 24%;
}
.table.order-inprogress-listing .table-header .th-column:nth-child(6),
.table.order-inprogress-listing .table-row div:nth-child(6) {
  width: 10%;
}
.table.order-inprogress-listing .table-header .th-column:nth-child(7),
.table.order-inprogress-listing .table-row div:nth-child(7) {
  width: 10%;
}
.table.order-inprogress-listing .table-header .th-column:nth-child(8),
.table.order-inprogress-listing .table-row div:nth-child(8) {
  width: 10%;
}
.table.order-inprogress-listing .table-header .th-column:nth-child(9),
.table.order-inprogress-listing .table-row div:nth-child(9) {
  width: 12%;
}
.table.order-inprogress-listing .table-header .th-column {
  white-space: break-spaces !important;
}
.table.order-inprogress-listing .table-row div {
  height: auto !important;
}

.table.order-inprogress-listing-all .table-header .th-column:nth-child(1),
.table.order-inprogress-listing-all .table-row div:nth-child(1) {
  width: 10%;
}
.table.order-inprogress-listing-all .table-header .th-column:nth-child(2),
.table.order-inprogress-listing-all .table-row div:nth-child(2) {
  width: 20%;
}
.table.order-inprogress-listing-all .table-header .th-column:nth-child(3),
.table.order-inprogress-listing-all .table-row div:nth-child(3) {
  width: 20%;
}
.table.order-inprogress-listing-all .table-header .th-column:nth-child(4),
.table.order-inprogress-listing-all .table-row div:nth-child(4) {
  width: 20%;
}
.table.order-inprogress-listing-all .table-header .th-column:nth-child(5),
.table.order-inprogress-listing-all .table-row div:nth-child(5) {
  width: 10%;
}
.table.order-inprogress-listing-all .table-header .th-column:nth-child(6),
.table.order-inprogress-listing-all .table-row div:nth-child(6) {
  width: 10%;
}
.table.order-inprogress-listing-all .table-header .th-column:nth-child(7),
.table.order-inprogress-listing-all .table-row div:nth-child(7) {
  width: 15%;
}
.table.order-inprogress-listing-all .table-header .th-column:nth-child(8),
.table.order-inprogress-listing-all .table-row div:nth-child(8) {
  width: 15%;
}
.table.order-inprogress-listing-all .table-header .th-column {
  white-space: break-spaces !important;
}

/*job in progress all*/
.table.order-inprogress-listing-all.job-in-progress-listing .table-header .th-column:nth-child(1),
.table.order-inprogress-listing-all.job-in-progress-listing .table-row div:nth-child(1) {
  width: 10%;
}
.table.order-inprogress-listing-all.job-in-progress-listing .table-header .th-column:nth-child(2),
.table.order-inprogress-listing-all.job-in-progress-listing .table-row div:nth-child(2) {
  width: 20%;
}
.table.order-inprogress-listing-all.job-in-progress-listing .table-header .th-column:nth-child(3),
.table.order-inprogress-listing-all.job-in-progress-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.order-inprogress-listing-all.job-in-progress-listing .table-header .th-column:nth-child(4),
.table.order-inprogress-listing-all.job-in-progress-listing .table-row div:nth-child(4) {
  width: 20%;
}
.table.order-inprogress-listing-all.job-in-progress-listing .table-header .th-column:nth-child(5),
.table.order-inprogress-listing-all.job-in-progress-listing .table-row div:nth-child(5) {
  width: 10%;
}
.table.order-inprogress-listing-all.job-in-progress-listing .table-header .th-column:nth-child(6),
.table.order-inprogress-listing-all.job-in-progress-listing .table-row div:nth-child(6) {
  width: 10%;
}
.table.order-inprogress-listing-all.job-in-progress-listing .table-header .th-column:nth-child(7),
.table.order-inprogress-listing-all.job-in-progress-listing .table-row div:nth-child(7) {
  width: 15%;
}
.table.order-inprogress-listing-all.job-in-progress-listing .table-header .th-column:nth-child(8),
.table.order-inprogress-listing-all.job-in-progress-listing .table-row div:nth-child(8) {
  width: 15%;
}
.table.order-inprogress-listing-all.job-in-progress-listing .table-header .th-column {
  white-space: break-spaces !important;
}

/*offer sent all*/
.table.order-offer-listing-all.sent-offers-listing .table-header .th-column:nth-child(1),
.table.order-offer-listing-all.sent-offers-listing .table-row div:nth-child(1) {
  width: 10%;
}
.table.order-offer-listing-all.sent-offers-listing .table-header .th-column:nth-child(2),
.table.order-offer-listing-all.sent-offers-listing .table-row div:nth-child(2) {
  width: 20%;
}
.table.order-offer-listing-all.sent-offers-listing .table-header .th-column:nth-child(3),
.table.order-offer-listing-all.sent-offers-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.order-offer-listing-all.sent-offers-listing .table-header .th-column:nth-child(4),
.table.order-offer-listing-all.sent-offers-listing .table-row div:nth-child(4) {
  width: 15%;
}
.table.order-offer-listing-all.sent-offers-listing .table-header .th-column:nth-child(5),
.table.order-offer-listing-all.sent-offers-listing .table-row div:nth-child(5) {
  width: 10%;
}
.table.order-offer-listing-all.sent-offers-listing .table-header .th-column:nth-child(6),
.table.order-offer-listing-all.sent-offers-listing .table-row div:nth-child(6) {
  width: 10%;
}
.table.order-offer-listing-all.sent-offers-listing .table-header .th-column:nth-child(7),
.table.order-offer-listing-all.sent-offers-listing .table-row div:nth-child(7) {
  width: 15%;
}
.table.order-offer-listing-all.sent-offers-listing .table-header .th-column:nth-child(8),
.table.order-offer-listing-all.sent-offers-listing .table-row div:nth-child(8) {
  width: 15%;
}
.table.order-offer-listing-all.sent-offers-listing .table-header .th-column {
  white-space: break-spaces !important;
}

/* order inprogress listing */
.table.balance-order-listing .table-header .th-column,
.table.balance-order-listing .table-row div {
  display: flex;
}
.table.balance-order-listing .table-header .th-column:nth-child(1),
.table.balance-order-listing .table-row div:nth-child(1) {
  width: 15%;
}
.table.balance-order-listing .table-header .th-column:nth-child(2),
.table.balance-order-listing .table-row div:nth-child(2) {
  width: 15%;
}
.table.balance-order-listing .table-header .th-column:nth-child(3),
.table.balance-order-listing .table-row div:nth-child(3) {
  width: 15%;
}
.table.balance-order-listing .table-header .th-column:nth-child(4),
.table.balance-order-listing .table-row div:nth-child(4) {
  width: 15%;
}
.table.balance-order-listing .table-header .th-column:nth-child(5),
.table.balance-order-listing .table-row div:nth-child(5) {
  width: 15%;
}
.table.balance-order-listing .table-header .th-column:nth-child(6),
.table.balance-order-listing .table-row div:nth-child(6) {
  width: 15%;
}
.table.balance-order-listing .table-header .th-column:nth-child(7),
.table.balance-order-listing .table-row div:nth-child(7) {
  width: 10%;
}
.table.balance-order-listing .table-header .th-column:nth-child(8),
.table.balance-order-listing .table-row div:nth-child(8) {
  width: 10%;
}
.table.balance-order-listing .table-row {
  flex-wrap: wrap;
}
.table.balance-order-listing .table-row div {
  height: auto;
}
.table.balance-order-listing .wrap-text {
  align-items: center;
  overflow: visible;
  white-space: break-spaces;
  line-height: normal;
}

/* order new listing */
.table.order-new-listing .table-header .th-column:nth-child(1),
.table.order-new-listing .table-row div:nth-child(1) {
  width: 84px;
}
.table.order-new-listing .table-header .th-column:nth-child(2),
.table.order-new-listing .table-row div:nth-child(2) {
  width: 8%;
}
.table.order-new-listing .table-header .th-column:nth-child(3),
.table.order-new-listing .table-row div:nth-child(3) {
  width: 15%;
}
.table.order-new-listing .table-header .th-column:nth-child(4),
.table.order-new-listing .table-row div:nth-child(4) {
  width: 15%;
}
.table.order-new-listing .table-header .th-column:nth-child(5),
.table.order-new-listing .table-row div:nth-child(5) {
  width: 10%;
}
.table.order-new-listing .table-header .th-column:nth-child(6),
.table.order-new-listing .table-row div:nth-child(6) {
  width: 10%;
}
.table.order-new-listing .table-header .th-column:nth-child(7),
.table.order-new-listing .table-row div:nth-child(7) {
  width: 10%;
}
.table.order-new-listing .table-header .th-column:nth-child(8),
.table.order-new-listing .table-row div:nth-child(8) {
  width: 5%;
}
.table.order-new-listing .table-header .th-column:nth-child(9),
.table.order-new-listing .table-row div:nth-child(9) {
  width: 5%;
}
.table.order-new-listing .table-header .th-column:nth-child(10),
.table.order-new-listing .table-row div:nth-child(10) {
  width: 10%;
}
.table.order-new-listing .table-header .th-column:nth-child(11),
.table.order-new-listing .table-row div:nth-child(11) {
  width: 8%;
}
.table.order-new-listing .table-header .th-column:nth-child(12),
.table.order-new-listing .table-row div:nth-child(12) {
  width: 7%;
}
.table.order-new-listing .table-header .th-column {
  white-space: break-spaces !important;
}
.table.order-new-listing .table-footer div:nth-child(1) {
  width: calc(55px + 40%);
}
.table.order-new-listing .table-footer div:nth-child(2) {
  width: 30%;
}
.table.order-new-listing .table-footer div:nth-child(3) {
  width: 20%;
}
.table.order-new-listing .table-footer div:nth-child(4) {
  width: 15%;
}
.table.order-new-listing .table-row div {
  height: auto !important;
}

.table.order-new-listing.personal-job-listing .table-header .th-column:nth-child(1),
.table.order-new-listing.personal-job-listing .table-row div:nth-child(1) {
  width: 55px;
}
.table.order-new-listing.personal-job-listing .table-header .th-column:nth-child(2),
.table.order-new-listing.personal-job-listing .table-row div:nth-child(2) {
  width: 5%;
}
.table.order-new-listing.personal-job-listing .table-header .th-column:nth-child(3),
.table.order-new-listing.personal-job-listing .table-row div:nth-child(3) {
  width: 25%;
}
.table.order-new-listing.personal-job-listing .table-header .th-column:nth-child(4),
.table.order-new-listing.personal-job-listing .table-row div:nth-child(4) {
  width: 25%;
}
.table.order-new-listing.personal-job-listing .table-header .th-column:nth-child(5),
.table.order-new-listing.personal-job-listing .table-row div:nth-child(5) {
  width: 20%;
}
.table.order-new-listing.personal-job-listing .table-header .th-column:nth-child(6),
.table.order-new-listing.personal-job-listing .table-row div:nth-child(6) {
  width: 15%;
}
.table.order-new-listing.personal-job-listing .table-header .th-column:nth-child(7),
.table.order-new-listing.personal-job-listing .table-row div:nth-child(7) {
  width: 5%;
}
.table.order-new-listing.personal-job-listing .table-header .th-column:nth-child(8),
.table.order-new-listing.personal-job-listing .table-row div:nth-child(8) {
  width: 5%;
}

.table.order-new-listing-all .table-header .th-column:nth-child(1),
.table.order-new-listing-all .table-row div:nth-child(1) {
  width: 50px;
}
.table.order-new-listing-all .table-header .th-column:nth-child(2),
.table.order-new-listing-all .table-row div:nth-child(2) {
  width: 8%;
}
.table.order-new-listing-all .table-header .th-column:nth-child(3),
.table.order-new-listing-all .table-row div:nth-child(3) {
  width: 20%;
}
.table.order-new-listing-all .table-header .th-column:nth-child(4),
.table.order-new-listing-all .table-row div:nth-child(4) {
  width: 20%;
}
.table.order-new-listing-all .table-header .th-column:nth-child(5),
.table.order-new-listing-all .table-row div:nth-child(5) {
  width: 20% 8%;
}
.table.order-new-listing-all .table-header .th-column:nth-child(6),
.table.order-new-listing-all .table-row div:nth-child(6) {
  width: 8%;
}
.table.order-new-listing-all .table-header .th-column:nth-child(7),
.table.order-new-listing-all .table-row div:nth-child(7) {
  width: 5%;
}
.table.order-new-listing-all .table-header .th-column:nth-child(8),
.table.order-new-listing-all .table-row div:nth-child(8) {
  width: 5%;
}
.table.order-new-listing-all .table-header .th-column:nth-child(9),
.table.order-new-listing-all .table-row div:nth-child(9) {
  width: 10%;
}
.table.order-new-listing-all .table-header .th-column:nth-child(10),
.table.order-new-listing-all .table-row div:nth-child(10) {
  width: 16%;
}
.table.order-new-listing-all .table-header .th-column {
  white-space: break-spaces !important;
}
.table.order-new-listing-all .table-footer div:nth-child(1) {
  width: calc(50px + 56%);
}
.table.order-new-listing-all .table-footer div:nth-child(2) {
  width: 8%;
}
.table.order-new-listing-all .table-footer div:nth-child(3) {
  width: 20%;
}
.table.order-new-listing-all .table-footer div:nth-child(4) {
  width: 16%;
}

/* checklist listing */
.table.checklist-listing {
  margin: 15px 0 0 0;
}
.table.checklist-listing .table-header .th-column:nth-child(1),
.table.checklist-listing .table-row div:nth-child(1) {
  width: 20%;
}
.table.checklist-listing .table-header .th-column:nth-child(2),
.table.checklist-listing .table-row div:nth-child(2) {
  width: 80%;
}
.table.checklist-listing .table-header .th-column:nth-child(3),
.table.checklist-listing .table-row div:nth-child(3) {
  width: 50px;
}

.table.global-checklist-listing {
  margin: 15px 0 0 0;
}
.table.global-checklist-listing .table-header .th-column:nth-child(1) {
  width: calc(20% - 1px);
}
.table.global-checklist-listing .table-header .th-column:nth-child(2) {
  width: 80%;
}
.table.global-checklist-listing .table-header .th-column:nth-child(3) {
  width: 58px;
}
.table.global-checklist-listing .table-row div:nth-child(1) {
  width: 20%;
}
.table.global-checklist-listing .table-row div:nth-child(2) {
  width: 80%;
}
.table.global-checklist-listing .table-row div:nth-child(3) {
  width: 50px;
}

.table.supplier-listing .table-header .th-column:nth-child(1) {
  width: 8%;
}
.table.supplier-listing .table-header .th-column:nth-child(2) {
  width: 25%;
}
.table.supplier-listing .table-header .th-column:nth-child(3) {
  width: 14%;
}
.table.supplier-listing .table-header .th-column:nth-child(4) {
  width: 20%;
}
.table.supplier-listing .table-header .th-column:nth-child(5) {
  width: 10%;
}
.table.supplier-listing .table-header .th-column:nth-child(6) {
  width: 10%;
}
.table.supplier-listing .table-header .th-column:nth-child(7) {
  width: 10%;
}
.table.supplier-listing .table-header .th-column:nth-child(8) {
  width: 62px;
}
.table.supplier-listing .table-row div:nth-child(1) {
  width: 8%;
}
.table.supplier-listing .table-row div:nth-child(2) {
  width: 25%;
}
.table.supplier-listing .table-row div:nth-child(3) {
  width: 14%;
}
.table.supplier-listing .table-row div:nth-child(4) {
  width: 20%;
}
.table.supplier-listing .table-row div:nth-child(5) {
  width: 10%;
}
.table.supplier-listing .table-row div:nth-child(6) {
  width: 10%;
}
.table.supplier-listing .table-row div:nth-child(7) {
  width: 10%;
}
.table.supplier-listing .table-row div:nth-child(8) {
  width: 50px;
}
.table.supplier-listing .th-column {
  word-break: break-word;
  white-space: initial;
  white-space: break-spaces;
}
.table.supplier-listing .table-footer div:nth-child(1) {
  width: 38%;
}
.table.supplier-listing .table-footer div:nth-child(2) {
  width: 49%;
}
.table.supplier-listing .table-footer div:nth-child(3) {
  width: 10%;
}
.table.supplier-listing .table-footer div:nth-child(4) {
  width: 50px;
}

.table.sick-leave-listing .table-header .th-column:nth-child(1),
.table.sick-leave-listing .table-row div:nth-child(1) {
  width: 60px;
}
.table.sick-leave-listing .table-header .th-column:nth-child(2),
.table.sick-leave-listing .table-row div:nth-child(2) {
  width: 33%;
}
.table.sick-leave-listing .table-header .th-column:nth-child(3),
.table.sick-leave-listing .table-row div:nth-child(3) {
  width: 14%;
}
.table.sick-leave-listing .table-header .th-column:nth-child(4),
.table.sick-leave-listing .table-row div:nth-child(4) {
  width: 20%;
}
.table.sick-leave-listing .table-header .th-column:nth-child(5),
.table.sick-leave-listing .table-row div:nth-child(5) {
  width: 10%;
}
.table.sick-leave-listing .table-header .th-column:nth-child(6),
.table.sick-leave-listing .table-row div:nth-child(6) {
  width: 10%;
}
.table.sick-leave-listing .table-header .th-column:nth-child(7),
.table.sick-leave-listing .table-row div:nth-child(7) {
  width: 10%;
}
.table.sick-leave-listing .table-header .th-column {
  word-break: break-word;
  white-space: initial;
  white-space: break-spaces;
}
.table.sick-leave-listing .table-header .th-column:nth-child(7) {
  width: calc(10% + 8px) !important;
}
.table.sick-leave-listing .table-footer div:nth-child(1) {
  width: calc(33% + 60px);
}
.table.sick-leave-listing .table-footer div:nth-child(2) {
  width: 14%;
}
.table.sick-leave-listing .table-footer div:nth-child(3) {
  width: 20%;
}
.table.sick-leave-listing .table-footer div:nth-child(4) {
  width: 10%;
}
.table.sick-leave-listing .table-footer div:nth-child(5) {
  width: 10%;
}
.table.sick-leave-listing .table-footer div:nth-child(6) {
  width: calc(10% + 8px);
}
.table.sick-leave-listing .table-footer div:nth-child(6) {
  padding-right: 18px;
}

.table.sales-article-listing {
  margin: 15px 0 0 0;
}
.table.sales-article-listing .table-header .th-column:nth-child(1),
.table.sales-article-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.sales-article-listing .table-header .th-column:nth-child(2),
.table.sales-article-listing .table-row div:nth-child(2) {
  width: 100%;
}
.table.sales-article-listing .sales-article-inner-listing {
  padding: 10px 0px;
  border-right: 1px solid #a9b3bb;
}
.table.sales-article-listing .sales-article-inner-listing .table-header .th-column,
.table.sales-article-listing .sales-article-inner-listing .table-row div {
  padding: 0px 10px;
}
.table.sales-article-listing .sales-article-inner-listing .table-header .th-column:nth-child(1),
.table.sales-article-listing .sales-article-inner-listing .table-row div:nth-child(1) {
  width: 7%;
}
.table.sales-article-listing .sales-article-inner-listing .table-header .th-column:nth-child(2),
.table.sales-article-listing .sales-article-inner-listing .table-row div:nth-child(2) {
  width: 30%;
}
.table.sales-article-listing .sales-article-inner-listing .table-header .th-column:nth-child(3),
.table.sales-article-listing .sales-article-inner-listing .table-row div:nth-child(3) {
  width: 24%;
}
.table.sales-article-listing .sales-article-inner-listing .table-header .th-column:nth-child(4),
.table.sales-article-listing .sales-article-inner-listing .table-row div:nth-child(4) {
  width: 13%;
}
.table.sales-article-listing .sales-article-inner-listing .table-header .th-column:nth-child(5),
.table.sales-article-listing .sales-article-inner-listing .table-row div:nth-child(5) {
  width: 13%;
}
.table.sales-article-listing .sales-article-inner-listing .table-header .th-column:nth-child(6),
.table.sales-article-listing .sales-article-inner-listing .table-row div:nth-child(6) {
  width: 13%;
}
.table.sales-article-listing .sales-article-inner-listing .table-header .th-column:nth-child(7),
.table.sales-article-listing .sales-article-inner-listing .table-row div:nth-child(7) {
  width: 50px !important;
}
.table.sales-article-listing .sales-article-inner-listing .table-row div:nth-child(4), .table.sales-article-listing .sales-article-inner-listing .th-column:nth-child(4) {
  padding: 0px 12px 0px 0px;
  text-overflow: unset;
}
.table.sales-article-listing .sales-article-inner-listing .load-more {
  border: none;
}
.table.sales-article-listing .sales-article-inner-listing .loader-container {
  position: relative;
}

.table.sales-article-listing-customer-card {
  margin: 15px 0 0 0;
}
.table.sales-article-listing-customer-card .table-header .th-column:nth-child(1) {
  width: 34%;
}
.table.sales-article-listing-customer-card .table-header .th-column:nth-child(2) {
  width: 20%;
}
.table.sales-article-listing-customer-card .table-header .th-column:nth-child(3) {
  width: 13%;
}
.table.sales-article-listing-customer-card .table-header .th-column:nth-child(4) {
  width: 13%;
}
.table.sales-article-listing-customer-card .table-header .th-column:nth-child(5) {
  width: 20%;
}
.table.sales-article-listing-customer-card .table-header .th-column:nth-child(6) {
  width: 58px;
}
.table.sales-article-listing-customer-card .table-row div:nth-child(1) {
  width: 34%;
}
.table.sales-article-listing-customer-card .table-row div:nth-child(2) {
  width: 20%;
}
.table.sales-article-listing-customer-card .table-row div:nth-child(3) {
  width: 13%;
}
.table.sales-article-listing-customer-card .table-row div:nth-child(4) {
  width: 13%;
}
.table.sales-article-listing-customer-card .table-row div:nth-child(5) {
  width: 20%;
}
.table.sales-article-listing-customer-card .table-row div:nth-child(6) {
  width: 50px;
}

.table.global-sales-article-listing {
  margin: 15px 0 0 0;
}
.table.global-sales-article-listing .table-header .th-column:nth-child(1) {
  width: 10%;
}
.table.global-sales-article-listing .table-header .th-column:nth-child(2) {
  width: 30%;
}
.table.global-sales-article-listing .table-header .th-column:nth-child(3) {
  width: 20%;
}
.table.global-sales-article-listing .table-header .th-column:nth-child(4) {
  width: 10%;
}
.table.global-sales-article-listing .table-header .th-column:nth-child(5) {
  width: 10%;
}
.table.global-sales-article-listing .table-header .th-column:nth-child(6) {
  width: 15%;
}
.table.global-sales-article-listing .table-header .th-column:nth-child(7) {
  width: 10%;
}
.table.global-sales-article-listing .table-header .th-column:nth-child(8) {
  width: 59px !important;
}
.table.global-sales-article-listing .table-header .th-column:nth-child(1),
.table.global-sales-article-listing .table-row div:nth-child(1) {
  width: 10%;
}
.table.global-sales-article-listing .table-header .th-column:nth-child(2),
.table.global-sales-article-listing .table-row div:nth-child(2) {
  width: 30%;
}
.table.global-sales-article-listing .table-header .th-column:nth-child(3),
.table.global-sales-article-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.global-sales-article-listing .table-header .th-column:nth-child(4),
.table.global-sales-article-listing .table-row div:nth-child(4) {
  width: 10%;
}
.table.global-sales-article-listing .table-header .th-column:nth-child(5),
.table.global-sales-article-listing .table-row div:nth-child(5) {
  width: 10%;
}
.table.global-sales-article-listing .table-header .th-column:nth-child(6),
.table.global-sales-article-listing .table-row div:nth-child(6) {
  width: 15%;
}
.table.global-sales-article-listing .table-header .th-column:nth-child(7),
.table.global-sales-article-listing .table-row div:nth-child(7) {
  width: 10%;
}
.table.global-sales-article-listing .table-header .th-column:nth-child(8),
.table.global-sales-article-listing .table-row div:nth-child(8) {
  width: 50px;
}
.table.global-sales-article-listing .table-footer > div:nth-child(1) {
  width: 80%;
}
.table.global-sales-article-listing .table-footer > div:nth-child(2) {
  width: 20%;
}
.table.global-sales-article-listing .table-footer > div:nth-child(3) {
  width: 50px;
}

.table.ktv-store-sales-article-listing {
  margin: 15px 0 0 0;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(1) {
  width: 5%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(2) {
  width: 15%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(3) {
  width: 12%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(4) {
  width: 9%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(5) {
  width: 8%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(6) {
  width: 13%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(7) {
  width: 11%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(8) {
  width: 15%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(9) {
  width: 19%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(10) {
  width: 6%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(11) {
  width: 8%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(12) {
  width: 59px !important;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(1),
.table.ktv-store-sales-article-listing .table-row div:nth-child(1) {
  width: 5%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(2),
.table.ktv-store-sales-article-listing .table-row div:nth-child(2) {
  width: 15%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(3),
.table.ktv-store-sales-article-listing .table-row div:nth-child(3) {
  width: 12%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(4),
.table.ktv-store-sales-article-listing .table-row div:nth-child(4) {
  width: 9%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(5),
.table.ktv-store-sales-article-listing .table-row div:nth-child(5) {
  width: 8%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(6),
.table.ktv-store-sales-article-listing .table-row div:nth-child(6) {
  width: 13%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(7),
.table.ktv-store-sales-article-listing .table-row div:nth-child(7) {
  width: 11%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(8),
.table.ktv-store-sales-article-listing .table-row div:nth-child(8) {
  width: 15%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(9),
.table.ktv-store-sales-article-listing .table-row div:nth-child(9) {
  width: 19%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(10),
.table.ktv-store-sales-article-listing .table-row div:nth-child(10) {
  width: 6%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(11),
.table.ktv-store-sales-article-listing .table-row div:nth-child(11) {
  width: 8%;
}
.table.ktv-store-sales-article-listing .table-header .th-column:nth-child(12),
.table.ktv-store-sales-article-listing .table-row div:nth-child(12) {
  width: 50px;
}
.table.ktv-store-sales-article-listing .table-footer > div:nth-child(1) {
  width: calc(32% + 10px);
}
.table.ktv-store-sales-article-listing .table-footer > div:nth-child(2) {
  width: 9%;
}
.table.ktv-store-sales-article-listing .table-footer > div:nth-child(3) {
  width: 8%;
}
.table.ktv-store-sales-article-listing .table-footer > div:nth-child(4) {
  width: 13%;
}
.table.ktv-store-sales-article-listing .table-footer > div:nth-child(5) {
  width: 11%;
}
.table.ktv-store-sales-article-listing .table-footer > div:nth-child(6) {
  width: 15%;
}
.table.ktv-store-sales-article-listing .table-footer > div:nth-child(7) {
  width: 19%;
}
.table.ktv-store-sales-article-listing .table-footer > div:nth-child(8) {
  width: calc(15% - 6px);
}
.table.ktv-store-sales-article-listing .table-footer > div:nth-child(9) {
  width: 58px;
}

.table.customer-listing .th-column {
  white-space: break-spaces !important;
}
.table.customer-listing .table-header .th-column:nth-child(1),
.table.customer-listing .table-row div:nth-child(1) {
  width: 30%;
}
.table.customer-listing .table-header .th-column:nth-child(2),
.table.customer-listing .table-row div:nth-child(2) {
  width: 14%;
}
.table.customer-listing .table-header .th-column:nth-child(3),
.table.customer-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.customer-listing .table-header .th-column:nth-child(4),
.table.customer-listing .table-row div:nth-child(4) {
  width: 13%;
}
.table.customer-listing .table-header .th-column:nth-child(5),
.table.customer-listing .table-row div:nth-child(5) {
  width: 10%;
}
.table.customer-listing .table-header .th-column:nth-child(6),
.table.customer-listing .table-row div:nth-child(6) {
  width: 10%;
}
.table.customer-listing .table-header .th-column:nth-child(7),
.table.customer-listing .table-row div:nth-child(7) {
  width: 10%;
}
.table.customer-listing .table-header .th-column:nth-child(8),
.table.customer-listing .table-row div:nth-child(8) {
  width: 50px;
}
.table.customer-listing .table-footer div:nth-child(1) {
  width: 30%;
}
.table.customer-listing .table-footer div:nth-child(2) {
  width: 57%;
}
.table.customer-listing .table-footer div:nth-child(3) {
  width: 10%;
}
.table.customer-listing .table-footer div:nth-child(4) {
  width: 10%;
}
.table.customer-listing .table-footer div:nth-child(5) {
  width: 50px;
}

.table.main-email-listing .table-header .th-column:nth-child(1),
.table.main-email-listing .table-row div:nth-child(1) {
  width: 20%;
}
.table.main-email-listing .table-header .th-column:nth-child(2),
.table.main-email-listing .table-row div:nth-child(2) {
  width: 20%;
}
.table.main-email-listing .table-header .th-column:nth-child(3),
.table.main-email-listing .table-row div:nth-child(3) {
  width: 30%;
}
.table.main-email-listing .table-header .th-column:nth-child(4),
.table.main-email-listing .table-row div:nth-child(4) {
  width: 30%;
}
.table.main-email-listing .table-header .th-column:nth-child(5),
.table.main-email-listing .table-row div:nth-child(5) {
  width: 55px;
}

.table.company-email-listing .table-header .th-column:nth-child(1),
.table.company-email-listing .table-row div:nth-child(1) {
  width: 25%;
}
.table.company-email-listing .table-header .th-column:nth-child(2),
.table.company-email-listing .table-row div:nth-child(2) {
  width: 25%;
}
.table.company-email-listing .table-header .th-column:nth-child(3),
.table.company-email-listing .table-row div:nth-child(3) {
  width: 50%;
}

.table.service-listing {
  margin: 15px 0 0 0;
}
.table.service-listing .table-header .th-column:nth-child(1),
.table.service-listing .table-row div:nth-child(1) {
  width: calc(50% - 25px);
}
.table.service-listing .table-header .th-column:nth-child(2),
.table.service-listing .table-row div:nth-child(2) {
  width: calc(50% - 25px);
}
.table.service-listing .table-header .th-column:nth-child(3),
.table.service-listing .table-row div:nth-child(3) {
  width: 50px;
}

.table.customer-type-listing {
  margin: 15px 0 0 0;
}
.table.customer-type-listing .table-header .th-column:nth-child(1),
.table.customer-type-listing .table-row div:nth-child(1) {
  width: calc(100% - 50px);
}
.table.customer-type-listing .table-header .th-column:nth-child(2),
.table.customer-type-listing .table-row div:nth-child(2) {
  width: 50px;
}

.table.deviation-listing-pm {
  margin: 15px 0 0 0;
}
.table.deviation-listing-pm .table-header .th-column:nth-child(1),
.table.deviation-listing-pm .table-row div:nth-child(1) {
  width: calc(100% - 50px);
}
.table.deviation-listing-pm .table-header .th-column:nth-child(2),
.table.deviation-listing-pm .table-row div:nth-child(2) {
  width: 50px;
}

/* sms listing */
.table.sms-listing .table-header .th-column:nth-child(1),
.table.sms-listing .table-row div:nth-child(1) {
  width: 15%;
}
.table.sms-listing .table-header .th-column:nth-child(2),
.table.sms-listing .table-row div:nth-child(2) {
  width: 15%;
}
.table.sms-listing .table-header .th-column:nth-child(3),
.table.sms-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.sms-listing .table-header .th-column:nth-child(4),
.table.sms-listing .table-row div:nth-child(4) {
  width: 50%;
}

.table.deviation-listing .table-header .th-column:nth-child(1),
.table.deviation-listing .table-row div:nth-child(1) {
  width: 10%;
}
.table.deviation-listing .table-header .th-column:nth-child(2),
.table.deviation-listing .table-row div:nth-child(2) {
  width: 25%;
}
.table.deviation-listing .table-header .th-column:nth-child(3),
.table.deviation-listing .table-row div:nth-child(3) {
  width: 23%;
}
.table.deviation-listing .table-header .th-column:nth-child(4),
.table.deviation-listing .table-row div:nth-child(4) {
  width: 15%;
}
.table.deviation-listing .table-header .th-column:nth-child(5),
.table.deviation-listing .table-row div:nth-child(5) {
  width: 15%;
}
.table.deviation-listing .table-header .th-column:nth-child(6),
.table.deviation-listing .table-row div:nth-child(6) {
  width: 12%;
}
.table.deviation-listing .table-header .th-column:nth-child(7),
.table.deviation-listing .table-row div:nth-child(7) {
  width: 50px;
}

.table.pilot-listing .table-header .th-column:nth-child(1),
.table.pilot-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.pilot-listing .table-header .th-column:nth-child(2),
.table.pilot-listing .table-row div:nth-child(2) {
  width: 87%;
}
.table.pilot-listing .table-header .th-column:nth-child(3),
.table.pilot-listing .table-row div:nth-child(3) {
  width: 17%;
}

.table.job-pilot-listing {
  margin: 15px 0 0 0;
}
.table.job-pilot-listing .table-header .th-column:nth-child(1),
.table.job-pilot-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.job-pilot-listing .table-header .th-column:nth-child(2),
.table.job-pilot-listing .table-row div:nth-child(2) {
  width: 70%;
}
.table.job-pilot-listing .table-header .th-column:nth-child(3),
.table.job-pilot-listing .table-row div:nth-child(3) {
  width: 30%;
}
.table.job-pilot-listing .table-header {
  background-color: #d7d6d4;
}

.table.jr-pilot-inner-listing {
  background: #f3f3f3;
  padding: unset;
}
.table.jr-pilot-inner-listing .table-header .th-column:nth-child(1),
.table.jr-pilot-inner-listing .table-row div:nth-child(1) {
  width: calc(30% + 45px) !important;
}
.table.jr-pilot-inner-listing .table-header .th-column:nth-child(2),
.table.jr-pilot-inner-listing .table-row div:nth-child(2) {
  width: 21% !important;
}
.table.jr-pilot-inner-listing .table-header .th-column:nth-child(3),
.table.jr-pilot-inner-listing .table-row div:nth-child(3) {
  width: 21% !important;
}
.table.jr-pilot-inner-listing .table-header .th-column:nth-child(4),
.table.jr-pilot-inner-listing .table-row div:nth-child(4) {
  width: 25% !important;
}
.table.jr-pilot-inner-listing .table-header .th-column:nth-child(5),
.table.jr-pilot-inner-listing .table-row div:nth-child(5) {
  width: 48px !important;
}
.table.jr-pilot-inner-listing .table-row div {
  padding: 0 10px;
}
.table.jr-pilot-inner-listing .table-row div:last-child {
  text-overflow: unset;
}
.table.jr-pilot-inner-listing .icon-btn {
  padding: 6px 0 !important;
  color: #000000 !important;
  width: unset !important;
}

.table.contract-employee-list .table-header .th-column:nth-child(1),
.table.contract-employee-list .table-row div:nth-child(1) {
  width: 10%;
}
.table.contract-employee-list .table-header .th-column:nth-child(2),
.table.contract-employee-list .table-row div:nth-child(2) {
  width: 25%;
}
.table.contract-employee-list .table-header .th-column:nth-child(3),
.table.contract-employee-list .table-row div:nth-child(3) {
  width: 23%;
}
.table.contract-employee-list .table-header .th-column:nth-child(4),
.table.contract-employee-list .table-row div:nth-child(4) {
  width: 15%;
}
.table.contract-employee-list .table-header .th-column:nth-child(5),
.table.contract-employee-list .table-row div:nth-child(5) {
  width: 15%;
}
.table.contract-employee-list .table-header .th-column:nth-child(6),
.table.contract-employee-list .table-row div:nth-child(6) {
  width: 12%;
}
.table.contract-employee-list .table-header .th-column:nth-child(7),
.table.contract-employee-list .table-row div:nth-child(7) {
  width: 50px;
}
.table.contract-employee-list .table-header .th-column:nth-child(8),
.table.contract-employee-list .table-row div:nth-child(8) {
  width: 50px;
}
.table.contract-employee-list .table-body {
  background-color: #f2f2f2 !important;
}
.table.contract-employee-list .table-footer {
  background: #e0e7f4 !important;
}

.table.procedure-listing .table-header .th-column:nth-child(1),
.table.procedure-listing .table-row div:nth-child(1) {
  width: 10%;
}
.table.procedure-listing .table-header .th-column:nth-child(2),
.table.procedure-listing .table-row div:nth-child(2) {
  width: 55%;
}
.table.procedure-listing .table-header .th-column:nth-child(3),
.table.procedure-listing .table-row div:nth-child(3) {
  width: 35%;
}

.table.admin-order-listing .table-header .th-column,
.table.admin-order-listing .table-row div {
  display: flex;
}
.table.admin-order-listing .table-header .th-column:nth-child(1),
.table.admin-order-listing .table-row div:nth-child(1) {
  width: 18%;
}
.table.admin-order-listing .table-header .th-column:nth-child(2),
.table.admin-order-listing .table-row div:nth-child(2) {
  width: 12%;
}
.table.admin-order-listing .table-header .th-column:nth-child(3),
.table.admin-order-listing .table-row div:nth-child(3) {
  width: 15%;
}
.table.admin-order-listing .table-header .th-column:nth-child(4),
.table.admin-order-listing .table-row div:nth-child(4) {
  width: 13%;
}
.table.admin-order-listing .table-header .th-column:nth-child(5),
.table.admin-order-listing .table-row div:nth-child(5) {
  width: 12%;
}
.table.admin-order-listing .table-header .th-column:nth-child(6),
.table.admin-order-listing .table-row div:nth-child(6) {
  width: 15%;
}
.table.admin-order-listing .table-header .th-column:nth-child(7),
.table.admin-order-listing .table-row div:nth-child(7) {
  width: 15%;
}
.table.admin-order-listing .table-header .th-column:nth-child(8),
.table.admin-order-listing .table-row div:nth-child(8) {
  width: 15%;
}
.table.admin-order-listing .table-row div {
  height: auto;
  flex-wrap: wrap;
  align-items: center;
}
.table.admin-order-listing .table-row div input {
  width: 100%;
  max-height: 70%;
  border: 1px solid #ffffff;
  border-radius: 3px;
  font-size: 12px;
  text-align: right;
}
.table.admin-order-listing .table-row div input:focus-visible {
  border: 1px solid #ffffff;
  outline: unset;
}
.table.admin-order-listing .table-row div.align-right {
  justify-content: end;
}
.table.admin-order-listing .wrap-text {
  align-items: center;
  overflow: visible;
  white-space: break-spaces;
  line-height: normal;
}

.table.jobfeedback-listing .table-header .th-column:nth-child(1),
.table.jobfeedback-listing .table-row div:nth-child(1) {
  width: 12%;
}
.table.jobfeedback-listing .table-header .th-column:nth-child(2),
.table.jobfeedback-listing .table-row div:nth-child(2) {
  width: 38%;
}
.table.jobfeedback-listing .table-header .th-column:nth-child(3),
.table.jobfeedback-listing .table-row div:nth-child(3) {
  width: 28%;
}
.table.jobfeedback-listing .table-header .th-column:nth-child(4),
.table.jobfeedback-listing .table-row div:nth-child(4) {
  width: 12%;
}
.table.jobfeedback-listing .table-header .th-column:nth-child(5),
.table.jobfeedback-listing .table-row div:nth-child(5) {
  width: 10%;
}
.table.jobfeedback-listing .table-footer > div:nth-child(1) {
  width: 50%;
}
.table.jobfeedback-listing .table-footer > div:nth-child(2) {
  width: 50%;
}
.table.jobfeedback-listing a {
  color: #19193e !important;
}

.table.user-listing-unlock {
  margin: 15px 0 0 0;
}
.table.user-listing-unlock .table-header .th-column:nth-child(1),
.table.user-listing-unlock .table-row div:nth-child(1) {
  width: 20%;
}
.table.user-listing-unlock .table-header .th-column:nth-child(2),
.table.user-listing-unlock .table-row div:nth-child(2) {
  width: 15%;
}
.table.user-listing-unlock .table-header .th-column:nth-child(3),
.table.user-listing-unlock .table-row div:nth-child(3) {
  width: 15%;
}
.table.user-listing-unlock .table-header .th-column:nth-child(4),
.table.user-listing-unlock .table-row div:nth-child(4) {
  width: 15%;
}
.table.user-listing-unlock .table-header .th-column:nth-child(5),
.table.user-listing-unlock .table-row div:nth-child(5) {
  width: 15%;
}
.table.user-listing-unlock .table-header .th-column:nth-child(6),
.table.user-listing-unlock .table-row div:nth-child(6) {
  width: 10%;
}
.table.user-listing-unlock .table-header .th-column:nth-child(7),
.table.user-listing-unlock .table-row div:nth-child(7) {
  width: 10%;
}
.table.user-listing-unlock .table-header .th-column:nth-child(8),
.table.user-listing-unlock .table-row div:nth-child(8) {
  width: 50px;
}
.table.user-listing-unlock .table-header .th-column:nth-child(9),
.table.user-listing-unlock .table-row div:nth-child(9) {
  width: 50px;
}

.table.user-listing-lock {
  margin: 15px 0 0 0;
}
.table.user-listing-lock .table-header .th-column:nth-child(1),
.table.user-listing-lock .table-row div:nth-child(1) {
  width: 25%;
}
.table.user-listing-lock .table-header .th-column:nth-child(2),
.table.user-listing-lock .table-row div:nth-child(2) {
  width: 10%;
}
.table.user-listing-lock .table-header .th-column:nth-child(3),
.table.user-listing-lock .table-row div:nth-child(3) {
  width: 10%;
}
.table.user-listing-lock .table-header .th-column:nth-child(4),
.table.user-listing-lock .table-row div:nth-child(4) {
  width: 10%;
}
.table.user-listing-lock .table-header .th-column:nth-child(5),
.table.user-listing-lock .table-row div:nth-child(5) {
  width: 10%;
}
.table.user-listing-lock .table-header .th-column:nth-child(6),
.table.user-listing-lock .table-row div:nth-child(6) {
  width: 10%;
}
.table.user-listing-lock .table-header .th-column:nth-child(7),
.table.user-listing-lock .table-row div:nth-child(7) {
  width: 10%;
}
.table.user-listing-lock .table-header .th-column:nth-child(8),
.table.user-listing-lock .table-row div:nth-child(8) {
  width: 10%;
}
.table.user-listing-lock .table-header .th-column:nth-child(9),
.table.user-listing-lock .table-row div:nth-child(9) {
  width: 44px;
}
.table.user-listing-lock .table-header .th-column:nth-child(10),
.table.user-listing-lock .table-row div:nth-child(10) {
  width: 50px;
}
.table.user-listing-lock .table-header .th-column {
  padding: 0 10px;
}
.table.user-listing-lock .table-header .th-column:nth-child(9), .table.user-listing-lock .table-row div:nth-child(9) {
  padding: unset;
}

.table.nominal-listing {
  margin: 15px 0 0 0;
}
.table.nominal-listing .table-header .th-column:nth-child(1),
.table.nominal-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.nominal-listing .table-header .th-column:nth-child(2),
.table.nominal-listing .table-row div:nth-child(2) {
  width: 20%;
}
.table.nominal-listing .table-header .th-column:nth-child(3),
.table.nominal-listing .table-row div:nth-child(3) {
  width: 30%;
}
.table.nominal-listing .table-header .th-column:nth-child(4),
.table.nominal-listing .table-row div:nth-child(4) {
  width: 15%;
}
.table.nominal-listing .table-header .th-column:nth-child(5),
.table.nominal-listing .table-row div:nth-child(5) {
  width: 20%;
}
.table.nominal-listing .table-header .th-column:nth-child(6),
.table.nominal-listing .table-row div:nth-child(6) {
  width: 15%;
}
.table.nominal-listing .table-header .th-column:nth-child(7),
.table.nominal-listing .table-row div:nth-child(7) {
  width: 50px;
}

.table.system-settings-listing .table-header .th-column:nth-child(1),
.table.system-settings-listing .table-row div:nth-child(1) {
  width: 80%;
}
.table.system-settings-listing .table-header .th-column:nth-child(2),
.table.system-settings-listing .table-row div:nth-child(2) {
  width: 10%;
}
.table.system-settings-listing .table-header .th-column:nth-child(3),
.table.system-settings-listing .table-row div:nth-child(3) {
  width: 10%;
}

.table.income-balance-listing-0 .table-header .th-column:nth-child(1),
.table.income-balance-listing-0 .table-row div:nth-child(1) {
  width: 50px !important;
}
.table.income-balance-listing-0 .table-header .th-column:nth-child(2),
.table.income-balance-listing-0 .table-row div:nth-child(2) {
  width: 50% !important;
}
.table.income-balance-listing-0 .table-header .th-column:nth-child(3),
.table.income-balance-listing-0 .table-row div:nth-child(3) {
  width: 50% !important;
}
.table.income-balance-listing-0 .table-footer div:nth-child(1) {
  width: calc(50% + 50px) !important;
}
.table.income-balance-listing-0 .table-footer div:nth-child(2) {
  width: 50% !important;
}

.table.income-balance-listing-1 .table-header .th-column:nth-child(1),
.table.income-balance-listing-1 .table-row div:nth-child(1) {
  width: 50px !important;
}
.table.income-balance-listing-1 .table-header .th-column:nth-child(2),
.table.income-balance-listing-1 .table-row div:nth-child(2) {
  width: 20% !important;
}
.table.income-balance-listing-1 .table-header .th-column:nth-child(3),
.table.income-balance-listing-1 .table-row div:nth-child(3) {
  width: 50% !important;
}
.table.income-balance-listing-1 .table-header .th-column:nth-child(4),
.table.income-balance-listing-1 .table-row div:nth-child(4) {
  width: 30% !important;
}
.table.income-balance-listing-1 .table-footer div:nth-child(1) {
  width: calc(20% + 50px) !important;
}
.table.income-balance-listing-1 .table-footer div:nth-child(2) {
  width: 50% !important;
}
.table.income-balance-listing-1 .table-footer div:nth-child(3) {
  width: 30% !important;
}

.table.income-balance-listing-2 .table-header .th-column:nth-child(1),
.table.income-balance-listing-2 .table-row div:nth-child(1) {
  width: 50px !important;
}
.table.income-balance-listing-2 .table-header .th-column:nth-child(2),
.table.income-balance-listing-2 .table-row div:nth-child(2) {
  width: 20% !important;
}
.table.income-balance-listing-2 .table-header .th-column:nth-child(3),
.table.income-balance-listing-2 .table-row div:nth-child(3) {
  width: 40% !important;
}
.table.income-balance-listing-2 .table-header .th-column:nth-child(4),
.table.income-balance-listing-2 .table-row div:nth-child(4) {
  width: 20% !important;
}
.table.income-balance-listing-2 .table-header .th-column:nth-child(5),
.table.income-balance-listing-2 .table-row div:nth-child(5) {
  width: 20% !important;
}
.table.income-balance-listing-2 .table-footer div:nth-child(1) {
  width: calc(20% + 50px) !important;
}
.table.income-balance-listing-2 .table-footer div:nth-child(2) {
  width: 40% !important;
}
.table.income-balance-listing-2 .table-footer div:nth-child(3) {
  width: 20% !important;
}
.table.income-balance-listing-2 .table-footer div:nth-child(4) {
  width: 20% !important;
}

.table.income-balance-listing-3 .table-header .th-column:nth-child(1),
.table.income-balance-listing-3 .table-row div:nth-child(1) {
  width: 50px !important;
}
.table.income-balance-listing-3 .table-header .th-column:nth-child(2),
.table.income-balance-listing-3 .table-row div:nth-child(2) {
  width: 20% !important;
}
.table.income-balance-listing-3 .table-header .th-column:nth-child(3),
.table.income-balance-listing-3 .table-row div:nth-child(3) {
  width: 20% !important;
}
.table.income-balance-listing-3 .table-header .th-column:nth-child(4),
.table.income-balance-listing-3 .table-row div:nth-child(4) {
  width: 20% !important;
}
.table.income-balance-listing-3 .table-header .th-column:nth-child(5),
.table.income-balance-listing-3 .table-row div:nth-child(5) {
  width: 20% !important;
}
.table.income-balance-listing-3 .table-header .th-column:nth-child(6),
.table.income-balance-listing-3 .table-row div:nth-child(6) {
  width: 20% !important;
}
.table.income-balance-listing-3 .table-footer div:nth-child(1) {
  width: calc(20% + 50px) !important;
}
.table.income-balance-listing-3 .table-footer div:nth-child(2) {
  width: 20% !important;
}
.table.income-balance-listing-3 .table-footer div:nth-child(3) {
  width: 20% !important;
}
.table.income-balance-listing-3 .table-footer div:nth-child(4) {
  width: 20% !important;
}
.table.income-balance-listing-3 .table-footer div:nth-child(5) {
  width: 20% !important;
}

.table.income-balance-listing-4 .table-header .th-column:nth-child(1),
.table.income-balance-listing-4 .table-row div:nth-child(1) {
  width: 50px !important;
}
.table.income-balance-listing-4 .table-header .th-column:nth-child(2),
.table.income-balance-listing-4 .table-row div:nth-child(2) {
  width: 10% !important;
}
.table.income-balance-listing-4 .table-header .th-column:nth-child(3),
.table.income-balance-listing-4 .table-row div:nth-child(3) {
  width: 15% !important;
}
.table.income-balance-listing-4 .table-header .th-column:nth-child(4),
.table.income-balance-listing-4 .table-row div:nth-child(4) {
  width: 20% !important;
}
.table.income-balance-listing-4 .table-header .th-column:nth-child(5),
.table.income-balance-listing-4 .table-row div:nth-child(5) {
  width: 20% !important;
}
.table.income-balance-listing-4 .table-header .th-column:nth-child(6),
.table.income-balance-listing-4 .table-row div:nth-child(6) {
  width: 20% !important;
}
.table.income-balance-listing-4 .table-header .th-column:nth-child(7),
.table.income-balance-listing-4 .table-row div:nth-child(7) {
  width: 15% !important;
}
.table.income-balance-listing-4 .table-footer div:nth-child(1) {
  width: calc(10% + 50px) !important;
}
.table.income-balance-listing-4 .table-footer div:nth-child(2) {
  width: 15% !important;
}
.table.income-balance-listing-4 .table-footer div:nth-child(3) {
  width: 20% !important;
}
.table.income-balance-listing-4 .table-footer div:nth-child(4) {
  width: 20% !important;
}
.table.income-balance-listing-4 .table-footer div:nth-child(5) {
  width: 20% !important;
}
.table.income-balance-listing-4 .table-footer div:nth-child(6) {
  width: 15% !important;
}

.table.income-balance-listing-5 .table-header .th-column:nth-child(1),
.table.income-balance-listing-5 .table-row div:nth-child(1) {
  width: 50px !important;
}
.table.income-balance-listing-5 .table-header .th-column:nth-child(2),
.table.income-balance-listing-5 .table-row div:nth-child(2) {
  width: 10% !important;
}
.table.income-balance-listing-5 .table-header .th-column:nth-child(3),
.table.income-balance-listing-5 .table-row div:nth-child(3) {
  width: 15% !important;
}
.table.income-balance-listing-5 .table-header .th-column:nth-child(4),
.table.income-balance-listing-5 .table-row div:nth-child(4) {
  width: 15% !important;
}
.table.income-balance-listing-5 .table-header .th-column:nth-child(5),
.table.income-balance-listing-5 .table-row div:nth-child(5) {
  width: 15% !important;
}
.table.income-balance-listing-5 .table-header .th-column:nth-child(6),
.table.income-balance-listing-5 .table-row div:nth-child(6) {
  width: 15% !important;
}
.table.income-balance-listing-5 .table-header .th-column:nth-child(7),
.table.income-balance-listing-5 .table-row div:nth-child(7) {
  width: 15% !important;
}
.table.income-balance-listing-5 .table-header .th-column:nth-child(8),
.table.income-balance-listing-5 .table-row div:nth-child(8) {
  width: 15% !important;
}
.table.income-balance-listing-5 .table-footer div:nth-child(1) {
  width: calc(10% + 50px) !important;
}
.table.income-balance-listing-5 .table-footer div:nth-child(2) {
  width: 15% !important;
}
.table.income-balance-listing-5 .table-footer div:nth-child(3) {
  width: 15% !important;
}
.table.income-balance-listing-5 .table-footer div:nth-child(4) {
  width: 15% !important;
}
.table.income-balance-listing-5 .table-footer div:nth-child(5) {
  width: 15% !important;
}
.table.income-balance-listing-5 .table-footer div:nth-child(6) {
  width: 15% !important;
}
.table.income-balance-listing-5 .table-footer div:nth-child(7) {
  width: 15% !important;
}

.table.nominal-listing-common {
  margin: 15px 0 0 0;
}
.table.nominal-listing-common .table-group .table {
  border-bottom: 1px solid #a9b3bb;
  border-left: 1px solid #a9b3bb;
  background: rgb(243, 243, 243);
  margin: 0;
  padding: 0;
}
.table.nominal-listing-common .Expanded {
  background-color: #ccc !important;
}

.table.nominal-inner-listing {
  border-right: 0px !important;
  border-left: 0px !important;
  border-right: 1px solid #a9b3bb;
}
.table.nominal-inner-listing .table-header .th-column:nth-child(1),
.table.nominal-inner-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.nominal-inner-listing .table-header .th-column:nth-child(2),
.table.nominal-inner-listing .table-row div:nth-child(2) {
  width: 20%;
}
.table.nominal-inner-listing .table-header .th-column:nth-child(3),
.table.nominal-inner-listing .table-row div:nth-child(3) {
  width: 30%;
}
.table.nominal-inner-listing .table-header .th-column:nth-child(4),
.table.nominal-inner-listing .table-row div:nth-child(4) {
  width: 15%;
}
.table.nominal-inner-listing .table-header .th-column:nth-child(5),
.table.nominal-inner-listing .table-row div:nth-child(5) {
  width: 20%;
}
.table.nominal-inner-listing .table-header .th-column:nth-child(6),
.table.nominal-inner-listing .table-row div:nth-child(6) {
  width: 15%;
}
.table.nominal-inner-listing .table-header .th-column:nth-child(7),
.table.nominal-inner-listing .table-row div:nth-child(7) {
  width: 50px;
}
.table.nominal-inner-listing .table-row div:first-child {
  text-overflow: unset !important;
}
.table.nominal-inner-listing .table-row div {
  padding: 0 10px !important;
}
.table.nominal-inner-listing .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.nominal-inner-listing .table-footer > div:nth-child(2) {
  width: 50px;
}
.table.nominal-inner-listing .table-group .table {
  border: 1px solid #a9b3bb;
  background: #fdffd7;
  margin: 0;
  padding: 10px 0;
}
.table.nominal-inner-listing .table-body .table-row div .add-btn-primary {
  margin-left: 0;
  padding: 4px 0px;
  height: 32px;
}
.table.nominal-inner-listing .table-body .table-row div .add-btn-primary .add-new {
  margin: 6px 0px 6px 1px !important;
}
.table.nominal-inner-listing .table-body .table-row div .icon-btn {
  display: block !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  margin-left: -2px !important;
}
.table.nominal-inner-listing .table-group .table-row {
  border-left: 2px solid #e9e8e6;
}
.table.nominal-inner-listing .table-group .table-row div:last-child {
  border-right: 2px solid #e9e8e6 !important;
}
.table.nominal-inner-listing .table-group .table-row div:last-child .icon-btn {
  color: #000 !important;
  margin-top: 5px;
}
.table.nominal-inner-listing .table-group .table-row div:last-child .icon-btn:hover {
  color: #8a8787 !important;
}

.inner-2nd {
  padding: 6px 2px !important;
  background: #ccc !important;
}
.inner-2nd .table-row > div:nth-child(1), .inner-2nd .table-header .th-column:nth-child(1) {
  width: 45px !important;
}
.inner-2nd .table-row > div:nth-child(2), .inner-2nd .table-header .th-column:nth-child(2) {
  width: 20% !important;
}
.inner-2nd .table-row > div:nth-child(3), .inner-2nd .table-header .th-column:nth-child(3) {
  width: 30% !important;
}
.inner-2nd .table-row > div:nth-child(4), .inner-2nd .table-header .th-column:nth-child(4) {
  width: 15% !important;
}
.inner-2nd .table-row > div:nth-child(5), .inner-2nd .table-header .th-column:nth-child(5) {
  width: 20% !important;
}
.inner-2nd .table-row > div:nth-child(6), .inner-2nd .table-header .th-column:nth-child(6) {
  width: 15% !important;
}
.inner-2nd .table-row > div:nth-child(7), .inner-2nd .table-header .th-column:nth-child(7) {
  width: 45px !important;
}
.inner-2nd .Expanded {
  background-color: #ccc !important;
  border-top: 1px solid #e9e8e6 !important;
}

.inner-second {
  padding: 6px 2px !important;
  background: #ccc !important;
}
.inner-second .table-row > div:nth-child(1) {
  width: 50px !important;
}
.inner-second .table-row > div:nth-child(2) {
  width: 20% !important;
}
.inner-second .table-row > div:nth-child(3) {
  width: 50% !important;
}
.inner-second .table-row > div:nth-child(4) {
  width: 30% !important;
}
.inner-second .table-header .th-column:nth-child(1) {
  width: 50px !important;
}
.inner-second .table-header .th-column:nth-child(2) {
  width: 20% !important;
}
.inner-second .table-header .th-column:nth-child(3) {
  width: 80% !important;
}
.inner-second .Expanded {
  background-color: #ccc !important;
  border-top: 1px solid #e9e8e6 !important;
}

.table.nominal-code-listing {
  border-right: 1px solid #a9b3bb;
}
.table.nominal-code-listing .table-header .th-column:nth-child(1),
.table.nominal-code-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.nominal-code-listing .table-header .th-column:nth-child(2),
.table.nominal-code-listing .table-row div:nth-child(2) {
  width: 20%;
}
.table.nominal-code-listing .table-header .th-column:nth-child(3),
.table.nominal-code-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.nominal-code-listing .table-header .th-column:nth-child(4),
.table.nominal-code-listing .table-row div:nth-child(4) {
  width: 20%;
}
.table.nominal-code-listing .table-header .th-column:nth-child(5),
.table.nominal-code-listing .table-row div:nth-child(5) {
  width: 20%;
}
.table.nominal-code-listing .table-header .th-column:nth-child(6),
.table.nominal-code-listing .table-row div:nth-child(6) {
  width: 20%;
}
.table.nominal-code-listing .table-header .th-column:nth-child(7),
.table.nominal-code-listing .table-row div:nth-child(7) {
  width: 20%;
}
.table.nominal-code-listing .table-header .th-column:nth-child(8),
.table.nominal-code-listing .table-row div:nth-child(8) {
  width: 50px;
}
.table.nominal-code-listing .table-header .th-column:nth-child(9),
.table.nominal-code-listing .table-row div:nth-child(9) {
  width: 50px;
}
.table.nominal-code-listing .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.nominal-code-listing .table-footer > div:nth-child(2) {
  width: 50px;
}
.table.nominal-code-listing .table-row {
  padding-right: 0px !important;
  border-left: 0px !important;
}
.table.nominal-code-listing .summary-total div {
  background-color: #e4e4e4;
}
.table.nominal-code-listing .summary-total div:nth-child(1) {
  width: 50%;
}
.table.nominal-code-listing .summary-total div:nth-child(2) {
  width: 50%;
}
.table.nominal-code-listing .table-header {
  border-left: 0px !important;
}
.table.nominal-code-listing .table-header .th-column:last-child {
  border-right: 0px !important;
}

.table.login-activity-listing {
  margin: 15px 0 0 0;
}
.table.login-activity-listing .table-header .th-column:nth-child(1),
.table.login-activity-listing .table-row div:nth-child(1) {
  width: 20%;
}
.table.login-activity-listing .table-header .th-column:nth-child(2),
.table.login-activity-listing .table-row div:nth-child(2) {
  width: 10%;
}
.table.login-activity-listing .table-header .th-column:nth-child(3),
.table.login-activity-listing .table-row div:nth-child(3) {
  width: 10%;
}
.table.login-activity-listing .table-header .th-column:nth-child(4),
.table.login-activity-listing .table-row div:nth-child(4) {
  width: 20%;
}
.table.login-activity-listing .table-header .th-column:nth-child(5),
.table.login-activity-listing .table-row div:nth-child(5) {
  width: 20%;
}
.table.login-activity-listing .table-header .th-column:nth-child(6),
.table.login-activity-listing .table-row div:nth-child(6) {
  width: 10%;
}
.table.login-activity-listing .table-header .th-column:nth-child(7),
.table.login-activity-listing .table-row div:nth-child(7) {
  width: 20%;
}

.table.company-settings-listing {
  margin: 15px 0 0 0;
}
.table.company-settings-listing .table-header .th-column:nth-child(1),
.table.company-settings-listing .table-row div:nth-child(1) {
  width: 40%;
}
.table.company-settings-listing .table-header .th-column:nth-child(2),
.table.company-settings-listing .table-row div:nth-child(2) {
  width: 60%;
}

.table.procedure-change-log-listing {
  margin: 15px 0 0 0;
}
.table.procedure-change-log-listing .table-header .th-column:nth-child(1),
.table.procedure-change-log-listing .table-row div:nth-child(1) {
  width: 15%;
}
.table.procedure-change-log-listing .table-header .th-column:nth-child(2),
.table.procedure-change-log-listing .table-row div:nth-child(2) {
  width: 20%;
}
.table.procedure-change-log-listing .table-header .th-column:nth-child(3),
.table.procedure-change-log-listing .table-row div:nth-child(3) {
  width: 50%;
}
.table.procedure-change-log-listing .table-header .th-column:nth-child(4),
.table.procedure-change-log-listing .table-row div:nth-child(4) {
  width: 15%;
}

.table.daily-report-listing {
  margin: 15px 0 0 0;
}
.table.daily-report-listing .table-header .th-column:nth-child(1),
.table.daily-report-listing .table-row div:nth-child(1) {
  width: 10%;
}
.table.daily-report-listing .table-header .th-column:nth-child(2),
.table.daily-report-listing .table-row div:nth-child(2) {
  width: 20%;
}
.table.daily-report-listing .table-header .th-column:nth-child(3),
.table.daily-report-listing .table-row div:nth-child(3) {
  width: 40%;
}
.table.daily-report-listing .table-header .th-column:nth-child(4),
.table.daily-report-listing .table-row div:nth-child(4) {
  width: 15%;
}
.table.daily-report-listing .table-header .th-column:nth-child(5),
.table.daily-report-listing .table-row div:nth-child(5) {
  width: 15%;
}

.table.invoice-payment-listing {
  margin: 15px 0 0 0;
}
.table.invoice-payment-listing .table-header .th-column:nth-child(1),
.table.invoice-payment-listing .table-row div:nth-child(1) {
  width: 50%;
}
.table.invoice-payment-listing .table-header .th-column:nth-child(2),
.table.invoice-payment-listing .table-row div:nth-child(2) {
  width: 50%;
}
.table.invoice-payment-listing .table-header .th-column:nth-child(3),
.table.invoice-payment-listing .table-row div:nth-child(3) {
  width: 55px;
}

.table.currency-code-listing {
  margin: 15px 0 0 0;
}
.table.currency-code-listing .table-header .th-column:nth-child(1),
.table.currency-code-listing .table-row div:nth-child(1) {
  width: 80%;
}
.table.currency-code-listing .table-header .th-column:nth-child(2),
.table.currency-code-listing .table-row div:nth-child(2) {
  width: 20%;
}
.table.currency-code-listing .table-header .th-column:nth-child(3),
.table.currency-code-listing .table-row div:nth-child(3) {
  width: 50px;
}

.table.currency-code-listing-without-column {
  margin: 15px 0 0 0;
}
.table.currency-code-listing-without-column .table-header .th-column:nth-child(1),
.table.currency-code-listing-without-column .table-row div:nth-child(1) {
  width: 80%;
}
.table.currency-code-listing-without-column .table-header .th-column:nth-child(2),
.table.currency-code-listing-without-column .table-row div:nth-child(2) {
  width: 20%;
}

.table.agreement-type-listing {
  margin: 15px 0 0 0;
}
.table.agreement-type-listing .table-header .th-column:nth-child(1),
.table.agreement-type-listing .table-row div:nth-child(1) {
  width: 98%;
}
.table.agreement-type-listing .table-header .th-column:nth-child(2),
.table.agreement-type-listing .table-row div:nth-child(2) {
  width: 50px;
}

.table.agreement-type-listing-without-column {
  margin: 15px 0 0 0;
}
.table.agreement-type-listing-without-column .table-header .th-column:nth-child(1),
.table.agreement-type-listing-without-column .table-row div:nth-child(1) {
  width: 100%;
}

/* customer-invoice-listing */
.table.customer-invoice-listing .table-header .th-column:nth-child(1) {
  width: 51px;
}
.table.customer-invoice-listing .table-header .th-column:nth-child(2) {
  width: 10%;
}
.table.customer-invoice-listing .table-header .th-column:nth-child(3) {
  width: 20%;
}
.table.customer-invoice-listing .table-header .th-column:nth-child(4) {
  width: 7%;
}
.table.customer-invoice-listing .table-header .th-column:nth-child(5) {
  width: 7%;
}
.table.customer-invoice-listing .table-header .th-column:nth-child(6) {
  width: 8%;
}
.table.customer-invoice-listing .table-header .th-column:nth-child(7) {
  width: 8%;
}
.table.customer-invoice-listing .table-header .th-column:nth-child(8) {
  width: 8%;
}
.table.customer-invoice-listing .table-header .th-column:nth-child(9) {
  width: 8%;
}
.table.customer-invoice-listing .table-header .th-column:nth-child(10) {
  width: 8%;
}
.table.customer-invoice-listing .table-header .th-column:nth-child(11) {
  width: 8%;
}
.table.customer-invoice-listing .table-header .th-column:nth-child(12) {
  width: 8%;
}
.table.customer-invoice-listing .table-header .th-column:nth-child(13) {
  width: 8%;
}
.table.customer-invoice-listing .table-header .th-column:nth-child(14) {
  width: 50px;
}
.table.customer-invoice-listing .table-header .th-column:nth-child(15) {
  width: 61px;
}
.table.customer-invoice-listing .table-row div {
  min-height: 36px;
  height: auto;
}
.table.customer-invoice-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.customer-invoice-listing .table-row div:nth-child(2) {
  width: 10%;
}
.table.customer-invoice-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.customer-invoice-listing .table-row div:nth-child(4) {
  width: 7%;
}
.table.customer-invoice-listing .table-row div:nth-child(5) {
  width: 7%;
}
.table.customer-invoice-listing .table-row div:nth-child(6) {
  width: 8%;
}
.table.customer-invoice-listing .table-row div:nth-child(7) {
  width: 8%;
}
.table.customer-invoice-listing .table-row div:nth-child(8) {
  width: 8%;
}
.table.customer-invoice-listing .table-row div:nth-child(9) {
  width: 8%;
}
.table.customer-invoice-listing .table-row div:nth-child(10) {
  width: 8%;
}
.table.customer-invoice-listing .table-row div:nth-child(11) {
  width: 8%;
}
.table.customer-invoice-listing .table-row div:nth-child(12) {
  width: 8%;
}
.table.customer-invoice-listing .table-row div:nth-child(13) {
  width: 8%;
}
.table.customer-invoice-listing .table-row div:nth-child(14) {
  width: 50px;
}
.table.customer-invoice-listing .table-row div:nth-child(15) {
  width: 50px;
}
.table.customer-invoice-listing .table-row div:nth-child(3) {
  overflow-wrap: break-word;
  line-height: unset;
  overflow-x: hidden;
  overflow-y: clip;
  margin: unset;
  align-items: center;
  white-space: pre-wrap;
  min-width: 88px;
}
.table.customer-invoice-listing .table-row div:nth-child(3) p {
  margin-bottom: unset;
  padding: 3px;
}
.table.customer-invoice-listing .table-header .th-column {
  white-space: break-spaces;
}
.table.customer-invoice-listing .table-row div:nth-child(9) {
  display: flex;
  justify-content: space-between;
}
.table.customer-invoice-listing .table-footer > div:nth-child(1) {
  width: 50px;
}
.table.customer-invoice-listing .table-footer > div:nth-child(2) {
  width: 68%;
}
.table.customer-invoice-listing .table-footer > div:nth-child(3) {
  width: 8%;
}
.table.customer-invoice-listing .table-footer > div:nth-child(4) {
  width: 8%;
}
.table.customer-invoice-listing .table-footer > div:nth-child(5) {
  width: 8%;
}
.table.customer-invoice-listing .table-footer > div:nth-child(6) {
  width: 8%;
}
.table.customer-invoice-listing .table-footer > div:nth-child(7) {
  width: 100px;
}
.table.customer-invoice-listing .bottom-footer > div:nth-child(1) {
  width: 90% !important;
}
.table.customer-invoice-listing .bottom-footer > div:nth-child(2) {
  width: 10% !important;
}
.table.customer-invoice-listing .cus-inv-main-credit-note-list .table-header .th-column, .table.customer-invoice-listing .cus-inv-main-credit-note-list .table-row div {
  line-height: 32px !important;
  padding: 0 10px !important;
}
.table.customer-invoice-listing .cus-inv-main-credit-note-list .table-header .th-column:nth-child(1), .table.customer-invoice-listing .cus-inv-main-credit-note-list .table-row div:nth-child(1) {
  width: 10%;
}
.table.customer-invoice-listing .cus-inv-main-credit-note-list .table-header .th-column:nth-child(2), .table.customer-invoice-listing .cus-inv-main-credit-note-list .table-row div:nth-child(2) {
  width: 18%;
}
.table.customer-invoice-listing .cus-inv-main-credit-note-list .table-header .th-column:nth-child(3), .table.customer-invoice-listing .cus-inv-main-credit-note-list .table-row div:nth-child(3) {
  width: 17%;
}
.table.customer-invoice-listing .cus-inv-main-credit-note-list .table-header .th-column:nth-child(4), .table.customer-invoice-listing .cus-inv-main-credit-note-list .table-row div:nth-child(4) {
  width: 13%;
}
.table.customer-invoice-listing .cus-inv-main-credit-note-list .table-header .th-column:nth-child(5), .table.customer-invoice-listing .cus-inv-main-credit-note-list .table-row div:nth-child(5) {
  width: 44%;
}
.table.customer-invoice-listing .cus-inv-main-credit-note-list .table-header .th-column:nth-child(6), .table.customer-invoice-listing .cus-inv-main-credit-note-list .table-row div:nth-child(6) {
  width: calc(8% + 100px);
}
.table.customer-invoice-listing .cus-inv-main-credit-note-list .table-header .th-column .icon-btn, .table.customer-invoice-listing .cus-inv-main-credit-note-list .table-row div .icon-btn {
  display: inline-block;
}
.table.customer-invoice-listing .cus-inv-main-credit-note-list .table-header .th-column.accounting-no .material-icons, .table.customer-invoice-listing .cus-inv-main-credit-note-list .table-row div.accounting-no .material-icons {
  padding-right: unset !important;
}
.table.customer-invoice-listing .cus-inv-main-invoice-payment-listing .table-header .th-column:nth-child(1), .table.customer-invoice-listing .cus-inv-main-invoice-payment-listing .table-row div:nth-child(1) {
  width: 28% !important;
}
.table.customer-invoice-listing .cus-inv-main-invoice-payment-listing .table-header .th-column:nth-child(2), .table.customer-invoice-listing .cus-inv-main-invoice-payment-listing .table-row div:nth-child(2) {
  width: 17% !important;
}
.table.customer-invoice-listing .cus-inv-main-invoice-payment-listing .table-header .th-column:nth-child(3), .table.customer-invoice-listing .cus-inv-main-invoice-payment-listing .table-row div:nth-child(3) {
  width: 13% !important;
}
.table.customer-invoice-listing .cus-inv-main-invoice-payment-listing .table-header .th-column:nth-child(4), .table.customer-invoice-listing .cus-inv-main-invoice-payment-listing .table-row div:nth-child(4) {
  width: 44% !important;
}
.table.customer-invoice-listing .cus-inv-main-invoice-payment-listing .table-header .th-column:nth-child(5), .table.customer-invoice-listing .cus-inv-main-invoice-payment-listing .table-row div:nth-child(5) {
  width: calc(8% + 100px) !important;
}
.table.customer-invoice-listing .sticky .table-footer > div:nth-child(1) {
  width: 95%;
}
.table.customer-invoice-listing .sticky .table-footer > div:nth-child(2) {
  width: 5%;
}
.table.customer-invoice-listing .table-footer {
  min-height: 40px;
  max-height: 60px;
  line-height: 20px;
}
.table.customer-invoice-listing .table-footer div {
  display: flex;
  align-items: center;
  justify-content: start;
}
.table.customer-invoice-listing .grouped-row {
  border-left: 1px solid #a9b3bb;
  border-right: 1px solid #a9b3bb;
  background-color: #f2f2f2;
}
.table.customer-invoice-listing .grouped-row div {
  border-right: none !important;
  border-left: none !important;
}
.table.customer-invoice-listing .grouped-row div:nth-child(1) {
  width: 100% !important;
  font-size: 16px;
  font-weight: bold;
  border-left: none !important;
}
.table.customer-invoice-listing .summary-count-row div {
  background-color: #bfc3c6;
  justify-content: end !important;
}

/* customer-invoice-listing paid */
.table.customer-invoice-listing-paid .table-header .th-column:nth-child(1) {
  width: 51px;
}
.table.customer-invoice-listing-paid .table-header .th-column:nth-child(2) {
  width: calc(10% + 1px);
}
.table.customer-invoice-listing-paid .table-header .th-column:nth-child(3) {
  width: calc(24% + 2px);
}
.table.customer-invoice-listing-paid .table-header .th-column:nth-child(4) {
  width: calc(8% + 1px);
}
.table.customer-invoice-listing-paid .table-header .th-column:nth-child(5) {
  width: 8%;
}
.table.customer-invoice-listing-paid .table-header .th-column:nth-child(6) {
  width: calc(10% + 1px);
}
.table.customer-invoice-listing-paid .table-header .th-column:nth-child(7) {
  width: calc(10% + 1px);
}
.table.customer-invoice-listing-paid .table-header .th-column:nth-child(8) {
  width: calc(10% + 1px);
}
.table.customer-invoice-listing-paid .table-header .th-column:nth-child(9) {
  width: calc(10% + 1px);
}
.table.customer-invoice-listing-paid .table-header .th-column:nth-child(10) {
  width: 10%;
}
.table.customer-invoice-listing-paid .table-header .th-column:nth-child(11) {
  width: 51px;
}
.table.customer-invoice-listing-paid .table-header .th-column:nth-child(12) {
  width: 50px;
}
.table.customer-invoice-listing-paid .table-row div {
  min-height: 36px;
  height: auto;
}
.table.customer-invoice-listing-paid .table-row div:nth-child(1) {
  width: 50px;
}
.table.customer-invoice-listing-paid .table-row div:nth-child(2) {
  width: 10%;
}
.table.customer-invoice-listing-paid .table-row div:nth-child(3) {
  width: 24%;
}
.table.customer-invoice-listing-paid .table-row div:nth-child(4) {
  width: 8%;
}
.table.customer-invoice-listing-paid .table-row div:nth-child(5) {
  width: 8%;
}
.table.customer-invoice-listing-paid .table-row div:nth-child(6) {
  width: 10%;
}
.table.customer-invoice-listing-paid .table-row div:nth-child(7) {
  width: 10%;
}
.table.customer-invoice-listing-paid .table-row div:nth-child(8) {
  width: 10%;
}
.table.customer-invoice-listing-paid .table-row div:nth-child(9) {
  width: 10%;
}
.table.customer-invoice-listing-paid .table-row div:nth-child(10) {
  width: 10%;
}
.table.customer-invoice-listing-paid .table-row div:nth-child(11) {
  width: 50px;
}
.table.customer-invoice-listing-paid .table-row div:nth-child(12) {
  width: 50px;
}
.table.customer-invoice-listing-paid .table-header .th-column {
  white-space: break-spaces;
}
.table.customer-invoice-listing-paid .table-header .th-column:nth-child(12) {
  width: 60px;
}
.table.customer-invoice-listing-paid .table-row div:nth-child(3) {
  overflow-wrap: break-word;
  line-height: unset;
  overflow-x: hidden;
  overflow-y: clip;
  margin: unset;
  align-items: center;
  white-space: pre-wrap;
  min-width: 88px;
}
.table.customer-invoice-listing-paid .table-row div:nth-child(3) p {
  margin-bottom: unset;
  padding: 3px;
}
.table.customer-invoice-listing-paid .table-row div:nth-child(8) {
  display: flex;
  justify-content: space-between;
}
.table.customer-invoice-listing-paid .table-footer > div:nth-child(1) {
  width: 50px;
}
.table.customer-invoice-listing-paid .table-footer > div:nth-child(2) {
  width: 70%;
}
.table.customer-invoice-listing-paid .table-footer > div:nth-child(3) {
  width: 10%;
}
.table.customer-invoice-listing-paid .table-footer > div:nth-child(4) {
  width: 10%;
}
.table.customer-invoice-listing-paid .table-footer > div:nth-child(5) {
  width: 10%;
}
.table.customer-invoice-listing-paid .table-footer > div:nth-child(6) {
  width: 100px;
}
.table.customer-invoice-listing-paid .bottom-footer > div:nth-child(1) {
  width: 90% !important;
}
.table.customer-invoice-listing-paid .bottom-footer > div:nth-child(2) {
  width: 10% !important;
}
.table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-row div, .table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-header .th-column {
  line-height: 32px !important;
  padding: 0 10px !important;
}
.table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-row div:nth-child(1), .table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-header .th-column:nth-child(1) {
  width: 10%;
}
.table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-row div:nth-child(2), .table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-header .th-column:nth-child(2) {
  width: 40%;
}
.table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-row div:nth-child(3), .table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-header .th-column:nth-child(3) {
  width: 10%;
}
.table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-row div:nth-child(4), .table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-header .th-column:nth-child(4) {
  width: 10%;
}
.table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-row div:nth-child(5), .table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-header .th-column:nth-child(5) {
  width: 20%;
}
.table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-row div:nth-child(6), .table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-header .th-column:nth-child(6) {
  width: calc(10% + 100px);
}
.table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-row div .icon-btn, .table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-header .th-column .icon-btn {
  display: inline-block;
}
.table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-row div .pr-5, .table.customer-invoice-listing-paid .cus-inv-main-credit-note-list .table-header .th-column .pr-5 {
  padding-right: unset;
}
.table.customer-invoice-listing-paid .sticky .table-footer > div:nth-child(1) {
  width: 95%;
}
.table.customer-invoice-listing-paid .sticky .table-footer > div:nth-child(2) {
  width: 5%;
}
.table.customer-invoice-listing-paid .table-footer {
  min-height: 40px;
  max-height: 60px;
  line-height: 20px;
}
.table.customer-invoice-listing-paid .table-footer div {
  display: flex;
  align-items: center;
  justify-content: start;
}
.table.customer-invoice-listing-paid .grouped-row {
  border-left: 1px solid #a9b3bb;
  border-right: 1px solid #a9b3bb;
  background-color: #f2f2f2;
}
.table.customer-invoice-listing-paid .grouped-row div {
  border-right: none !important;
  border-left: none !important;
}
.table.customer-invoice-listing-paid .grouped-row div:nth-child(1) {
  width: 100% !important;
  font-size: 16px;
  font-weight: bold;
  border-left: none !important;
}
.table.customer-invoice-listing-paid .summary-count-row div {
  background-color: #bfc3c6;
  justify-content: end !important;
}

/*performa-invoice-listing*/
.table.performa-invoice-listing .table-header .th-column:nth-child(1) {
  width: 50px;
}
.table.performa-invoice-listing .table-header .th-column:nth-child(2) {
  width: 30%;
}
.table.performa-invoice-listing .table-header .th-column:nth-child(3) {
  width: 10%;
}
.table.performa-invoice-listing .table-header .th-column:nth-child(4) {
  width: 10%;
}
.table.performa-invoice-listing .table-header .th-column:nth-child(5) {
  width: 10%;
}
.table.performa-invoice-listing .table-header .th-column:nth-child(6) {
  width: 10%;
}
.table.performa-invoice-listing .table-header .th-column:nth-child(7) {
  width: 10%;
}
.table.performa-invoice-listing .table-header .th-column:nth-child(8) {
  width: 20%;
}
.table.performa-invoice-listing .table-header .th-column:nth-child(9) {
  width: 60px;
}
.table.performa-invoice-listing .table-header .th-column:nth-child(10) {
  width: 50px;
}
.table.performa-invoice-listing .table-header .th-column:nth-child(11) {
  width: 50px;
}
.table.performa-invoice-listing .table-header .th-column:nth-child(12) {
  width: 50px;
}
.table.performa-invoice-listing .table-header .th-column:nth-child(13) {
  width: 61px;
}
.table.performa-invoice-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.performa-invoice-listing .table-row div:nth-child(2) {
  width: 30%;
}
.table.performa-invoice-listing .table-row div:nth-child(3) {
  width: 10%;
}
.table.performa-invoice-listing .table-row div:nth-child(4) {
  width: 10%;
}
.table.performa-invoice-listing .table-row div:nth-child(5) {
  width: 10%;
}
.table.performa-invoice-listing .table-row div:nth-child(6) {
  width: 10%;
}
.table.performa-invoice-listing .table-row div:nth-child(7) {
  width: 10%;
}
.table.performa-invoice-listing .table-row div:nth-child(8) {
  width: 20%;
}
.table.performa-invoice-listing .table-row div:nth-child(9) {
  width: 60px;
}
.table.performa-invoice-listing .table-row div:nth-child(10) {
  width: 50px;
}
.table.performa-invoice-listing .table-row div:nth-child(11) {
  width: 50px;
}
.table.performa-invoice-listing .table-row div:nth-child(12) {
  width: 50px;
}
.table.performa-invoice-listing .table-row div:nth-child(13) {
  width: 50px;
}
.table.performa-invoice-listing .table-row.grouped-row {
  background-color: #f2f2f2;
}
.table.performa-invoice-listing .table-row.grouped-row div:first-child {
  width: 100%;
  border-right: none !important;
  font-size: 16px;
  font-weight: bold;
}
.table.performa-invoice-listing .table-row.grouped-row div:last-child {
  width: 100px;
}
.table.performa-invoice-listing .summary-count-row {
  line-height: 20px;
  height: auto;
  min-height: 40px;
}
.table.performa-invoice-listing .summary-count-row div {
  display: flex;
  align-items: center;
  justify-content: end;
}
.table.performa-invoice-listing .summary-count-row div:nth-child(1) {
  width: 50px;
}
.table.performa-invoice-listing .summary-count-row div:nth-child(2) {
  width: calc(60% + 10px);
}
.table.performa-invoice-listing .summary-count-row div:nth-child(3) {
  width: 10%;
}
.table.performa-invoice-listing .summary-count-row div:nth-child(4) {
  width: 10%;
}
.table.performa-invoice-listing .summary-count-row div:nth-child(5) {
  width: 20%;
}
.table.performa-invoice-listing .summary-count-row div:nth-child(6) {
  width: 285px;
}

/* customer-invoice-listing not paid */
.table.customer-invoice-listing-not-paid .table-header .th-column:nth-child(1) {
  width: 52px;
}
.table.customer-invoice-listing-not-paid .table-header .th-column:nth-child(2) {
  width: 9%;
}
.table.customer-invoice-listing-not-paid .table-header .th-column:nth-child(3) {
  width: 19%;
}
.table.customer-invoice-listing-not-paid .table-header .th-column:nth-child(4) {
  width: 9%;
}
.table.customer-invoice-listing-not-paid .table-header .th-column:nth-child(5) {
  width: 9%;
}
.table.customer-invoice-listing-not-paid .table-header .th-column:nth-child(6) {
  width: calc(10% + 1px);
}
.table.customer-invoice-listing-not-paid .table-header .th-column:nth-child(7) {
  width: 10%;
}
.table.customer-invoice-listing-not-paid .table-header .th-column:nth-child(8) {
  width: 8%;
}
.table.customer-invoice-listing-not-paid .table-header .th-column:nth-child(9) {
  width: 8%;
}
.table.customer-invoice-listing-not-paid .table-header .th-column:nth-child(10) {
  width: calc(8% + 1px);
}
.table.customer-invoice-listing-not-paid .table-header .th-column:nth-child(11) {
  width: 8%;
}
.table.customer-invoice-listing-not-paid .table-header .th-column:nth-child(12) {
  width: 8%;
}
.table.customer-invoice-listing-not-paid .table-header .th-column:nth-child(13) {
  width: 50px;
}
.table.customer-invoice-listing-not-paid .table-header .th-column:nth-child(14) {
  width: 61px;
}
.table.customer-invoice-listing-not-paid .table-row div {
  min-height: 36px;
  height: auto;
}
.table.customer-invoice-listing-not-paid .table-row div:nth-child(1) {
  width: 50px;
}
.table.customer-invoice-listing-not-paid .table-row div:nth-child(2) {
  width: 9%;
}
.table.customer-invoice-listing-not-paid .table-row div:nth-child(3) {
  width: 19%;
}
.table.customer-invoice-listing-not-paid .table-row div:nth-child(4) {
  width: 9%;
}
.table.customer-invoice-listing-not-paid .table-row div:nth-child(5) {
  width: 9%;
}
.table.customer-invoice-listing-not-paid .table-row div:nth-child(6) {
  width: 10%;
}
.table.customer-invoice-listing-not-paid .table-row div:nth-child(7) {
  width: 10%;
}
.table.customer-invoice-listing-not-paid .table-row div:nth-child(8) {
  width: 8%;
}
.table.customer-invoice-listing-not-paid .table-row div:nth-child(9) {
  width: 8%;
}
.table.customer-invoice-listing-not-paid .table-row div:nth-child(10) {
  width: 8%;
}
.table.customer-invoice-listing-not-paid .table-row div:nth-child(11) {
  width: 8%;
}
.table.customer-invoice-listing-not-paid .table-row div:nth-child(12) {
  width: 8%;
}
.table.customer-invoice-listing-not-paid .table-row div:nth-child(13) {
  width: 50px;
}
.table.customer-invoice-listing-not-paid .table-row div:nth-child(14) {
  width: 50px;
}
.table.customer-invoice-listing-not-paid .table-header .th-column {
  white-space: break-spaces;
}
.table.customer-invoice-listing-not-paid .table-row div:nth-child(3) {
  overflow-wrap: break-word;
  line-height: unset;
  overflow-x: hidden;
  overflow-y: clip;
  margin: unset;
  align-items: center;
  white-space: pre-wrap;
  min-width: 88px;
}
.table.customer-invoice-listing-not-paid .table-row div:nth-child(3) p {
  margin-bottom: unset;
  padding: 3px;
}
.table.customer-invoice-listing-not-paid .table-row div:nth-child(8), .table.customer-invoice-listing-not-paid .table-row div:nth-child(11) {
  display: flex;
  justify-content: space-between;
}
.table.customer-invoice-listing-not-paid .table-footer > div:nth-child(1) {
  width: 50px;
}
.table.customer-invoice-listing-not-paid .table-footer > div:nth-child(2) {
  width: 66%;
}
.table.customer-invoice-listing-not-paid .table-footer > div:nth-child(3) {
  width: 8%;
}
.table.customer-invoice-listing-not-paid .table-footer > div:nth-child(4) {
  width: 8%;
}
.table.customer-invoice-listing-not-paid .table-footer > div:nth-child(5) {
  width: 8%;
}
.table.customer-invoice-listing-not-paid .table-footer > div:nth-child(6) {
  width: 8%;
}
.table.customer-invoice-listing-not-paid .table-footer > div:nth-child(7) {
  width: 8%;
}
.table.customer-invoice-listing-not-paid .table-footer > div:nth-child(8) {
  width: 100px;
}
.table.customer-invoice-listing-not-paid .bottom-footer > div:nth-child(1) {
  width: 90% !important;
}
.table.customer-invoice-listing-not-paid .bottom-footer > div:nth-child(2) {
  width: 10% !important;
}
.table.customer-invoice-listing-not-paid .sticky .table-footer > div:nth-child(1) {
  width: 95%;
}
.table.customer-invoice-listing-not-paid .sticky .table-footer > div:nth-child(2) {
  width: 5%;
}
.table.customer-invoice-listing-not-paid .table-footer {
  min-height: 40px;
  max-height: 60px;
  line-height: 20px;
}
.table.customer-invoice-listing-not-paid .table-footer div {
  display: flex;
  align-items: center;
  justify-content: start;
}
.table.customer-invoice-listing-not-paid .grouped-row {
  border-left: 1px solid #a9b3bb;
  border-right: 1px solid #a9b3bb;
  background-color: #f2f2f2;
}
.table.customer-invoice-listing-not-paid .grouped-row div {
  border-right: none !important;
  border-left: none !important;
}
.table.customer-invoice-listing-not-paid .grouped-row div:nth-child(1) {
  width: 100% !important;
  font-size: 16px;
  font-weight: bold;
  border-left: none !important;
}
.table.customer-invoice-listing-not-paid .summary-count-row div {
  background-color: #bfc3c6;
  justify-content: end !important;
}
.table.customer-invoice-listing-not-paid .table-group .table-row .has-webshop {
  padding-left: 0 !important;
}
.table.customer-invoice-listing-not-paid .cus-inv-main-credit-note-list .table-header .th-column:nth-child(1), .table.customer-invoice-listing-not-paid .cus-inv-main-credit-note-list .table-row div:nth-child(1) {
  width: 9%;
}
.table.customer-invoice-listing-not-paid .cus-inv-main-credit-note-list .table-header .th-column:nth-child(2), .table.customer-invoice-listing-not-paid .cus-inv-main-credit-note-list .table-row div:nth-child(2) {
  width: 20%;
}
.table.customer-invoice-listing-not-paid .cus-inv-main-credit-note-list .table-header .th-column:nth-child(3), .table.customer-invoice-listing-not-paid .cus-inv-main-credit-note-list .table-row div:nth-child(3) {
  width: 20%;
}
.table.customer-invoice-listing-not-paid .cus-inv-main-credit-note-list .table-header .th-column:nth-child(4), .table.customer-invoice-listing-not-paid .cus-inv-main-credit-note-list .table-row div:nth-child(4) {
  width: 20%;
}
.table.customer-invoice-listing-not-paid .cus-inv-main-credit-note-list .table-header .th-column:nth-child(5), .table.customer-invoice-listing-not-paid .cus-inv-main-credit-note-list .table-row div:nth-child(5) {
  width: 28%;
}
.table.customer-invoice-listing-not-paid .cus-inv-main-credit-note-list .table-header .th-column:nth-child(6), .table.customer-invoice-listing-not-paid .cus-inv-main-credit-note-list .table-row div:nth-child(6) {
  width: calc(8% + 100px);
}
.table.customer-invoice-listing-not-paid .cus-inv-main-credit-note-list .table-header .th-column .pageView, .table.customer-invoice-listing-not-paid .cus-inv-main-credit-note-list .table-row div .pageView {
  padding-left: unset !important;
}
.table.customer-invoice-listing-not-paid .cus-inv-main-credit-note-list .table-header .th-column.accounting-no .material-icons, .table.customer-invoice-listing-not-paid .cus-inv-main-credit-note-list .table-row div.accounting-no .material-icons {
  padding-right: unset !important;
}
.table.customer-invoice-listing-not-paid .cus-inv-main-invoice-payment-listing .table-header .th-column:nth-child(1), .table.customer-invoice-listing-not-paid .cus-inv-main-invoice-payment-listing .table-row div:nth-child(1) {
  width: 29% !important;
}
.table.customer-invoice-listing-not-paid .cus-inv-main-invoice-payment-listing .table-header .th-column:nth-child(2), .table.customer-invoice-listing-not-paid .cus-inv-main-invoice-payment-listing .table-row div:nth-child(2) {
  width: 20% !important;
}
.table.customer-invoice-listing-not-paid .cus-inv-main-invoice-payment-listing .table-header .th-column:nth-child(3), .table.customer-invoice-listing-not-paid .cus-inv-main-invoice-payment-listing .table-row div:nth-child(3) {
  width: 20% !important;
}
.table.customer-invoice-listing-not-paid .cus-inv-main-invoice-payment-listing .table-header .th-column:nth-child(4), .table.customer-invoice-listing-not-paid .cus-inv-main-invoice-payment-listing .table-row div:nth-child(4) {
  width: 28% !important;
}
.table.customer-invoice-listing-not-paid .cus-inv-main-invoice-payment-listing .table-header .th-column:nth-child(5), .table.customer-invoice-listing-not-paid .cus-inv-main-invoice-payment-listing .table-row div:nth-child(5) {
  width: calc(8% + 100px) !important;
}

/* receivable-invoice-listing */
.table.receivable-invoice-listing .table-header .th-column:nth-child(1) {
  width: 50px;
}
.table.receivable-invoice-listing .table-header .th-column:nth-child(2) {
  width: calc(10% + 0px);
}
.table.receivable-invoice-listing .table-header .th-column:nth-child(3) {
  width: calc(20% + 0px);
}
.table.receivable-invoice-listing .table-header .th-column:nth-child(4) {
  width: 10%;
}
.table.receivable-invoice-listing .table-header .th-column:nth-child(5) {
  width: 7%;
}
.table.receivable-invoice-listing .table-header .th-column:nth-child(6) {
  width: 8%;
}
.table.receivable-invoice-listing .table-header .th-column:nth-child(7) {
  width: calc(8% + 0px);
}
.table.receivable-invoice-listing .table-header .th-column:nth-child(8) {
  width: calc(8% + 0px);
}
.table.receivable-invoice-listing .table-header .th-column:nth-child(9) {
  width: calc(8% + 0px);
}
.table.receivable-invoice-listing .table-header .th-column:nth-child(10) {
  width: 8%;
}
.table.receivable-invoice-listing .table-header .th-column:nth-child(11) {
  width: calc(8% + 0px);
}
.table.receivable-invoice-listing .table-header .th-column:nth-child(12) {
  width: 8%;
}
.table.receivable-invoice-listing .table-header .th-column:nth-child(13) {
  width: 8%;
}
.table.receivable-invoice-listing .table-header .th-column:nth-child(14) {
  width: 51px;
}
.table.receivable-invoice-listing .table-header .th-column:nth-child(15) {
  width: 59px;
}
.table.receivable-invoice-listing .table-header .th-column:nth-child(2), .table.receivable-invoice-listing .table-header .th-column:nth-child(3), .table.receivable-invoice-listing .table-header .th-column:nth-child(5) {
  padding-left: 20px !important;
}
.table.receivable-invoice-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.receivable-invoice-listing .table-row div:nth-child(2) {
  width: 10%;
}
.table.receivable-invoice-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.receivable-invoice-listing .table-row div:nth-child(4) {
  width: 10%;
}
.table.receivable-invoice-listing .table-row div:nth-child(5) {
  width: 7%;
}
.table.receivable-invoice-listing .table-row div:nth-child(6) {
  width: 8%;
}
.table.receivable-invoice-listing .table-row div:nth-child(7) {
  width: 8%;
}
.table.receivable-invoice-listing .table-row div:nth-child(8) {
  width: 8%;
}
.table.receivable-invoice-listing .table-row div:nth-child(9) {
  width: 8%;
}
.table.receivable-invoice-listing .table-row div:nth-child(10) {
  width: 8%;
}
.table.receivable-invoice-listing .table-row div:nth-child(11) {
  width: 8%;
}
.table.receivable-invoice-listing .table-row div:nth-child(12) {
  width: 8%;
}
.table.receivable-invoice-listing .table-row div:nth-child(13) {
  width: 8%;
}
.table.receivable-invoice-listing .table-row div:nth-child(14) {
  width: 50px;
}
.table.receivable-invoice-listing .table-row div:nth-child(15) {
  width: 50px;
}
.table.receivable-invoice-listing .table-row div:nth-child(2), .table.receivable-invoice-listing .table-row div:nth-child(3), .table.receivable-invoice-listing .table-row div:nth-child(5) {
  padding-left: 20px !important;
}
.table.receivable-invoice-listing .table-row div:nth-child(3) {
  overflow-wrap: break-word;
  line-height: unset;
  overflow-x: hidden;
  overflow-y: clip;
  margin: unset;
  align-items: center;
  white-space: pre-wrap;
  min-width: 88px;
}
.table.receivable-invoice-listing .table-row div:nth-child(3) p {
  margin-bottom: unset;
  padding: 3px;
}
.table.receivable-invoice-listing .table-header .th-column {
  white-space: break-spaces;
}
.table.receivable-invoice-listing .table-row div:nth-child(9), .table.receivable-invoice-listing .table-row div:nth-child(12) {
  display: flex;
  justify-content: space-between;
}
.table.receivable-invoice-listing .table-footer > div:nth-child(1) {
  width: 67%;
}
.table.receivable-invoice-listing .table-footer > div:nth-child(2) {
  width: 8%;
}
.table.receivable-invoice-listing .table-footer > div:nth-child(3) {
  width: 8%;
}
.table.receivable-invoice-listing .table-footer > div:nth-child(4) {
  width: 8%;
}
.table.receivable-invoice-listing .table-footer > div:nth-child(5) {
  width: 8%;
}
.table.receivable-invoice-listing .table-footer > div:nth-child(6) {
  width: 8%;
}
.table.receivable-invoice-listing .table-footer > div:nth-child(7) {
  width: 8%;
}
.table.receivable-invoice-listing .table-footer > div:nth-child(8) {
  width: 115px;
}
.table.receivable-invoice-listing .table-footer > div.align-right {
  justify-content: end;
}
.table.receivable-invoice-listing .sticky .table-footer > div:nth-child(1) {
  width: 95%;
}
.table.receivable-invoice-listing .sticky .table-footer > div:nth-child(2) {
  width: 5%;
}
.table.receivable-invoice-listing .table-footer {
  min-height: 40px;
  max-height: 60px;
  line-height: 20px;
}
.table.receivable-invoice-listing .table-footer div {
  display: flex;
  align-items: center;
  justify-content: start;
}
.table.receivable-invoice-listing .grouped-row {
  border-left: 1px solid #a9b3bb;
  border-right: 1px solid #a9b3bb;
  background-color: #f2f2f2;
}
.table.receivable-invoice-listing .grouped-row div {
  border-right: none !important;
  border-left: none !important;
}
.table.receivable-invoice-listing .grouped-row div:nth-child(1) {
  width: 100% !important;
  font-size: 16px;
  font-weight: bold;
  border-left: none !important;
}
.table.receivable-invoice-listing .summary-count-row div {
  background-color: #bfc3c6;
  justify-content: end !important;
}
.table.receivable-invoice-listing .invoice-inner-listing {
  padding: 10px 0px 10px 43px;
}
.table.receivable-invoice-listing .invoice-inner-listing .table-row div, .table.receivable-invoice-listing .invoice-inner-listing .table-header .th-column {
  padding: 0 10px;
}
.table.receivable-invoice-listing .invoice-inner-listing .table-row div:nth-child(1), .table.receivable-invoice-listing .invoice-inner-listing .table-header .th-column:nth-child(1) {
  width: 10%;
}
.table.receivable-invoice-listing .invoice-inner-listing .table-row div:nth-child(2), .table.receivable-invoice-listing .invoice-inner-listing .table-header .th-column:nth-child(2) {
  width: 37%;
}
.table.receivable-invoice-listing .invoice-inner-listing .table-row div:nth-child(3), .table.receivable-invoice-listing .invoice-inner-listing .table-header .th-column:nth-child(3) {
  width: 8%;
}
.table.receivable-invoice-listing .invoice-inner-listing .table-row div:nth-child(4), .table.receivable-invoice-listing .invoice-inner-listing .table-header .th-column:nth-child(4) {
  width: 16%;
}
.table.receivable-invoice-listing .invoice-inner-listing .table-row div:nth-child(5), .table.receivable-invoice-listing .invoice-inner-listing .table-header .th-column:nth-child(5) {
  width: 0px;
}
.table.receivable-invoice-listing .invoice-inner-listing .table-row div:nth-child(6), .table.receivable-invoice-listing .invoice-inner-listing .table-header .th-column:nth-child(6) {
  width: calc(40% + 5px);
}
.table.receivable-invoice-listing .invoice-inner-listing .table-row div:nth-child(7), .table.receivable-invoice-listing .invoice-inner-listing .table-header .th-column:nth-child(7) {
  width: 50px;
}
.table.receivable-invoice-listing .invoice-inner-listing .table-row div:nth-child(8), .table.receivable-invoice-listing .invoice-inner-listing .table-header .th-column:nth-child(8) {
  width: 47px;
}
.table.receivable-invoice-listing .invoice-inner-listing .table-row div:nth-child(1), .table.receivable-invoice-listing .invoice-inner-listing .table-header .th-column:nth-child(1) {
  padding-left: 20px !important;
}
.table.receivable-invoice-listing .invoice-inner-listing .table-row div:nth-child(1) .material-icons, .table.receivable-invoice-listing .invoice-inner-listing .table-header .th-column:nth-child(1) .material-icons {
  padding-right: 0px;
}
.table.receivable-invoice-listing .invoice-inner-listing .table-row div:nth-child(3), .table.receivable-invoice-listing .invoice-inner-listing .table-header .th-column:nth-child(3) {
  padding-left: 10px !important;
  line-height: 32px !important;
}
.table.receivable-invoice-listing .invoice-inner-listing .table-row div:nth-child(8), .table.receivable-invoice-listing .invoice-inner-listing .table-row div:nth-child(9), .table.receivable-invoice-listing .invoice-inner-listing .table-header .th-column:nth-child(8), .table.receivable-invoice-listing .invoice-inner-listing .table-header .th-column:nth-child(9) {
  display: flex;
  justify-content: center;
}
.table.receivable-invoice-listing .invoice-inner-listing .table-row div .icon-btn, .table.receivable-invoice-listing .invoice-inner-listing .table-header .th-column .icon-btn {
  width: unset !important;
  color: #000 !important;
}
.table.receivable-invoice-listing .table-footer > div span {
  color: #000 !important;
}

/* receivable-invoice-listing paid */
.table.receivable-invoice-listing-paid .table-header .th-column:nth-child(1) {
  width: 50px;
}
.table.receivable-invoice-listing-paid .table-header .th-column:nth-child(2) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-header .th-column:nth-child(3) {
  width: 24%;
}
.table.receivable-invoice-listing-paid .table-header .th-column:nth-child(4) {
  width: calc(8% + 10px);
}
.table.receivable-invoice-listing-paid .table-header .th-column:nth-child(5) {
  width: 8%;
}
.table.receivable-invoice-listing-paid .table-header .th-column:nth-child(6) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-header .th-column:nth-child(7) {
  width: 0%;
}
.table.receivable-invoice-listing-paid .table-header .th-column:nth-child(8) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-header .th-column:nth-child(9) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-header .th-column:nth-child(10) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-header .th-column:nth-child(11) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-header .th-column:nth-child(12) {
  width: 0%;
}
.table.receivable-invoice-listing-paid .table-header .th-column:nth-child(13) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-header .th-column:nth-child(14) {
  width: 50px;
}
.table.receivable-invoice-listing-paid .table-header .th-column:nth-child(15) {
  width: 59px;
}
.table.receivable-invoice-listing-paid .table-header .th-column:nth-child(2), .table.receivable-invoice-listing-paid .table-header .th-column:nth-child(3), .table.receivable-invoice-listing-paid .table-header .th-column:nth-child(5) {
  padding-left: 20px !important;
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(1) {
  width: 50px;
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(2) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(3) {
  width: 24%;
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(4) {
  width: calc(8% + 10px);
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(5) {
  width: 8%;
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(6) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(7) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(8) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(9) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(10) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(11) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(12) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(13) {
  width: 50px;
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(14) {
  width: 50px;
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(2), .table.receivable-invoice-listing-paid .table-row div:nth-child(3), .table.receivable-invoice-listing-paid .table-row div:nth-child(5) {
  padding-left: 20px !important;
}
.table.receivable-invoice-listing-paid .table-header .th-column {
  white-space: break-spaces;
}
.table.receivable-invoice-listing-paid .table-header .th-column:nth-child(12) {
  width: 60px;
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(3) {
  overflow-wrap: break-word;
  line-height: unset;
  overflow-x: hidden;
  overflow-y: clip;
  margin: unset;
  align-items: center;
  white-space: pre-wrap;
  min-width: 88px;
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(3) p {
  margin-bottom: unset;
  padding: 3px;
}
.table.receivable-invoice-listing-paid .table-row div:nth-child(9) {
  display: flex;
  justify-content: space-between;
}
.table.receivable-invoice-listing-paid .table-footer > div:nth-child(1) {
  width: 73%;
}
.table.receivable-invoice-listing-paid .table-footer > div:nth-child(2) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-footer > div:nth-child(3) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-footer > div:nth-child(4) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-footer > div:nth-child(5) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .table-footer > div:nth-child(6) {
  width: 0%;
}
.table.receivable-invoice-listing-paid .table-footer > div:nth-child(7) {
  width: 0%;
}
.table.receivable-invoice-listing-paid .table-footer > div:nth-child(8) {
  width: 110px;
}
.table.receivable-invoice-listing-paid .table-footer > div.align-right {
  justify-content: end;
}
.table.receivable-invoice-listing-paid .sticky .table-footer > div:nth-child(1) {
  width: 95%;
}
.table.receivable-invoice-listing-paid .sticky .table-footer > div:nth-child(2) {
  width: 5%;
}
.table.receivable-invoice-listing-paid .table-footer {
  min-height: 40px;
  max-height: 60px;
  line-height: 20px;
}
.table.receivable-invoice-listing-paid .table-footer div {
  display: flex;
  align-items: center;
  justify-content: start;
}
.table.receivable-invoice-listing-paid .grouped-row {
  border-left: 1px solid #a9b3bb;
  border-right: 1px solid #a9b3bb;
  background-color: #f2f2f2;
}
.table.receivable-invoice-listing-paid .grouped-row div {
  border-right: none !important;
  border-left: none !important;
}
.table.receivable-invoice-listing-paid .grouped-row div:nth-child(1) {
  width: 100% !important;
  font-size: 16px;
  font-weight: bold;
  border-left: none !important;
}
.table.receivable-invoice-listing-paid .summary-count-row div {
  background-color: #bfc3c6;
  justify-content: end !important;
}
.table.receivable-invoice-listing-paid .invoice-inner-listing {
  padding: 10px 0px 10px 43px;
}
.table.receivable-invoice-listing-paid .invoice-inner-listing .table-row div, .table.receivable-invoice-listing-paid .invoice-inner-listing .table-header .th-column {
  padding: 0 10px;
}
.table.receivable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(1), .table.receivable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(1) {
  width: calc(10% + 5px);
}
.table.receivable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(2), .table.receivable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(2) {
  width: calc(40% + 13px);
}
.table.receivable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(3), .table.receivable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(3) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(4), .table.receivable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(4) {
  width: 10%;
}
.table.receivable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(5), .table.receivable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(5) {
  width: 0px;
}
.table.receivable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(6), .table.receivable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(6) {
  width: calc(30% + 2px);
}
.table.receivable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(7), .table.receivable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(7) {
  width: 50px;
}
.table.receivable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(8), .table.receivable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(8) {
  width: 40px;
}
.table.receivable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(1), .table.receivable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(1) {
  padding-left: 20px !important;
}
.table.receivable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(1) .material-icons, .table.receivable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(1) .material-icons {
  padding-right: 0px;
}
.table.receivable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(3), .table.receivable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(3) {
  padding-left: 10px !important;
  line-height: 32px !important;
}
.table.receivable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(8), .table.receivable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(9), .table.receivable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(8), .table.receivable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(9) {
  display: flex;
  justify-content: center;
}
.table.receivable-invoice-listing-paid .invoice-inner-listing .table-row div .icon-btn, .table.receivable-invoice-listing-paid .invoice-inner-listing .table-header .th-column .icon-btn {
  width: unset !important;
  color: #000 !important;
}

/* receivable-invoice-listing not paid */
.table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(1) {
  width: 51px;
}
.table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(2) {
  width: 9%;
}
.table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(3) {
  width: calc(19% - 5px);
}
.table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(4) {
  width: calc(9% + 8px);
}
.table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(5) {
  width: 9%;
}
.table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(6) {
  width: 10%;
}
.table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(7) {
  width: 10%;
}
.table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(8) {
  width: 8%;
}
.table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(9) {
  width: 8%;
}
.table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(10) {
  width: 8%;
}
.table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(11) {
  width: 10%;
}
.table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(12) {
  width: 10%;
}
.table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(13) {
  width: 10%;
}
.table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(14) {
  width: 51px;
}
.table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(15) {
  width: 60px;
}
.table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(2), .table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(3), .table.receivable-invoice-listing-not-paid .table-header .th-column:nth-child(5) {
  padding-left: 20px !important;
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(1) {
  width: 50px;
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(2) {
  width: 9%;
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(3) {
  width: calc(19% - 5px);
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(4) {
  width: calc(9% + 8px);
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(5) {
  width: 9%;
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(6) {
  width: 10%;
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(7) {
  width: 10%;
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(8) {
  width: 8%;
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(9) {
  width: 8%;
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(10) {
  width: 8%;
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(11) {
  width: 10%;
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(12) {
  width: 10%;
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(13) {
  width: 10%;
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(14) {
  width: 50px;
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(2), .table.receivable-invoice-listing-not-paid .table-row div:nth-child(3), .table.receivable-invoice-listing-not-paid .table-row div:nth-child(5) {
  padding-left: 20px !important;
}
.table.receivable-invoice-listing-not-paid .table-header .th-column {
  white-space: break-spaces;
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(3) {
  overflow-wrap: break-word;
  line-height: unset;
  overflow-x: hidden;
  overflow-y: clip;
  margin: unset;
  align-items: center;
  white-space: pre-wrap;
  min-width: 88px;
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(3) p {
  margin-bottom: unset;
  padding: 3px;
}
.table.receivable-invoice-listing-not-paid .table-row div:nth-child(9), .table.receivable-invoice-listing-not-paid .table-row div:nth-child(12) {
  display: flex;
  justify-content: space-between;
}
.table.receivable-invoice-listing-not-paid .table-footer > div:nth-child(1) {
  width: 61% !important;
}
.table.receivable-invoice-listing-not-paid .table-footer > div:nth-child(2) {
  width: 10% !important;
}
.table.receivable-invoice-listing-not-paid .table-footer > div:nth-child(3) {
  width: 8% !important;
}
.table.receivable-invoice-listing-not-paid .table-footer > div:nth-child(4) {
  width: 8% !important;
}
.table.receivable-invoice-listing-not-paid .table-footer > div:nth-child(5) {
  width: 10% !important;
}
.table.receivable-invoice-listing-not-paid .table-footer > div:nth-child(6) {
  width: 10% !important;
}
.table.receivable-invoice-listing-not-paid .table-footer > div:nth-child(7) {
  width: 10% !important;
}
.table.receivable-invoice-listing-not-paid .table-footer > div:nth-child(8) {
  width: 115px !important;
}
.table.receivable-invoice-listing-not-paid .table-footer > div.align-right {
  justify-content: end;
}
.table.receivable-invoice-listing-not-paid .sticky .table-footer > div:nth-child(1) {
  width: 95%;
}
.table.receivable-invoice-listing-not-paid .sticky .table-footer > div:nth-child(2) {
  width: 5%;
}
.table.receivable-invoice-listing-not-paid .table-footer {
  min-height: 40px;
  max-height: 60px;
  line-height: 20px;
}
.table.receivable-invoice-listing-not-paid .table-footer div {
  display: flex;
  align-items: center;
  justify-content: start;
}
.table.receivable-invoice-listing-not-paid .grouped-row {
  border-left: 1px solid #a9b3bb;
  border-right: 1px solid #a9b3bb;
  background-color: #f2f2f2;
}
.table.receivable-invoice-listing-not-paid .grouped-row div {
  border-right: none !important;
  border-left: none !important;
}
.table.receivable-invoice-listing-not-paid .grouped-row div:nth-child(1) {
  width: 100% !important;
  font-size: 16px;
  font-weight: bold;
  border-left: none !important;
}
.table.receivable-invoice-listing-not-paid .summary-count-row div {
  background-color: #bfc3c6;
  justify-content: end !important;
}
.table.receivable-invoice-listing-not-paid .table-group .table-row .has-webshop {
  padding-left: 0 !important;
}
.table.receivable-invoice-listing-not-paid .invoice-inner-listing {
  padding: 10px 0px 10px 43px;
}
.table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-row div, .table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column {
  padding: 0 10px;
}
.table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(1), .table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(1) {
  width: 9%;
}
.table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(2), .table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(2) {
  width: calc(38% + 8px);
}
.table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(3), .table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(3) {
  width: 10%;
}
.table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(4), .table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(4) {
  width: 10%;
}
.table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(5), .table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(5) {
  width: 0px;
}
.table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(6), .table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(6) {
  width: calc(47% + 4px);
}
.table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(7), .table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(7) {
  width: 50px;
}
.table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(8), .table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(8) {
  width: 40px;
}
.table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(1), .table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(1) {
  padding-left: 20px !important;
}
.table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(1) .material-icons, .table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(1) .material-icons {
  padding-right: 0px;
}
.table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(3), .table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(3) {
  padding-left: 10px !important;
  line-height: 32px !important;
}
.table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(8), .table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(9), .table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(8), .table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(9) {
  display: flex;
  justify-content: center;
}
.table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-row div .icon-btn, .table.receivable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column .icon-btn {
  width: unset !important;
  color: #000 !important;
}

/* salary listing */
.table.salary-lisitng .table-header .th-column,
.table.salary-lisitng .table-row div {
  transition: all 0.2s ease-in-out;
}
.table.salary-lisitng .table-header .th-column:nth-child(1),
.table.salary-lisitng .table-row div:nth-child(1) {
  width: 14%;
}
.table.salary-lisitng .table-header .th-column:nth-child(2),
.table.salary-lisitng .table-row div:nth-child(2) {
  width: 10%;
}
.table.salary-lisitng .table-header .th-column:nth-child(3),
.table.salary-lisitng .table-row div:nth-child(3) {
  width: 8%;
}
.table.salary-lisitng .table-header .th-column:nth-child(4),
.table.salary-lisitng .table-row div:nth-child(4) {
  width: 7%;
}
.table.salary-lisitng .table-header .th-column:nth-child(5),
.table.salary-lisitng .table-row div:nth-child(5) {
  width: 8%;
}
.table.salary-lisitng .table-header .th-column:nth-child(6),
.table.salary-lisitng .table-row div:nth-child(6) {
  width: 8%;
}
.table.salary-lisitng .table-header .th-column:nth-child(7),
.table.salary-lisitng .table-row div:nth-child(7) {
  width: 8%;
}
.table.salary-lisitng .table-header .th-column:nth-child(8),
.table.salary-lisitng .table-row div:nth-child(8) {
  width: 7%;
}
.table.salary-lisitng .table-header .th-column:nth-child(9),
.table.salary-lisitng .table-row div:nth-child(9) {
  width: 8%;
}
.table.salary-lisitng .table-header .th-column:nth-child(10),
.table.salary-lisitng .table-row div:nth-child(10) {
  width: 7%;
}
.table.salary-lisitng .table-header .th-column:nth-child(11),
.table.salary-lisitng .table-row div:nth-child(11) {
  width: 7%;
}
.table.salary-lisitng .table-header .th-column:nth-child(12),
.table.salary-lisitng .table-row div:nth-child(12) {
  width: 7%;
}
.table.salary-lisitng .table-header .th-column:nth-child(13),
.table.salary-lisitng .table-row div:nth-child(13) {
  width: 8%;
}
.table.salary-lisitng .table-header .th-column:nth-child(14),
.table.salary-lisitng .table-row div:nth-child(14) {
  width: 50px;
}
.table.salary-lisitng .table-header .th-column:nth-child(15),
.table.salary-lisitng .table-row div:nth-child(15) {
  width: 50px;
}
.table.salary-lisitng .table-footer {
  align-items: center;
}
.table.salary-lisitng .table-footer > div {
  font-size: 11px;
  line-height: 15px;
}
.table.salary-lisitng .table-footer > div:nth-child(1) {
  width: 24%;
}
.table.salary-lisitng .table-footer > div:nth-child(2) {
  width: 8%;
}
.table.salary-lisitng .table-footer > div:nth-child(3) {
  width: 7%;
}
.table.salary-lisitng .table-footer > div:nth-child(4) {
  width: 8%;
}
.table.salary-lisitng .table-footer > div:nth-child(5) {
  width: 8%;
}
.table.salary-lisitng .table-footer > div:nth-child(6) {
  width: 8%;
}
.table.salary-lisitng .table-footer > div:nth-child(7) {
  width: 7%;
}
.table.salary-lisitng .table-footer > div:nth-child(8) {
  width: 8%;
}
.table.salary-lisitng .table-footer > div:nth-child(9) {
  width: 7%;
}
.table.salary-lisitng .table-footer > div:nth-child(10) {
  width: 7%;
}
.table.salary-lisitng .table-footer > div:nth-child(11) {
  width: 7%;
}
.table.salary-lisitng .table-footer > div:nth-child(12) {
  width: 8%;
}
.table.salary-lisitng .table-footer > div:nth-child(13) {
  width: 50px;
}
.table.salary-lisitng .table-footer > div:nth-child(14) {
  width: 50px;
}
.table.salary-lisitng .salary-sentToBank .icon-btn {
  color: #FFA500 !important;
}
.table.salary-lisitng .salary-rejected .icon-btn {
  color: #fd7474 !important;
}
.table.salary-lisitng .salary-accepted .icon-btn {
  color: #7dcaf2 !important;
}
.table.salary-lisitng .salary-reconciled .icon-btn {
  color: #65d2a3 !important;
}

/* vat detail listing */
.table.vat-detail-listing {
  margin: 0;
}
.table.vat-detail-listing .table-header .th-column,
.table.vat-detail-listing .table-row div, .table.vat-detail-listing .inner-table-row .table-row div {
  transition: all 0.2s ease-in-out;
}
.table.vat-detail-listing .table-header .th-column:nth-child(1),
.table.vat-detail-listing .table-row div:nth-child(1), .table.vat-detail-listing .inner-table-row .table-row div:nth-child(1) {
  width: 10%;
}
.table.vat-detail-listing .table-header .th-column:nth-child(2),
.table.vat-detail-listing .table-row div:nth-child(2), .table.vat-detail-listing .inner-table-row .table-row div:nth-child(2) {
  width: 20%;
}
.table.vat-detail-listing .table-header .th-column:nth-child(3),
.table.vat-detail-listing .table-row div:nth-child(3), .table.vat-detail-listing .inner-table-row .table-row div:nth-child(3) {
  width: 20%;
}
.table.vat-detail-listing .table-header .th-column:nth-child(4),
.table.vat-detail-listing .table-row div:nth-child(4), .table.vat-detail-listing .inner-table-row .table-row div:nth-child(4) {
  width: 10%;
}
.table.vat-detail-listing .table-header .th-column:nth-child(5),
.table.vat-detail-listing .table-row div:nth-child(5), .table.vat-detail-listing .inner-table-row .table-row div:nth-child(5) {
  width: 8%;
}
.table.vat-detail-listing .table-header .th-column:nth-child(6),
.table.vat-detail-listing .table-row div:nth-child(6), .table.vat-detail-listing .inner-table-row .table-row div:nth-child(6) {
  width: 17%;
}
.table.vat-detail-listing .table-header .th-column:nth-child(7),
.table.vat-detail-listing .table-row div:nth-child(7), .table.vat-detail-listing .inner-table-row .table-row div:nth-child(7) {
  width: 15%;
}
.table.vat-detail-listing .table-footer {
  align-items: center;
}
.table.vat-detail-listing .table-footer > div {
  font-size: 11px;
  line-height: 15px;
}
.table.vat-detail-listing .table-footer > div:nth-child(1) {
  width: 85%;
}
.table.vat-detail-listing .table-footer > div:nth-child(2) {
  width: 15%;
}
.table.vat-detail-listing .red-text div {
  color: #f40e0e;
}

/* supplier-invoice-listing */
.table.supplier-invoice-listing .table.negative-val-row {
  padding: 0px !important;
}
.table.supplier-invoice-listing .table.negative-val-row .table-row {
  background: #cfc9e4 !important;
}
.table.supplier-invoice-listing .si-invoice-inner-list .si-delete-btn {
  padding-left: 1px !important;
}
.table.supplier-invoice-listing .si-invoice-inner-list div {
  padding: 0 10px !important;
}
.table.supplier-invoice-listing .si-invoice-inner-list div:nth-child(1) {
  width: 50px !important;
}
.table.supplier-invoice-listing .si-invoice-inner-list div:nth-child(2) {
  width: calc(49% + 4px) !important;
}
.table.supplier-invoice-listing .si-invoice-inner-list div:nth-child(3) {
  width: 10% !important;
}
.table.supplier-invoice-listing .si-invoice-inner-list div:nth-child(4) {
  width: calc(70% - 15px) !important;
}
.table.supplier-invoice-listing .si-invoice-inner-list div:nth-child(5) {
  width: 12% !important;
}
.table.supplier-invoice-listing .si-invoice-inner-list div:nth-child(6) {
  width: 155px !important;
}
.table.supplier-invoice-listing .si-invoice-inner-list div:nth-child(7) {
  width: 60px !important;
}
.table.supplier-invoice-listing .si-invoice-inner-list div:first-child {
  padding-left: 20px !important;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(1),
.table.supplier-invoice-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(2),
.table.supplier-invoice-listing .table-row div:nth-child(2) {
  width: 12%;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(3),
.table.supplier-invoice-listing .table-row div:nth-child(3) {
  width: calc(17% + 4px);
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(4),
.table.supplier-invoice-listing .table-row div:nth-child(4) {
  width: 10%;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(5),
.table.supplier-invoice-listing .table-row div:nth-child(5) {
  width: 0%;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(6),
.table.supplier-invoice-listing .table-row div:nth-child(6) {
  width: 10%;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(7),
.table.supplier-invoice-listing .table-row div:nth-child(7) {
  width: 10%;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(8),
.table.supplier-invoice-listing .table-row div:nth-child(8) {
  width: 0%;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(9),
.table.supplier-invoice-listing .table-row div:nth-child(9) {
  width: 9%;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(10),
.table.supplier-invoice-listing .table-row div:nth-child(10) {
  width: 15%;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(11),
.table.supplier-invoice-listing .table-row div:nth-child(11) {
  width: 12%;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(12),
.table.supplier-invoice-listing .table-row div:nth-child(12) {
  width: 12%;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(13),
.table.supplier-invoice-listing .table-row div:nth-child(13) {
  width: calc(12% + 3px);
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(14),
.table.supplier-invoice-listing .table-row div:nth-child(14) {
  width: calc(10% + 4px);
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(15),
.table.supplier-invoice-listing .table-row div:nth-child(15) {
  width: 0%;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(16),
.table.supplier-invoice-listing .table-row div:nth-child(16) {
  width: 12%;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(17),
.table.supplier-invoice-listing .table-row div:nth-child(17) {
  width: 55px;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(18),
.table.supplier-invoice-listing .table-row div:nth-child(18) {
  width: 90px;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(19),
.table.supplier-invoice-listing .table-row div:nth-child(19) {
  width: 55px;
}
.table.supplier-invoice-listing .table-body .table-row div {
  height: auto;
  display: flex;
  align-items: center;
}
.table.supplier-invoice-listing .table-body .table-row div:not(:nth-child(2)) {
  justify-content: start;
}
.table.supplier-invoice-listing .table-body .table-row div:not(:nth-child(2)).align-right {
  justify-content: end;
}
.table.supplier-invoice-listing .table-body .table-row div:nth-child(17) {
  justify-content: center;
}
.table.supplier-invoice-listing .table-body .table-row div .ant-badge {
  background: unset;
}
.table.supplier-invoice-listing .table-header .th-column {
  white-space: break-spaces;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(19) {
  width: 70px !important;
}
.table.supplier-invoice-listing .table-row div:nth-child(11) {
  display: flex;
  justify-content: space-between !important;
}
.table.supplier-invoice-listing .table-row div:nth-child(2) {
  overflow-wrap: break-word;
  line-height: unset;
  overflow-x: hidden;
  overflow-y: clip;
  margin: unset;
  align-items: center;
  white-space: pre-wrap;
  min-width: 88px;
}
.table.supplier-invoice-listing .table-row div:nth-child(2) p {
  margin-bottom: unset;
  padding: 3px;
}
.table.supplier-invoice-listing .table-header .th-column:nth-child(8) {
  padding-left: 2px;
}
.table.supplier-invoice-listing .table-row div:nth-child(8) {
  padding-left: 2px;
  font-size: 10px;
}
.table.supplier-invoice-listing .table-footer > div {
  font-size: 11px;
}
.table.supplier-invoice-listing .table-footer > div:nth-child(1) {
  width: calc(88% + 50px);
}
.table.supplier-invoice-listing .table-footer > div:nth-child(2) {
  width: 12%;
}
.table.supplier-invoice-listing .table-footer > div:nth-child(3) {
  width: 12%;
}
.table.supplier-invoice-listing .table-footer > div:nth-child(4) {
  width: 12%;
}
.table.supplier-invoice-listing .table-footer > div:nth-child(5) {
  width: 0%;
}
.table.supplier-invoice-listing .table-footer > div:nth-child(6) {
  width: calc(22% + 4px);
}
.table.supplier-invoice-listing .table-footer > div:nth-child(7) {
  width: 53px;
}
.table.supplier-invoice-listing .table-footer > div:nth-child(8) {
  width: 90px;
}
.table.supplier-invoice-listing .table-footer > div:nth-child(9) {
  width: 70px;
}
.table.supplier-invoice-listing .table-footer > div:nth-child(4), .table.supplier-invoice-listing .table-footer > div:nth-child(3), .table.supplier-invoice-listing .table-footer > div:nth-child(2) {
  padding-left: 0px !important;
}
.table.supplier-invoice-listing .table-footer > div:nth-child(6) {
  padding-left: 3px !important;
}
.table.supplier-invoice-listing .table-footer > div:nth-child(5) {
  padding: 0px !important;
}
.table.supplier-invoice-listing a {
  color: #19193e !important;
}

/* supplier-invoice-listing-ext */
.table.supplier-invoice-listing-ext .table.negative-val-row {
  padding: 0px !important;
}
.table.supplier-invoice-listing-ext .table.negative-val-row .table-row {
  background: #cfc9e4 !important;
}
.table.supplier-invoice-listing-ext .si-invoice-inner-list .si-delete-btn {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.table.supplier-invoice-listing-ext .si-invoice-inner-list div {
  padding: 0 10px !important;
}
.table.supplier-invoice-listing-ext .si-invoice-inner-list div:nth-child(1) {
  width: 50px !important;
}
.table.supplier-invoice-listing-ext .si-invoice-inner-list div:nth-child(2) {
  width: 58% !important;
}
.table.supplier-invoice-listing-ext .si-invoice-inner-list div:nth-child(3) {
  width: 7% !important;
}
.table.supplier-invoice-listing-ext .si-invoice-inner-list div:nth-child(4) {
  width: calc(13% + 5px) !important;
}
.table.supplier-invoice-listing-ext .si-invoice-inner-list div:nth-child(5) {
  width: 10% !important;
}
.table.supplier-invoice-listing-ext .si-invoice-inner-list div:nth-child(6) {
  width: 136px !important;
}
.table.supplier-invoice-listing-ext .si-invoice-inner-list div:nth-child(7) {
  width: 50px !important;
}
.table.supplier-invoice-listing-ext .si-invoice-inner-list div:nth-child(7) {
  padding: 0px !important;
}
.table.supplier-invoice-listing-ext .si-invoice-inner-list div:nth-child(2) {
  padding-left: 10px !important;
}
.table.supplier-invoice-listing-ext .si-invoice-inner-list div:nth-child(1) {
  padding-left: 20px !important;
}
.table.supplier-invoice-listing-ext .si-invoice-inner-list div.paymentAmount.currency-code-in {
  justify-content: end !important;
  gap: 5px;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(1),
.table.supplier-invoice-listing-ext .table-row div:nth-child(1) {
  width: 50px;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(2),
.table.supplier-invoice-listing-ext .table-row div:nth-child(2) {
  width: calc(11% + 1px);
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(3),
.table.supplier-invoice-listing-ext .table-row div:nth-child(3) {
  width: 23%;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(4),
.table.supplier-invoice-listing-ext .table-row div:nth-child(4) {
  width: 10%;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(5),
.table.supplier-invoice-listing-ext .table-row div:nth-child(5) {
  width: 0%;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(6),
.table.supplier-invoice-listing-ext .table-row div:nth-child(6) {
  width: 8%;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(7),
.table.supplier-invoice-listing-ext .table-row div:nth-child(7) {
  width: 8%;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(8),
.table.supplier-invoice-listing-ext .table-row div:nth-child(8) {
  width: 7%;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(9),
.table.supplier-invoice-listing-ext .table-row div:nth-child(9) {
  width: 0%;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(10),
.table.supplier-invoice-listing-ext .table-row div:nth-child(10) {
  width: 0%;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(11),
.table.supplier-invoice-listing-ext .table-row div:nth-child(11) {
  width: 8%;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(12),
.table.supplier-invoice-listing-ext .table-row div:nth-child(12) {
  width: 8%;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(13),
.table.supplier-invoice-listing-ext .table-row div:nth-child(13) {
  width: 8%;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(14),
.table.supplier-invoice-listing-ext .table-row div:nth-child(14) {
  width: 0%;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(15),
.table.supplier-invoice-listing-ext .table-row div:nth-child(15) {
  width: 10%;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(16),
.table.supplier-invoice-listing-ext .table-row div:nth-child(16) {
  width: 10%;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(17),
.table.supplier-invoice-listing-ext .table-row div:nth-child(17) {
  width: 50px;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(18),
.table.supplier-invoice-listing-ext .table-row div:nth-child(18) {
  width: 90px;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(19),
.table.supplier-invoice-listing-ext .table-row div:nth-child(19) {
  width: 51px;
}
.table.supplier-invoice-listing-ext .table-body .table-row div {
  height: auto;
  display: flex;
  align-items: center;
}
.table.supplier-invoice-listing-ext .table-body .table-row div:not(:nth-child(2)) {
  justify-content: start;
}
.table.supplier-invoice-listing-ext .table-body .table-row div:not(:nth-child(2)).align-right {
  justify-content: end;
}
.table.supplier-invoice-listing-ext .table-body .table-row div:nth-child(18) {
  justify-content: center;
}
.table.supplier-invoice-listing-ext .table-body .table-row div .ant-badge {
  background: unset;
}
.table.supplier-invoice-listing-ext .table-header .th-column {
  white-space: break-spaces;
}
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(19) {
  width: 60px !important;
}
.table.supplier-invoice-listing-ext .table-row div:nth-child(11) {
  justify-content: space-between !important;
}
.table.supplier-invoice-listing-ext .table-row div:nth-child(2) {
  overflow-wrap: break-word;
  line-height: unset;
  overflow-x: hidden;
  overflow-y: clip;
  margin: unset;
  align-items: center;
  white-space: pre-wrap;
  min-width: 88px;
}
.table.supplier-invoice-listing-ext .table-row div:nth-child(2) p {
  margin-bottom: unset;
  padding: 3px;
}
.table.supplier-invoice-listing-ext .table-footer > div {
  font-size: 11px;
}
.table.supplier-invoice-listing-ext .table-footer > div:nth-child(1) {
  width: calc(69% + 30px);
}
.table.supplier-invoice-listing-ext .table-footer > div:nth-child(2) {
  width: 8%;
}
.table.supplier-invoice-listing-ext .table-footer > div:nth-child(3) {
  width: 8%;
}
.table.supplier-invoice-listing-ext .table-footer > div:nth-child(4) {
  width: 8%;
}
.table.supplier-invoice-listing-ext .table-footer > div:nth-child(5) {
  width: 0%;
}
.table.supplier-invoice-listing-ext .table-footer > div:nth-child(6) {
  width: calc(20% + 10px);
}
.table.supplier-invoice-listing-ext .table-footer > div:nth-child(7) {
  width: 50px;
}
.table.supplier-invoice-listing-ext .table-footer > div:nth-child(8) {
  width: 90px;
}
.table.supplier-invoice-listing-ext .table-footer > div:nth-child(9) {
  width: 58px;
}
.table.supplier-invoice-listing-ext a {
  color: #19193e !important;
}

/*supplier-invoice-listing-all*/
.table.supplier-invoice-listing-all .table.negative-val-row {
  padding: 0px !important;
}
.table.supplier-invoice-listing-all .table.negative-val-row .table-row {
  background: #cfc9e4 !important;
}
.table.supplier-invoice-listing-all .si-invoice-inner-list .si-delete-btn {
  padding-left: 0 !important;
}
.table.supplier-invoice-listing-all .si-invoice-inner-list .si-delete-btn .icon-btn {
  width: 110px;
  padding: 0 !important;
}
.table.supplier-invoice-listing-all .si-invoice-inner-list div {
  padding: 0 10px !important;
}
.table.supplier-invoice-listing-all .si-invoice-inner-list div:nth-child(1) {
  width: 50px !important;
}
.table.supplier-invoice-listing-all .si-invoice-inner-list div:nth-child(2) {
  width: 65% !important;
}
.table.supplier-invoice-listing-all .si-invoice-inner-list div:nth-child(3) {
  width: 10% !important;
}
.table.supplier-invoice-listing-all .si-invoice-inner-list div:nth-child(4) {
  width: 35% !important;
}
.table.supplier-invoice-listing-all .si-invoice-inner-list div:nth-child(5) {
  width: 12% !important;
}
.table.supplier-invoice-listing-all .si-invoice-inner-list div:nth-child(6) {
  width: calc(11% + 140px) !important;
}
.table.supplier-invoice-listing-all .si-invoice-inner-list div:nth-child(7) {
  width: 60px !important;
}
.table.supplier-invoice-listing-all .si-invoice-inner-list div:nth-child(8) {
  justify-content: center !important;
}
.table.supplier-invoice-listing-all .si-invoice-inner-list div:nth-child(2) {
  padding-left: 10px !important;
}
.table.supplier-invoice-listing-all .si-invoice-inner-list div:first-child {
  padding-left: 20px !important;
}
.table.supplier-invoice-listing-all .si-invoice-inner-list div.paymentAmount.currency-code-in {
  justify-content: end !important;
  gap: 8px;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(1),
.table.supplier-invoice-listing-all .table-row div:nth-child(1) {
  width: 50px;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(2),
.table.supplier-invoice-listing-all .table-row div:nth-child(2) {
  width: 12%;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(3),
.table.supplier-invoice-listing-all .table-row div:nth-child(3) {
  width: calc(23% + 1px);
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(4),
.table.supplier-invoice-listing-all .table-row div:nth-child(4) {
  width: 10%;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(5),
.table.supplier-invoice-listing-all .table-row div:nth-child(5) {
  width: 0%;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(6),
.table.supplier-invoice-listing-all .table-row div:nth-child(6) {
  width: 10%;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(7),
.table.supplier-invoice-listing-all .table-row div:nth-child(7) {
  width: 10%;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(8),
.table.supplier-invoice-listing-all .table-row div:nth-child(8) {
  width: 10%;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(9),
.table.supplier-invoice-listing-all .table-row div:nth-child(9) {
  width: 0%;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(10),
.table.supplier-invoice-listing-all .table-row div:nth-child(10) {
  width: 0%;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(11),
.table.supplier-invoice-listing-all .table-row div:nth-child(11) {
  width: 12%;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(12),
.table.supplier-invoice-listing-all .table-row div:nth-child(12) {
  width: 12%;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(13),
.table.supplier-invoice-listing-all .table-row div:nth-child(13) {
  width: calc(12% + 1px);
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(14),
.table.supplier-invoice-listing-all .table-row div:nth-child(14) {
  width: 12%;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(15),
.table.supplier-invoice-listing-all .table-row div:nth-child(15) {
  width: 0%;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(16),
.table.supplier-invoice-listing-all .table-row div:nth-child(16) {
  width: 10%;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(17),
.table.supplier-invoice-listing-all .table-row div:nth-child(17) {
  width: 50px;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(18),
.table.supplier-invoice-listing-all .table-row div:nth-child(18) {
  width: 90px;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(19),
.table.supplier-invoice-listing-all .table-row div:nth-child(19) {
  width: 60px;
}
.table.supplier-invoice-listing-all .table-body .table-row div {
  height: auto;
  display: flex;
  align-items: center;
}
.table.supplier-invoice-listing-all .table-body .table-row div:not(:nth-child(2)) {
  justify-content: start;
}
.table.supplier-invoice-listing-all .table-body .table-row div:not(:nth-child(2)).align-right {
  justify-content: end;
}
.table.supplier-invoice-listing-all .table-body .table-row div:nth-child(18) {
  justify-content: center;
}
.table.supplier-invoice-listing-all .table-body .table-row div .ant-badge {
  background: unset;
}
.table.supplier-invoice-listing-all .table-header .th-column {
  white-space: break-spaces;
}
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(19) {
  width: 73px !important;
}
.table.supplier-invoice-listing-all .table-row div:nth-child(11) {
  justify-content: space-between !important;
}
.table.supplier-invoice-listing-all .table-row div:nth-child(2) {
  overflow-wrap: break-word;
  line-height: unset;
  overflow-x: hidden;
  overflow-y: clip;
  margin: unset;
  align-items: center;
  white-space: pre-wrap;
  min-width: 88px;
}
.table.supplier-invoice-listing-all .table-row div:nth-child(2) p {
  margin-bottom: unset;
  padding: 3px;
}
.table.supplier-invoice-listing-all .table-footer > div {
  font-size: 11px;
}
.table.supplier-invoice-listing-all .table-footer > div:nth-child(1) {
  width: calc(81% + 50px);
}
.table.supplier-invoice-listing-all .table-footer > div:nth-child(2) {
  width: 12%;
}
.table.supplier-invoice-listing-all .table-footer > div:nth-child(3) {
  width: 12%;
}
.table.supplier-invoice-listing-all .table-footer > div:nth-child(4) {
  width: 12%;
}
.table.supplier-invoice-listing-all .table-footer > div:nth-child(5) {
  width: 12%;
}
.table.supplier-invoice-listing-all .table-footer > div:nth-child(6) {
  width: 10%;
}
.table.supplier-invoice-listing-all .table-footer > div:nth-child(7) {
  width: 50px;
}
.table.supplier-invoice-listing-all .table-footer > div:nth-child(8) {
  width: 90px;
}
.table.supplier-invoice-listing-all .table-footer > div:nth-child(9) {
  width: 80px;
}
.table.supplier-invoice-listing-all a {
  color: #19193e !important;
}

/*supplier-invoice-inner-listing*/
.table.supplier-invoice-inner-listing {
  padding: 10px 2px !important;
  background: #ffffff;
  border-right: 1px solid #a9b3bb;
}
.table.supplier-invoice-inner-listing .table-header .th-column:nth-child(1),
.table.supplier-invoice-inner-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.supplier-invoice-inner-listing .table-header .th-column:nth-child(2),
.table.supplier-invoice-inner-listing .table-row div:nth-child(2) {
  width: 11%;
}
.table.supplier-invoice-inner-listing .table-header .th-column:nth-child(3),
.table.supplier-invoice-inner-listing .table-row div:nth-child(3) {
  width: 27%;
}
.table.supplier-invoice-inner-listing .table-header .th-column:nth-child(4),
.table.supplier-invoice-inner-listing .table-row div:nth-child(4) {
  width: 6%;
}
.table.supplier-invoice-inner-listing .table-header .th-column:nth-child(5),
.table.supplier-invoice-inner-listing .table-row div:nth-child(5) {
  width: 8%;
}
.table.supplier-invoice-inner-listing .table-header .th-column:nth-child(6),
.table.supplier-invoice-inner-listing .table-row div:nth-child(6) {
  width: 8%;
}
.table.supplier-invoice-inner-listing .table-header .th-column:nth-child(7),
.table.supplier-invoice-inner-listing .table-row div:nth-child(7) {
  width: 7%;
}
.table.supplier-invoice-inner-listing .table-header .th-column:nth-child(8),
.table.supplier-invoice-inner-listing .table-row div:nth-child(8) {
  width: 8%;
}
.table.supplier-invoice-inner-listing .table-header .th-column:nth-child(9),
.table.supplier-invoice-inner-listing .table-row div:nth-child(9) {
  width: 8%;
}
.table.supplier-invoice-inner-listing .table-header .th-column:nth-child(10),
.table.supplier-invoice-inner-listing .table-row div:nth-child(10) {
  width: 8%;
}
.table.supplier-invoice-inner-listing .table-header .th-column:nth-child(11),
.table.supplier-invoice-inner-listing .table-row div:nth-child(11) {
  width: 0%;
}
.table.supplier-invoice-inner-listing .table-header .th-column:nth-child(12),
.table.supplier-invoice-inner-listing .table-row div:nth-child(12) {
  width: 50px;
}
.table.supplier-invoice-inner-listing .table-header .th-column:nth-child(13),
.table.supplier-invoice-inner-listing .table-row div:nth-child(13) {
  width: 60px;
}
.table.supplier-invoice-inner-listing .table-header .th-column:nth-child(14),
.table.supplier-invoice-inner-listing .table-row div:nth-child(14) {
  width: 60px;
}
.table.supplier-invoice-inner-listing .table-body .table-row div {
  height: auto;
  display: flex;
  align-items: center;
}
.table.supplier-invoice-inner-listing .table-body .table-row div:not(:nth-child(2)) {
  justify-content: start;
}
.table.supplier-invoice-inner-listing .table-body .table-row div:not(:nth-child(2)).align-right {
  justify-content: end;
}
.table.supplier-invoice-inner-listing .table-body .table-row div .ant-badge {
  background: unset;
}
.table.supplier-invoice-inner-listing .table-row div:nth-child(2) {
  overflow-wrap: break-word;
  line-height: unset;
  overflow-x: hidden;
  overflow-y: clip;
  margin: unset;
  align-items: center;
  white-space: pre-wrap;
  min-width: 88px;
}
.table.supplier-invoice-inner-listing .table-row div:nth-child(2) p {
  margin-bottom: unset;
  padding: 3px;
}
.table.supplier-invoice-inner-listing .table-footer > div:nth-child(1) {
  width: 75%;
}
.table.supplier-invoice-inner-listing .table-footer > div:nth-child(2) {
  width: 25%;
}
.table.supplier-invoice-inner-listing .negative-val-row div {
  color: #ff0000;
}

.table.supplier-invoice-inner-listing-all {
  padding: 10px 2px !important;
  background: #ffffff;
  border-right: 1px solid #a9b3bb;
}
.table.supplier-invoice-inner-listing-all .table-header .th-column:nth-child(1),
.table.supplier-invoice-inner-listing-all .table-row div:nth-child(1) {
  width: 50px;
}
.table.supplier-invoice-inner-listing-all .table-header .th-column:nth-child(2),
.table.supplier-invoice-inner-listing-all .table-row div:nth-child(2) {
  width: 12%;
}
.table.supplier-invoice-inner-listing-all .table-header .th-column:nth-child(3),
.table.supplier-invoice-inner-listing-all .table-row div:nth-child(3) {
  width: 23%;
}
.table.supplier-invoice-inner-listing-all .table-header .th-column:nth-child(4),
.table.supplier-invoice-inner-listing-all .table-row div:nth-child(4) {
  width: 10%;
}
.table.supplier-invoice-inner-listing-all .table-header .th-column:nth-child(5),
.table.supplier-invoice-inner-listing-all .table-row div:nth-child(5) {
  width: 10%;
}
.table.supplier-invoice-inner-listing-all .table-header .th-column:nth-child(6),
.table.supplier-invoice-inner-listing-all .table-row div:nth-child(6) {
  width: 10%;
}
.table.supplier-invoice-inner-listing-all .table-header .th-column:nth-child(7),
.table.supplier-invoice-inner-listing-all .table-row div:nth-child(7) {
  width: 10%;
}
.table.supplier-invoice-inner-listing-all .table-header .th-column:nth-child(8),
.table.supplier-invoice-inner-listing-all .table-row div:nth-child(8) {
  width: 12%;
}
.table.supplier-invoice-inner-listing-all .table-header .th-column:nth-child(9),
.table.supplier-invoice-inner-listing-all .table-row div:nth-child(9) {
  width: 12%;
}
.table.supplier-invoice-inner-listing-all .table-header .th-column:nth-child(10),
.table.supplier-invoice-inner-listing-all .table-row div:nth-child(10) {
  width: 12%;
}
.table.supplier-invoice-inner-listing-all .table-header .th-column:nth-child(11),
.table.supplier-invoice-inner-listing-all .table-row div:nth-child(11) {
  width: 22%;
}
.table.supplier-invoice-inner-listing-all .table-header .th-column:nth-child(12),
.table.supplier-invoice-inner-listing-all .table-row div:nth-child(12) {
  width: 50px;
}
.table.supplier-invoice-inner-listing-all .table-header .th-column:nth-child(13),
.table.supplier-invoice-inner-listing-all .table-row div:nth-child(13) {
  width: 90px;
}
.table.supplier-invoice-inner-listing-all .table-header .th-column:nth-child(14),
.table.supplier-invoice-inner-listing-all .table-row div:nth-child(14) {
  width: 60px;
}
.table.supplier-invoice-inner-listing-all .table-body .table-row div {
  height: auto;
  display: flex;
  align-items: center;
}
.table.supplier-invoice-inner-listing-all .table-body .table-row div:not(:nth-child(2)) {
  justify-content: start;
}
.table.supplier-invoice-inner-listing-all .table-body .table-row div:not(:nth-child(2)).align-right {
  justify-content: end;
}
.table.supplier-invoice-inner-listing-all .table-body .table-row div .ant-badge {
  background: unset;
}
.table.supplier-invoice-inner-listing-all .table-body .table-row div:nth-child(1) {
  padding-left: 20px !important;
}
.table.supplier-invoice-inner-listing-all .table-row div:nth-child(2) {
  overflow-wrap: break-word;
  line-height: unset;
  overflow-x: hidden;
  overflow-y: clip;
  margin: unset;
  align-items: center;
  white-space: pre-wrap;
  min-width: 88px;
}
.table.supplier-invoice-inner-listing-all .table-row div:nth-child(2) p {
  margin-bottom: unset;
  padding: 3px;
}
.table.supplier-invoice-inner-listing-all .table-footer > div:nth-child(1) {
  width: 75%;
}
.table.supplier-invoice-inner-listing-all .table-footer > div:nth-child(2) {
  width: 25%;
}
.table.supplier-invoice-inner-listing-all .negative-val-row div {
  color: #ff0000;
}

.table.supplier-invoice-inner-listing-not-paid {
  padding: 10px 2px !important;
  background: #ffffff;
  border-right: 1px solid #a9b3bb;
}
.table.supplier-invoice-inner-listing-not-paid .table-header .th-column:nth-child(1),
.table.supplier-invoice-inner-listing-not-paid .table-row div:nth-child(1) {
  width: 47px;
}
.table.supplier-invoice-inner-listing-not-paid .table-header .th-column:nth-child(2),
.table.supplier-invoice-inner-listing-not-paid .table-row div:nth-child(2) {
  width: 12%;
}
.table.supplier-invoice-inner-listing-not-paid .table-header .th-column:nth-child(3),
.table.supplier-invoice-inner-listing-not-paid .table-row div:nth-child(3) {
  width: 19%;
}
.table.supplier-invoice-inner-listing-not-paid .table-header .th-column:nth-child(4),
.table.supplier-invoice-inner-listing-not-paid .table-row div:nth-child(4) {
  width: calc(7% + 10px);
}
.table.supplier-invoice-inner-listing-not-paid .table-header .th-column:nth-child(5),
.table.supplier-invoice-inner-listing-not-paid .table-row div:nth-child(5) {
  width: 10%;
}
.table.supplier-invoice-inner-listing-not-paid .table-header .th-column:nth-child(6),
.table.supplier-invoice-inner-listing-not-paid .table-row div:nth-child(6) {
  width: 10%;
}
.table.supplier-invoice-inner-listing-not-paid .table-header .th-column:nth-child(7),
.table.supplier-invoice-inner-listing-not-paid .table-row div:nth-child(7) {
  width: 24%;
}
.table.supplier-invoice-inner-listing-not-paid .table-header .th-column:nth-child(8),
.table.supplier-invoice-inner-listing-not-paid .table-row div:nth-child(8) {
  width: 12%;
}
.table.supplier-invoice-inner-listing-not-paid .table-header .th-column:nth-child(9),
.table.supplier-invoice-inner-listing-not-paid .table-row div:nth-child(9) {
  width: 12%;
}
.table.supplier-invoice-inner-listing-not-paid .table-header .th-column:nth-child(10),
.table.supplier-invoice-inner-listing-not-paid .table-row div:nth-child(10) {
  width: 12%;
}
.table.supplier-invoice-inner-listing-not-paid .table-header .th-column:nth-child(11),
.table.supplier-invoice-inner-listing-not-paid .table-row div:nth-child(11) {
  width: 22%;
}
.table.supplier-invoice-inner-listing-not-paid .table-header .th-column:nth-child(12),
.table.supplier-invoice-inner-listing-not-paid .table-row div:nth-child(12) {
  width: 55px;
}
.table.supplier-invoice-inner-listing-not-paid .table-header .th-column:nth-child(13),
.table.supplier-invoice-inner-listing-not-paid .table-row div:nth-child(13) {
  width: 90px;
}
.table.supplier-invoice-inner-listing-not-paid .table-header .th-column:nth-child(14),
.table.supplier-invoice-inner-listing-not-paid .table-row div:nth-child(14) {
  width: 55px;
}
.table.supplier-invoice-inner-listing-not-paid .table-row div:nth-child(2) {
  display: flex;
  justify-content: flex-start;
}
.table.supplier-invoice-inner-listing-not-paid .table-row div:first-child {
  padding-left: 20px !important;
}
.table.supplier-invoice-inner-listing-not-paid .table-footer > div:nth-child(1) {
  width: 75%;
}
.table.supplier-invoice-inner-listing-not-paid .table-footer > div:nth-child(2) {
  width: 25%;
}
.table.supplier-invoice-inner-listing-not-paid .negative-val-row div {
  color: #ff0000;
}

.supplier-invoice-inner-listing-all .table-row div,
.supplier-invoice-inner-listing-not-paid .table-row div,
.ov-debit-note-inner-list .table-row div,
.debit-note-inner-list .table-row div,
.supplier-invoice-inner-listing .table-row div,
.ev-timesheet-inner-listing .table-row div,
.ov-timesheet-inner-listing .table-row div {
  padding: 0 10px !important;
}

/* payment-invoice-lisitng */
.table.payment-invoice-listing .table-header .th-column:nth-child(1),
.table.payment-invoice-listing .table-row div:nth-child(1) {
  width: 10%;
}
.table.payment-invoice-listing .table-header .th-column:nth-child(2),
.table.payment-invoice-listing .table-row div:nth-child(2) {
  width: 35%;
}
.table.payment-invoice-listing .table-header .th-column:nth-child(3),
.table.payment-invoice-listing .table-row div:nth-child(3) {
  width: 10%;
}
.table.payment-invoice-listing .table-header .th-column:nth-child(4),
.table.payment-invoice-listing .table-row div:nth-child(4) {
  width: 10%;
}
.table.payment-invoice-listing .table-header .th-column:nth-child(5),
.table.payment-invoice-listing .table-row div:nth-child(5) {
  width: 10%;
}
.table.payment-invoice-listing .table-header .th-column:nth-child(6),
.table.payment-invoice-listing .table-row div:nth-child(6) {
  width: 10%;
}
.table.payment-invoice-listing .table-header .th-column:nth-child(7),
.table.payment-invoice-listing .table-row div:nth-child(7) {
  width: 15%;
}
.table.payment-invoice-listing .table-header .th-column:nth-child(8),
.table.payment-invoice-listing .table-row div:nth-child(8) {
  width: 50px;
}
.table.payment-invoice-listing .table-footer > div:nth-child(1) {
  width: 85%;
}
.table.payment-invoice-listing .table-footer > div:nth-child(2) {
  width: 15%;
}
.table.payment-invoice-listing .table-footer > div:nth-child(3) {
  width: 50px;
}

/* agreement order listing  */
.table.agreement-order-listing .table-header .th-column:nth-child(1),
.table.agreement-order-listing .table-row div:nth-child(1) {
  width: 8%;
}
.table.agreement-order-listing .table-header .th-column:nth-child(2),
.table.agreement-order-listing .table-row div:nth-child(2) {
  width: 28%;
}
.table.agreement-order-listing .table-header .th-column:nth-child(3),
.table.agreement-order-listing .table-row div:nth-child(3) {
  width: 12%;
}
.table.agreement-order-listing .table-header .th-column:nth-child(4),
.table.agreement-order-listing .table-row div:nth-child(4) {
  width: 8%;
}
.table.agreement-order-listing .table-header .th-column:nth-child(5),
.table.agreement-order-listing .table-row div:nth-child(5) {
  width: 8%;
}
.table.agreement-order-listing .table-header .th-column:nth-child(6),
.table.agreement-order-listing .table-row div:nth-child(6) {
  width: 12%;
}
.table.agreement-order-listing .table-header .th-column:nth-child(7),
.table.agreement-order-listing .table-row div:nth-child(7) {
  width: 12%;
}
.table.agreement-order-listing .table-header .th-column:nth-child(8),
.table.agreement-order-listing .table-row div:nth-child(8) {
  width: 12%;
}
.table.agreement-order-listing .table-footer > div:nth-child(1) {
  width: 36%;
}
.table.agreement-order-listing .table-footer > div:nth-child(2) {
  width: 12%;
}
.table.agreement-order-listing .table-footer > div:nth-child(3) {
  width: 8%;
}
.table.agreement-order-listing .table-footer > div:nth-child(4) {
  width: 8%;
}
.table.agreement-order-listing .table-footer > div:nth-child(5) {
  width: 12%;
}
.table.agreement-order-listing .table-footer > div:nth-child(6) {
  width: 12%;
}
.table.agreement-order-listing .table-footer > div:nth-child(7) {
  width: 12%;
}

/* purchase order listing */
.table.purchase-order-listing .table-header .th-column:nth-child(1),
.table.purchase-order-listing .table-row div:nth-child(1) {
  width: 52%;
}
.table.purchase-order-listing .table-header .th-column:nth-child(2),
.table.purchase-order-listing .table-row div:nth-child(2) {
  width: 11%;
}
.table.purchase-order-listing .table-header .th-column:nth-child(3),
.table.purchase-order-listing .table-row div:nth-child(3) {
  width: 11%;
}
.table.purchase-order-listing .table-header .th-column:nth-child(4),
.table.purchase-order-listing .table-row div:nth-child(4) {
  width: 140px;
}
.table.purchase-order-listing .table-header .th-column:nth-child(5),
.table.purchase-order-listing .table-row div:nth-child(5) {
  width: 13%;
}
.table.purchase-order-listing .table-header .th-column:nth-child(6),
.table.purchase-order-listing .table-row div:nth-child(6) {
  width: 13%;
}
.table.purchase-order-listing .table-header .th-column:nth-child(7),
.table.purchase-order-listing .table-row div:nth-child(7) {
  width: 50px;
}
.table.purchase-order-listing .table-footer > div:nth-child(1) {
  width: 74%;
}
.table.purchase-order-listing .table-footer > div:nth-child(2) {
  width: 140px;
}
.table.purchase-order-listing .table-footer > div:nth-child(3) {
  width: 13%;
}
.table.purchase-order-listing .table-footer > div:nth-child(4) {
  width: 13%;
}
.table.purchase-order-listing .table-footer > div:nth-child(5) {
  width: 50px;
}
.table.purchase-order-listing div a {
  color: #19193e;
}

/* bank reconciliation listing */
.table.bank-reconciliation-list .table-header .th-column:nth-child(1),
.table.bank-reconciliation-list .table-row div:nth-child(1) {
  width: 3%;
}
.table.bank-reconciliation-list .table-header .th-column:nth-child(2),
.table.bank-reconciliation-list .table-row div:nth-child(2) {
  width: 15%;
}
.table.bank-reconciliation-list .table-header .th-column:nth-child(3),
.table.bank-reconciliation-list .table-row div:nth-child(3) {
  width: 15%;
}
.table.bank-reconciliation-list .table-header .th-column:nth-child(4),
.table.bank-reconciliation-list .table-row div:nth-child(4) {
  width: 43%;
}
.table.bank-reconciliation-list .table-header .th-column:nth-child(5),
.table.bank-reconciliation-list .table-row div:nth-child(5) {
  width: 12%;
}
.table.bank-reconciliation-list .table-header .th-column:nth-child(6),
.table.bank-reconciliation-list .table-row div:nth-child(6) {
  width: 12%;
}
.table.bank-reconciliation-list .table-header .th-column:nth-child(7),
.table.bank-reconciliation-list .table-row div:nth-child(7) {
  width: 12%;
}
.table.bank-reconciliation-list .table-footer div:nth-child(1) {
  width: 15%;
}
.table.bank-reconciliation-list .table-footer div:nth-child(2) {
  width: 3%;
}
.table.bank-reconciliation-list .table-footer div:nth-child(3) {
  width: 15%;
}
.table.bank-reconciliation-list .table-footer div:nth-child(4) {
  width: 43%;
}
.table.bank-reconciliation-list .table-footer div:nth-child(5) {
  width: 12%;
}
.table.bank-reconciliation-list .table-footer div:nth-child(6) {
  width: 12%;
}
.table.bank-reconciliation-list .table-footer div:nth-child(7) {
  width: calc(12% + 8px);
}
.table.bank-reconciliation-list .table-header.hasBankAccountColumn .th-column:nth-child(1),
.table.bank-reconciliation-list .table-row.hasBankAccountColumn div:nth-child(1) {
  width: 3%;
}
.table.bank-reconciliation-list .table-header.hasBankAccountColumn .th-column:nth-child(2),
.table.bank-reconciliation-list .table-row.hasBankAccountColumn div:nth-child(2) {
  width: 10%;
}
.table.bank-reconciliation-list .table-header.hasBankAccountColumn .th-column:nth-child(3),
.table.bank-reconciliation-list .table-row.hasBankAccountColumn div:nth-child(3) {
  width: 10%;
}
.table.bank-reconciliation-list .table-header.hasBankAccountColumn .th-column:nth-child(4),
.table.bank-reconciliation-list .table-row.hasBankAccountColumn div:nth-child(4) {
  width: 15%;
}
.table.bank-reconciliation-list .table-header.hasBankAccountColumn .th-column:nth-child(5),
.table.bank-reconciliation-list .table-row.hasBankAccountColumn div:nth-child(5) {
  width: 26%;
}
.table.bank-reconciliation-list .table-header.hasBankAccountColumn .th-column:nth-child(6),
.table.bank-reconciliation-list .table-row.hasBankAccountColumn div:nth-child(6) {
  width: 12%;
}
.table.bank-reconciliation-list .table-header.hasBankAccountColumn .th-column:nth-child(7),
.table.bank-reconciliation-list .table-row.hasBankAccountColumn div:nth-child(7) {
  width: 12%;
}
.table.bank-reconciliation-list .table-header.hasBankAccountColumn .th-column:nth-child(8),
.table.bank-reconciliation-list .table-row.hasBankAccountColumn div:nth-child(8) {
  width: 12%;
}
.table.bank-reconciliation-list .table-header.hasBankAccountColumn .th-column:nth-child(8) {
  width: calc(12% + 8px) !important;
}
.table.bank-reconciliation-list .table-header.hasBankAccountColumn .th-column:nth-child(7) {
  width: 12% !important;
}
.table.bank-reconciliation-list .table-footer.hasBankAccountColumn div:nth-child(1) {
  width: 10%;
}
.table.bank-reconciliation-list .table-footer.hasBankAccountColumn div:nth-child(2) {
  width: 3%;
}
.table.bank-reconciliation-list .table-footer.hasBankAccountColumn div:nth-child(3) {
  width: 10%;
}
.table.bank-reconciliation-list .table-footer.hasBankAccountColumn div:nth-child(4) {
  width: 15%;
}
.table.bank-reconciliation-list .table-footer.hasBankAccountColumn div:nth-child(5) {
  width: 26%;
}
.table.bank-reconciliation-list .table-footer.hasBankAccountColumn div:nth-child(6) {
  width: 12%;
}
.table.bank-reconciliation-list .table-footer.hasBankAccountColumn div:nth-child(7) {
  width: 12%;
}
.table.bank-reconciliation-list .table-footer.hasBankAccountColumn div:nth-child(8) {
  width: calc(12% + 8px);
}

.table.table-contact-person .table-header .th-column:nth-child(1),
.table.table-contact-person .table-row div:nth-child(1) {
  width: 30%;
}
.table.table-contact-person .table-header .th-column:nth-child(2),
.table.table-contact-person .table-row div:nth-child(2) {
  width: 40%;
}
.table.table-contact-person .table-header .th-column:nth-child(3),
.table.table-contact-person .table-row div:nth-child(3) {
  width: 30%;
}
.table.table-contact-person .table-header .th-column:nth-child(4),
.table.table-contact-person .table-row div:nth-child(4) {
  width: 50px;
}

.table.table-main-contact-person .table-header .th-column:nth-child(1),
.table.table-main-contact-person .table-row div:nth-child(1) {
  width: 30%;
}
.table.table-main-contact-person .table-header .th-column:nth-child(2),
.table.table-main-contact-person .table-row div:nth-child(2) {
  width: 40%;
}
.table.table-main-contact-person .table-header .th-column:nth-child(3),
.table.table-main-contact-person .table-row div:nth-child(3) {
  width: 19%;
}
.table.table-main-contact-person .table-header .th-column:nth-child(4),
.table.table-main-contact-person .table-row div:nth-child(4) {
  width: 11%;
}

.table.table-sales-articles .table-header .th-column:nth-child(1),
.table.table-sales-articles .table-row div:nth-child(1) {
  width: 60%;
}
.table.table-sales-articles .table-header .th-column:nth-child(2),
.table.table-sales-articles .table-row div:nth-child(2) {
  width: 40%;
}
.table.table-sales-articles .table-header .th-column:nth-child(3),
.table.table-sales-articles .table-row div:nth-child(3) {
  width: 50px;
}

.table.document-listing .table-header .th-column:nth-child(1),
.table.document-listing .table-row div:nth-child(1) {
  width: 90%;
}
.table.document-listing .table-header .th-column:nth-child(2),
.table.document-listing .table-row div:nth-child(2) {
  width: 10%;
}
.table.document-listing .icon-remove {
  color: #15bef0;
}

.table.document-listing.readOnlyAccess .table-header .th-column:nth-child(1),
.table.document-listing.readOnlyAccess .table-row div:nth-child(1) {
  width: 100%;
}

.table.table-bankaccount-numbers .table-header .th-column:nth-child(1),
.table.table-bankaccount-numbers .table-row div:nth-child(1) {
  width: 50%;
}
.table.table-bankaccount-numbers .table-header .th-column:nth-child(2),
.table.table-bankaccount-numbers .table-row div:nth-child(2) {
  width: 50%;
}
.table.table-bankaccount-numbers .table-header .th-column:nth-child(3),
.table.table-bankaccount-numbers .table-row div:nth-child(3) {
  width: 50px;
}

.table.table-ex-payment {
  margin: 15px 0 0 0;
}
.table.table-ex-payment .table-header .th-column:nth-child(1),
.table.table-ex-payment .table-row div:nth-child(1) {
  width: 20%;
}
.table.table-ex-payment .table-header .th-column:nth-child(2),
.table.table-ex-payment .table-row div:nth-child(2) {
  width: 15%;
}
.table.table-ex-payment .table-header .th-column:nth-child(3),
.table.table-ex-payment .table-row div:nth-child(3) {
  width: 15%;
}
.table.table-ex-payment .table-header .th-column:nth-child(4),
.table.table-ex-payment .table-row div:nth-child(4) {
  width: 20%;
}
.table.table-ex-payment .table-header .th-column:nth-child(5),
.table.table-ex-payment .table-row div:nth-child(5) {
  width: 15%;
}
.table.table-ex-payment .table-header .th-column:nth-child(6),
.table.table-ex-payment .table-row div:nth-child(6) {
  width: 15%;
}
.table.table-ex-payment .table-header .th-column:nth-child(7),
.table.table-ex-payment .table-row div:nth-child(7) {
  width: 50px;
}
.table.table-ex-payment .table-footer div:nth-child(1) {
  width: 85%;
}
.table.table-ex-payment .table-footer div:nth-child(2) {
  width: 15%;
}
.table.table-ex-payment .table-footer div:nth-child(3) {
  width: 50px;
}

.table.table-shift-plan .table-header .th-column:nth-child(1),
.table.table-shift-plan .table-row div:nth-child(1) {
  width: 32%;
}
.table.table-shift-plan .table-header .th-column:nth-child(2),
.table.table-shift-plan .table-row div:nth-child(2) {
  width: 30%;
}
.table.table-shift-plan .table-header .th-column:nth-child(3),
.table.table-shift-plan .table-row div:nth-child(3) {
  width: 30%;
}
.table.table-shift-plan .table-header .th-column:nth-child(4),
.table.table-shift-plan .table-row div:nth-child(4) {
  width: 8%;
}

/* sales articles invoiced listings in order view */
.table.sa-invoiced-list {
  margin: 15px 0 0 0;
  /* need to remove once layount fixed */
}
.table.sa-invoiced-list .table-header .th-column:nth-child(1) {
  width: 10%;
}
.table.sa-invoiced-list .table-header .th-column:nth-child(2) {
  width: 20%;
}
.table.sa-invoiced-list .table-header .th-column:nth-child(3) {
  width: 20%;
}
.table.sa-invoiced-list .table-header .th-column:nth-child(4) {
  width: 10%;
}
.table.sa-invoiced-list .table-header .th-column:nth-child(5) {
  width: 8%;
}
.table.sa-invoiced-list .table-header .th-column:nth-child(6) {
  width: 12%;
}
.table.sa-invoiced-list .table-header .th-column:nth-child(7) {
  width: 8%;
}
.table.sa-invoiced-list .table-header .th-column:nth-child(8) {
  width: calc(12% + 9px);
}
.table.sa-invoiced-list .table-header .th-column:nth-child(9) {
  width: 50px;
}
.table.sa-invoiced-list .table-row div:nth-child(1) {
  width: 50px;
}
.table.sa-invoiced-list .table-row div:nth-child(2) {
  width: 10%;
}
.table.sa-invoiced-list .table-row div:nth-child(3) {
  width: 20%;
}
.table.sa-invoiced-list .table-row div:nth-child(4) {
  width: 20%;
}
.table.sa-invoiced-list .table-row div:nth-child(5) {
  width: 10%;
}
.table.sa-invoiced-list .table-row div:nth-child(6) {
  width: 8%;
}
.table.sa-invoiced-list .table-row div:nth-child(7) {
  width: 12%;
}
.table.sa-invoiced-list .table-row div:nth-child(8) {
  width: 8%;
}
.table.sa-invoiced-list .table-row div:nth-child(9) {
  width: 12%;
}
.table.sa-invoiced-list .table-row div:nth-child(10) {
  width: 50px;
}
.table.sa-invoiced-list .table-footer > div:nth-child(1) {
  width: 60%;
}
.table.sa-invoiced-list .table-footer > div:nth-child(2) {
  width: 50px;
}
.table.sa-invoiced-list .table-footer > div:nth-child(3) {
  width: 20%;
}
.table.sa-invoiced-list .table-footer > div:nth-child(4) {
  width: 20%;
}
.table.sa-invoiced-list .table-footer > div:nth-child(5) {
  width: 50px;
}
.table.sa-invoiced-list .table-header .th-column.delete-col {
  display: none;
}
.table.sa-invoiced-list .grouped-row {
  border-left: 1px solid #a9b3bb;
  border-right: 1px solid #a9b3bb;
  background-color: #f2f2f2;
}
.table.sa-invoiced-list .grouped-row div {
  border-right: none !important;
  border-left: none !important;
}
.table.sa-invoiced-list .grouped-row div:nth-child(2) {
  width: 100% !important;
  font-size: 16px;
  font-weight: bold;
  border-left: none !important;
}
.table.sa-invoiced-list .summary-count-row div {
  background-color: #bfc3c6;
}

/* sales articles not-invoiced listings in order view */
.table.sa-not-invoiced-list {
  margin: 0;
}
.table.sa-not-invoiced-list .table-header .th-column:nth-child(1) {
  width: 50px;
}
.table.sa-not-invoiced-list .table-header .th-column:nth-child(2) {
  width: 13%;
}
.table.sa-not-invoiced-list .table-header .th-column:nth-child(3) {
  width: 18%;
}
.table.sa-not-invoiced-list .table-header .th-column:nth-child(4) {
  width: 19%;
}
.table.sa-not-invoiced-list .table-header .th-column:nth-child(5) {
  width: 10%;
}
.table.sa-not-invoiced-list .table-header .th-column:nth-child(6) {
  width: 8%;
}
.table.sa-not-invoiced-list .table-header .th-column:nth-child(7) {
  width: 12%;
}
.table.sa-not-invoiced-list .table-header .th-column:nth-child(8) {
  width: 8%;
}
.table.sa-not-invoiced-list .table-header .th-column:nth-child(9) {
  width: 12%;
}
.table.sa-not-invoiced-list .table-header .th-column:nth-child(10) {
  width: 59px;
}
.table.sa-not-invoiced-list .table-row div:nth-child(1) {
  width: 50px;
}
.table.sa-not-invoiced-list .table-row div:nth-child(2) {
  width: 13%;
}
.table.sa-not-invoiced-list .table-row div:nth-child(3) {
  width: 18%;
}
.table.sa-not-invoiced-list .table-row div:nth-child(4) {
  width: 19%;
}
.table.sa-not-invoiced-list .table-row div:nth-child(5) {
  width: 10%;
}
.table.sa-not-invoiced-list .table-row div:nth-child(6) {
  width: 8%;
}
.table.sa-not-invoiced-list .table-row div:nth-child(7) {
  width: 12%;
}
.table.sa-not-invoiced-list .table-row div:nth-child(8) {
  width: 8%;
}
.table.sa-not-invoiced-list .table-row div:nth-child(9) {
  width: 12%;
}
.table.sa-not-invoiced-list .table-row div:nth-child(10) {
  width: 50px;
}
.table.sa-not-invoiced-list .table-footer > div:nth-child(1) {
  width: 60%;
}
.table.sa-not-invoiced-list .table-footer > div:nth-child(2) {
  width: 50px;
}
.table.sa-not-invoiced-list .table-footer > div:nth-child(3) {
  width: 20%;
}
.table.sa-not-invoiced-list .table-footer > div:nth-child(4) {
  width: 20%;
}
.table.sa-not-invoiced-list .table-footer > div:nth-child(5) {
  width: 50px;
}
.table.sa-not-invoiced-list .grouped-row {
  border-left: 1px solid #a9b3bb;
  border-right: 1px solid #a9b3bb;
  background-color: #f2f2f2;
}
.table.sa-not-invoiced-list .grouped-row div {
  border-right: none !important;
  border-left: none !important;
}
.table.sa-not-invoiced-list .grouped-row div:nth-child(1) {
  background-color: #fff;
}
.table.sa-not-invoiced-list .grouped-row div:nth-child(2) {
  width: 100% !important;
  font-size: 16px;
  font-weight: bold;
  border-left: none !important;
}
.table.sa-not-invoiced-list .summary-count-row div {
  background-color: #bfc3c6;
}

/* sales articles invoiced listings */
.ov-invoice-list {
  margin: 15px 0 0 0;
}
.ov-invoice-list > .table-header .th-column:nth-child(1),
.ov-invoice-list .table-body .table-row div:nth-child(1) {
  width: 44px;
}
.ov-invoice-list > .table-header .th-column:nth-child(2),
.ov-invoice-list .table-body .table-row div:nth-child(2) {
  width: 12%;
}
.ov-invoice-list > .table-header .th-column:nth-child(3),
.ov-invoice-list .table-body .table-row div:nth-child(3) {
  width: 6%;
}
.ov-invoice-list > .table-header .th-column:nth-child(4),
.ov-invoice-list .table-body .table-row div:nth-child(4) {
  width: 10%;
}
.ov-invoice-list > .table-header .th-column:nth-child(5),
.ov-invoice-list .table-body .table-row div:nth-child(5) {
  width: 10%;
}
.ov-invoice-list > .table-header .th-column:nth-child(6),
.ov-invoice-list .table-body .table-row div:nth-child(6) {
  width: 8%;
}
.ov-invoice-list > .table-header .th-column:nth-child(7),
.ov-invoice-list .table-body .table-row div:nth-child(7) {
  width: 10%;
}
.ov-invoice-list > .table-header .th-column:nth-child(8),
.ov-invoice-list .table-body .table-row div:nth-child(8) {
  width: 10%;
}
.ov-invoice-list > .table-header .th-column:nth-child(9),
.ov-invoice-list .table-body .table-row div:nth-child(9) {
  width: 5%;
}
.ov-invoice-list > .table-header .th-column:nth-child(10),
.ov-invoice-list .table-body .table-row div:nth-child(10) {
  width: 7%;
}
.ov-invoice-list > .table-header .th-column:nth-child(11),
.ov-invoice-list .table-body .table-row div:nth-child(11) {
  width: 8%;
}
.ov-invoice-list > .table-header .th-column:nth-child(12),
.ov-invoice-list .table-body .table-row div:nth-child(12) {
  width: 7%;
}
.ov-invoice-list > .table-header .th-column:nth-child(13),
.ov-invoice-list .table-body .table-row div:nth-child(13) {
  width: 60px;
}
.ov-invoice-list > .table-header .th-column:nth-child(14),
.ov-invoice-list .table-body .table-row div:nth-child(14) {
  width: 60px;
}
.ov-invoice-list > .table-header .th-column:nth-child(15),
.ov-invoice-list .table-body .table-row div:nth-child(15) {
  width: 60px;
}
.ov-invoice-list > .table-header .th-column:nth-child(16),
.ov-invoice-list .table-body .table-row div:nth-child(16) {
  width: 60px;
}
.ov-invoice-list .table-header .th-column:nth-child(15) {
  width: 70px !important;
}
.ov-invoice-list .ehfColumn {
  width: 50px;
}
.ov-invoice-list .table-header .th-column.ehfColumn {
  width: 60px;
}
.ov-invoice-list .table-header .th-column.crn {
  width: 60px;
}
.ov-invoice-list .table-header .th-column.email-with-ehf {
  width: 60px;
}
.ov-invoice-list .table-footer > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
}
.ov-invoice-list .table-footer > div:nth-child(1) {
  width: calc(25px + 40%);
}
.ov-invoice-list .table-footer > div:nth-child(2) {
  width: 8%;
}
.ov-invoice-list .table-footer > div:nth-child(3) {
  width: 10%;
}
.ov-invoice-list .table-footer > div:nth-child(4) {
  width: 10%;
}
.ov-invoice-list .table-footer > div:nth-child(5) {
  width: 12%;
}
.ov-invoice-list .table-footer > div:nth-child(6) {
  width: 8%;
}
.ov-invoice-list .table-footer > div:nth-child(7) {
  width: 7%;
}
.ov-invoice-list .table-footer > div:nth-child(8) {
  width: 180px;
}
.ov-invoice-list .table-footer > div:first-child {
  justify-content: start;
}
.ov-invoice-list .table-footer > div span {
  color: unset;
}
.ov-invoice-list .table-footer {
  height: auto;
  min-height: 40px;
  line-height: 20px;
  align-items: center;
  background: #eaf3fc;
}
.ov-invoice-list:has(.ehfColumn) .table-footer > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
}
.ov-invoice-list:has(.ehfColumn) .table-footer > div:nth-child(1) {
  width: calc(47px + 28%);
}
.ov-invoice-list:has(.ehfColumn) .table-footer > div:nth-child(2) {
  width: 10%;
}
.ov-invoice-list:has(.ehfColumn) .table-footer > div:nth-child(3) {
  width: 18%;
}
.ov-invoice-list:has(.ehfColumn) .table-footer > div:nth-child(4) {
  width: 10%;
}
.ov-invoice-list:has(.ehfColumn) .table-footer > div:nth-child(5) {
  width: 12%;
}
.ov-invoice-list:has(.ehfColumn) .table-footer > div:nth-child(6) {
  width: 8%;
}
.ov-invoice-list:has(.ehfColumn) .table-footer > div:nth-child(7) {
  width: 7%;
}
.ov-invoice-list:has(.ehfColumn) .table-footer > div:nth-child(8) {
  width: 243px;
}
.ov-invoice-list:has(.ehfColumn) .table-footer > div:first-child {
  justify-content: start;
}
.ov-invoice-list:has(.ehfColumn) .table-footer {
  height: auto;
  min-height: 40px;
  line-height: 20px;
  align-items: center;
  background: #eaf3fc;
}
.ov-invoice-list .grouped-row {
  border-left: 1px solid #a9b3bb;
  border-right: 1px solid #a9b3bb;
  background-color: #f2f2f2;
}
.ov-invoice-list .grouped-row div {
  border-right: none !important;
  border-left: none !important;
}
.ov-invoice-list .grouped-row div:nth-child(1) {
  width: 100% !important;
  font-size: 16px;
  font-weight: bold;
  border-left: none !important;
}
.ov-invoice-list .summary-count-row div {
  background-color: #bfc3c6;
}
.ov-invoice-list .ov-invoice-payment-listing .table-row div {
  padding: 0 10px;
}
.ov-invoice-list .ov-invoice-payment-listing .table-row div:nth-child(1) {
  width: calc(28% - 12px) !important;
}
.ov-invoice-list .ov-invoice-payment-listing .table-row div:nth-child(2) {
  width: 27% !important;
}
.ov-invoice-list .ov-invoice-payment-listing .table-row div:nth-child(3) {
  width: calc(15% - 3px) !important;
}
.ov-invoice-list .ov-invoice-payment-listing .table-row div:nth-child(4) {
  width: calc(21% + 3px) !important;
}
.ov-invoice-list .ov-invoice-payment-listing .table-row div:nth-child(5) {
  width: 185px !important;
}
.ov-invoice-list .ov-invoice-payment-listing .table-row div .icon-btn {
  padding-right: 15px !important;
}

/* sales articles invoiced listings */
.table.ov-order-list {
  margin: 15px 0 0 0;
}
.table.ov-order-list .table-header .th-column:nth-child(1),
.table.ov-order-list .table-row div:nth-child(1) {
  width: 50px;
}
.table.ov-order-list .table-header .th-column:nth-child(2),
.table.ov-order-list .table-row div:nth-child(2) {
  width: 50px;
}
.table.ov-order-list .table-header .th-column:nth-child(3),
.table.ov-order-list .table-row div:nth-child(3) {
  width: 15%;
}
.table.ov-order-list .table-header .th-column:nth-child(4),
.table.ov-order-list .table-row div:nth-child(4) {
  width: 20%;
}
.table.ov-order-list .table-header .th-column:nth-child(5),
.table.ov-order-list .table-row div:nth-child(5) {
  width: 15%;
}
.table.ov-order-list .table-header .th-column:nth-child(6),
.table.ov-order-list .table-row div:nth-child(6) {
  width: 20%;
}
.table.ov-order-list .table-header .th-column:nth-child(7),
.table.ov-order-list .table-row div:nth-child(7) {
  width: 25%;
}
.table.ov-order-list .table-header .th-column:nth-child(8),
.table.ov-order-list .table-row div:nth-child(8) {
  width: 65px;
}
.table.ov-order-list .table-header .th-column:nth-child(9),
.table.ov-order-list .table-row div:nth-child(9) {
  width: 50px;
}
.table.ov-order-list .table-header .th-column:nth-child(10),
.table.ov-order-list .table-row div:nth-child(10) {
  width: 50px;
}
.table.ov-order-list .table-header .th-column:nth-child(11),
.table.ov-order-list .table-row div:nth-child(11) {
  width: 50px;
}
.table.ov-order-list .table-header .th-column:nth-child(12),
.table.ov-order-list .table-row div:nth-child(12) {
  width: 50px;
}
.table.ov-order-list .table-footer > div:nth-child(1) {
  width: 65%;
}
.table.ov-order-list .table-footer > div:nth-child(2) {
  width: 35%;
}
.table.ov-order-list .table-footer > div:nth-child(3) {
  width: 275px;
}
.table.ov-order-list .grouped-row {
  border-left: 1px solid #a9b3bb;
  border-right: 1px solid #a9b3bb;
  background-color: #f2f2f2;
}
.table.ov-order-list .grouped-row div {
  border-right: none !important;
  border-left: none !important;
}
.table.ov-order-list .grouped-row div:nth-child(1) {
  width: 100% !important;
  font-size: 16px;
  font-weight: bold;
  border-left: none !important;
}
.table.ov-order-list .summary-count-row div {
  background-color: #bfc3c6;
}

/* requisition list in order view */
.table.ov-requistion-list {
  margin: 15px 0 0 0;
}
.table.ov-requistion-list .table-header .th-column:nth-child(1),
.table.ov-requistion-list .table-row div:nth-child(1) {
  width: 12%;
}
.table.ov-requistion-list .table-header .th-column:nth-child(2),
.table.ov-requistion-list .table-row div:nth-child(2) {
  width: 12%;
}
.table.ov-requistion-list .table-header .th-column:nth-child(3),
.table.ov-requistion-list .table-row div:nth-child(3) {
  width: 40%;
}
.table.ov-requistion-list .table-header .th-column:nth-child(4),
.table.ov-requistion-list .table-row div:nth-child(4) {
  width: 12%;
}
.table.ov-requistion-list .table-header .th-column:nth-child(5),
.table.ov-requistion-list .table-row div:nth-child(5) {
  width: 17%;
}
.table.ov-requistion-list .table-header .th-column:nth-child(6),
.table.ov-requistion-list .table-row div:nth-child(6) {
  width: 13%;
}
.table.ov-requistion-list .table-header .th-column:nth-child(7),
.table.ov-requistion-list .table-row div:nth-child(7) {
  width: 50px;
}
.table.ov-requistion-list .table-header .th-column:nth-child(8),
.table.ov-requistion-list .table-row div:nth-child(8) {
  width: 50px;
}
.table.ov-requistion-list .table-footer > div:nth-child(1) {
  width: 76%;
}
.table.ov-requistion-list .table-footer > div:nth-child(2) {
  width: 12%;
}
.table.ov-requistion-list .table-footer > div:nth-child(3) {
  width: 12%;
}
.table.ov-requistion-list .table-footer > div:nth-child(4) {
  width: 100px;
}

.table.table-order-items .table-header .th-column:nth-child(1),
.table.table-order-items .table-row div:nth-child(1) {
  width: 44%;
}
.table.table-order-items .table-header .th-column:nth-child(2),
.table.table-order-items .table-row div:nth-child(2) {
  width: 12%;
}
.table.table-order-items .table-header .th-column:nth-child(3),
.table.table-order-items .table-row div:nth-child(3) {
  width: 12%;
}
.table.table-order-items .table-header .th-column:nth-child(4),
.table.table-order-items .table-row div:nth-child(4) {
  width: 12%;
}
.table.table-order-items .table-header .th-column:nth-child(5),
.table.table-order-items .table-row div:nth-child(5) {
  width: 20%;
}
.table.table-order-items .table-header .th-column:nth-child(6),
.table.table-order-items .table-row div:nth-child(6) {
  width: 50px;
}

/* order view - supplier invoiced listings */
.table.ov-supplier-invoice-list {
  margin: 15px 0 0 0;
}
.table.ov-supplier-invoice-list .not-infinite-scroll {
  max-height: 50vh;
  overflow-y: scroll;
}
.table.ov-supplier-invoice-list .not-infinite-scroll::-webkit-scrollbar-track {
  background: #c5ced2 !important;
  border-radius: 6px !important;
  opacity: 0;
}
.table.ov-supplier-invoice-list .not-infinite-scroll::-webkit-scrollbar {
  width: 8px;
  opacity: 0;
}
.table.ov-supplier-invoice-list .not-infinite-scroll::-webkit-scrollbar-thumb {
  background-color: #5d838f;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.table.ov-supplier-invoice-list .not-infinite-scroll:hover::-webkit-scrollbar {
  opacity: 1;
}
.table.ov-supplier-invoice-list .not-infinite-scroll:hover::-webkit-scrollbar-track {
  opacity: 1;
}
.table.ov-supplier-invoice-list .table-header .th-column:nth-child(1),
.table.ov-supplier-invoice-list .table-row div:nth-child(1) {
  width: 44px;
}
.table.ov-supplier-invoice-list .table-header .th-column:nth-child(2),
.table.ov-supplier-invoice-list .table-row div:nth-child(2) {
  width: 12%;
}
.table.ov-supplier-invoice-list .table-header .th-column:nth-child(3),
.table.ov-supplier-invoice-list .table-row div:nth-child(3) {
  width: 11%;
}
.table.ov-supplier-invoice-list .table-header .th-column:nth-child(4),
.table.ov-supplier-invoice-list .table-row div:nth-child(4) {
  width: 14%;
}
.table.ov-supplier-invoice-list .table-header .th-column:nth-child(5),
.table.ov-supplier-invoice-list .table-row div:nth-child(5) {
  width: 11%;
}
.table.ov-supplier-invoice-list .table-header .th-column:nth-child(6),
.table.ov-supplier-invoice-list .table-row div:nth-child(6) {
  width: 11%;
}
.table.ov-supplier-invoice-list .table-header .th-column:nth-child(7),
.table.ov-supplier-invoice-list .table-row div:nth-child(7) {
  width: 11%;
}
.table.ov-supplier-invoice-list .table-header .th-column:nth-child(8),
.table.ov-supplier-invoice-list .table-row div:nth-child(8) {
  width: 11%;
}
.table.ov-supplier-invoice-list .table-header .th-column:nth-child(9),
.table.ov-supplier-invoice-list .table-row div:nth-child(9) {
  width: 11%;
}
.table.ov-supplier-invoice-list .table-header .th-column:nth-child(10),
.table.ov-supplier-invoice-list .table-row div:nth-child(10) {
  width: 11%;
}
.table.ov-supplier-invoice-list .table-header .th-column:nth-child(11),
.table.ov-supplier-invoice-list .table-row div:nth-child(11) {
  width: 55px;
}
.table.ov-supplier-invoice-list .table-header .th-column:nth-child(11) {
  width: 65px;
}
.table.ov-supplier-invoice-list .table-body .table-row div {
  height: auto;
  display: flex;
  align-items: center;
  white-space: pre-wrap;
  line-height: 16px;
}
.table.ov-supplier-invoice-list .table-body .table-row div:not(:nth-child(4)) {
  justify-content: start;
}
.table.ov-supplier-invoice-list .table-body .table-row div:not(:nth-child(4)).align-right {
  justify-content: end;
}
.table.ov-supplier-invoice-list .table-body .table-row div .ant-badge {
  background: unset;
}
.table.ov-supplier-invoice-list .table-row div:nth-child(4) {
  overflow-wrap: break-word;
  line-height: unset;
  overflow-x: hidden;
  overflow-y: clip;
  margin: unset;
  align-items: center;
  white-space: pre-wrap;
  min-width: 88px;
}
.table.ov-supplier-invoice-list .table-row div:nth-child(4) p {
  margin-bottom: unset;
  padding: 3px;
}
.table.ov-supplier-invoice-list .table-row div {
  border-bottom: none;
}
.table.ov-supplier-invoice-list .amount-with-vat {
  display: flex;
  justify-content: space-between !important;
}
.table.ov-supplier-invoice-list .amount-without-vat {
  display: flex;
  justify-content: space-between !important;
}
.table.ov-supplier-invoice-list .table-row {
  border-top: 1px solid #a9b3bb;
}
.table.ov-supplier-invoice-list .inner-table-title {
  border-width: 0 1px;
}
.table.ov-supplier-invoice-list .table-group .table {
  border: 1px solid #a9b3bb;
}
.table.ov-supplier-invoice-list .table-footer {
  background: #c0f8d4;
}
.table.ov-supplier-invoice-list .table-footer > div:nth-child(1) {
  width: calc(12% + 44px);
}
.table.ov-supplier-invoice-list .table-footer > div:nth-child(2) {
  width: 11%;
}
.table.ov-supplier-invoice-list .table-footer > div:nth-child(3) {
  width: 25% !important;
}
.table.ov-supplier-invoice-list .table-footer > div:nth-child(4) {
  width: 11% !important;
}
.table.ov-supplier-invoice-list .table-footer > div:nth-child(5) {
  width: 11%;
}
.table.ov-supplier-invoice-list .table-footer > div:nth-child(6) {
  width: 11% !important;
}
.table.ov-supplier-invoice-list .table-footer > div:nth-child(7) {
  width: 11% !important;
}
.table.ov-supplier-invoice-list .table-footer > div:nth-child(8) {
  width: 11%;
}
.table.ov-supplier-invoice-list .table-footer > div:nth-child(9) {
  width: 55px !important;
}
.table.ov-supplier-invoice-list .table-footer.invoice-inner-footer {
  height: auto;
  padding: 10px 0px;
  line-height: unset;
  background: #f1f1f1;
  border: 1px solid #a9b3bb;
  margin-bottom: 20px;
}
.table.ov-supplier-invoice-list .table-footer.invoice-inner-footer > div:nth-child(1) {
  width: 44px;
}
.table.ov-supplier-invoice-list .table-footer.invoice-inner-footer > div:nth-child(2) {
  width: 23%;
}
.table.ov-supplier-invoice-list .table-footer.invoice-inner-footer > div:nth-child(3) {
  width: 25%;
}
.table.ov-supplier-invoice-list .table-footer.invoice-inner-footer > div:nth-child(4) {
  width: 11%;
}
.table.ov-supplier-invoice-list .table-footer.invoice-inner-footer > div:nth-child(5) {
  width: 11%;
}
.table.ov-supplier-invoice-list .table-footer.invoice-inner-footer > div:nth-child(6) {
  width: 22% !important;
}
.table.ov-supplier-invoice-list .table-footer.invoice-inner-footer > div:nth-child(7) {
  width: 11%;
}
.table.ov-supplier-invoice-list .table-footer.invoice-inner-footer > div:nth-child(8) {
  width: 55px;
}
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing {
  padding-bottom: 0px;
  padding-left: 46px;
  padding-right: 46px;
}
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-header .th-column,
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-row div {
  padding: 0 10px;
}
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-header .th-column:nth-child(1),
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-row div:nth-child(1) {
  width: 11%;
}
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-header .th-column:nth-child(2),
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-row div:nth-child(2) {
  width: 24%;
}
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-header .th-column:nth-child(3),
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-row div:nth-child(3) {
  width: calc(38% + 4px);
}
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-header .th-column:nth-child(4),
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-row div:nth-child(4) {
  width: 16%;
}
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-header .th-column:nth-child(5),
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-row div:nth-child(5) {
  width: 11%;
}
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-header .th-column .icon-btn,
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-row div .icon-btn {
  display: inline-block;
}
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-header .th-column.paymentAmount.currency-code-in,
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-row div.paymentAmount.currency-code-in {
  justify-content: end !important;
  gap: 8px;
}
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-row div {
  background-color: #cfc9e4 !important;
}
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .table-row div.paymentAmount {
  display: flex !important;
  justify-content: end !important;
}
.table.ov-supplier-invoice-list .job-view-invoice-payment-listing .ov-inner-delete-btn {
  justify-content: center !important;
}
.table.ov-supplier-invoice-list .amount-in-local-currency {
  justify-content: end !important;
}

/* timelog in job view */
.table.ov-timesheet {
  margin: 15px 0 0 0;
}
.table.ov-timesheet .table-header .th-column:nth-child(1) {
  width: 44px;
}
.table.ov-timesheet .table-header .th-column:nth-child(2) {
  width: 17%;
}
.table.ov-timesheet .table-header .th-column:nth-child(3) {
  width: 20%;
}
.table.ov-timesheet .table-header .th-column:nth-child(4) {
  width: 20%;
}
.table.ov-timesheet .table-header .th-column:nth-child(5) {
  width: 8%;
}
.table.ov-timesheet .table-header .th-column:nth-child(6) {
  width: 8%;
}
.table.ov-timesheet .table-header .th-column:nth-child(7) {
  width: 8%;
}
.table.ov-timesheet .table-header .th-column:nth-child(8) {
  width: 10%;
}
.table.ov-timesheet .table-header .th-column:nth-child(9) {
  width: 10%;
}
.table.ov-timesheet .table-header .th-column:nth-child(10) {
  width: 50px;
}
.table.ov-timesheet .table-header .th-column:nth-child(11) {
  width: 60px;
}
.table.ov-timesheet .table-row div:nth-child(1) {
  width: 44px;
}
.table.ov-timesheet .table-row div:nth-child(2) {
  width: 17%;
}
.table.ov-timesheet .table-row div:nth-child(3) {
  width: 20%;
}
.table.ov-timesheet .table-row div:nth-child(4) {
  width: 20%;
}
.table.ov-timesheet .table-row div:nth-child(5) {
  width: 8%;
}
.table.ov-timesheet .table-row div:nth-child(6) {
  width: 8%;
}
.table.ov-timesheet .table-row div:nth-child(7) {
  width: 8%;
}
.table.ov-timesheet .table-row div:nth-child(8) {
  width: 10%;
}
.table.ov-timesheet .table-row div:nth-child(9) {
  width: 10%;
}
.table.ov-timesheet .table-row div:nth-child(10) {
  width: 50px;
}
.table.ov-timesheet .table-row div:nth-child(11) {
  width: 50px;
}
.table.ov-timesheet .table-body .table-row div {
  height: auto;
  min-height: 36px;
  display: flex;
  align-items: center;
}
.table.ov-timesheet .table-body .table-row div:first-child {
  justify-content: center;
}
.table.ov-timesheet .table-body .table-row div:nth-child(3), .table.ov-timesheet .table-body .table-row div:nth-child(4) {
  flex-wrap: wrap;
  overflow: visible;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  min-width: 88px;
  line-height: unset;
}
.table.ov-timesheet .table-body .table-row div.align-right {
  justify-content: end;
}
.table.ov-timesheet .table-footer > div {
  display: flex;
  align-items: center;
}
.table.ov-timesheet .table-footer > div:nth-child(1) {
  width: 40%;
}
.table.ov-timesheet .table-footer > div:nth-child(2) {
  width: 44px;
}
.table.ov-timesheet .table-footer > div:nth-child(3) {
  width: 10%;
}
.table.ov-timesheet .table-footer > div:nth-child(4) {
  width: 20%;
}
.table.ov-timesheet .table-footer > div:nth-child(5) {
  width: 10%;
}
.table.ov-timesheet .table-footer > div:nth-child(6) {
  width: 10%;
}
.table.ov-timesheet .table-footer > div:nth-child(7) {
  width: 10%;
}
.table.ov-timesheet .table-footer > div:nth-child(8) {
  width: 50px;
}
.table.ov-timesheet .table-footer > div:nth-child(9) {
  width: 50px;
}
.table.ov-timesheet .table-footer > div.align-right {
  justify-content: flex-end;
}
.table.ov-timesheet .table-footer {
  height: auto;
  min-height: 40px;
  line-height: 15px;
}

/*timelog inner listing job view*/
.table.ov-timesheet-inner-listing {
  padding: 0 !important;
  background: #f2f2f2;
  border-right: 1px solid #a9b3bb;
  border-bottom: none !important;
}
.table.ov-timesheet-inner-listing .table-row {
  border-left: 2px solid #f3f3f2;
}
.table.ov-timesheet-inner-listing .table-header .th-column:nth-child(1),
.table.ov-timesheet-inner-listing .table-row div:nth-child(1) {
  width: 44px;
}
.table.ov-timesheet-inner-listing .table-header .th-column:nth-child(2),
.table.ov-timesheet-inner-listing .table-row div:nth-child(2) {
  width: 17%;
}
.table.ov-timesheet-inner-listing .table-header .th-column:nth-child(3),
.table.ov-timesheet-inner-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.ov-timesheet-inner-listing .table-header .th-column:nth-child(4),
.table.ov-timesheet-inner-listing .table-row div:nth-child(4) {
  width: 20%;
}
.table.ov-timesheet-inner-listing .table-header .th-column:nth-child(5),
.table.ov-timesheet-inner-listing .table-row div:nth-child(5) {
  width: 50%;
}
.table.ov-timesheet-inner-listing .table-header .th-column:nth-child(6),
.table.ov-timesheet-inner-listing .table-row div:nth-child(6) {
  width: 50px;
}
.table.ov-timesheet-inner-listing .table-header .th-column:nth-child(7),
.table.ov-timesheet-inner-listing .table-row div:nth-child(7) {
  width: 50px;
}
.table.ov-timesheet-inner-listing .table-row.detail div:nth-child(1) {
  width: 40px;
}
.table.ov-timesheet-inner-listing .table-row.detail div:nth-child(2) {
  width: 17%;
}
.table.ov-timesheet-inner-listing .table-row.detail div:nth-child(3) {
  width: 20%;
}
.table.ov-timesheet-inner-listing .table-row.detail div:nth-child(4) {
  width: 20%;
}
.table.ov-timesheet-inner-listing .table-row.detail div:nth-child(5) {
  width: 8%;
}
.table.ov-timesheet-inner-listing .table-row.detail div:nth-child(6) {
  width: 8%;
}
.table.ov-timesheet-inner-listing .table-row.detail div:nth-child(7) {
  width: 8%;
}
.table.ov-timesheet-inner-listing .table-row.detail div:nth-child(8) {
  width: 10%;
}
.table.ov-timesheet-inner-listing .table-row.detail div:nth-child(9) {
  width: 10%;
}
.table.ov-timesheet-inner-listing .table-row.detail div:nth-child(10) {
  width: 50px;
}
.table.ov-timesheet-inner-listing .table-row.detail div:nth-child(11) {
  width: 50px;
}
.table.ov-timesheet-inner-listing .table-body .table-row div {
  height: auto;
  min-height: 36px;
  display: flex;
  align-items: center;
}
.table.ov-timesheet-inner-listing .table-body .table-row div:first-child {
  justify-content: center;
}
.table.ov-timesheet-inner-listing .table-body .table-row div:nth-child(3), .table.ov-timesheet-inner-listing .table-body .table-row div:nth-child(4) {
  flex-wrap: wrap;
  overflow: visible;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  min-width: 88px;
  line-height: unset;
}
.table.ov-timesheet-inner-listing .table-body .table-row div.align-right {
  justify-content: end;
}
.table.ov-timesheet-inner-listing .total, .table.ov-timesheet-inner-listing .detail {
  border-left: 2px solid #f3f3f2 !important;
}
.table.ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #a9b3bb;
}
.table.ov-timesheet-inner-listing .table-row.total div:nth-child(1) {
  width: 40px;
}
.table.ov-timesheet-inner-listing .table-row.total div:nth-child(2) {
  width: 93%;
}
.table.ov-timesheet-inner-listing .table-row.total div:nth-child(3) {
  width: 10%;
}
.table.ov-timesheet-inner-listing .table-row.total div:nth-child(4) {
  width: 50px;
}
.table.ov-timesheet-inner-listing .table-row.total div:nth-child(5) {
  width: 50px;
}
.table.ov-timesheet-inner-listing .table-row.total div:nth-child(3) {
  background-color: #ff9c1d;
}
.table.ov-timesheet-inner-listing .table-row.total div:nth-child(4) {
  min-width: 0 !important;
}

/*timelog in employee view */
.table.ev-timesheet {
  margin: 15px 0 0 0;
}
.table.ev-timesheet .table-header .th-column:nth-child(1),
.table.ev-timesheet .table-row div:nth-child(1) {
  width: 44px;
}
.table.ev-timesheet .table-header .th-column:nth-child(2),
.table.ev-timesheet .table-row div:nth-child(2) {
  width: 17%;
}
.table.ev-timesheet .table-header .th-column:nth-child(3),
.table.ev-timesheet .table-row div:nth-child(3) {
  width: 20%;
}
.table.ev-timesheet .table-header .th-column:nth-child(4),
.table.ev-timesheet .table-row div:nth-child(4) {
  width: 20%;
}
.table.ev-timesheet .table-header .th-column:nth-child(5),
.table.ev-timesheet .table-row div:nth-child(5) {
  width: 8%;
}
.table.ev-timesheet .table-header .th-column:nth-child(6),
.table.ev-timesheet .table-row div:nth-child(6) {
  width: 8%;
}
.table.ev-timesheet .table-header .th-column:nth-child(7),
.table.ev-timesheet .table-row div:nth-child(7) {
  width: 8%;
}
.table.ev-timesheet .table-header .th-column:nth-child(8),
.table.ev-timesheet .table-row div:nth-child(8) {
  width: 9%;
}
.table.ev-timesheet .table-header .th-column:nth-child(9),
.table.ev-timesheet .table-row div:nth-child(9) {
  width: 10%;
}
.table.ev-timesheet .table-body .table-row div {
  height: auto;
  min-height: 36px;
  display: flex;
  align-items: center;
}
.table.ev-timesheet .table-body .table-row div:first-child {
  justify-content: center;
}
.table.ev-timesheet .table-body .table-row div:nth-child(3), .table.ev-timesheet .table-body .table-row div:nth-child(4) {
  flex-wrap: wrap;
  overflow: visible;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  min-width: 88px;
  line-height: unset;
}
.table.ev-timesheet .table-body .table-row div.align-right {
  justify-content: end;
}
.table.ev-timesheet .table-footer > div:nth-child(1) {
  width: 30%;
}
.table.ev-timesheet .table-footer > div:nth-child(2) {
  width: 44px;
}
.table.ev-timesheet .table-footer > div:nth-child(3) {
  width: 20%;
}
.table.ev-timesheet .table-footer > div:nth-child(4) {
  width: 20%;
}
.table.ev-timesheet .table-footer > div:nth-child(5) {
  width: 10%;
}
.table.ev-timesheet .table-footer > div:nth-child(6) {
  width: 10%;
}
.table.ev-timesheet .table-footer > div:nth-child(7) {
  width: 10%;
}

/* timelog inner listing-employee-view */
.table.ev-timesheet-inner-listing {
  padding: 0 !important;
  background: #f2f2f2;
  border-right: 1px solid #a9b3bb;
  border-bottom: none !important;
}
.table.ev-timesheet-inner-listing .table-header .th-column:nth-child(1),
.table.ev-timesheet-inner-listing .table-row div:nth-child(1) {
  width: 41px;
}
.table.ev-timesheet-inner-listing .table-header .th-column:nth-child(2),
.table.ev-timesheet-inner-listing .table-row div:nth-child(2) {
  width: 17%;
}
.table.ev-timesheet-inner-listing .table-header .th-column:nth-child(3),
.table.ev-timesheet-inner-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.ev-timesheet-inner-listing .table-header .th-column:nth-child(4),
.table.ev-timesheet-inner-listing .table-row div:nth-child(4) {
  width: 20%;
}
.table.ev-timesheet-inner-listing .table-header .th-column:nth-child(5),
.table.ev-timesheet-inner-listing .table-row div:nth-child(5) {
  width: calc(42% + 15px);
}
.table.ev-timesheet-inner-listing .table-row.detail div:nth-child(1) {
  width: 41px;
}
.table.ev-timesheet-inner-listing .table-row.detail div:nth-child(2) {
  width: 17%;
}
.table.ev-timesheet-inner-listing .table-row.detail div:nth-child(3) {
  width: 20%;
}
.table.ev-timesheet-inner-listing .table-row.detail div:nth-child(4) {
  width: 20%;
}
.table.ev-timesheet-inner-listing .table-row.detail div:nth-child(5) {
  width: 8%;
}
.table.ev-timesheet-inner-listing .table-row.detail div:nth-child(6) {
  width: 8%;
}
.table.ev-timesheet-inner-listing .table-row.detail div:nth-child(7) {
  width: 8%;
}
.table.ev-timesheet-inner-listing .table-row.detail div:nth-child(8) {
  width: 9%;
}
.table.ev-timesheet-inner-listing .table-row.detail div:nth-child(9) {
  width: calc(10% - 3px);
}
.table.ev-timesheet-inner-listing .table-body .table-row div {
  display: flex;
  height: auto;
  min-height: 36px;
  align-items: center;
}
.table.ev-timesheet-inner-listing .table-body .table-row div:first-child {
  justify-content: center;
}
.table.ev-timesheet-inner-listing .table-body .table-row div:nth-child(3), .table.ev-timesheet-inner-listing .table-body .table-row div:nth-child(4) {
  flex-wrap: wrap;
  overflow: visible;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  min-width: 88px;
  line-height: unset;
}
.table.ev-timesheet-inner-listing .table-body .table-row div.align-right {
  justify-content: end;
}
.table.ev-timesheet-inner-listing .table-row.total div {
  border-bottom: 1px solid #a9b3bb;
}
.table.ev-timesheet-inner-listing .table-row.total div:nth-child(1) {
  width: 41px;
}
.table.ev-timesheet-inner-listing .table-row.total div:nth-child(2) {
  width: calc(90% + 8px);
}
.table.ev-timesheet-inner-listing .table-row.total div:nth-child(3) {
  width: 10%;
}
.table.ev-timesheet-inner-listing .table-row.total div:nth-child(3) {
  background-color: #ff9c1d;
}

/* job report time sheet listing */
.table.jr-time-sheet {
  margin: 0;
}
.table.jr-time-sheet .table-header .th-column:nth-child(1),
.table.jr-time-sheet .table-row div:nth-child(1) {
  width: 45px;
}
.table.jr-time-sheet .table-header .th-column:nth-child(2),
.table.jr-time-sheet .table-row div:nth-child(2) {
  width: 40%;
}
.table.jr-time-sheet .table-header .th-column:nth-child(3),
.table.jr-time-sheet .table-row div:nth-child(3) {
  width: 22%;
}
.table.jr-time-sheet .table-header .th-column:nth-child(4),
.table.jr-time-sheet .table-row div:nth-child(4) {
  width: 22%;
}
.table.jr-time-sheet .table-header .th-column:nth-child(5),
.table.jr-time-sheet .table-row div:nth-child(5) {
  width: 22%;
}
.table.jr-time-sheet .table-header .th-column:nth-child(6),
.table.jr-time-sheet .table-row div:nth-child(6) {
  width: 50px;
}
.table.jr-time-sheet .table-footer > div:nth-child(1) {
  width: calc(75% + 45px);
}
.table.jr-time-sheet .table-footer > div:nth-child(2) {
  width: calc(18% + 57px);
}
.table.jr-time-sheet .loader-container {
  bottom: -16px;
  background: #fff;
  position: relative;
}

.table.jr-timesheet-inner-listing {
  padding-left: 48px;
  background: #cbc8c8;
  border: 2px solid #e9e8e6 !important;
  padding: 10px 5px 10px 35px;
}
.table.jr-timesheet-inner-listing .table-header .th-column,
.table.jr-timesheet-inner-listing .table-row div {
  padding: 0px 10px !important;
}
.table.jr-timesheet-inner-listing .table-header .th-column:nth-child(1),
.table.jr-timesheet-inner-listing .table-row div:nth-child(1) {
  width: 55%;
}
.table.jr-timesheet-inner-listing .table-header .th-column:nth-child(2),
.table.jr-timesheet-inner-listing .table-row div:nth-child(2) {
  width: 15%;
}
.table.jr-timesheet-inner-listing .table-header .th-column:nth-child(3),
.table.jr-timesheet-inner-listing .table-row div:nth-child(3) {
  width: 15%;
}
.table.jr-timesheet-inner-listing .table-header .th-column:nth-child(4),
.table.jr-timesheet-inner-listing .table-row div:nth-child(4) {
  width: 15%;
}
.table.jr-timesheet-inner-listing .table-header .th-column:nth-child(5),
.table.jr-timesheet-inner-listing .table-row div:nth-child(5) {
  width: 40px;
}
.table.jr-timesheet-inner-listing .icon-btn-container {
  display: flex;
  justify-content: space-around;
}
.table.jr-timesheet-inner-listing .icon-btn-container .icon-btn {
  color: #000 !important;
}
.table.jr-timesheet-inner-listing .icon-btn-container .icon-btn:hover {
  color: #8a8787 !important;
}

.table.table-deviation-persons .table-header .th-column:nth-child(1),
.table.table-deviation-persons .table-row div:nth-child(1) {
  width: 60%;
}
.table.table-deviation-persons .table-header .th-column:nth-child(2),
.table.table-deviation-persons .table-row div:nth-child(2) {
  width: 40%;
}
.table.table-deviation-persons .table-header .th-column:nth-child(3),
.table.table-deviation-persons .table-row div:nth-child(3) {
  width: 50px;
}

.table.table-deviation-persons-readOnly .table-header .th-column:nth-child(1),
.table.table-deviation-persons-readOnly .table-row div:nth-child(1) {
  width: 60%;
}
.table.table-deviation-persons-readOnly .table-header .th-column:nth-child(2),
.table.table-deviation-persons-readOnly .table-row div:nth-child(2) {
  width: 40%;
}

/* deviation list in order view */
.table.ov-deviation {
  margin: 15px 0 20px 0;
}
.table.ov-deviation .table-header .th-column:nth-child(1) {
  width: 17%;
}
.table.ov-deviation .table-header .th-column:nth-child(2) {
  width: 12%;
}
.table.ov-deviation .table-header .th-column:nth-child(3) {
  width: 25%;
}
.table.ov-deviation .table-header .th-column:nth-child(4) {
  width: 27%;
}
.table.ov-deviation .table-header .th-column:nth-child(5) {
  width: calc(20% + 8px);
}
.table.ov-deviation .table-header .th-column:nth-child(6) {
  width: 50px;
}
.table.ov-deviation .table-row div:nth-child(1) {
  width: 17%;
}
.table.ov-deviation .table-row div:nth-child(2) {
  width: 12%;
}
.table.ov-deviation .table-row div:nth-child(3) {
  width: 25%;
}
.table.ov-deviation .table-row div:nth-child(4) {
  width: 27%;
}
.table.ov-deviation .table-row div:nth-child(5) {
  width: 20%;
}
.table.ov-deviation .table-row div:nth-child(6) {
  width: 50px;
}
.table.ov-deviation .table-header {
  background-color: #d7d6d4;
}
.table.ov-deviation .table-row.done-highlight {
  background-color: #d1ffd2 !important;
}
.table.ov-deviation .table-row.rejected-highlight {
  background-color: #d0d0d0 !important;
}

/* hour list in order document view */
.jd-hl .table.ov-timesheet {
  margin: 15px 0 0 0;
}
.jd-hl .table.ov-timesheet .table-header .th-column:nth-child(1),
.jd-hl .table.ov-timesheet .table-row div:nth-child(1) {
  width: 16%;
}
.jd-hl .table.ov-timesheet .table-header .th-column:nth-child(2),
.jd-hl .table.ov-timesheet .table-row div:nth-child(2) {
  width: 36%;
}
.jd-hl .table.ov-timesheet .table-header .th-column:nth-child(3),
.jd-hl .table.ov-timesheet .table-row div:nth-child(3) {
  width: 16%;
}
.jd-hl .table.ov-timesheet .table-header .th-column:nth-child(4),
.jd-hl .table.ov-timesheet .table-row div:nth-child(4) {
  width: 16%;
}
.jd-hl .table.ov-timesheet .table-header .th-column:nth-child(5),
.jd-hl .table.ov-timesheet .table-row div:nth-child(5) {
  width: 16%;
}
.jd-hl .table.ov-timesheet .table-footer > div:nth-child(1) {
  width: 16%;
}
.jd-hl .table.ov-timesheet .table-footer > div:nth-child(2) {
  width: 36%;
}
.jd-hl .table.ov-timesheet .table-footer > div:nth-child(3) {
  width: 16%;
}
.jd-hl .table.ov-timesheet .table-footer > div:nth-child(4) {
  width: 16%;
}
.jd-hl .table.ov-timesheet .table-footer > div:nth-child(5) {
  width: 16%;
}

.table.table-edit-timelog .table-header .th-column,
.table.table-edit-timelog .table-row div {
  cursor: unset;
}
.table.table-edit-timelog .table-header .th-column:nth-child(1),
.table.table-edit-timelog .table-row div:nth-child(1) {
  width: 40%;
}
.table.table-edit-timelog .table-header .th-column:nth-child(2),
.table.table-edit-timelog .table-row div:nth-child(2) {
  width: 30%;
}
.table.table-edit-timelog .table-header .th-column:nth-child(3),
.table.table-edit-timelog .table-row div:nth-child(3) {
  width: 30%;
}
.table.table-edit-timelog .table-row:hover div {
  background-color: unset;
  font-weight: unset;
}
.table.table-edit-timelog .selected-row {
  background-color: #cdcdcd;
}
.table.table-edit-timelog .selected-row div {
  color: #000;
}
.table.table-edit-timelog .warning {
  color: #d9943a;
}
.table.table-edit-timelog .icon-inside {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cursor-active {
  cursor: pointer !important;
}

/* other transactions listings - job view */
.table.ov-other-transactions {
  margin: 15px 0 0 0;
}
.table.ov-other-transactions .table-header .th-column:nth-child(1) {
  width: 50px;
}
.table.ov-other-transactions .table-header .th-column:nth-child(2) {
  width: 10%;
}
.table.ov-other-transactions .table-header .th-column:nth-child(3) {
  width: 6%;
}
.table.ov-other-transactions .table-header .th-column:nth-child(4) {
  width: 19%;
}
.table.ov-other-transactions .table-header .th-column:nth-child(5) {
  width: 7%;
}
.table.ov-other-transactions .table-header .th-column:nth-child(6) {
  width: 8%;
}
.table.ov-other-transactions .table-header .th-column:nth-child(7) {
  width: 8%;
}
.table.ov-other-transactions .table-header .th-column:nth-child(8) {
  width: 6%;
}
.table.ov-other-transactions .table-header .th-column:nth-child(9) {
  width: 9%;
}
.table.ov-other-transactions .table-header .th-column:nth-child(10) {
  width: 13%;
}
.table.ov-other-transactions .table-header .th-column:nth-child(11) {
  width: 14%;
}
.table.ov-other-transactions .table-header .th-column:nth-child(12) {
  width: 50px;
}
.table.ov-other-transactions .table-row div:nth-child(1) {
  width: 50px;
}
.table.ov-other-transactions .table-row div:nth-child(2) {
  width: 10%;
}
.table.ov-other-transactions .table-row div:nth-child(3) {
  width: 6%;
}
.table.ov-other-transactions .table-row div:nth-child(4) {
  width: 0%;
}
.table.ov-other-transactions .table-row div:nth-child(5) {
  width: 19%;
}
.table.ov-other-transactions .table-row div:nth-child(6) {
  width: 7%;
}
.table.ov-other-transactions .table-row div:nth-child(7) {
  width: 8%;
}
.table.ov-other-transactions .table-row div:nth-child(8) {
  width: 8%;
}
.table.ov-other-transactions .table-row div:nth-child(9) {
  width: 6%;
}
.table.ov-other-transactions .table-row div:nth-child(10) {
  width: 9%;
}
.table.ov-other-transactions .table-row div:nth-child(11) {
  width: 13%;
}
.table.ov-other-transactions .table-row div:nth-child(12) {
  width: 14%;
}
.table.ov-other-transactions .table-row div:nth-child(13) {
  width: 50px;
}
.table.ov-other-transactions .table-footer > div:nth-child(1) {
  width: calc(10% + 50px);
}
.table.ov-other-transactions .table-footer > div:nth-child(2) {
  width: 63%;
}
.table.ov-other-transactions .table-footer > div:nth-child(3) {
  width: 0%;
}
.table.ov-other-transactions .table-footer > div:nth-child(4) {
  width: calc(13% - 2px);
}
.table.ov-other-transactions .table-footer > div:nth-child(5) {
  width: calc(14% - 2px);
}
.table.ov-other-transactions .table-footer > div:nth-child(6) {
  width: 50px;
}
.table.ov-other-transactions .table-footer > div:nth-child(3) {
  padding: 0 !important;
}
.table.ov-other-transactions .table-footer div:not(:first-child) {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* other transactions listings - customer card */
.table.cv-other-transactions {
  margin: 15px 0 0 0;
}
.table.cv-other-transactions .table-header .th-column:nth-child(1),
.table.cv-other-transactions .table-row div:nth-child(1) {
  width: 50px;
}
.table.cv-other-transactions .table-header .th-column:nth-child(2),
.table.cv-other-transactions .table-row div:nth-child(2) {
  width: 10%;
}
.table.cv-other-transactions .table-header .th-column:nth-child(3),
.table.cv-other-transactions .table-row div:nth-child(3) {
  width: 8%;
}
.table.cv-other-transactions .table-header .th-column:nth-child(4),
.table.cv-other-transactions .table-row div:nth-child(4) {
  width: 10%;
}
.table.cv-other-transactions .table-header .th-column:nth-child(5),
.table.cv-other-transactions .table-row div:nth-child(5) {
  width: 9%;
}
.table.cv-other-transactions .table-header .th-column:nth-child(6),
.table.cv-other-transactions .table-row div:nth-child(6) {
  width: 9%;
}
.table.cv-other-transactions .table-header .th-column:nth-child(7),
.table.cv-other-transactions .table-row div:nth-child(7) {
  width: 9%;
}
.table.cv-other-transactions .table-header .th-column:nth-child(8),
.table.cv-other-transactions .table-row div:nth-child(8) {
  width: 9%;
}
.table.cv-other-transactions .table-header .th-column:nth-child(9),
.table.cv-other-transactions .table-row div:nth-child(9) {
  width: 12%;
}
.table.cv-other-transactions .table-header .th-column:nth-child(10),
.table.cv-other-transactions .table-row div:nth-child(10) {
  width: 12%;
}
.table.cv-other-transactions .table-header .th-column:nth-child(11),
.table.cv-other-transactions .table-row div:nth-child(11) {
  width: 12%;
}
.table.cv-other-transactions .table-header .th-column:nth-child(12),
.table.cv-other-transactions .table-row div:nth-child(12) {
  width: 60px;
}
.table.cv-other-transactions .table-footer > div:nth-child(1) {
  width: calc(64% + 50px);
}
.table.cv-other-transactions .table-footer > div:nth-child(2) {
  width: 12%;
}
.table.cv-other-transactions .table-footer > div:nth-child(3) {
  width: 0%;
}
.table.cv-other-transactions .table-footer > div:nth-child(4) {
  width: 12%;
}
.table.cv-other-transactions .table-footer > div:nth-child(5) {
  width: 12%;
}
.table.cv-other-transactions .table-footer > div:nth-child(6) {
  width: 50px;
}
.table.cv-other-transactions .table.supplier-other-invoice-listing {
  padding-bottom: 0px;
  padding-left: 39px;
  padding-right: 75px;
}
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-header .th-column,
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-row div {
  padding: 0 10px;
}
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-header .th-column:nth-child(1),
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-row div:nth-child(1) {
  width: 15%;
}
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-header .th-column:nth-child(2),
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-row div:nth-child(2) {
  width: 15%;
}
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-header .th-column:nth-child(3),
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-row div:nth-child(3) {
  width: 50%;
}
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-header .th-column:nth-child(4),
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-row div:nth-child(4) {
  width: 20%;
}
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-header .th-column:nth-child(5),
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-row div:nth-child(5) {
  width: 93px;
}
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-header .th-column .icon-btn,
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-row div .icon-btn {
  display: inline-block;
}
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-header .th-column.paymentAmount.currency-code-in,
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-row div.paymentAmount.currency-code-in {
  justify-content: end !important;
  gap: 8px;
}
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-row div {
  background-color: #cfc9e4 !important;
}
.table.cv-other-transactions .table.supplier-other-invoice-listing .table-row div:nth-child(6) {
  width: 93px !important;
}
.table.cv-other-transactions .cc-invoice-payment-listing .table-header .th-column:nth-child(1),
.table.cv-other-transactions .cc-invoice-payment-listing .table-row div:nth-child(1) {
  width: calc(50% + 10px);
}
.table.cv-other-transactions .cc-invoice-payment-listing .table-header .th-column:nth-child(2),
.table.cv-other-transactions .cc-invoice-payment-listing .table-row div:nth-child(2) {
  width: 26%;
}
.table.cv-other-transactions .cc-invoice-payment-listing .table-header .th-column:nth-child(3),
.table.cv-other-transactions .cc-invoice-payment-listing .table-row div:nth-child(3) {
  width: 12%;
}
.table.cv-other-transactions .cc-invoice-payment-listing .table-header .th-column:nth-child(4),
.table.cv-other-transactions .cc-invoice-payment-listing .table-row div:nth-child(4) {
  width: 12%;
}
.table.cv-other-transactions .cc-invoice-payment-listing .table-header .th-column:nth-child(5),
.table.cv-other-transactions .cc-invoice-payment-listing .table-row div:nth-child(5) {
  width: 40px;
}

.table.table-cn-list .table-header .th-column:nth-child(1),
.table.table-cn-list .table-row div:nth-child(1) {
  width: 35%;
}
.table.table-cn-list .table-header .th-column:nth-child(2),
.table.table-cn-list .table-row div:nth-child(2) {
  width: 17%;
}
.table.table-cn-list .table-header .th-column:nth-child(3),
.table.table-cn-list .table-row div:nth-child(3) {
  width: 19%;
}
.table.table-cn-list .table-header .th-column:nth-child(4),
.table.table-cn-list .table-row div:nth-child(4) {
  width: 10%;
}
.table.table-cn-list .table-header .th-column:nth-child(5),
.table.table-cn-list .table-row div:nth-child(5) {
  width: 19%;
}
.table.table-cn-list .table-header .th-column:nth-child(6),
.table.table-cn-list .table-row div:nth-child(6) {
  width: 40px;
}
.table.table-cn-list .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.table-cn-list .table-footer > div:nth-child(2) {
  width: 40px;
}

.table.table-ip-list .table-header .th-column:nth-child(1),
.table.table-ip-list .table-row div:nth-child(1) {
  width: 15%;
}
.table.table-ip-list .table-header .th-column:nth-child(2),
.table.table-ip-list .table-row div:nth-child(2) {
  width: 20%;
}
.table.table-ip-list .table-header .th-column:nth-child(3),
.table.table-ip-list .table-row div:nth-child(3) {
  width: 30%;
}
.table.table-ip-list .table-header .th-column:nth-child(4),
.table.table-ip-list .table-row div:nth-child(4) {
  width: 30%;
}
.table.table-ip-list .table-header .th-column:nth-child(5),
.table.table-ip-list .table-row div:nth-child(5) {
  width: 8%;
}
.table.table-ip-list .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.table-ip-list .table-footer > div:nth-child(2) {
  width: 40px;
}

.table.table-ip-list-edit .table-header .th-column:nth-child(1),
.table.table-ip-list-edit .table-row div:nth-child(1) {
  width: 15%;
}
.table.table-ip-list-edit .table-header .th-column:nth-child(2),
.table.table-ip-list-edit .table-row div:nth-child(2) {
  width: 20%;
}
.table.table-ip-list-edit .table-header .th-column:nth-child(3),
.table.table-ip-list-edit .table-row div:nth-child(3) {
  width: 30%;
}
.table.table-ip-list-edit .table-header .th-column:nth-child(4),
.table.table-ip-list-edit .table-row div:nth-child(4) {
  width: 35%;
}
.table.table-ip-list-edit .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.table-ip-list-edit .table-footer > div:nth-child(2) {
  width: 40px;
}

.table.table-inv-list .table-header .th-column:nth-child(1),
.table.table-inv-list .table-row div:nth-child(1) {
  width: 40px;
}
.table.table-inv-list .table-header .th-column:nth-child(2),
.table.table-inv-list .table-row div:nth-child(2) {
  width: 35%;
}
.table.table-inv-list .table-header .th-column:nth-child(3),
.table.table-inv-list .table-row div:nth-child(3) {
  width: 17%;
}
.table.table-inv-list .table-header .th-column:nth-child(4),
.table.table-inv-list .table-row div:nth-child(4) {
  width: 19%;
}
.table.table-inv-list .table-header .th-column:nth-child(5),
.table.table-inv-list .table-row div:nth-child(5) {
  width: 10%;
}
.table.table-inv-list .table-header .th-column:nth-child(6),
.table.table-inv-list .table-row div:nth-child(6) {
  width: 19%;
}
.table.table-inv-list .table-header .th-column:nth-child(7),
.table.table-inv-list .table-row div:nth-child(7) {
  width: 40px;
}
.table.table-inv-list .table-header .checkbox {
  margin-top: -10px !important;
}
.table.table-inv-list .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.table-inv-list .table-footer > div:nth-child(2) {
  width: 40px;
}

/* customer card - invoice listings */
.table.cc-invoice-list {
  margin: 15px 0 0 0;
}
.table.cc-invoice-list .table-header .th-column:nth-child(1) {
  width: 44px;
}
.table.cc-invoice-list .table-header .th-column:nth-child(2) {
  width: 10%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(3) {
  width: 10%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(4) {
  width: 10%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(5) {
  width: 10%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(6) {
  width: 10%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(7) {
  width: 10%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(8) {
  width: 10%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(9) {
  width: 10%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(10) {
  width: 15%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(11) {
  width: 15%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(12) {
  width: 15%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(13) {
  width: 62px !important;
}
.table.cc-invoice-list .table-header .th-column:nth-child(1),
.table.cc-invoice-list .table-row div:nth-child(1) {
  width: 44px;
}
.table.cc-invoice-list .table-header .th-column:nth-child(2),
.table.cc-invoice-list .table-row div:nth-child(2) {
  width: 10%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(3),
.table.cc-invoice-list .table-row div:nth-child(3) {
  width: 10%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(4),
.table.cc-invoice-list .table-row div:nth-child(4) {
  width: 10%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(5),
.table.cc-invoice-list .table-row div:nth-child(5) {
  width: 10%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(6),
.table.cc-invoice-list .table-row div:nth-child(6) {
  width: 10%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(7),
.table.cc-invoice-list .table-row div:nth-child(7) {
  width: 10%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(8),
.table.cc-invoice-list .table-row div:nth-child(8) {
  width: 10%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(9),
.table.cc-invoice-list .table-row div:nth-child(9) {
  width: 10%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(10),
.table.cc-invoice-list .table-row div:nth-child(10) {
  width: 15%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(11),
.table.cc-invoice-list .table-row div:nth-child(11) {
  width: 15%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(12),
.table.cc-invoice-list .table-row div:nth-child(12) {
  width: 15%;
}
.table.cc-invoice-list .table-header .th-column:nth-child(13),
.table.cc-invoice-list .table-row div:nth-child(13) {
  width: 50px;
}
.table.cc-invoice-list .table-header .th-column:first-child,
.table.cc-invoice-list .table-row div:first-child {
  text-overflow: unset;
}
.table.cc-invoice-list .table-footer > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
}
.table.cc-invoice-list .table-footer > div:nth-child(1) {
  width: calc(50px + 31%);
}
.table.cc-invoice-list .table-footer > div:nth-child(2) {
  width: 10%;
}
.table.cc-invoice-list .table-footer > div:nth-child(3) {
  width: 10%;
}
.table.cc-invoice-list .table-footer > div:nth-child(4) {
  width: 10%;
}
.table.cc-invoice-list .table-footer > div:nth-child(5) {
  width: 10%;
}
.table.cc-invoice-list .table-footer > div:nth-child(6) {
  width: 10%;
}
.table.cc-invoice-list .table-footer > div:nth-child(7) {
  width: 15%;
}
.table.cc-invoice-list .table-footer > div:nth-child(8) {
  width: 15%;
}
.table.cc-invoice-list .table-footer > div:nth-child(9) {
  width: 15%;
}
.table.cc-invoice-list .table-footer > div:nth-child(10) {
  width: 49px;
}
.table.cc-invoice-list .table-footer > div:first-child {
  justify-content: start;
}
.table.cc-invoice-list .table-footer > div span {
  color: unset;
}
.table.cc-invoice-list .table-footer {
  height: auto;
  min-height: 40px;
  line-height: 20px;
  align-items: center;
  background: #eaf3fc;
}
.table.cc-invoice-list .grouped-row {
  border-left: 1px solid #a9b3bb;
  border-right: 1px solid #a9b3bb;
  background-color: #f2f2f2;
}
.table.cc-invoice-list .grouped-row div {
  border-right: none !important;
  border-left: none !important;
}
.table.cc-invoice-list .grouped-row div:nth-child(1) {
  width: 100% !important;
  font-size: 16px;
  font-weight: bold;
  border-left: none !important;
}
.table.cc-invoice-list .summary-count-row div {
  background-color: #bfc3c6;
}
.table.cc-invoice-list .infinite-scroll-component {
  overflow-x: clip !important;
}

.table.cc-invoice-list-third-party {
  margin: 15px 0 0 0;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(1) {
  width: 44px;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(2) {
  width: 10%;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(3) {
  width: 15%;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(4) {
  width: 10%;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(5) {
  width: 10%;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(6) {
  width: 15%;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(7) {
  width: 10%;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(8) {
  width: 15%;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(9) {
  width: 15%;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(10) {
  width: calc(12% + 8px) !important;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(1),
.table.cc-invoice-list-third-party .table-row div:nth-child(1) {
  width: 44px;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(2),
.table.cc-invoice-list-third-party .table-row div:nth-child(2) {
  width: 10%;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(3),
.table.cc-invoice-list-third-party .table-row div:nth-child(3) {
  width: 15%;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(4),
.table.cc-invoice-list-third-party .table-row div:nth-child(4) {
  width: 10%;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(5),
.table.cc-invoice-list-third-party .table-row div:nth-child(5) {
  width: 10%;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(6),
.table.cc-invoice-list-third-party .table-row div:nth-child(6) {
  width: 15%;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(7),
.table.cc-invoice-list-third-party .table-row div:nth-child(7) {
  width: 10%;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(8),
.table.cc-invoice-list-third-party .table-row div:nth-child(8) {
  width: 15%;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(9),
.table.cc-invoice-list-third-party .table-row div:nth-child(9) {
  width: 15%;
}
.table.cc-invoice-list-third-party .table-header .th-column:nth-child(10),
.table.cc-invoice-list-third-party .table-row div:nth-child(10) {
  width: 12%;
}
.table.cc-invoice-list-third-party .table-footer > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
}
.table.cc-invoice-list-third-party .table-footer > div:nth-child(1) {
  width: calc(55px + 35%);
}
.table.cc-invoice-list-third-party .table-footer > div:nth-child(2) {
  width: 10%;
}
.table.cc-invoice-list-third-party .table-footer > div:nth-child(3) {
  width: 15%;
}
.table.cc-invoice-list-third-party .table-footer > div:nth-child(4) {
  width: 10%;
}
.table.cc-invoice-list-third-party .table-footer > div:nth-child(5) {
  width: 15%;
}
.table.cc-invoice-list-third-party .table-footer > div:nth-child(6) {
  width: 15%;
}
.table.cc-invoice-list-third-party .table-footer > div:nth-child(7) {
  width: 12%;
}
.table.cc-invoice-list-third-party .table-footer > div:first-child {
  justify-content: start;
}
.table.cc-invoice-list-third-party .table-footer > div span {
  color: unset;
}
.table.cc-invoice-list-third-party .table-footer {
  height: auto;
  min-height: 40px;
  line-height: 20px;
  align-items: center;
  background: #eaf3fc;
}
.table.cc-invoice-list-third-party .grouped-row {
  border-left: 1px solid #a9b3bb;
  border-right: 1px solid #a9b3bb;
  background-color: #f2f2f2;
}
.table.cc-invoice-list-third-party .grouped-row div {
  border-right: none !important;
  border-left: none !important;
}
.table.cc-invoice-list-third-party .grouped-row div:nth-child(1) {
  width: 100% !important;
  font-size: 16px;
  font-weight: bold;
  border-left: none !important;
}
.table.cc-invoice-list-third-party .summary-count-row div {
  background-color: #bfc3c6;
}
.table.cc-invoice-list-third-party .infinite-scroll-component {
  overflow-x: clip !important;
}

.cc-invoice-list-third-party .cc-invoice-payment-listing .table-row div:nth-child(1) {
  width: calc(60% + 8px) !important;
}
.cc-invoice-list-third-party .cc-invoice-payment-listing .table-row div:nth-child(2) {
  width: 13%;
}
.cc-invoice-list-third-party .cc-invoice-payment-listing .table-row div:nth-child(3) {
  width: 13%;
}
.cc-invoice-list-third-party .cc-invoice-payment-listing .table-row div:nth-child(4) {
  width: 16% !important;
}
.cc-invoice-list-third-party .cc-invoice-payment-listing .table-row div:nth-child(5) {
  width: 40px;
}

/* customer card - invoice listings-access-control */
.table.cc-invoice-list-access {
  margin: 15px 0 0 0;
}
.table.cc-invoice-list-access .table-header .th-column:nth-child(1),
.table.cc-invoice-list-access .table-row div:nth-child(1) {
  width: 20%;
}
.table.cc-invoice-list-access .table-header .th-column:nth-child(2),
.table.cc-invoice-list-access .table-row div:nth-child(2) {
  width: 15%;
}
.table.cc-invoice-list-access .table-header .th-column:nth-child(3),
.table.cc-invoice-list-access .table-row div:nth-child(3) {
  width: 15%;
}
.table.cc-invoice-list-access .table-header .th-column:nth-child(4),
.table.cc-invoice-list-access .table-row div:nth-child(4) {
  width: 10%;
}
.table.cc-invoice-list-access .table-header .th-column:nth-child(5),
.table.cc-invoice-list-access .table-row div:nth-child(5) {
  width: 10%;
}
.table.cc-invoice-list-access .table-header .th-column:nth-child(6),
.table.cc-invoice-list-access .table-row div:nth-child(6) {
  width: 10%;
}
.table.cc-invoice-list-access .table-header .th-column:nth-child(7),
.table.cc-invoice-list-access .table-row div:nth-child(7) {
  width: 10%;
}
.table.cc-invoice-list-access .table-header .th-column:nth-child(8),
.table.cc-invoice-list-access .table-row div:nth-child(8) {
  width: 10%;
}
.table.cc-invoice-list-access .table-footer > div:nth-child(1) {
  width: 60%;
}
.table.cc-invoice-list-access .table-footer > div:nth-child(2) {
  width: 10%;
}
.table.cc-invoice-list-access .table-footer > div:nth-child(3) {
  width: 10%;
}
.table.cc-invoice-list-access .table-footer > div:nth-child(4) {
  width: 10%;
}
.table.cc-invoice-list-access .table-footer > div:nth-child(5) {
  width: 10%;
}

/* credit note listing - order-view*/
.table.ov-credit-note-list {
  border-bottom: none;
  padding-bottom: 0px;
  padding-left: 40px;
}
.table.ov-credit-note-list .table-header .th-column,
.table.ov-credit-note-list .table-row div {
  padding: 0 10px;
}
.table.ov-credit-note-list .table-header .th-column:nth-child(1),
.table.ov-credit-note-list .table-row div:nth-child(1) {
  width: calc(12% - 5px) !important;
}
.table.ov-credit-note-list .table-header .th-column:nth-child(2),
.table.ov-credit-note-list .table-row div:nth-child(2) {
  width: calc(16% - 8px) !important;
}
.table.ov-credit-note-list .table-header .th-column:nth-child(3),
.table.ov-credit-note-list .table-row div:nth-child(3) {
  width: 27% !important;
}
.table.ov-credit-note-list .table-header .th-column:nth-child(4),
.table.ov-credit-note-list .table-row div:nth-child(4) {
  width: calc(15% - 4px) !important;
}
.table.ov-credit-note-list .table-header .th-column:nth-child(5),
.table.ov-credit-note-list .table-row div:nth-child(5) {
  width: calc(21% + 3px) !important;
}
.table.ov-credit-note-list .table-header .th-column:nth-child(6),
.table.ov-credit-note-list .table-row div:nth-child(6) {
  width: 185px !important;
}
.table.ov-credit-note-list .table-header .th-column .icon-btn,
.table.ov-credit-note-list .table-row div .icon-btn {
  display: inline-block;
}
.table.ov-credit-note-list .table-body .table-row div:nth-child(6) {
  text-align: left !important;
}
.table.ov-credit-note-list .table-row div {
  background-color: rgba(187, 243, 243, 0.6509803922) !important;
}
.table.ov-credit-note-list .table-footer > div:nth-child(1) {
  width: 86%;
}
.table.ov-credit-note-list .table-footer > div:nth-child(2) {
  width: 14%;
}
.table.ov-credit-note-list .table-footer > div:nth-child(3) {
  width: 100px;
}

.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list {
  padding-left: 38px !important;
  padding-right: 38px !important;
}
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-header .th-column,
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-row div {
  padding: 0 10px;
}
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-header .th-column:nth-child(1),
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-row div:nth-child(1) {
  width: calc(12% + 2px);
}
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-header .th-column:nth-child(2),
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-row div:nth-child(2) {
  width: 8%;
}
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-header .th-column:nth-child(3),
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-row div:nth-child(3) {
  width: 26%;
}
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-header .th-column:nth-child(4),
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-row div:nth-child(4) {
  width: 31%;
}
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-header .th-column:nth-child(5),
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-row div:nth-child(5) {
  width: 20%;
}
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-header .th-column:nth-child(6),
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-row div:nth-child(6) {
  width: 195px;
}
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-body .table-row div:nth-child(6) {
  text-align: left !important;
}
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-body .table-row div:nth-child(6) .send-icon-align {
  margin-left: 10px !important;
}
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-body .table-row div:nth-child(6) .pageView {
  margin-left: 10px;
}
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .accounting-no .pr-5 {
  padding-right: unset !important;
}
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-footer > div:nth-child(1) {
  width: 86%;
}
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-footer > div:nth-child(2) {
  width: 14%;
}
.table.ov-invoice-list:has(.ehfColumn) .table.ov-credit-note-list .table-footer > div:nth-child(3) {
  width: 100px;
}
.table.ov-invoice-list:has(.ehfColumn) .ov-invoice-payment-listing {
  padding-top: 0px;
  padding-right: 38px;
}
.table.ov-invoice-list:has(.ehfColumn) .ov-invoice-payment-listing .table-header .th-column,
.table.ov-invoice-list:has(.ehfColumn) .ov-invoice-payment-listing .table-row div {
  padding: 0 10px;
}
.table.ov-invoice-list:has(.ehfColumn) .ov-invoice-payment-listing .table-header .th-column:nth-child(1),
.table.ov-invoice-list:has(.ehfColumn) .ov-invoice-payment-listing .table-row div:nth-child(1) {
  width: calc(20% + 5px);
}
.table.ov-invoice-list:has(.ehfColumn) .ov-invoice-payment-listing .table-header .th-column:nth-child(2),
.table.ov-invoice-list:has(.ehfColumn) .ov-invoice-payment-listing .table-row div:nth-child(2) {
  width: 26%;
}
.table.ov-invoice-list:has(.ehfColumn) .ov-invoice-payment-listing .table-header .th-column:nth-child(3),
.table.ov-invoice-list:has(.ehfColumn) .ov-invoice-payment-listing .table-row div:nth-child(3) {
  width: 31%;
}
.table.ov-invoice-list:has(.ehfColumn) .ov-invoice-payment-listing .table-header .th-column:nth-child(4),
.table.ov-invoice-list:has(.ehfColumn) .ov-invoice-payment-listing .table-row div:nth-child(4) {
  width: 20%;
}
.table.ov-invoice-list:has(.ehfColumn) .ov-invoice-payment-listing .table-header .th-column:nth-child(5),
.table.ov-invoice-list:has(.ehfColumn) .ov-invoice-payment-listing .table-row div:nth-child(5) {
  width: 195px;
}
.table.ov-invoice-list:has(.ehfColumn) .ov-invoice-payment-listing .table-header .th-column.paymentAmount.currency-code-in,
.table.ov-invoice-list:has(.ehfColumn) .ov-invoice-payment-listing .table-row div.paymentAmount.currency-code-in {
  justify-content: end !important;
  gap: 8px;
  margin-left: auto;
}
.table.ov-invoice-list:has(.ehfColumn) .ov-invoice-payment-listing .table-body .table-row div:nth-child(5) .btn-top-2 {
  padding-left: 0px !important;
  padding-right: 16px;
}
.table.ov-invoice-list:has(.ehfColumn) .ov-invoice-payment-listing .ov-inner-delete-btn {
  padding: 0 !important;
}

.table-group .ov-credit-note-list .table-header .th-column .text {
  font-size: 10px;
}

.table.ov-invoice-payment-listing {
  padding-bottom: 0px;
  padding-left: 38px;
}
.table.ov-invoice-payment-listing .table-header .th-column,
.table.ov-invoice-payment-listing .table-row div {
  padding: 0 10px;
}
.table.ov-invoice-payment-listing .table-header .th-column:nth-child(1),
.table.ov-invoice-payment-listing .table-row div:nth-child(1) {
  width: calc(20% - 10px);
}
.table.ov-invoice-payment-listing .table-header .th-column:nth-child(2),
.table.ov-invoice-payment-listing .table-row div:nth-child(2) {
  width: calc(26% + 10px);
}
.table.ov-invoice-payment-listing .table-header .th-column:nth-child(3),
.table.ov-invoice-payment-listing .table-row div:nth-child(3) {
  width: 15%;
}
.table.ov-invoice-payment-listing .table-header .th-column:nth-child(4),
.table.ov-invoice-payment-listing .table-row div:nth-child(4) {
  width: 39%;
}
.table.ov-invoice-payment-listing .table-header .th-column:nth-child(5),
.table.ov-invoice-payment-listing .table-row div:nth-child(5) {
  width: 130px;
}
.table.ov-invoice-payment-listing .table-header .th-column .icon-btn,
.table.ov-invoice-payment-listing .table-row div .icon-btn {
  display: inline-block;
}
.table.ov-invoice-payment-listing .table-row div {
  background-color: #cfc9e4 !important;
}
.table.ov-invoice-payment-listing .table-row div:nth-child(5) {
  padding-left: 0px;
}

.table.cc-invoice-payment-listing {
  padding-bottom: 0px;
  padding-left: 40px;
  padding-right: 6px;
  padding-top: 0px;
}
.table.cc-invoice-payment-listing .table-header .th-column,
.table.cc-invoice-payment-listing .table-row div {
  padding: 0 10px;
}
.table.cc-invoice-payment-listing .table-header .th-column:nth-child(1),
.table.cc-invoice-payment-listing .table-row div:nth-child(1) {
  width: 61%;
}
.table.cc-invoice-payment-listing .table-header .th-column:nth-child(2),
.table.cc-invoice-payment-listing .table-row div:nth-child(2) {
  width: 13%;
}
.table.cc-invoice-payment-listing .table-header .th-column:nth-child(3),
.table.cc-invoice-payment-listing .table-row div:nth-child(3) {
  width: 13%;
}
.table.cc-invoice-payment-listing .table-header .th-column:nth-child(4),
.table.cc-invoice-payment-listing .table-row div:nth-child(4) {
  width: 13%;
}
.table.cc-invoice-payment-listing .table-header .th-column:nth-child(5),
.table.cc-invoice-payment-listing .table-row div:nth-child(5) {
  width: 40px;
}
.table.cc-invoice-payment-listing .table-header .th-column .icon-btn,
.table.cc-invoice-payment-listing .table-row div .icon-btn {
  display: inline-block;
}
.table.cc-invoice-payment-listing .table-header .th-column.paymentAmount.currency-code-in,
.table.cc-invoice-payment-listing .table-row div.paymentAmount.currency-code-in {
  justify-content: end !important;
  gap: 5px;
}
.table.cc-invoice-payment-listing .table-row div {
  background-color: #cfc9e4 !important;
}
.table.cc-invoice-payment-listing .table-row div:nth-child(5) .icon-btn {
  width: unset !important;
  padding-left: 0px;
}
.table.cc-invoice-payment-listing .ov-inner-delete-btn {
  overflow: unset !important;
}
.table.cc-invoice-payment-listing .ov-inner-delete-btn .icon-btn {
  width: unset !important;
}

.ov-other-transactions .table-group .table.ov-invoice-payment-listing {
  padding-bottom: 0px;
  padding-left: 46px;
  padding-right: 10px;
}
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-header .th-column,
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-row div {
  padding: 0 10px;
}
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-header .th-column:nth-child(1),
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-row div:nth-child(1) {
  width: 16%;
}
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-header .th-column:nth-child(2),
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-row div:nth-child(2) {
  width: 19%;
}
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-header .th-column:nth-child(3),
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-row div:nth-child(3) {
  width: calc(39% - 1px);
}
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-header .th-column:nth-child(4),
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-row div:nth-child(4) {
  width: calc(12% + 14px);
}
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-header .th-column:nth-child(5),
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-row div:nth-child(5) {
  width: calc(15% + 24px);
}
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-header .th-column .icon-btn,
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-row div .icon-btn {
  display: inline-block;
}
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-header .th-column.paymentAmount.currency-code-in,
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-row div.paymentAmount.currency-code-in {
  justify-content: end !important;
  gap: 8px;
}
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-row div {
  background-color: #cfc9e4 !important;
}
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .table-row div:nth-child(5) {
  padding-left: 0px;
}
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .ov-inner-delete-btn {
  padding: 0 !important;
  text-align: end !important;
}
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .ov-inner-delete-btn .icon-btn {
  padding-left: 13px !important;
}
.ov-other-transactions .table-group .table.ov-invoice-payment-listing .ov-inner-delete-btn .icon-btn .material-icons {
  color: #000;
}

/* credit note listing - customer-view*/
.table.cc-credit-note-list {
  padding-right: 10px;
  border-bottom: none;
  margin: 0 !important;
  padding-bottom: 0px;
}
.table.cc-credit-note-list .table-header .th-column,
.table.cc-credit-note-list .table-row div {
  padding: 0 10px;
}
.table.cc-credit-note-list .table-header .th-column:nth-child(1),
.table.cc-credit-note-list .table-row div:nth-child(1) {
  width: 12%;
}
.table.cc-credit-note-list .table-header .th-column:nth-child(2),
.table.cc-credit-note-list .table-row div:nth-child(2) {
  width: calc(7% + 9px);
}
.table.cc-credit-note-list .table-header .th-column:nth-child(3),
.table.cc-credit-note-list .table-row div:nth-child(3) {
  width: 15%;
}
.table.cc-credit-note-list .table-header .th-column:nth-child(4),
.table.cc-credit-note-list .table-row div:nth-child(4) {
  width: 13%;
}
.table.cc-credit-note-list .table-header .th-column:nth-child(5),
.table.cc-credit-note-list .table-row div:nth-child(5) {
  width: 13%;
}
.table.cc-credit-note-list .table-header .th-column:nth-child(6),
.table.cc-credit-note-list .table-row div:nth-child(6) {
  width: 13%;
}
.table.cc-credit-note-list .table-header .th-column:nth-child(7),
.table.cc-credit-note-list .table-row div:nth-child(7) {
  width: 26%;
}
.table.cc-credit-note-list .table-header .th-column:nth-child(8),
.table.cc-credit-note-list .table-row div:nth-child(8) {
  width: 40px;
}
.table.cc-credit-note-list .table-header .th-column .icon-btn,
.table.cc-credit-note-list .table-row div .icon-btn {
  display: inline-block;
}
.table.cc-credit-note-list .table-header .th-column span.text {
  white-space: break-spaces;
  line-height: initial;
}
.table.cc-credit-note-list .table-row div {
  background-color: rgba(187, 243, 243, 0.6509803922) !important;
}
.table.cc-credit-note-list .table-footer > div:nth-child(1) {
  width: 86%;
}
.table.cc-credit-note-list .table-footer > div:nth-child(2) {
  width: 14%;
}
.table.cc-credit-note-list .table-footer > div:nth-child(3) {
  width: 40px;
}
.table.cc-credit-note-list .icon-btn {
  overflow: unset !important;
}

/* supplier card - invoice listings */
.table.sc-invoice-list {
  margin: 15px 0 0 0;
}
.table.sc-invoice-list .table-header .th-column:nth-child(1),
.table.sc-invoice-list .table-row div:nth-child(1) {
  width: 44px;
}
.table.sc-invoice-list .table-header .th-column:nth-child(2),
.table.sc-invoice-list .table-row div:nth-child(2) {
  width: 17%;
}
.table.sc-invoice-list .table-header .th-column:nth-child(3),
.table.sc-invoice-list .table-row div:nth-child(3) {
  width: 14%;
}
.table.sc-invoice-list .table-header .th-column:nth-child(4),
.table.sc-invoice-list .table-row div:nth-child(4) {
  width: 14%;
}
.table.sc-invoice-list .table-header .th-column:nth-child(5),
.table.sc-invoice-list .table-row div:nth-child(5) {
  width: 11%;
}
.table.sc-invoice-list .table-header .th-column:nth-child(6),
.table.sc-invoice-list .table-row div:nth-child(6) {
  width: 11%;
}
.table.sc-invoice-list .table-header .th-column:nth-child(7),
.table.sc-invoice-list .table-row div:nth-child(7) {
  width: 11%;
}
.table.sc-invoice-list .table-header .th-column:nth-child(8),
.table.sc-invoice-list .table-row div:nth-child(8) {
  width: 11%;
}
.table.sc-invoice-list .table-header .th-column:nth-child(9),
.table.sc-invoice-list .table-row div:nth-child(9) {
  width: 11%;
}
.table.sc-invoice-list .table-footer > div:nth-child(1) {
  width: 67%;
}
.table.sc-invoice-list .table-footer > div:nth-child(2) {
  width: 44px;
}
.table.sc-invoice-list .table-footer > div:nth-child(3) {
  width: 11%;
}
.table.sc-invoice-list .table-footer > div:nth-child(4) {
  width: 11%;
}
.table.sc-invoice-list .table-footer > div:nth-child(5) {
  width: 11%;
}

/*invoice and order listing*/
.table.invoice-and-order-list {
  margin: 15px 0 0 0;
}
.table.invoice-and-order-list .table-header .th-column:nth-child(1),
.table.invoice-and-order-list .table-row div:nth-child(1) {
  width: 44px;
}
.table.invoice-and-order-list .table-header .th-column:nth-child(2),
.table.invoice-and-order-list .table-row div:nth-child(2) {
  width: 8%;
}
.table.invoice-and-order-list .table-header .th-column:nth-child(3),
.table.invoice-and-order-list .table-row div:nth-child(3) {
  width: 17%;
}
.table.invoice-and-order-list .table-header .th-column:nth-child(4),
.table.invoice-and-order-list .table-row div:nth-child(4) {
  width: 10%;
}
.table.invoice-and-order-list .table-header .th-column:nth-child(5),
.table.invoice-and-order-list .table-row div:nth-child(5) {
  width: 10%;
}
.table.invoice-and-order-list .table-header .th-column:nth-child(6),
.table.invoice-and-order-list .table-row div:nth-child(6) {
  width: 15%;
}
.table.invoice-and-order-list .table-header .th-column:nth-child(7),
.table.invoice-and-order-list .table-row div:nth-child(7) {
  width: 15%;
}
.table.invoice-and-order-list .table-header .th-column:nth-child(8),
.table.invoice-and-order-list .table-row div:nth-child(8) {
  width: 10%;
}
.table.invoice-and-order-list .table-header .th-column:nth-child(9),
.table.invoice-and-order-list .table-row div:nth-child(9) {
  width: 15%;
}
.table.invoice-and-order-list .table-header .th-column:nth-child(10),
.table.invoice-and-order-list .table-row div:nth-child(10) {
  width: 86px;
}
.table.invoice-and-order-list .table-header .th-column:nth-child(11),
.table.invoice-and-order-list .table-row div:nth-child(11) {
  width: 90px;
}
.table.invoice-and-order-list .table-header .th-column .icon-btn,
.table.invoice-and-order-list .table-row div .icon-btn {
  display: inline-block;
}
.table.invoice-and-order-list .table-header .th-column:nth-child(12) {
  width: 70px !important;
}
.table.invoice-and-order-list .table-footer > div {
  padding: 0 10px !important;
}
.table.invoice-and-order-list .table-footer > div:nth-child(1) {
  width: 45%;
}
.table.invoice-and-order-list .table-footer > div:nth-child(2) {
  width: 44px;
}
.table.invoice-and-order-list .table-footer > div:nth-child(3) {
  width: 15%;
}
.table.invoice-and-order-list .table-footer > div:nth-child(4) {
  width: 15%;
}
.table.invoice-and-order-list .table-footer > div:nth-child(5) {
  width: 10%;
}
.table.invoice-and-order-list .table-footer > div:nth-child(6) {
  width: 15%;
}
.table.invoice-and-order-list .table-footer > div:nth-child(7) {
  width: 86px;
}
.table.invoice-and-order-list .table-footer > div:nth-child(8) {
  width: 150px;
}

.table.supplier-card-invoices .table-header .th-column:nth-child(1) {
  width: 44px;
}
.table.supplier-card-invoices .table-header .th-column:nth-child(2) {
  width: calc(8% + 10px);
}
.table.supplier-card-invoices .table-header .th-column:nth-child(3) {
  width: 17%;
}
.table.supplier-card-invoices .table-header .th-column:nth-child(4) {
  width: 10%;
}
.table.supplier-card-invoices .table-header .th-column:nth-child(5) {
  width: 10%;
}
.table.supplier-card-invoices .table-header .th-column:nth-child(6) {
  width: 15%;
}
.table.supplier-card-invoices .table-header .th-column:nth-child(7) {
  width: 15%;
}
.table.supplier-card-invoices .table-header .th-column:nth-child(8) {
  width: 8%;
}
.table.supplier-card-invoices .table-header .th-column:nth-child(9) {
  width: 15%;
}
.table.supplier-card-invoices .table-header .th-column:nth-child(10) {
  width: 8%;
}
.table.supplier-card-invoices .table-header .th-column:nth-child(11) {
  width: 8%;
}
.table.supplier-card-invoices .table-header .th-column:nth-child(12) {
  width: 86px !important;
}
.table.supplier-card-invoices .table-header .th-column:nth-child(13) {
  width: 94px;
}
.table.supplier-card-invoices .table-header .th-column:nth-child(14) {
  width: 107px;
}
.table.supplier-card-invoices .table-row div:nth-child(1) {
  width: 44px;
}
.table.supplier-card-invoices .table-row div:nth-child(2) {
  width: calc(8% + 10px);
}
.table.supplier-card-invoices .table-row div:nth-child(3) {
  width: 17%;
}
.table.supplier-card-invoices .table-row div:nth-child(4) {
  width: 10%;
}
.table.supplier-card-invoices .table-row div:nth-child(5) {
  width: 10%;
}
.table.supplier-card-invoices .table-row div:nth-child(6) {
  width: 15%;
}
.table.supplier-card-invoices .table-row div:nth-child(7) {
  width: 15%;
}
.table.supplier-card-invoices .table-row div:nth-child(8) {
  width: 8%;
}
.table.supplier-card-invoices .table-row div:nth-child(9) {
  width: 15%;
}
.table.supplier-card-invoices .table-row div:nth-child(10) {
  width: 8%;
}
.table.supplier-card-invoices .table-row div:nth-child(11) {
  width: 8%;
}
.table.supplier-card-invoices .table-row div:nth-child(12) {
  width: 86px !important;
}
.table.supplier-card-invoices .table-row div:nth-child(13) {
  width: 94px;
}
.table.supplier-card-invoices .table-row div:nth-child(14) {
  width: 95px;
}
.table.supplier-card-invoices .table-row div .icon-btn {
  display: inline-block;
}
.table.supplier-card-invoices .table-row div:nth-child(1) {
  text-overflow: unset;
}
.table.supplier-card-invoices .debit-note-inner-list .table-row div:nth-child(1) {
  width: 40px;
}
.table.supplier-card-invoices .debit-note-inner-list .table-row div:nth-child(2) {
  width: calc(8% + 10px);
}
.table.supplier-card-invoices .debit-note-inner-list .table-row div:nth-child(3) {
  width: 17%;
}
.table.supplier-card-invoices .debit-note-inner-list .table-row div:nth-child(4) {
  width: 10%;
}
.table.supplier-card-invoices .debit-note-inner-list .table-row div:nth-child(5) {
  width: 10%;
}
.table.supplier-card-invoices .debit-note-inner-list .table-row div:nth-child(6) {
  width: 15%;
}
.table.supplier-card-invoices .debit-note-inner-list .table-row div:nth-child(7) {
  width: 15%;
}
.table.supplier-card-invoices .debit-note-inner-list .table-row div:nth-child(8) {
  width: 8%;
}
.table.supplier-card-invoices .debit-note-inner-list .table-row div:nth-child(9) {
  width: calc(31% + 16px);
}
.table.supplier-card-invoices .debit-note-inner-list .table-row div:nth-child(10) {
  width: 86px;
}
.table.supplier-card-invoices .debit-note-inner-list .table-row div:nth-child(11) {
  width: 94px;
}
.table.supplier-card-invoices .debit-note-inner-list .table-row div:nth-child(12) {
  width: 92px !important;
}
.table.supplier-card-invoices .supplier-other-invoice-listing .table-header .th-column:nth-child(1),
.table.supplier-card-invoices .supplier-other-invoice-listing .table-row div:nth-child(1) {
  width: calc(35% + 4px) !important;
}
.table.supplier-card-invoices .supplier-other-invoice-listing .table-header .th-column:nth-child(2),
.table.supplier-card-invoices .supplier-other-invoice-listing .table-row div:nth-child(2) {
  width: 10% !important;
}
.table.supplier-card-invoices .supplier-other-invoice-listing .table-header .th-column:nth-child(3),
.table.supplier-card-invoices .supplier-other-invoice-listing .table-row div:nth-child(3) {
  width: 38% !important;
}
.table.supplier-card-invoices .supplier-other-invoice-listing .table-header .th-column:nth-child(4),
.table.supplier-card-invoices .supplier-other-invoice-listing .table-row div:nth-child(4) {
  width: 31% !important;
}
.table.supplier-card-invoices .supplier-other-invoice-listing .table-header .th-column:nth-child(5),
.table.supplier-card-invoices .supplier-other-invoice-listing .table-row div:nth-child(5) {
  width: calc(11% + 8px) !important;
}
.table.supplier-card-invoices .table-footer > div {
  padding: 0 10px !important;
}
.table.supplier-card-invoices .table-footer > div:nth-child(1) {
  width: calc(38% + 39px);
}
.table.supplier-card-invoices .table-footer > div:nth-child(2) {
  width: 10%;
}
.table.supplier-card-invoices .table-footer > div:nth-child(3) {
  width: 15%;
}
.table.supplier-card-invoices .table-footer > div:nth-child(4) {
  width: 15%;
}
.table.supplier-card-invoices .table-footer > div:nth-child(5) {
  width: 8%;
}
.table.supplier-card-invoices .table-footer > div:nth-child(6) {
  width: 24%;
}
.table.supplier-card-invoices .table-footer > div:nth-child(7) {
  width: 8%;
}
.table.supplier-card-invoices .table-footer > div:nth-child(8) {
  width: 190px;
}
.table.supplier-card-invoices .table-footer > div:nth-child(9) {
  width: 109px;
}
.table.supplier-card-invoices.supplier-cardThirdpartyUser .table-footer > div:nth-child(1) {
  width: calc(38% + 39px);
}
.table.supplier-card-invoices.supplier-cardThirdpartyUser .table-footer > div:nth-child(2) {
  width: 10%;
}
.table.supplier-card-invoices.supplier-cardThirdpartyUser .table-footer > div:nth-child(3) {
  width: 15%;
}
.table.supplier-card-invoices.supplier-cardThirdpartyUser .table-footer > div:nth-child(4) {
  width: 15%;
}
.table.supplier-card-invoices.supplier-cardThirdpartyUser .table-footer > div:nth-child(5) {
  width: 8%;
}
.table.supplier-card-invoices.supplier-cardThirdpartyUser .table-footer > div:nth-child(6) {
  width: 24%;
}
.table.supplier-card-invoices.supplier-cardThirdpartyUser .table-footer > div:nth-child(7) {
  width: 8%;
}
.table.supplier-card-invoices.supplier-cardThirdpartyUser .table-footer > div:nth-child(8) {
  width: 310px;
}

.one-col-not-show.table.invoice-and-order-list {
  margin: 15px 0 0 0;
}
.one-col-not-show.table.invoice-and-order-list .table-header .th-column:nth-child(1) {
  width: 44px;
}
.one-col-not-show.table.invoice-and-order-list .table-header .th-column:nth-child(2) {
  width: 15%;
}
.one-col-not-show.table.invoice-and-order-list .table-header .th-column:nth-child(3) {
  width: 15%;
}
.one-col-not-show.table.invoice-and-order-list .table-header .th-column:nth-child(4) {
  width: 10%;
}
.one-col-not-show.table.invoice-and-order-list .table-header .th-column:nth-child(5) {
  width: 15%;
}
.one-col-not-show.table.invoice-and-order-list .table-header .th-column:nth-child(6) {
  width: 15%;
}
.one-col-not-show.table.invoice-and-order-list .table-header .th-column:nth-child(7) {
  width: 10%;
}
.one-col-not-show.table.invoice-and-order-list .table-header .th-column:nth-child(8) {
  width: 20%;
}
.one-col-not-show.table.invoice-and-order-list .table-header .th-column:nth-child(9) {
  width: 8%;
}
.one-col-not-show.table.invoice-and-order-list .table-header .th-column:nth-child(10) {
  width: 10% !important;
}
.one-col-not-show.table.invoice-and-order-list .table-header .th-column:nth-child(11) {
  width: 10% !important;
}
.one-col-not-show.table.invoice-and-order-list .table-header .th-column:nth-child(12) {
  width: 86px;
}
.one-col-not-show.table.invoice-and-order-list .table-header .th-column:nth-child(13) {
  width: 102px;
}
.one-col-not-show.table.invoice-and-order-list .table-row div:nth-child(1) {
  width: 44px;
}
.one-col-not-show.table.invoice-and-order-list .table-row div:nth-child(2) {
  width: 15%;
}
.one-col-not-show.table.invoice-and-order-list .table-row div:nth-child(3) {
  width: 15%;
}
.one-col-not-show.table.invoice-and-order-list .table-row div:nth-child(4) {
  width: 10%;
}
.one-col-not-show.table.invoice-and-order-list .table-row div:nth-child(5) {
  width: 15%;
}
.one-col-not-show.table.invoice-and-order-list .table-row div:nth-child(6) {
  width: 15%;
}
.one-col-not-show.table.invoice-and-order-list .table-row div:nth-child(7) {
  width: 10%;
}
.one-col-not-show.table.invoice-and-order-list .table-row div:nth-child(8) {
  width: 20%;
}
.one-col-not-show.table.invoice-and-order-list .table-row div:nth-child(9) {
  width: 8%;
}
.one-col-not-show.table.invoice-and-order-list .table-row div:nth-child(10) {
  width: 10% !important;
}
.one-col-not-show.table.invoice-and-order-list .table-row div:nth-child(11) {
  width: 10% !important;
}
.one-col-not-show.table.invoice-and-order-list .table-row div:nth-child(12) {
  width: 86px;
}
.one-col-not-show.table.invoice-and-order-list .table-row div:nth-child(13) {
  width: 90px;
}
.one-col-not-show.table.invoice-and-order-list .table-row div:last-child {
  width: 90px;
}
.one-col-not-show.table.invoice-and-order-list .table-header .th-column:nth-child(10) {
  width: 99px;
}
.one-col-not-show.table.invoice-and-order-list .table-header .th-column:nth-child(11) {
  width: 102px;
}
.one-col-not-show.table.invoice-and-order-list .table-footer > div {
  padding: 0 9px !important;
}
.one-col-not-show.table.invoice-and-order-list .table-footer > div:nth-child(1) {
  width: calc(50px + 40%);
}
.one-col-not-show.table.invoice-and-order-list .table-footer > div:nth-child(2) {
  width: 15%;
}
.one-col-not-show.table.invoice-and-order-list .table-footer > div:nth-child(3) {
  width: 15%;
}
.one-col-not-show.table.invoice-and-order-list .table-footer > div:nth-child(4) {
  width: 10%;
}
.one-col-not-show.table.invoice-and-order-list .table-footer > div:nth-child(5) {
  width: 20%;
}
.one-col-not-show.table.invoice-and-order-list .table-footer > div:nth-child(6) {
  width: 18%;
}
.one-col-not-show.table.invoice-and-order-list .table-footer > div:nth-child(7) {
  width: 10%;
}
.one-col-not-show.table.invoice-and-order-list .table-footer > div:nth-child(8) {
  width: 196px;
}
.one-col-not-show.table.invoice-and-order-list .has-webshop {
  width: 100% !important;
}

/*bank reconcilation invoice  listing*/
.table.bank-reconcilation-invoice-list {
  margin: 0;
}
.table.bank-reconcilation-invoice-list .table-header {
  padding-right: 4px !important;
  border-right: 1px solid #e9e8e6;
}
.table.bank-reconcilation-invoice-list .table-header .th-column:nth-child(10) {
  border-right: 0;
}
.table.bank-reconcilation-invoice-list .table-header .th-column:nth-child(1),
.table.bank-reconcilation-invoice-list .table-row div:nth-child(1) {
  width: 50px;
}
.table.bank-reconcilation-invoice-list .table-header .th-column:nth-child(2),
.table.bank-reconcilation-invoice-list .table-row div:nth-child(2) {
  width: 50px;
}
.table.bank-reconcilation-invoice-list .table-header .th-column:nth-child(3),
.table.bank-reconcilation-invoice-list .table-row div:nth-child(3) {
  width: 13%;
}
.table.bank-reconcilation-invoice-list .table-header .th-column:nth-child(4),
.table.bank-reconcilation-invoice-list .table-row div:nth-child(4) {
  width: 9%;
}
.table.bank-reconcilation-invoice-list .table-header .th-column:nth-child(5),
.table.bank-reconcilation-invoice-list .table-row div:nth-child(5) {
  width: 16%;
}
.table.bank-reconcilation-invoice-list .table-header .th-column:nth-child(6),
.table.bank-reconcilation-invoice-list .table-row div:nth-child(6) {
  width: 9.1%;
}
.table.bank-reconcilation-invoice-list .table-header .th-column:nth-child(7),
.table.bank-reconcilation-invoice-list .table-row div:nth-child(7) {
  width: 9%;
}
.table.bank-reconcilation-invoice-list .table-header .th-column:nth-child(8),
.table.bank-reconcilation-invoice-list .table-row div:nth-child(8) {
  width: 15%;
}
.table.bank-reconcilation-invoice-list .table-header .th-column:nth-child(9),
.table.bank-reconcilation-invoice-list .table-row div:nth-child(9) {
  width: 14%;
}
.table.bank-reconcilation-invoice-list .table-header .th-column:nth-child(10),
.table.bank-reconcilation-invoice-list .table-row div:nth-child(10) {
  width: 15%;
}
.table.bank-reconcilation-invoice-list .table-header .th-column .icon-btn,
.table.bank-reconcilation-invoice-list .table-row div .icon-btn {
  display: inline-block;
}
.table.bank-reconcilation-invoice-list .th-column {
  white-space: break-spaces;
  height: 50px;
}
.table.bank-reconcilation-invoice-list .columnWithCurrency {
  display: flex;
  justify-content: space-between !important;
}
.table.bank-reconcilation-invoice-list .th-last-column {
  border-right: unset !important;
}

/*bank-transactions-for-reconcile-list*/
.table.bank-transactions-for-reconcile-list {
  margin: 0;
}
.table.bank-transactions-for-reconcile-list .table-header {
  border-right: 1px solid #e9e8e6;
}
.table.bank-transactions-for-reconcile-list .table-header .th-column:nth-child(10) {
  border-right: 0;
}
.table.bank-transactions-for-reconcile-list .table-header .th-last-column {
  width: 56px !important;
}
.table.bank-transactions-for-reconcile-list .table-header .th-column:nth-child(1),
.table.bank-transactions-for-reconcile-list .table-row div:nth-child(1) {
  width: 50px;
}
.table.bank-transactions-for-reconcile-list .table-header .th-column:nth-child(2),
.table.bank-transactions-for-reconcile-list .table-row div:nth-child(2) {
  width: 50px;
}
.table.bank-transactions-for-reconcile-list .table-header .th-column:nth-child(3),
.table.bank-transactions-for-reconcile-list .table-row div:nth-child(3) {
  width: 50px;
}
.table.bank-transactions-for-reconcile-list .table-header .th-column:nth-child(4),
.table.bank-transactions-for-reconcile-list .table-row div:nth-child(4) {
  width: 12%;
}
.table.bank-transactions-for-reconcile-list .table-header .th-column:nth-child(5),
.table.bank-transactions-for-reconcile-list .table-row div:nth-child(5) {
  width: 17%;
}
.table.bank-transactions-for-reconcile-list .table-header .th-column:nth-child(6),
.table.bank-transactions-for-reconcile-list .table-row div:nth-child(6) {
  width: 27%;
}
.table.bank-transactions-for-reconcile-list .table-header .th-column:nth-child(7),
.table.bank-transactions-for-reconcile-list .table-row div:nth-child(7) {
  width: 15%;
}
.table.bank-transactions-for-reconcile-list .table-header .th-column:nth-child(8),
.table.bank-transactions-for-reconcile-list .table-row div:nth-child(8) {
  width: 15%;
}
.table.bank-transactions-for-reconcile-list .table-header .th-column:nth-child(9),
.table.bank-transactions-for-reconcile-list .table-row div:nth-child(9) {
  width: 14%;
}
.table.bank-transactions-for-reconcile-list .table-header .th-column:nth-child(10),
.table.bank-transactions-for-reconcile-list .table-row div:nth-child(10) {
  width: 50px;
}
.table.bank-transactions-for-reconcile-list .table-header .th-column .icon-btn,
.table.bank-transactions-for-reconcile-list .table-row div .icon-btn {
  display: inline-block;
}
.table.bank-transactions-for-reconcile-list .table-header .th-column:last-child,
.table.bank-transactions-for-reconcile-list .table-row div:last-child {
  text-overflow: unset !important;
}
.table.bank-transactions-for-reconcile-list .th-column {
  white-space: break-spaces;
  height: 50px;
}
.table.bank-transactions-for-reconcile-list .th-last-column {
  border-right: unset !important;
}

/* customer jobs - customre card */
.table.customer-jobs {
  margin: 15px 0 0 0;
}
.table.customer-jobs .table-header .th-column:nth-child(1),
.table.customer-jobs .table-row div:nth-child(1) {
  width: 20%;
}
.table.customer-jobs .table-header .th-column:nth-child(2),
.table.customer-jobs .table-row div:nth-child(2) {
  width: 40%;
}
.table.customer-jobs .table-header .th-column:nth-child(3),
.table.customer-jobs .table-row div:nth-child(3) {
  width: 20%;
}
.table.customer-jobs .table-header .th-column:nth-child(4),
.table.customer-jobs .table-row div:nth-child(4) {
  width: 20%;
}

/* customer jobs all - customre card */
.table.customer-jobs-all {
  margin: 15px 0 0 0;
}
.table.customer-jobs-all .table-header .th-column:nth-child(1),
.table.customer-jobs-all .table-row div:nth-child(1) {
  width: 15%;
}
.table.customer-jobs-all .table-header .th-column:nth-child(2),
.table.customer-jobs-all .table-row div:nth-child(2) {
  width: 40%;
}
.table.customer-jobs-all .table-header .th-column:nth-child(3),
.table.customer-jobs-all .table-row div:nth-child(3) {
  width: 15%;
}
.table.customer-jobs-all .table-header .th-column:nth-child(4),
.table.customer-jobs-all .table-row div:nth-child(4) {
  width: 15%;
}
.table.customer-jobs-all .table-header .th-column:nth-child(5),
.table.customer-jobs-all .table-row div:nth-child(5) {
  width: 15%;
}

/* deviation list - customer card */
.table.cc-deviation {
  margin: 15px 0 20px 0;
}
.table.cc-deviation .table-header .th-column:nth-child(1) {
  width: 10%;
}
.table.cc-deviation .table-header .th-column:nth-child(2) {
  width: 15%;
}
.table.cc-deviation .table-header .th-column:nth-child(3) {
  width: 10%;
}
.table.cc-deviation .table-header .th-column:nth-child(4) {
  width: 20%;
}
.table.cc-deviation .table-header .th-column:nth-child(5) {
  width: 20%;
}
.table.cc-deviation .table-header .th-column:nth-child(6) {
  width: calc(25% + 8px);
}
.table.cc-deviation .table-row div:nth-child(1) {
  width: 10%;
}
.table.cc-deviation .table-row div:nth-child(2) {
  width: 15%;
}
.table.cc-deviation .table-row div:nth-child(3) {
  width: 10%;
}
.table.cc-deviation .table-row div:nth-child(4) {
  width: 20%;
}
.table.cc-deviation .table-row div:nth-child(5) {
  width: 20%;
}
.table.cc-deviation .table-row div:nth-child(6) {
  width: 25%;
}

/*debit note listing*/
.table.debit-note-list {
  margin: 15px 0 20px 0;
}
.table.debit-note-list .table-header .th-column:nth-child(1),
.table.debit-note-list .table-row div:nth-child(1) {
  width: 15%;
}
.table.debit-note-list .table-header .th-column:nth-child(2),
.table.debit-note-list .table-row div:nth-child(2) {
  width: 15%;
}
.table.debit-note-list .table-header .th-column:nth-child(3),
.table.debit-note-list .table-row div:nth-child(3) {
  width: 14%;
}
.table.debit-note-list .table-header .th-column:nth-child(4),
.table.debit-note-list .table-row div:nth-child(4) {
  width: 14%;
}
.table.debit-note-list .table-header .th-column:nth-child(5),
.table.debit-note-list .table-row div:nth-child(5) {
  width: 14%;
}
.table.debit-note-list .table-header .th-column:nth-child(6),
.table.debit-note-list .table-row div:nth-child(6) {
  width: 14%;
}
.table.debit-note-list .table-header .th-column:nth-child(7),
.table.debit-note-list .table-row div:nth-child(7) {
  width: 14%;
}
.table.debit-note-list .table-header .th-column:nth-child(8),
.table.debit-note-list .table-row div:nth-child(8) {
  width: 50px;
}
.table.debit-note-list .table-header .th-column .icon-btn,
.table.debit-note-list .table-row div .icon-btn {
  display: inline-block;
}
.table.debit-note-list .table-footer > div:nth-child(1) {
  width: 86%;
}
.table.debit-note-list .table-footer > div:nth-child(2) {
  width: 14%;
}
.table.debit-note-list .table-footer > div:nth-child(3) {
  width: 50px;
}
.table.debit-note-list .negative-val-row div {
  color: #ff0000;
}

.table.debit-note-inner-list {
  padding: 10px 0px !important;
  background: #ffffff;
  border-right: 1px solid #a9b3bb;
}
.table.debit-note-inner-list .table-header .th-column:nth-child(1),
.table.debit-note-inner-list .table-row div:nth-child(1) {
  width: 42px;
}
.table.debit-note-inner-list .table-header .th-column:nth-child(2),
.table.debit-note-inner-list .table-row div:nth-child(2) {
  width: 8%;
}
.table.debit-note-inner-list .table-header .th-column:nth-child(3),
.table.debit-note-inner-list .table-row div:nth-child(3) {
  width: 17%;
}
.table.debit-note-inner-list .table-header .th-column:nth-child(4),
.table.debit-note-inner-list .table-row div:nth-child(4) {
  width: 10%;
}
.table.debit-note-inner-list .table-header .th-column:nth-child(5),
.table.debit-note-inner-list .table-row div:nth-child(5) {
  width: 10%;
}
.table.debit-note-inner-list .table-header .th-column:nth-child(6),
.table.debit-note-inner-list .table-row div:nth-child(6) {
  width: 15%;
}
.table.debit-note-inner-list .table-header .th-column:nth-child(7),
.table.debit-note-inner-list .table-row div:nth-child(7) {
  width: 15%;
}
.table.debit-note-inner-list .table-header .th-column:nth-child(8),
.table.debit-note-inner-list .table-row div:nth-child(8) {
  width: 10%;
}
.table.debit-note-inner-list .table-header .th-column:nth-child(9),
.table.debit-note-inner-list .table-row div:nth-child(9) {
  width: 15%;
}
.table.debit-note-inner-list .table-header .th-column:nth-child(10),
.table.debit-note-inner-list .table-row div:nth-child(10) {
  width: 86px;
}
.table.debit-note-inner-list .table-header .th-column:nth-child(11),
.table.debit-note-inner-list .table-row div:nth-child(11) {
  width: 90px;
}
.table.debit-note-inner-list .table-header .th-column:nth-child(12),
.table.debit-note-inner-list .table-row div:nth-child(12) {
  width: 56px;
}
.table.debit-note-inner-list .table-footer > div:nth-child(1) {
  width: 75%;
}
.table.debit-note-inner-list .table-footer > div:nth-child(2) {
  width: 25%;
}
.table.debit-note-inner-list .negative-val-row div {
  color: #ff0000;
}
.table.debit-note-inner-list .deviation-omitted div:nth-child(1) {
  width: 42px !important;
}
.table.debit-note-inner-list .deviation-omitted div:nth-child(11) {
  width: 88px !important;
}
.table.debit-note-inner-list .deviation-omitted div:nth-child(9) {
  width: 100px !important;
}

/* supplier-invoice-inner-list-job-view */
.table.ov-debit-note-inner-list {
  padding: 10px 0 !important;
  background: #ffffff;
}
.table.ov-debit-note-inner-list .table-header .th-column:nth-child(1),
.table.ov-debit-note-inner-list .table-row div:nth-child(1) {
  width: 44px;
}
.table.ov-debit-note-inner-list .table-header .th-column:nth-child(2),
.table.ov-debit-note-inner-list .table-row div:nth-child(2) {
  width: 12%;
}
.table.ov-debit-note-inner-list .table-header .th-column:nth-child(3),
.table.ov-debit-note-inner-list .table-row div:nth-child(3) {
  width: 11%;
}
.table.ov-debit-note-inner-list .table-header .th-column:nth-child(4),
.table.ov-debit-note-inner-list .table-row div:nth-child(4) {
  width: 14%;
}
.table.ov-debit-note-inner-list .table-header .th-column:nth-child(5),
.table.ov-debit-note-inner-list .table-row div:nth-child(5) {
  width: 11%;
}
.table.ov-debit-note-inner-list .table-header .th-column:nth-child(6),
.table.ov-debit-note-inner-list .table-row div:nth-child(6) {
  width: 11%;
}
.table.ov-debit-note-inner-list .table-header .th-column:nth-child(7),
.table.ov-debit-note-inner-list .table-row div:nth-child(7) {
  width: 11%;
}
.table.ov-debit-note-inner-list .table-header .th-column:nth-child(8),
.table.ov-debit-note-inner-list .table-row div:nth-child(8) {
  width: 11%;
}
.table.ov-debit-note-inner-list .table-header .th-column:nth-child(9),
.table.ov-debit-note-inner-list .table-row div:nth-child(9) {
  width: 11%;
}
.table.ov-debit-note-inner-list .table-header .th-column:nth-child(10),
.table.ov-debit-note-inner-list .table-row div:nth-child(10) {
  width: 11%;
}
.table.ov-debit-note-inner-list .table-header .th-column:nth-child(11),
.table.ov-debit-note-inner-list .table-row div:nth-child(11) {
  width: 50px;
}
.table.ov-debit-note-inner-list .table-footer > div:nth-child(1) {
  width: 45%;
}
.table.ov-debit-note-inner-list .table-footer > div:nth-child(2) {
  width: 11%;
}
.table.ov-debit-note-inner-list .table-footer > div:nth-child(3) {
  width: 11%;
}
.table.ov-debit-note-inner-list .table-footer > div:nth-child(4) {
  width: 11%;
}
.table.ov-debit-note-inner-list .negative-val-row div {
  color: #ff0000;
}
.table.ov-debit-note-inner-list .negative-val-row {
  border-left: none !important;
}
.table.ov-debit-note-inner-list .th-column {
  padding: 0 0 !important;
}
.table.ov-debit-note-inner-list .table-row {
  border-top: none !important;
}

/*contract-basis-employee-listing*/
.table.contract-employee-list {
  margin: 0 50px 50px !important;
}
.table.contract-employee-list .table-header .th-column:nth-child(1),
.table.contract-employee-list .table-row div:nth-child(1) {
  width: 10%;
}
.table.contract-employee-list .table-header .th-column:nth-child(2),
.table.contract-employee-list .table-row div:nth-child(2) {
  width: 20%;
}
.table.contract-employee-list .table-header .th-column:nth-child(3),
.table.contract-employee-list .table-row div:nth-child(3) {
  width: 20%;
}
.table.contract-employee-list .table-header .th-column:nth-child(4),
.table.contract-employee-list .table-row div:nth-child(4) {
  width: 20%;
}
.table.contract-employee-list .table-header .th-column:nth-child(5),
.table.contract-employee-list .table-row div:nth-child(5) {
  width: 10%;
}
.table.contract-employee-list .table-header .th-column:nth-child(6),
.table.contract-employee-list .table-row div:nth-child(6) {
  width: 20%;
}
.table.contract-employee-list .table-header .th-column:nth-child(7),
.table.contract-employee-list .table-row div:nth-child(7) {
  width: 50px;
}
.table.contract-employee-list .table-header .th-column:nth-child(8),
.table.contract-employee-list .table-row div:nth-child(8) {
  width: 50px;
}
.table.contract-employee-list .table-header .th-column:nth-child(9),
.table.contract-employee-list .table-row div:nth-child(9) {
  width: 45px;
}
.table.contract-employee-list .table-footer > div:nth-child(1) {
  width: 45%;
}
.table.contract-employee-list .table-footer > div:nth-child(2) {
  width: 11%;
}
.table.contract-employee-list .table-footer > div:nth-child(3) {
  width: 11%;
}
.table.contract-employee-list .table-footer > div:nth-child(4) {
  width: 11%;
}

.seperator {
  width: 100% !important;
  border: none !important;
}
.seperator:hover {
  background: #ffffff !important;
}

/* employee main listing */
.table.employee-main-listing {
  margin: 0 50px;
}
.table.employee-main-listing .table-header .th-column:nth-child(1),
.table.employee-main-listing .table-row div:nth-child(1) {
  width: 8%;
}
.table.employee-main-listing .table-header .th-column:nth-child(2),
.table.employee-main-listing .table-row div:nth-child(2) {
  width: 12%;
}
.table.employee-main-listing .table-header .th-column:nth-child(3),
.table.employee-main-listing .table-row div:nth-child(3) {
  width: 10%;
}
.table.employee-main-listing .table-header .th-column:nth-child(4),
.table.employee-main-listing .table-row div:nth-child(4) {
  width: 10%;
}
.table.employee-main-listing .table-header .th-column:nth-child(5),
.table.employee-main-listing .table-row div:nth-child(5) {
  width: 15%;
}
.table.employee-main-listing .table-header .th-column:nth-child(6),
.table.employee-main-listing .table-row div:nth-child(6) {
  width: 10%;
}
.table.employee-main-listing .table-header .th-column:nth-child(7),
.table.employee-main-listing .table-row div:nth-child(7) {
  width: 15%;
}
.table.employee-main-listing .table-header .th-column:nth-child(8),
.table.employee-main-listing .table-row div:nth-child(8) {
  width: 10%;
}
.table.employee-main-listing .table-header .th-column:nth-child(9),
.table.employee-main-listing .table-row div:nth-child(9) {
  width: 10%;
}
.table.employee-main-listing .table-header .th-column:nth-child(10),
.table.employee-main-listing .table-row div:nth-child(10) {
  width: 50px;
}
.table.employee-main-listing .table-header .th-column:nth-child(11),
.table.employee-main-listing .table-row div:nth-child(11) {
  width: 50px;
}
.table.employee-main-listing .table-footer > div {
  background: #e0e7f4;
  display: flex;
  line-height: 10px;
}
.table.employee-main-listing .table-footer > div:nth-child(1) {
  width: 20%;
}
.table.employee-main-listing .table-footer > div:nth-child(2) {
  width: 20%;
}
.table.employee-main-listing .table-footer > div:nth-child(3) {
  width: 20%;
}
.table.employee-main-listing .table-footer > div:nth-child(4) {
  width: 25%;
}
.table.employee-main-listing .table-footer > div:nth-child(5) {
  width: 15%;
}
.table.employee-main-listing .table-footer > div:nth-child(6) {
  width: 100px;
}
.table.employee-main-listing .table-footer {
  align-items: center;
  background: #e0e7f4;
}
.table.employee-main-listing .table-footer span {
  margin-left: 10px !important;
}
.table.employee-main-listing .table-footer {
  border: none !important;
}
.table.employee-main-listing .table-footer .pagination-total-count-bottom {
  margin-left: 3px !important;
}
.table.employee-main-listing .designation-name {
  border-left: none !important;
  background-color: #f2f2f2;
}
.table.employee-main-listing .designation-name div {
  border-right: none !important;
  border-left: none !important;
}
.table.employee-main-listing .designation-name div:nth-child(1) {
  width: 100% !important;
  font-size: 16px;
  font-weight: bold;
  border-left: none !important;
}
.table.employee-main-listing .designation-name div:nth-child(2) {
  width: 100px !important;
}
.table.employee-main-listing .summary-count-row {
  font-weight: bold;
}
.table.employee-main-listing .summary-count-row div {
  font-size: 13px !important;
}
.table.employee-main-listing .summary-count-row div:nth-child(1) {
  width: 40% !important;
  background: #f8cde0;
}
.table.employee-main-listing .summary-count-row div:nth-child(2) {
  width: 40% !important;
  background: #ccdcff;
}
.table.employee-main-listing .summary-count-row div:nth-child(3) {
  width: 20% !important;
  border-right: none;
  background: #f0f3f8;
}
.table.employee-main-listing .summary-count-row div:nth-child(4) {
  width: 50px !important;
  border-right: none;
  background: #f0f3f8;
}
.table.employee-main-listing .summary-count-row div:nth-child(5) {
  width: 50px !important;
  background: #f0f3f8;
}
.table.employee-main-listing .designation-separator {
  border: none !important;
}
.table.employee-main-listing .designation-separator div {
  width: 100% !important;
  border-right: none !important;
  border-bottom: none !important;
}
.table.employee-main-listing .duration-pill {
  color: white;
  margin-right: 5px;
  font-weight: bold;
  border-radius: 15%;
  width: 30px;
  height: 25px;
  text-align: center;
  padding: 0px;
}
.table.employee-main-listing .duration-pill.working {
  background: #15bef0;
}
.table.employee-main-listing .duration-pill.ended {
  background: #ff3644;
}
.table.employee-main-listing .dot {
  height: 12px;
  width: 12px;
  background-color: #ffa422;
  border-radius: 50%;
  margin-right: 5px;
  display: inline-block;
}

/*leave listing*/
.table.employee-leave-listing {
  margin: 0px;
}
.table.employee-leave-listing .table-header .th-column:nth-child(1),
.table.employee-leave-listing .table-row div:nth-child(1) {
  width: 15%;
}
.table.employee-leave-listing .table-header .th-column:nth-child(2),
.table.employee-leave-listing .table-row div:nth-child(2) {
  width: 15%;
}
.table.employee-leave-listing .table-header .th-column:nth-child(3),
.table.employee-leave-listing .table-row div:nth-child(3) {
  width: 10%;
}
.table.employee-leave-listing .table-header .th-column:nth-child(4),
.table.employee-leave-listing .table-row div:nth-child(4) {
  width: 35%;
}
.table.employee-leave-listing .table-header .th-column:nth-child(5),
.table.employee-leave-listing .table-row div:nth-child(5) {
  width: 10%;
}
.table.employee-leave-listing .table-header .th-column:nth-child(6),
.table.employee-leave-listing .table-row div:nth-child(6) {
  width: 15%;
}
.table.employee-leave-listing .table-header .th-column:nth-child(7),
.table.employee-leave-listing .table-row div:nth-child(7) {
  width: 60px;
}
.table.employee-leave-listing .table-header .th-column:nth-child(8),
.table.employee-leave-listing .table-row div:nth-child(8) {
  width: 50px;
}
.table.employee-leave-listing .table-footer > div {
  font-size: 12px !important;
}
.table.employee-leave-listing .table-footer > div:nth-child(1) {
  width: 30%;
}
.table.employee-leave-listing .table-footer > div:nth-child(2) {
  width: 10%;
}
.table.employee-leave-listing .table-footer > div:nth-child(3) {
  width: 45%;
}
.table.employee-leave-listing .table-footer > div:nth-child(4) {
  width: 15%;
}
.table.employee-leave-listing .table-footer > div:nth-child(5) {
  width: 60px;
}
.table.employee-leave-listing .table-footer > div:nth-child(6) {
  width: 50px;
}
.table.employee-leave-listing .designation-separator {
  border: none !important;
}
.table.employee-leave-listing .designation-separator div {
  width: 100% !important;
  border-right: none !important;
  border-bottom: none !important;
}
.table.employee-leave-listing .designation-name div:nth-child(1) {
  width: 100% !important;
  font-size: 14px;
  font-weight: bold;
  border-left: none !important;
}
.table.employee-leave-listing .designation-name div:nth-child(2) {
  width: 100px !important;
}
.table.employee-leave-listing .summary-count-row {
  font-weight: bold;
}
.table.employee-leave-listing .summary-count-row div {
  font-size: 11px !important;
  background-color: #bfc3c6;
  border: none !important;
}
.table.employee-leave-listing .summary-count-row div:nth-child(1) {
  width: 30% !important;
  border-right: none;
}
.table.employee-leave-listing .summary-count-row div:nth-child(2) {
  width: 10% !important;
  border-right: none;
}
.table.employee-leave-listing .summary-count-row div:nth-child(3) {
  width: 20% !important;
  border-right: none;
}
.table.employee-leave-listing .summary-count-row div:nth-child(4) {
  width: 15% !important;
  border-right: none !important;
  border-right: none !important;
}
.table.employee-leave-listing .summary-count-row div:nth-child(5) {
  width: 15% !important;
}
.table.employee-leave-listing .summary-count-row div:nth-child(6) {
  width: 10% !important;
}
.table.employee-leave-listing .summary-count-row div:nth-child(7) {
  width: 60px !important;
}
.table.employee-leave-listing .summary-count-row div:nth-child(8) {
  width: 50px !important;
}
.table.employee-leave-listing .border {
  border-right: 1px solid #a9b3bb;
}
.table.employee-leave-listing .approved {
  color: #23dca6;
}
.table.employee-leave-listing .pending {
  color: #ff0000;
}

/*designation listing*/
.table.designation-listing {
  margin: 15px 0 0 0;
}
.table.designation-listing .table-header .th-column:nth-child(1),
.table.designation-listing .table-row div:nth-child(1) {
  width: 20%;
}
.table.designation-listing .table-header .th-column:nth-child(2),
.table.designation-listing .table-row div:nth-child(2) {
  width: 15%;
}
.table.designation-listing .table-header .th-column:nth-child(3),
.table.designation-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.designation-listing .table-header .th-column:nth-child(4),
.table.designation-listing .table-row div:nth-child(4) {
  width: 20%;
}
.table.designation-listing .table-header .th-column:nth-child(5),
.table.designation-listing .table-row div:nth-child(5) {
  width: 10%;
}
.table.designation-listing .table-header .th-column:nth-child(6),
.table.designation-listing .table-row div:nth-child(6) {
  width: 15%;
}
.table.designation-listing .table-header .th-column:nth-child(7),
.table.designation-listing .table-row div:nth-child(7) {
  width: 50px;
}
.table.designation-listing .table-footer > div:nth-child(1) {
  width: 53%;
}
.table.designation-listing .table-footer > div:nth-child(2) {
  width: 9%;
}
.table.designation-listing .table-footer > div:nth-child(3) {
  width: 9%;
}
.table.designation-listing .table-footer > div:nth-child(4) {
  width: 9%;
}
.table.designation-listing .table-footer > div:nth-child(5) {
  width: 10%;
}
.table.designation-listing .table-footer > div:nth-child(6) {
  width: 10%;
}
.table.designation-listing .table-footer > div:nth-child(7) {
  width: 50px;
}
.table.designation-listing .table-footer > div:nth-child(8) {
  width: 50px;
}
.table.designation-listing .contracted-employee {
  background: #e4e4e4 !important;
}
.table.designation-listing .contract-attachment-link {
  text-decoration: underline;
}
.table.designation-listing .email-label-badge {
  width: 7px !important;
  height: 7px !important;
  margin-left: 7px !important;
  margin-top: 0px !important;
  padding: 0px !important;
}

/*Franchise TurnOver Listing*/
.table.franchise-turnover-listing,
.table.franchise-turnover-innerlisting {
  margin: 15px 0 0 0;
}
.table.franchise-turnover-listing .table-header .th-column:nth-child(1),
.table.franchise-turnover-listing .table-row div:nth-child(1),
.table.franchise-turnover-listing .table-footer > div:nth-child(1),
.table.franchise-turnover-innerlisting .table-header .th-column:nth-child(1),
.table.franchise-turnover-innerlisting .table-row div:nth-child(1),
.table.franchise-turnover-innerlisting .table-footer > div:nth-child(1) {
  width: 50px;
}
.table.franchise-turnover-listing .table-header .th-column:nth-child(2),
.table.franchise-turnover-listing .table-row div:nth-child(2),
.table.franchise-turnover-listing .table-footer > div:nth-child(2),
.table.franchise-turnover-innerlisting .table-header .th-column:nth-child(2),
.table.franchise-turnover-innerlisting .table-row div:nth-child(2),
.table.franchise-turnover-innerlisting .table-footer > div:nth-child(2) {
  width: 25%;
}
.table.franchise-turnover-listing .table-header .th-column:nth-child(3),
.table.franchise-turnover-listing .table-row div:nth-child(3),
.table.franchise-turnover-listing .table-footer > div:nth-child(3),
.table.franchise-turnover-innerlisting .table-header .th-column:nth-child(3),
.table.franchise-turnover-innerlisting .table-row div:nth-child(3),
.table.franchise-turnover-innerlisting .table-footer > div:nth-child(3) {
  width: 10%;
}
.table.franchise-turnover-listing .table-header .th-column:nth-child(4),
.table.franchise-turnover-listing .table-row div:nth-child(4),
.table.franchise-turnover-listing .table-footer > div:nth-child(4),
.table.franchise-turnover-innerlisting .table-header .th-column:nth-child(4),
.table.franchise-turnover-innerlisting .table-row div:nth-child(4),
.table.franchise-turnover-innerlisting .table-footer > div:nth-child(4) {
  width: 10%;
}
.table.franchise-turnover-listing .table-header .th-column:nth-child(5),
.table.franchise-turnover-listing .table-row div:nth-child(5),
.table.franchise-turnover-listing .table-footer > div:nth-child(5),
.table.franchise-turnover-innerlisting .table-header .th-column:nth-child(5),
.table.franchise-turnover-innerlisting .table-row div:nth-child(5),
.table.franchise-turnover-innerlisting .table-footer > div:nth-child(5) {
  width: 20%;
}
.table.franchise-turnover-listing .table-header .th-column:nth-child(6),
.table.franchise-turnover-listing .table-row div:nth-child(6),
.table.franchise-turnover-listing .table-footer > div:nth-child(6),
.table.franchise-turnover-innerlisting .table-header .th-column:nth-child(6),
.table.franchise-turnover-innerlisting .table-row div:nth-child(6),
.table.franchise-turnover-innerlisting .table-footer > div:nth-child(6) {
  width: 10%;
}
.table.franchise-turnover-listing .table-header .th-column:nth-child(7),
.table.franchise-turnover-listing .table-row div:nth-child(7),
.table.franchise-turnover-listing .table-footer > div:nth-child(7),
.table.franchise-turnover-innerlisting .table-header .th-column:nth-child(7),
.table.franchise-turnover-innerlisting .table-row div:nth-child(7),
.table.franchise-turnover-innerlisting .table-footer > div:nth-child(7) {
  width: 20%;
}
.table.franchise-turnover-listing .table-header .th-column:nth-child(8),
.table.franchise-turnover-listing .table-row div:nth-child(8),
.table.franchise-turnover-listing .table-footer > div:nth-child(8),
.table.franchise-turnover-innerlisting .table-header .th-column:nth-child(8),
.table.franchise-turnover-innerlisting .table-row div:nth-child(8),
.table.franchise-turnover-innerlisting .table-footer > div:nth-child(8) {
  width: 20%;
}
.table.franchise-turnover-listing .table-group .country-group div:nth-child(1),
.table.franchise-turnover-innerlisting .table-group .country-group div:nth-child(1) {
  width: 45px;
}
.table.franchise-turnover-listing .table-group .country-group div:nth-child(2),
.table.franchise-turnover-innerlisting .table-group .country-group div:nth-child(2) {
  width: calc(100% - 45px) !important;
}
.table.franchise-turnover-listing .table-group .table-body,
.table.franchise-turnover-innerlisting .table-group .table-body {
  border-left: 5px solid #b0bda5;
}
.table.franchise-turnover-listing .table-group .table-body .table-row div:first-child,
.table.franchise-turnover-innerlisting .table-group .table-body .table-row div:first-child {
  width: 44px;
}
.table.franchise-turnover-listing .table-group .table-body .franchise-turnover-innerlisting .table-body,
.table.franchise-turnover-innerlisting .table-group .table-body .franchise-turnover-innerlisting .table-body {
  border-left: unset;
}
.table.franchise-turnover-listing .bottom-footer div:nth-child(1),
.table.franchise-turnover-innerlisting .bottom-footer div:nth-child(1) {
  width: calc(25% + 50px);
}
.table.franchise-turnover-listing .bottom-footer div:nth-child(2),
.table.franchise-turnover-innerlisting .bottom-footer div:nth-child(2) {
  width: 10%;
}
.table.franchise-turnover-listing .bottom-footer div:nth-child(3),
.table.franchise-turnover-innerlisting .bottom-footer div:nth-child(3) {
  width: 10%;
}
.table.franchise-turnover-listing .bottom-footer div:nth-child(4),
.table.franchise-turnover-innerlisting .bottom-footer div:nth-child(4) {
  width: 20%;
}
.table.franchise-turnover-listing .bottom-footer div:nth-child(5),
.table.franchise-turnover-innerlisting .bottom-footer div:nth-child(5) {
  width: 10%;
}
.table.franchise-turnover-listing .bottom-footer div:nth-child(6),
.table.franchise-turnover-innerlisting .bottom-footer div:nth-child(6) {
  width: 20%;
}
.table.franchise-turnover-listing .bottom-footer div:nth-child(7),
.table.franchise-turnover-innerlisting .bottom-footer div:nth-child(7) {
  width: 20%;
}
.table.franchise-turnover-listing .currencyCode-row div:nth-child(1),
.table.franchise-turnover-innerlisting .currencyCode-row div:nth-child(1) {
  width: 50px;
}
.table.franchise-turnover-listing .currencyCode-row div:nth-child(2),
.table.franchise-turnover-innerlisting .currencyCode-row div:nth-child(2) {
  width: calc(100% - 50px);
}

.table.franchise-turnover-innerlisting {
  margin: 0;
  padding: unset;
}

/*activity listing*/
.table.activity-listing {
  margin: 15px 0 0 0;
}
.table.activity-listing .table-header .th-column:nth-child(1),
.table.activity-listing .table-row div:nth-child(1) {
  width: 15%;
}
.table.activity-listing .table-header .th-column:nth-child(2),
.table.activity-listing .table-row div:nth-child(2) {
  width: 14%;
}
.table.activity-listing .table-header .th-column:nth-child(3),
.table.activity-listing .table-row div:nth-child(3) {
  width: 13%;
}
.table.activity-listing .table-header .th-column:nth-child(4),
.table.activity-listing .table-row div:nth-child(4) {
  width: 13%;
}
.table.activity-listing .table-header .th-column:nth-child(5),
.table.activity-listing .table-row div:nth-child(5) {
  width: 15%;
}
.table.activity-listing .table-header .th-column:nth-child(6),
.table.activity-listing .table-row div:nth-child(6) {
  width: 15%;
}
.table.activity-listing .table-header .th-column:nth-child(7),
.table.activity-listing .table-row div:nth-child(7) {
  width: 15%;
}
.table.activity-listing .table-footer > div:nth-child(1) {
  width: 53%;
}
.table.activity-listing .table-footer > div:nth-child(2) {
  width: 9%;
}
.table.activity-listing .table-footer > div:nth-child(3) {
  width: 9%;
}
.table.activity-listing .table-footer > div:nth-child(4) {
  width: 9%;
}
.table.activity-listing .table-footer > div:nth-child(5) {
  width: 10%;
}
.table.activity-listing .table-footer > div:nth-child(6) {
  width: 10%;
}
.table.activity-listing .table-footer > div:nth-child(7) {
  width: 50px;
}
.table.activity-listing .table-footer > div:nth-child(8) {
  width: 50px;
}

.table.employee-listing-ev .table-header .th-column:nth-child(1),
.table.employee-listing-ev .table-row div:nth-child(1) {
  width: 10%;
}
.table.employee-listing-ev .table-header .th-column:nth-child(2),
.table.employee-listing-ev .table-row div:nth-child(2) {
  width: 20%;
}
.table.employee-listing-ev .table-header .th-column:nth-child(3),
.table.employee-listing-ev .table-row div:nth-child(3) {
  width: 7%;
}
.table.employee-listing-ev .table-header .th-column:nth-child(4),
.table.employee-listing-ev .table-row div:nth-child(4) {
  width: 8%;
}
.table.employee-listing-ev .table-header .th-column:nth-child(5),
.table.employee-listing-ev .table-row div:nth-child(5) {
  width: 8%;
}
.table.employee-listing-ev .table-header .th-column:nth-child(6),
.table.employee-listing-ev .table-row div:nth-child(6) {
  width: 8%;
}
.table.employee-listing-ev .table-header .th-column:nth-child(7),
.table.employee-listing-ev .table-row div:nth-child(7) {
  width: 7%;
}
.table.employee-listing-ev .table-header .th-column:nth-child(8),
.table.employee-listing-ev .table-row div:nth-child(8) {
  width: 7%;
}
.table.employee-listing-ev .table-header .th-column:nth-child(9),
.table.employee-listing-ev .table-row div:nth-child(9) {
  width: 15%;
}
.table.employee-listing-ev .table-header .th-column:nth-child(10),
.table.employee-listing-ev .table-row div:nth-child(10) {
  width: 5%;
}
.table.employee-listing-ev .table-header .th-column:nth-child(11),
.table.employee-listing-ev .table-row div:nth-child(11) {
  width: 5%;
}
.table.employee-listing-ev .table-row.end-employment div:nth-child(1) {
  width: 10%;
}
.table.employee-listing-ev .table-row.end-employment div:nth-child(2) {
  width: 65%;
}
.table.employee-listing-ev .table-row.end-employment div:nth-child(3) {
  width: 15%;
}
.table.employee-listing-ev .table-row.end-employment div:nth-child(4) {
  width: 5%;
}
.table.employee-listing-ev .table-row.end-employment div:nth-child(5) {
  width: 5%;
}
.table.employee-listing-ev .table-footer > div:nth-child(1) {
  width: 90%;
}
.table.employee-listing-ev .table-footer > div:nth-child(2) {
  width: 10%;
}
.table.employee-listing-ev .anticon-file-pdf {
  font-size: 16px;
  color: red;
}
.table.employee-listing-ev .bg-yellow {
  background-color: #fdffd7;
}
.table.employee-listing-ev .act-btn-table {
  position: absolute;
  top: 15%;
  left: 80%;
  color: white;
}

.table.index-page-book {
  padding: 0 !important;
  border: none !important;
  margin: 0 !important;
}
.table.index-page-book .table-row div {
  border: none !important;
  font-weight: bold !important;
  font-family: open-sans;
}
.table.index-page-book .table-row div:nth-child(1) {
  width: 90%;
}
.table.index-page-book .table-row div:nth-child(2) {
  width: 10%;
}
.table.index-page-book .table-row {
  border: none !important;
}

.table.payslip-table-1 {
  margin: 0 0 0 50px !important;
}
.table.payslip-table-1 .table-header .th-column:nth-child(1),
.table.payslip-table-1 .table-row div:nth-child(1) {
  width: 40%;
}
.table.payslip-table-1 .table-header .th-column:nth-child(2),
.table.payslip-table-1 .table-row div:nth-child(2) {
  width: 30%;
}
.table.payslip-table-1 .table-header .th-column:nth-child(3),
.table.payslip-table-1 .table-row div:nth-child(3) {
  width: 30%;
}
.table.payslip-table-1 .table-header {
  background-color: #15bef0 !important;
  border: none !important;
}
.table.payslip-table-1 .table-header .th-column {
  color: #ffffff !important;
  align-items: center !important;
  height: auto !important;
  padding: 10px !important;
  text-transform: capitalize;
}
.table.payslip-table-1 .table-row div,
.table.payslip-table-1 .table-header .th-column,
.table.payslip-table-1 .table-row {
  border: none !important;
}

.table.payslip-table-2 {
  margin: 0 !important;
}
.table.payslip-table-2 .table-header .th-column:nth-child(1),
.table.payslip-table-2 .table-row div:nth-child(1) {
  width: 64%;
}
.table.payslip-table-2 .table-header .th-column:nth-child(2),
.table.payslip-table-2 .table-row div:nth-child(2) {
  width: 12%;
}
.table.payslip-table-2 .table-header .th-column:nth-child(3),
.table.payslip-table-2 .table-row div:nth-child(3) {
  width: 12%;
}
.table.payslip-table-2 .table-header .th-column:nth-child(4),
.table.payslip-table-2 .table-row div:nth-child(4) {
  width: 12%;
}
.table.payslip-table-2 .table-header {
  border: #19193e !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.table.payslip-table-2 .table-header .th-column {
  background-color: #c0e9f8 !important;
  color: #526270 !important;
  align-items: center !important;
  height: auto !important;
  padding: 10px !important;
  border-right: 1px solid #a9b3bb !important;
  border-top: 1px solid #a9b3bb !important;
}
.table.payslip-table-2 .table-header .th-column:first-child {
  border-left: 1px solid #a9b3bb !important;
}
.table.payslip-table-2 .table-row.summary {
  border-left: none !important;
}
.table.payslip-table-2 .table-row.summary .remove-border {
  border: none !important;
}
.table.payslip-table-2 .table-row.summary .remove-lr-border {
  border-right: none !important;
}
.table.payslip-table-2 .table-row.summary .bl {
  border-left: 1px solid #a9b3bb !important;
}
.table.payslip-table-2 .table-row:hover div {
  background-color: #ffffff !important;
  font-weight: normal !important;
}
.table.payslip-table-2 .total-color {
  background-color: #eae4e4 !important;
  border-left: none !important;
}
.table.payslip-table-2 .total-color .remove-lr-border {
  border-right: none !important;
}
.table.payslip-table-2 .total-color .bl {
  border-left: 1px solid #a9b3bb !important;
}
.table.payslip-table-2 .total-color.earnings .remove-border {
  background-color: #ffffff !important;
  border-bottom: 1px solid #a9b3bb !important;
  border-right: none !important;
}
.table.payslip-table-2 .total-color.earnings-only .remove-border {
  background-color: #ffffff !important;
  border-right: none !important;
}
.table.payslip-table-2 .total-color.deduction .remove-border {
  background-color: #ffffff !important;
  border: none !important;
}
.table.payslip-table-2 .total-color:hover div {
  background-color: #eae4e4 !important;
  font-weight: normal !important;
}

/*pay-earning-deduction-type*/
.table.pay-earning-deduction-type-listing {
  margin: 0px;
}
.table.pay-earning-deduction-type-listing .table-header .th-column:nth-child(1),
.table.pay-earning-deduction-type-listing .table-row div:nth-child(1) {
  width: 55%;
}
.table.pay-earning-deduction-type-listing .table-header .th-column:nth-child(2),
.table.pay-earning-deduction-type-listing .table-row div:nth-child(2) {
  width: 30%;
}
.table.pay-earning-deduction-type-listing .table-header .th-column:nth-child(3),
.table.pay-earning-deduction-type-listing .table-row div:nth-child(3) {
  width: 15%;
}
.table.pay-earning-deduction-type-listing .table-header .th-column:nth-child(4),
.table.pay-earning-deduction-type-listing .table-row div:nth-child(4) {
  width: 50px;
}
.table.pay-earning-deduction-type-listing .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.pay-earning-deduction-type-listing .table-footer > div:nth-child(2) {
  width: 50px;
}

/*pay earnings deductions listing*/
.table.employee-pay-earnings-deductions-listing {
  margin: 0 !important;
}
.table.employee-pay-earnings-deductions-listing .table-header .th-column:nth-child(1),
.table.employee-pay-earnings-deductions-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.employee-pay-earnings-deductions-listing .table-header .th-column:nth-child(2),
.table.employee-pay-earnings-deductions-listing .table-row div:nth-child(2) {
  width: 15%;
}
.table.employee-pay-earnings-deductions-listing .table-header .th-column:nth-child(3),
.table.employee-pay-earnings-deductions-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.employee-pay-earnings-deductions-listing .table-header .th-column:nth-child(4),
.table.employee-pay-earnings-deductions-listing .table-row div:nth-child(4) {
  width: 15%;
}
.table.employee-pay-earnings-deductions-listing .table-header .th-column:nth-child(5),
.table.employee-pay-earnings-deductions-listing .table-row div:nth-child(5) {
  width: 10%;
}
.table.employee-pay-earnings-deductions-listing .table-header .th-column:nth-child(6),
.table.employee-pay-earnings-deductions-listing .table-row div:nth-child(6) {
  width: 20%;
}
.table.employee-pay-earnings-deductions-listing .table-header .th-column:nth-child(7),
.table.employee-pay-earnings-deductions-listing .table-row div:nth-child(7) {
  width: 20%;
}
.table.employee-pay-earnings-deductions-listing .table-header .th-column:nth-child(8),
.table.employee-pay-earnings-deductions-listing .table-row div:nth-child(8) {
  width: 50px;
}
.table.employee-pay-earnings-deductions-listing .table-footer > div:nth-child(1) {
  width: 45%;
}
.table.employee-pay-earnings-deductions-listing .table-footer > div:nth-child(2) {
  width: 11%;
}
.table.employee-pay-earnings-deductions-listing .table-footer > div:nth-child(3) {
  width: 11%;
}
.table.employee-pay-earnings-deductions-listing .table-footer > div:nth-child(4) {
  width: 11%;
}

.table.pay-earning-deduction-inner-listing {
  margin: 0 !important;
}
.table.pay-earning-deduction-inner-listing .table-header .th-column,
.table.pay-earning-deduction-inner-listing .table-row div {
  padding: 0 10px !important;
}
.table.pay-earning-deduction-inner-listing .table-header .th-column:nth-child(1),
.table.pay-earning-deduction-inner-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.pay-earning-deduction-inner-listing .table-header .th-column:nth-child(2),
.table.pay-earning-deduction-inner-listing .table-row div:nth-child(2) {
  width: 15%;
}
.table.pay-earning-deduction-inner-listing .table-header .th-column:nth-child(3),
.table.pay-earning-deduction-inner-listing .table-row div:nth-child(3) {
  width: 10%;
}
.table.pay-earning-deduction-inner-listing .table-header .th-column:nth-child(4),
.table.pay-earning-deduction-inner-listing .table-row div:nth-child(4) {
  width: 10%;
}
.table.pay-earning-deduction-inner-listing .table-header .th-column:nth-child(5),
.table.pay-earning-deduction-inner-listing .table-row div:nth-child(5) {
  width: 15%;
}
.table.pay-earning-deduction-inner-listing .table-header .th-column:nth-child(6),
.table.pay-earning-deduction-inner-listing .table-row div:nth-child(6) {
  width: 20%;
}
.table.pay-earning-deduction-inner-listing .table-header .th-column:nth-child(7),
.table.pay-earning-deduction-inner-listing .table-row div:nth-child(7) {
  width: 15%;
}
.table.pay-earning-deduction-inner-listing .table-header .th-column:nth-child(8),
.table.pay-earning-deduction-inner-listing .table-row div:nth-child(8) {
  width: 15%;
}
.table.pay-earning-deduction-inner-listing .table-header .th-column:nth-child(9),
.table.pay-earning-deduction-inner-listing .table-row div:nth-child(9) {
  width: 50px;
}
.table.pay-earning-deduction-inner-listing .table-header .th-column .icon-btn,
.table.pay-earning-deduction-inner-listing .table-row div .icon-btn {
  display: inline-block;
}

.table.pilot-inner-listing {
  margin: 0 !important;
  padding-left: 48px;
  background-color: unset !important;
  border-left: 1px solid #e9e8e6 !important;
  border-right: 1px solid #e9e8e6 !important;
}
.table.pilot-inner-listing .table-header .th-column,
.table.pilot-inner-listing .table-row div {
  padding: 5px 10px !important;
}
.table.pilot-inner-listing .table-header .th-column:nth-child(1),
.table.pilot-inner-listing .table-row div:nth-child(1) {
  width: 5%;
}
.table.pilot-inner-listing .table-header .th-column:nth-child(2),
.table.pilot-inner-listing .table-row div:nth-child(2) {
  width: 15%;
}
.table.pilot-inner-listing .table-header .th-column:nth-child(3),
.table.pilot-inner-listing .table-row div:nth-child(3) {
  width: 8%;
}
.table.pilot-inner-listing .table-header .th-column:nth-child(4),
.table.pilot-inner-listing .table-row div:nth-child(4) {
  width: 18%;
}
.table.pilot-inner-listing .table-header .th-column:nth-child(5),
.table.pilot-inner-listing .table-row div:nth-child(5) {
  width: 35%;
}
.table.pilot-inner-listing .table-header .th-column:nth-child(6),
.table.pilot-inner-listing .table-row div:nth-child(6) {
  width: 12%;
}
.table.pilot-inner-listing .table-header .th-column:nth-child(7),
.table.pilot-inner-listing .table-row div:nth-child(7) {
  width: 10%;
}
.table.pilot-inner-listing .table-header .th-column:nth-child(8),
.table.pilot-inner-listing .table-row div:nth-child(8) {
  width: 10%;
}
.table.pilot-inner-listing .table-header .th-column:nth-child(9),
.table.pilot-inner-listing .table-row div:nth-child(9) {
  width: calc(17% - 65px);
}
.table.pilot-inner-listing .table-header .th-column:nth-child(10),
.table.pilot-inner-listing .table-row div:nth-child(10) {
  width: 65px;
}
.table.pilot-inner-listing .table-header .th-column .icon-btn,
.table.pilot-inner-listing .table-row div .icon-btn {
  display: inline-block;
}
.table.pilot-inner-listing .table-row {
  border-bottom: 1px solid #ccc;
  background-color: unset !important;
}
.table.pilot-inner-listing .table-row.orange {
  background: #ffe1b4 !important;
}
.table.pilot-inner-listing .table-row:last-child {
  border-bottom: 0;
}

.table.job-pilot-inner-listing {
  margin: 0 !important;
  padding-left: 48px;
  background-color: #fff;
}
.table.job-pilot-inner-listing .table-header .th-column,
.table.job-pilot-inner-listing .table-row div {
  padding: 0 10px;
}
.table.job-pilot-inner-listing .table-header .th-column:nth-child(1),
.table.job-pilot-inner-listing .table-row div:nth-child(1) {
  width: 8%;
}
.table.job-pilot-inner-listing .table-header .th-column:nth-child(2),
.table.job-pilot-inner-listing .table-row div:nth-child(2) {
  width: 18%;
}
.table.job-pilot-inner-listing .table-header .th-column:nth-child(3),
.table.job-pilot-inner-listing .table-row div:nth-child(3) {
  width: 8%;
}
.table.job-pilot-inner-listing .table-header .th-column:nth-child(4),
.table.job-pilot-inner-listing .table-row div:nth-child(4) {
  width: 20%;
}
.table.job-pilot-inner-listing .table-header .th-column:nth-child(5),
.table.job-pilot-inner-listing .table-row div:nth-child(5) {
  width: 31%;
}
.table.job-pilot-inner-listing .table-header .th-column:nth-child(6),
.table.job-pilot-inner-listing .table-row div:nth-child(6) {
  width: 10%;
}
.table.job-pilot-inner-listing .table-header .th-column:nth-child(7),
.table.job-pilot-inner-listing .table-row div:nth-child(7) {
  width: 8%;
}
.table.job-pilot-inner-listing .table-header .th-column:nth-child(8),
.table.job-pilot-inner-listing .table-row div:nth-child(8) {
  width: 8%;
}
.table.job-pilot-inner-listing .table-header .th-column:nth-child(9),
.table.job-pilot-inner-listing .table-row div:nth-child(9) {
  width: calc(15% - 60px);
}
.table.job-pilot-inner-listing .table-header .th-column:nth-child(10),
.table.job-pilot-inner-listing .table-row div:nth-child(10) {
  width: 60px;
}
.table.job-pilot-inner-listing .table-header .th-column .icon-btn,
.table.job-pilot-inner-listing .table-row div .icon-btn {
  display: inline-block;
}
.table.job-pilot-inner-listing .table-row div:last-child {
  text-overflow: clip;
}
.table.job-pilot-inner-listing .table-row div {
  height: auto !important;
}

.table-group .table.pay-earning-deduction-inner-listing {
  padding: 10px 10px 10px 10px !important;
}

/*government deduction listing*/
.table.government-deductions-listing {
  margin: 0px;
  /* change the style of the scrollbar inside the table */
}
.table.government-deductions-listing .table-header .th-column:nth-child(1),
.table.government-deductions-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.government-deductions-listing .table-header .th-column:nth-child(2),
.table.government-deductions-listing .table-row div:nth-child(2) {
  width: 17%;
}
.table.government-deductions-listing .table-header .th-column:nth-child(3),
.table.government-deductions-listing .table-row div:nth-child(3) {
  width: 15%;
}
.table.government-deductions-listing .table-header .th-column:nth-child(4),
.table.government-deductions-listing .table-row div:nth-child(4) {
  width: 16%;
}
.table.government-deductions-listing .table-header .th-column:nth-child(5),
.table.government-deductions-listing .table-row div:nth-child(5) {
  width: 18%;
}
.table.government-deductions-listing .table-header .th-column:nth-child(6),
.table.government-deductions-listing .table-row div:nth-child(6) {
  width: 17%;
}
.table.government-deductions-listing .table-header .th-column:nth-child(7),
.table.government-deductions-listing .table-row div:nth-child(7) {
  width: 17%;
}
.table.government-deductions-listing .table-header .th-column:nth-child(8),
.table.government-deductions-listing .table-row div:nth-child(8) {
  width: 50px;
}
.table.government-deductions-listing .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.government-deductions-listing .table-footer > div:nth-child(2) {
  width: 50px;
}
.table.government-deductions-listing ::-webkit-scrollbar {
  width: 5px;
}
.table.government-deductions-listing ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 2px;
}
.table.government-deductions-listing ::-webkit-scrollbar-thumb {
  background: #a9b3bb;
  border-radius: 2px;
}

/*government deduction inner listing*/
.table.government-deductions-inner-listing {
  margin: 0px;
  padding: 10px 0px 0px 0px !important;
  border-bottom: none !important;
  border-right: 1px solid #a9b3bb;
  max-height: 200px;
  overflow-y: auto;
}
.table.government-deductions-inner-listing .table-header .th-column,
.table.government-deductions-inner-listing .table-row div {
  padding: 0 6px !important;
}
.table.government-deductions-inner-listing .table-header .th-column:nth-child(1),
.table.government-deductions-inner-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.government-deductions-inner-listing .table-header .th-column:nth-child(2),
.table.government-deductions-inner-listing .table-row div:nth-child(2) {
  width: 17%;
}
.table.government-deductions-inner-listing .table-header .th-column:nth-child(3),
.table.government-deductions-inner-listing .table-row div:nth-child(3) {
  width: 15%;
}
.table.government-deductions-inner-listing .table-header .th-column:nth-child(4),
.table.government-deductions-inner-listing .table-row div:nth-child(4) {
  width: 16%;
}
.table.government-deductions-inner-listing .table-header .th-column:nth-child(5),
.table.government-deductions-inner-listing .table-row div:nth-child(5) {
  width: 18%;
}
.table.government-deductions-inner-listing .table-header .th-column:nth-child(6),
.table.government-deductions-inner-listing .table-row div:nth-child(6) {
  width: 17%;
}
.table.government-deductions-inner-listing .table-header .th-column:nth-child(7),
.table.government-deductions-inner-listing .table-row div:nth-child(7) {
  width: 17%;
}
.table.government-deductions-inner-listing .table-header .th-column:nth-child(8),
.table.government-deductions-inner-listing .table-row div:nth-child(8) {
  width: 50px;
}
.table.government-deductions-inner-listing .deduction-name div:nth-child(1) {
  width: 100% !important;
  font-size: 14px;
  font-weight: bold;
  border-left: none !important;
}
.table.government-deductions-inner-listing .table-footer > div {
  padding: 0 4px !important;
}
.table.government-deductions-inner-listing .table-footer > div:nth-child(1) {
  width: 50px;
}
.table.government-deductions-inner-listing .table-footer > div:nth-child(2) {
  width: 17%;
}
.table.government-deductions-inner-listing .table-footer > div:nth-child(3) {
  width: 15%;
}
.table.government-deductions-inner-listing .table-footer > div:nth-child(4) {
  width: 16%;
}
.table.government-deductions-inner-listing .table-footer > div:nth-child(5) {
  width: 18%;
}
.table.government-deductions-inner-listing .table-footer > div:nth-child(6) {
  width: 17%;
}
.table.government-deductions-inner-listing .table-footer > div:nth-child(7) {
  width: 17%;
}
.table.government-deductions-inner-listing .table-footer > div:nth-child(8) {
  width: 50px;
}
.table.government-deductions-inner-listing .table-footer {
  background-color: #f0f3f8 !important;
  border-left: none;
  border-right: none;
}

/*government-deduction-listing*/
.table.government-deduction-listing {
  margin: 0px;
}
.table.government-deduction-listing .table-header .th-column:nth-child(1),
.table.government-deduction-listing .table-row div:nth-child(1) {
  width: 35%;
}
.table.government-deduction-listing .table-header .th-column:nth-child(2),
.table.government-deduction-listing .table-row div:nth-child(2) {
  width: 45%;
}
.table.government-deduction-listing .table-header .th-column:nth-child(3),
.table.government-deduction-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.government-deduction-listing .table-header .th-column:nth-child(4),
.table.government-deduction-listing .table-row div:nth-child(4) {
  width: 50px;
}
.table.government-deduction-listing .table-header .th-column:nth-child(5),
.table.government-deduction-listing .table-row div:nth-child(5) {
  width: 50px;
}
.table.government-deduction-listing .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.government-deduction-listing .table-footer > div:nth-child(2) {
  width: 50px;
}
.table.government-deduction-listing .balance-ded-amount {
  display: flex;
}
.table.government-deduction-listing .balance-ded-amount div {
  padding: 10px 15px;
  font-size: 13px;
}
.table.government-deduction-listing .balance-ded-amount div:nth-child(1) {
  width: 80%;
}
.table.government-deduction-listing .balance-ded-amount div:nth-child(2) {
  width: 20%;
}

/*government-deduction-inner-listing*/
.table.government-deduction-inner-listing {
  margin: 0px;
}
.table.government-deduction-inner-listing .table-header .th-column:nth-child(1),
.table.government-deduction-inner-listing .table-row div:nth-child(1) {
  width: 30%;
}
.table.government-deduction-inner-listing .table-header .th-column:nth-child(2),
.table.government-deduction-inner-listing .table-row div:nth-child(2) {
  width: 30%;
}
.table.government-deduction-inner-listing .table-header .th-column:nth-child(3),
.table.government-deduction-inner-listing .table-row div:nth-child(3) {
  width: 40%;
}
.table.government-deduction-inner-listing .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.government-deduction-inner-listing .table-footer > div:nth-child(2) {
  width: 50px;
}
.table.government-deduction-inner-listing .summary-total div {
  background-color: #e4e4e4;
}
.table.government-deduction-inner-listing .summary-total div:nth-child(1) {
  width: 50%;
}
.table.government-deduction-inner-listing .summary-total div:nth-child(2) {
  width: 50%;
}

/*overtime package listing*/
.table.overtime-package-listing {
  margin: 0px;
}
.table.overtime-package-listing .table-header .th-column:nth-child(1),
.table.overtime-package-listing .table-row div:nth-child(1) {
  width: 80%;
}
.table.overtime-package-listing .table-header .th-column:nth-child(2),
.table.overtime-package-listing .table-row div:nth-child(2) {
  width: 20%;
}
.table.overtime-package-listing .table-header .th-column:nth-child(3),
.table.overtime-package-listing .table-row div:nth-child(3) {
  width: 50px;
}
.table.overtime-package-listing .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.overtime-package-listing .table-footer > div:nth-child(2) {
  width: 50px;
}

/*salary-increment-listing*/
.table.salary-increment-listing {
  margin: 0 !important;
}
.table.salary-increment-listing .table-header .th-column:nth-child(1),
.table.salary-increment-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.salary-increment-listing .table-header .th-column:nth-child(2),
.table.salary-increment-listing .table-row div:nth-child(2) {
  width: 13%;
}
.table.salary-increment-listing .table-header .th-column:nth-child(3),
.table.salary-increment-listing .table-row div:nth-child(3) {
  width: 8%;
}
.table.salary-increment-listing .table-header .th-column:nth-child(4),
.table.salary-increment-listing .table-row div:nth-child(4) {
  width: 10%;
}
.table.salary-increment-listing .table-header .th-column:nth-child(5),
.table.salary-increment-listing .table-row div:nth-child(5) {
  width: 8%;
}
.table.salary-increment-listing .table-header .th-column:nth-child(6),
.table.salary-increment-listing .table-row div:nth-child(6) {
  width: 24%;
}
.table.salary-increment-listing .table-header .th-column:nth-child(7),
.table.salary-increment-listing .table-row div:nth-child(7) {
  width: 10%;
}
.table.salary-increment-listing .table-header .th-column:nth-child(8),
.table.salary-increment-listing .table-row div:nth-child(8) {
  width: 5%;
}
.table.salary-increment-listing .table-header .th-column:nth-child(9),
.table.salary-increment-listing .table-row div:nth-child(9) {
  width: 12%;
}
.table.salary-increment-listing .table-header .th-column:nth-child(10),
.table.salary-increment-listing .table-row div:nth-child(10) {
  width: 10%;
}
.table.salary-increment-listing .th-column {
  white-space: unset !important;
}
.table.salary-increment-listing .designation-name {
  border-left: none !important;
}
.table.salary-increment-listing .designation-name div {
  border-right: none !important;
  border-left: none !important;
}
.table.salary-increment-listing .designation-name div:nth-child(1) {
  width: 100% !important;
  font-size: 16px;
  font-weight: bold;
  border-left: none !important;
}
.table.salary-increment-listing .designation-name div:nth-child(2) {
  width: 100px !important;
}
.table.salary-increment-listing .last-column {
  padding: 0 !important;
  border-right: none !important;
}
.table.salary-increment-listing .merged-column {
  padding: 0px !important;
}
.table.salary-increment-listing .merged-column tr:first-child {
  border-bottom: 1px solid #a9b3bb;
}
.table.salary-increment-listing .merged-column td {
  padding: 5px !important;
}
.table.salary-increment-listing .merged-column tr:nth-child(2) td:first-child,
.table.salary-increment-listing .merged-column td:nth-child(2) {
  border-right: 1px solid #a9b3bb;
}
.table.salary-increment-listing .table-footer > div:nth-child(1) {
  width: 45%;
}
.table.salary-increment-listing .table-footer > div:nth-child(2) {
  width: 11%;
}
.table.salary-increment-listing .table-footer > div:nth-child(3) {
  width: 11%;
}
.table.salary-increment-listing .table-footer > div:nth-child(4) {
  width: 11%;
}
.table.salary-increment-listing div input {
  height: 25px;
  padding: 0 12px;
  border: 1px solid #a9b3bb;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #19193e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: right;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table.salary-increment-listing div input:focus {
  outline: none;
}

.table.salary-increment-listing.readOnlyAccess .table-header .th-column:nth-child(1),
.table.salary-increment-listing.readOnlyAccess .table-row div:nth-child(1) {
  width: 13%;
}
.table.salary-increment-listing.readOnlyAccess .table-header .th-column:nth-child(2),
.table.salary-increment-listing.readOnlyAccess .table-row div:nth-child(2) {
  width: 8%;
}
.table.salary-increment-listing.readOnlyAccess .table-header .th-column:nth-child(3),
.table.salary-increment-listing.readOnlyAccess .table-row div:nth-child(3) {
  width: 10%;
}
.table.salary-increment-listing.readOnlyAccess .table-header .th-column:nth-child(4),
.table.salary-increment-listing.readOnlyAccess .table-row div:nth-child(4) {
  width: 8%;
}
.table.salary-increment-listing.readOnlyAccess .table-header .th-column:nth-child(5),
.table.salary-increment-listing.readOnlyAccess .table-row div:nth-child(5) {
  width: 24%;
}
.table.salary-increment-listing.readOnlyAccess .table-header .th-column:nth-child(6),
.table.salary-increment-listing.readOnlyAccess .table-row div:nth-child(6) {
  width: 10%;
}
.table.salary-increment-listing.readOnlyAccess .table-header .th-column:nth-child(7),
.table.salary-increment-listing.readOnlyAccess .table-row div:nth-child(7) {
  width: 5%;
}
.table.salary-increment-listing.readOnlyAccess .table-header .th-column:nth-child(8),
.table.salary-increment-listing.readOnlyAccess .table-row div:nth-child(8) {
  width: 12%;
}
.table.salary-increment-listing.readOnlyAccess .table-header .th-column:nth-child(9),
.table.salary-increment-listing.readOnlyAccess .table-row div:nth-child(9) {
  width: 10%;
}

/*after-hours-listing*/
.table.after-hours-listing {
  margin: 0px;
}
.table.after-hours-listing .table-header .th-column:nth-child(1),
.table.after-hours-listing .table-row div:nth-child(1) {
  width: 28%;
}
.table.after-hours-listing .table-header .th-column:nth-child(2),
.table.after-hours-listing .table-row div:nth-child(2) {
  width: 10%;
}
.table.after-hours-listing .table-header .th-column:nth-child(3),
.table.after-hours-listing .table-row div:nth-child(3) {
  width: 16%;
}
.table.after-hours-listing .table-header .th-column:nth-child(4),
.table.after-hours-listing .table-row div:nth-child(4) {
  width: 16%;
}
.table.after-hours-listing .table-header .th-column:nth-child(5),
.table.after-hours-listing .table-row div:nth-child(5) {
  width: 15%;
}
.table.after-hours-listing .table-header .th-column:nth-child(6),
.table.after-hours-listing .table-row div:nth-child(6) {
  width: 15%;
}
.table.after-hours-listing .table-header .th-column:nth-child(7),
.table.after-hours-listing .table-row div:nth-child(7) {
  width: 50px;
}
.table.after-hours-listing .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.after-hours-listing .table-footer > div:nth-child(2) {
  width: 50px;
}
.table.after-hours-listing .balance-ded-amount {
  display: flex;
}
.table.after-hours-listing .balance-ded-amount div {
  padding: 10px 15px;
  font-size: 13px;
}
.table.after-hours-listing .balance-ded-amount div:nth-child(1) {
  width: 80%;
}
.table.after-hours-listing .balance-ded-amount div:nth-child(2) {
  width: 20%;
}

/*national-holiday-package-listing*/
.table.national-holiday-salary-package-listing {
  margin: 0px;
}
.table.national-holiday-salary-package-listing .table-header .th-column:nth-child(1),
.table.national-holiday-salary-package-listing .table-row div:nth-child(1) {
  width: 40%;
}
.table.national-holiday-salary-package-listing .table-header .th-column:nth-child(2),
.table.national-holiday-salary-package-listing .table-row div:nth-child(2) {
  width: 30%;
}
.table.national-holiday-salary-package-listing .table-header .th-column:nth-child(3),
.table.national-holiday-salary-package-listing .table-row div:nth-child(3) {
  width: 15%;
}
.table.national-holiday-salary-package-listing .table-header .th-column:nth-child(4),
.table.national-holiday-salary-package-listing .table-row div:nth-child(4) {
  width: 15%;
}
.table.national-holiday-salary-package-listing .table-header .th-column:nth-child(5),
.table.national-holiday-salary-package-listing .table-row div:nth-child(5) {
  width: 50px;
}
.table.national-holiday-salary-package-listing .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.national-holiday-salary-package-listing .table-footer > div:nth-child(2) {
  width: 50px;
}
.table.national-holiday-salary-package-listing .expired-row {
  background-color: #ffdde4;
  pointer-events: none;
}

/*overtime package listing*/
.table.from-time-listing {
  margin: 0px;
}
.table.from-time-listing .table-header .th-column:nth-child(1),
.table.from-time-listing .table-row div:nth-child(1) {
  width: 25%;
}
.table.from-time-listing .table-header .th-column:nth-child(2),
.table.from-time-listing .table-row div:nth-child(2) {
  width: 25%;
}
.table.from-time-listing .table-header .th-column:nth-child(3),
.table.from-time-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.from-time-listing .table-header .th-column:nth-child(4),
.table.from-time-listing .table-row div:nth-child(4) {
  width: 15%;
}
.table.from-time-listing .table-header .th-column:nth-child(5),
.table.from-time-listing .table-row div:nth-child(5) {
  width: 15%;
}
.table.from-time-listing .table-header .th-column:nth-child(6),
.table.from-time-listing .table-row div:nth-child(6) {
  width: 50px;
}
.table.from-time-listing .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.from-time-listing .table-footer > div:nth-child(2) {
  width: 50px;
}

/*calendar package listing*/
.table.calendar-package-listing {
  margin: 0px;
}
.table.calendar-package-listing .table-header .th-column:nth-child(1),
.table.calendar-package-listing .table-row div:nth-child(1) {
  width: 15%;
}
.table.calendar-package-listing .table-header .th-column:nth-child(2),
.table.calendar-package-listing .table-row div:nth-child(2) {
  width: 15%;
}
.table.calendar-package-listing .table-header .th-column:nth-child(3),
.table.calendar-package-listing .table-row div:nth-child(3) {
  width: 15%;
}
.table.calendar-package-listing .table-header .th-column:nth-child(4),
.table.calendar-package-listing .table-row div:nth-child(4) {
  width: 15%;
}
.table.calendar-package-listing .table-header .th-column:nth-child(5),
.table.calendar-package-listing .table-row div:nth-child(5) {
  width: 20%;
}
.table.calendar-package-listing .table-header .th-column:nth-child(6),
.table.calendar-package-listing .table-row div:nth-child(6) {
  width: 15%;
}
.table.calendar-package-listing .table-header .th-column:nth-child(7),
.table.calendar-package-listing .table-row div:nth-child(7) {
  width: 50px;
}
.table.calendar-package-listing .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.calendar-package-listing .table-footer > div:nth-child(2) {
  width: 50px;
}

.table.calendar-package-listing.read-only .table-header .th-column:nth-child(1),
.table.calendar-package-listing.read-only .table-row div:nth-child(1) {
  width: 15%;
}
.table.calendar-package-listing.read-only .table-header .th-column:nth-child(2),
.table.calendar-package-listing.read-only .table-row div:nth-child(2) {
  width: 15%;
}
.table.calendar-package-listing.read-only .table-header .th-column:nth-child(3),
.table.calendar-package-listing.read-only .table-row div:nth-child(3) {
  width: 15%;
}
.table.calendar-package-listing.read-only .table-header .th-column:nth-child(4),
.table.calendar-package-listing.read-only .table-row div:nth-child(4) {
  width: 15%;
}
.table.calendar-package-listing.read-only .table-header .th-column:nth-child(5),
.table.calendar-package-listing.read-only .table-row div:nth-child(5) {
  width: calc(20% + 50px);
}
.table.calendar-package-listing.read-only .table-header .th-column:nth-child(6),
.table.calendar-package-listing.read-only .table-row div:nth-child(6) {
  width: 15%;
}

.read-only .th-column,
.read-only .table-row div,
.read-only .table-footer div {
  cursor: default !important;
}
.read-only .table-row div:hover,
.read-only .table-body .table-row:hover div:not(.ant-switch-handle) {
  background-color: #ffffff !important;
  font-weight: normal !important;
}

.table.leave-type-listing {
  margin: 15px 0 0 0;
}
.table.leave-type-listing .table-header .th-column:nth-child(1),
.table.leave-type-listing .table-row div:nth-child(1) {
  width: 60%;
}
.table.leave-type-listing .table-header .th-column:nth-child(2),
.table.leave-type-listing .table-row div:nth-child(2) {
  width: 20%;
}
.table.leave-type-listing .table-header .th-column:nth-child(3),
.table.leave-type-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.leave-type-listing .table-header .th-column:nth-child(4),
.table.leave-type-listing .table-row div:nth-child(4) {
  width: 50px;
}
.table.leave-type-listing .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.leave-type-listing .table-footer > div:nth-child(2) {
  width: 50px;
}

.table.national-holiday-listing {
  margin: 15px 0 0 0;
}
.table.national-holiday-listing .table-header .th-column:nth-child(1),
.table.national-holiday-listing .table-row div:not(.ant-picker):not(.ant-picker-input):nth-child(1) {
  width: 50%;
}
.table.national-holiday-listing .table-header .th-column:nth-child(2),
.table.national-holiday-listing .table-row div:not(.ant-picker):not(.ant-picker-input):nth-child(2) {
  width: 25%;
}
.table.national-holiday-listing .table-header .th-column:nth-child(3),
.table.national-holiday-listing .table-row div:not(.ant-picker):not(.ant-picker-input):nth-child(3) {
  width: 25%;
}
.table.national-holiday-listing .table-header .th-column:nth-child(4),
.table.national-holiday-listing .table-row div:not(.ant-picker):not(.ant-picker-input):nth-child(4) {
  width: 50px;
}
.table.national-holiday-listing .table-row .ant-picker {
  border-right: none !important;
  padding-right: 0px !important;
}

.table.presentation-listing {
  margin: 15px 0 0 0;
}
.table.presentation-listing .table-header .th-column:nth-child(1),
.table.presentation-listing .table-row div:nth-child(1) {
  width: 30%;
}
.table.presentation-listing .table-header .th-column:nth-child(2),
.table.presentation-listing .table-row div:nth-child(2) {
  width: 55%;
}
.table.presentation-listing .table-header .th-column:nth-child(3),
.table.presentation-listing .table-row div:nth-child(3) {
  width: 15%;
}
.table.presentation-listing .table-header .th-column:nth-child(4),
.table.presentation-listing .table-row div:nth-child(4) {
  width: 50px;
}

.table.not-paid-holiday-money-listing {
  margin: 0px !important;
}
.table.not-paid-holiday-money-listing .table-header .th-column:nth-child(1),
.table.not-paid-holiday-money-listing .table-row div:nth-child(1) {
  width: 25%;
}
.table.not-paid-holiday-money-listing .table-header .th-column:nth-child(2),
.table.not-paid-holiday-money-listing .table-row div:nth-child(2) {
  width: 25%;
}
.table.not-paid-holiday-money-listing .table-header .th-column:nth-child(3),
.table.not-paid-holiday-money-listing .table-row div:nth-child(3) {
  width: 25%;
}
.table.not-paid-holiday-money-listing .table-header .th-column:nth-child(4),
.table.not-paid-holiday-money-listing .table-row div:nth-child(4) {
  width: 25%;
}
.table.not-paid-holiday-money-listing .table-footer > div:nth-child(1) {
  width: 25%;
}
.table.not-paid-holiday-money-listing .table-footer > div:nth-child(2) {
  width: 25%;
}
.table.not-paid-holiday-money-listing .table-footer > div:nth-child(3) {
  width: 25%;
}
.table.not-paid-holiday-money-listing .table-footer > div:nth-child(4) {
  width: 25%;
}
.table.not-paid-holiday-money-listing .hourly-paid {
  background-color: #ccdcff;
}
.table.not-paid-holiday-money-listing .monthly-paid {
  background: #f8cde0;
}
.table.not-paid-holiday-money-listing .pay-btn {
  margin: 6px auto;
}

.not-paid-holiday-money-innerlisting .table-row div:not(:last-child) {
  border-left: none !important;
  border-right: none !important;
}

.table.access-control-holiday-money-listing, .table.not-paid-holiday-money-innerlisting {
  margin: 0px !important;
}
.table.access-control-holiday-money-listing .table-header .th-column,
.table.access-control-holiday-money-listing .table-row div, .table.not-paid-holiday-money-innerlisting .table-header .th-column,
.table.not-paid-holiday-money-innerlisting .table-row div {
  border-bottom-color: #e9e8e6 !important;
  border-right-color: #e9e8e6 !important;
}
.table.access-control-holiday-money-listing .table-header .th-column:nth-child(1),
.table.access-control-holiday-money-listing .table-row div:nth-child(1), .table.not-paid-holiday-money-innerlisting .table-header .th-column:nth-child(1),
.table.not-paid-holiday-money-innerlisting .table-row div:nth-child(1) {
  width: 50px;
}
.table.access-control-holiday-money-listing .table-header .th-column:nth-child(2),
.table.access-control-holiday-money-listing .table-row div:nth-child(2), .table.not-paid-holiday-money-innerlisting .table-header .th-column:nth-child(2),
.table.not-paid-holiday-money-innerlisting .table-row div:nth-child(2) {
  width: 20%;
}
.table.access-control-holiday-money-listing .table-header .th-column:nth-child(3),
.table.access-control-holiday-money-listing .table-row div:nth-child(3), .table.not-paid-holiday-money-innerlisting .table-header .th-column:nth-child(3),
.table.not-paid-holiday-money-innerlisting .table-row div:nth-child(3) {
  width: 15%;
}
.table.access-control-holiday-money-listing .table-header .th-column:nth-child(4),
.table.access-control-holiday-money-listing .table-row div:nth-child(4), .table.not-paid-holiday-money-innerlisting .table-header .th-column:nth-child(4),
.table.not-paid-holiday-money-innerlisting .table-row div:nth-child(4) {
  width: 15%;
}
.table.access-control-holiday-money-listing .table-header .th-column:nth-child(5),
.table.access-control-holiday-money-listing .table-row div:nth-child(5), .table.not-paid-holiday-money-innerlisting .table-header .th-column:nth-child(5),
.table.not-paid-holiday-money-innerlisting .table-row div:nth-child(5) {
  width: 20%;
}
.table.access-control-holiday-money-listing .table-header .th-column:nth-child(6),
.table.access-control-holiday-money-listing .table-row div:nth-child(6), .table.not-paid-holiday-money-innerlisting .table-header .th-column:nth-child(6),
.table.not-paid-holiday-money-innerlisting .table-row div:nth-child(6) {
  width: 19%;
}
.table.access-control-holiday-money-listing .table-header .th-column:nth-child(7),
.table.access-control-holiday-money-listing .table-row div:nth-child(7), .table.not-paid-holiday-money-innerlisting .table-header .th-column:nth-child(7),
.table.not-paid-holiday-money-innerlisting .table-row div:nth-child(7) {
  width: 11%;
}
.table.access-control-holiday-money-listing .table-footer > div:nth-child(1), .table.not-paid-holiday-money-innerlisting .table-footer > div:nth-child(1) {
  width: calc(20% + 50px);
}
.table.access-control-holiday-money-listing .table-footer > div:nth-child(2), .table.not-paid-holiday-money-innerlisting .table-footer > div:nth-child(2) {
  width: 15%;
}
.table.access-control-holiday-money-listing .table-footer > div:nth-child(3), .table.not-paid-holiday-money-innerlisting .table-footer > div:nth-child(3) {
  width: 15%;
}
.table.access-control-holiday-money-listing .table-footer > div:nth-child(4), .table.not-paid-holiday-money-innerlisting .table-footer > div:nth-child(4) {
  width: 20%;
}
.table.access-control-holiday-money-listing .table-footer > div:nth-child(5), .table.not-paid-holiday-money-innerlisting .table-footer > div:nth-child(5) {
  width: 19%;
}
.table.access-control-holiday-money-listing .table-footer > div:nth-child(6), .table.not-paid-holiday-money-innerlisting .table-footer > div:nth-child(6) {
  width: 11%;
}
.table.access-control-holiday-money-listing .table-header, .table.not-paid-holiday-money-innerlisting .table-header {
  border-bottom: 2px solid #e9e8e6 !important;
}
.table.access-control-holiday-money-listing .hourly-paid, .table.not-paid-holiday-money-innerlisting .hourly-paid {
  background-color: #ccdcff;
}
.table.access-control-holiday-money-listing .monthly-paid, .table.not-paid-holiday-money-innerlisting .monthly-paid {
  background: #f8cde0;
}

.employee-total-worked-hours-listing {
  margin: 0px !important;
}
.employee-total-worked-hours-listing .table-header .th-column,
.employee-total-worked-hours-listing .table-row div {
  border-bottom-color: #e9e8e6 !important;
  border-right-color: #e9e8e6 !important;
}
.employee-total-worked-hours-listing .table-header .th-column:nth-child(1),
.employee-total-worked-hours-listing .table-row div:nth-child(1) {
  width: 50px;
}
.employee-total-worked-hours-listing .table-header .th-column:nth-child(2),
.employee-total-worked-hours-listing .table-row div:nth-child(2) {
  width: calc(50% - 50px);
}
.employee-total-worked-hours-listing .table-header .th-column:nth-child(3),
.employee-total-worked-hours-listing .table-row div:nth-child(3) {
  width: 50%;
}
.employee-total-worked-hours-listing .grouped-row {
  background-color: #fcfcfc !important;
}
.employee-total-worked-hours-listing .table-header {
  border-right: 2px solid #e9e8e6;
}
.employee-total-worked-hours-listing .employee-total-worked-hours-innerlisting {
  margin: 0px !important;
}
.employee-total-worked-hours-listing .employee-total-worked-hours-innerlisting .table-header {
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
  border-bottom: unset !important;
}
.employee-total-worked-hours-listing .employee-total-worked-hours-innerlisting .table-header .th-column:nth-child(1),
.employee-total-worked-hours-listing .employee-total-worked-hours-innerlisting .table-row div:nth-child(1) {
  width: 50px;
}
.employee-total-worked-hours-listing .employee-total-worked-hours-innerlisting .table-header .th-column:nth-child(2),
.employee-total-worked-hours-listing .employee-total-worked-hours-innerlisting .table-row div:nth-child(2) {
  width: calc(50% - 50px) !important;
}
.employee-total-worked-hours-listing .employee-total-worked-hours-innerlisting .table-header .th-column:nth-child(3),
.employee-total-worked-hours-listing .employee-total-worked-hours-innerlisting .table-row div:nth-child(3) {
  width: 50% !important;
}
.employee-total-worked-hours-listing .employee-total-worked-hours-innerlisting .table-header .th-column:first-child,
.employee-total-worked-hours-listing .employee-total-worked-hours-innerlisting .table-row div:first-child {
  border-bottom: 1px solid #fff;
  background-color: #fff;
  border-bottom-color: #fff !important;
}
.employee-total-worked-hours-listing .employee-total-worked-hours-innerlisting + .grouped-row {
  border-top: 2px solid #e9e8e6 !important;
}
.employee-total-worked-hours-listing .employee-total-worked-hours-innerlisting .table-body {
  border-right: 2px solid #e9e8e6;
}

.table.access-control-holiday-money-listing .grouped-row {
  background-color: #fcfcfc !important;
}
.table.access-control-holiday-money-listing .table-header {
  border-right: 2px solid #e9e8e6;
}
.table.access-control-holiday-money-listing .not-paid-holiday-money-innerlisting {
  border-right: 2px solid #e9e8e6;
}

.stopped-deduction-bg {
  background-color: #ffdde4 !important;
}

.stopped-deduction-main {
  background-color: #ff0000 !important;
}
.stopped-deduction-main div {
  color: #ffffff !important;
}

.table.detail-leave-listing {
  margin: 0 !important;
}
.table.detail-leave-listing.paid .table-header .th-column:nth-child(1),
.table.detail-leave-listing.paid .table-row div:nth-child(1) {
  width: 25%;
}
.table.detail-leave-listing.paid .table-header .th-column:nth-child(2),
.table.detail-leave-listing.paid .table-row div:nth-child(2) {
  width: 25%;
}
.table.detail-leave-listing.paid .table-header .th-column:nth-child(3),
.table.detail-leave-listing.paid .table-row div:nth-child(3) {
  width: 25%;
}
.table.detail-leave-listing.paid .table-header .th-column:nth-child(4),
.table.detail-leave-listing.paid .table-row div:nth-child(4) {
  width: 25%;
}
.table.detail-leave-listing.not-paid .table-header .th-column:nth-child(1),
.table.detail-leave-listing.not-paid .table-row div:nth-child(1) {
  width: 40%;
}
.table.detail-leave-listing.not-paid .table-header .th-column:nth-child(2),
.table.detail-leave-listing.not-paid .table-row div:nth-child(2) {
  width: 30%;
}
.table.detail-leave-listing.not-paid .table-header .th-column:nth-child(3),
.table.detail-leave-listing.not-paid .table-row div:nth-child(3) {
  width: 30%;
}
.table.detail-leave-listing .table-footer > div:nth-child(1) {
  width: 25%;
}
.table.detail-leave-listing .table-footer > div:nth-child(2) {
  width: 25%;
}
.table.detail-leave-listing .table-footer > div:nth-child(3) {
  width: 20%;
}
.table.detail-leave-listing .table-footer > div:nth-child(4) {
  width: 24%;
}
.table.detail-leave-listing .table-footer > div:nth-child(5) {
  width: 6%;
}

.table.detail-leave-admin-listing {
  margin: 0 !important;
}
.table.detail-leave-admin-listing.paid .table-header .th-column:nth-child(1),
.table.detail-leave-admin-listing.paid .table-row div:nth-child(1) {
  width: 50px;
}
.table.detail-leave-admin-listing.paid .table-header .th-column:nth-child(2),
.table.detail-leave-admin-listing.paid .table-row div:nth-child(2) {
  width: 25%;
}
.table.detail-leave-admin-listing.paid .table-header .th-column:nth-child(3),
.table.detail-leave-admin-listing.paid .table-row div:nth-child(3) {
  width: 25%;
}
.table.detail-leave-admin-listing.paid .table-header .th-column:nth-child(4),
.table.detail-leave-admin-listing.paid .table-row div:nth-child(4) {
  width: 25%;
}
.table.detail-leave-admin-listing.paid .table-header .th-column:nth-child(5),
.table.detail-leave-admin-listing.paid .table-row div:nth-child(5) {
  width: 25%;
}
.table.detail-leave-admin-listing.not-paid .table-header .th-column:nth-child(1),
.table.detail-leave-admin-listing.not-paid .table-row div:nth-child(1) {
  width: 50px;
}
.table.detail-leave-admin-listing.not-paid .table-header .th-column:nth-child(2),
.table.detail-leave-admin-listing.not-paid .table-row div:nth-child(2) {
  width: 40%;
}
.table.detail-leave-admin-listing.not-paid .table-header .th-column:nth-child(3),
.table.detail-leave-admin-listing.not-paid .table-row div:nth-child(3) {
  width: 30%;
}
.table.detail-leave-admin-listing.not-paid .table-header .th-column:nth-child(4),
.table.detail-leave-admin-listing.not-paid .table-row div:nth-child(4) {
  width: 30%;
}
.table.detail-leave-admin-listing .table-footer > div:nth-child(1) {
  width: 50px;
}
.table.detail-leave-admin-listing .table-footer > div:nth-child(2) {
  width: 25%;
}
.table.detail-leave-admin-listing .table-footer > div:nth-child(3) {
  width: 25%;
}
.table.detail-leave-admin-listing .table-footer > div:nth-child(4) {
  width: 20%;
}
.table.detail-leave-admin-listing .table-footer > div:nth-child(5) {
  width: 24%;
}
.table.detail-leave-admin-listing .table-footer > div:nth-child(6) {
  width: 6%;
}
.table.detail-leave-admin-listing div input {
  height: 25px;
  padding: 0 12px;
  border: 1px solid #a9b3bb;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #19193e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: right;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table.detail-leave-admin-listing div input:focus {
  outline: none;
}

.has-url::before {
  font-family: "Material Icons";
  content: "\e157";
  font-size: 16px;
  display: inline-block;
  margin-right: 5px;
  overflow: hidden;
}

.table.role-listing {
  margin: 15px 0 0 0;
}
.table.role-listing .table-header .th-column:nth-child(1),
.table.role-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.role-listing .table-header .th-column:nth-child(2),
.table.role-listing .table-row div:nth-child(2) {
  width: 40%;
}
.table.role-listing .table-header .th-column:nth-child(3),
.table.role-listing .table-row div:nth-child(3) {
  width: 30%;
}
.table.role-listing .table-header .th-column:nth-child(4),
.table.role-listing .table-row div:nth-child(4) {
  width: 30%;
}
.table.role-listing .table-header .th-column:nth-child(5),
.table.role-listing .table-row div:nth-child(5) {
  width: 50px;
}
.table.role-listing .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.role-listing .table-footer > div:nth-child(2) {
  width: 50px;
}

.table.role-inner-listing {
  border-right: 1px solid #a9b3bb;
}
.table.role-inner-listing .table-header .th-column:nth-child(1),
.table.role-inner-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.role-inner-listing .table-header .th-column:nth-child(2),
.table.role-inner-listing .table-row div:nth-child(2) {
  width: 20%;
}
.table.role-inner-listing .table-header .th-column:nth-child(3),
.table.role-inner-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.role-inner-listing .table-header .th-column:nth-child(4),
.table.role-inner-listing .table-row div:nth-child(4) {
  width: 15%;
}
.table.role-inner-listing .table-header .th-column:nth-child(5),
.table.role-inner-listing .table-row div:nth-child(5) {
  width: 20%;
}
.table.role-inner-listing .table-header .th-column:nth-child(6),
.table.role-inner-listing .table-row div:nth-child(6) {
  width: 15%;
}
.table.role-inner-listing .table-header .th-column:nth-child(7),
.table.role-inner-listing .table-row div:nth-child(7) {
  width: 10%;
}
.table.role-inner-listing .table-header .th-column:nth-child(8),
.table.role-inner-listing .table-row div:nth-child(8) {
  width: 50px;
}
.table.role-inner-listing .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.role-inner-listing .table-footer > div:nth-child(2) {
  width: 50px;
}

.table.transaction-accounts-form-listing {
  border-right: 1px solid #a9b3bb;
}
.table.transaction-accounts-form-listing .table-header .th-column:nth-child(1),
.table.transaction-accounts-form-listing .table-row div:nth-child(1) {
  width: 70%;
}
.table.transaction-accounts-form-listing .table-header .th-column:nth-child(2),
.table.transaction-accounts-form-listing .table-row div:nth-child(2) {
  width: 20%;
}
.table.transaction-accounts-form-listing .table-header .th-column:nth-child(3),
.table.transaction-accounts-form-listing .table-row div:nth-child(3) {
  width: 10%;
}
.table.transaction-accounts-form-listing .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.transaction-accounts-form-listing .table-footer > div:nth-child(2) {
  width: 50px;
}

.table.transaction-type-listing {
  margin: 15px 0 0 0;
}
.table.transaction-type-listing .table-header .th-column:nth-child(1) {
  width: 50px;
}
.table.transaction-type-listing .table-header .th-column:nth-child(2) {
  width: 40%;
}
.table.transaction-type-listing .table-header .th-column:nth-child(3) {
  width: 60%;
}
.table.transaction-type-listing .table-header .th-column:nth-child(4) {
  width: 140px;
}
.table.transaction-type-listing .table-header .th-column:nth-child(5) {
  width: 50px;
}
.table.transaction-type-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.transaction-type-listing .table-row div:nth-child(2) {
  width: 100%;
}
.table.transaction-type-listing .table-row div:nth-child(3) {
  width: 190px;
}
.table.transaction-type-listing .table-group .table {
  border-left: 1px solid #a9b3bb;
  background: rgb(243, 243, 243);
  margin: 0;
  padding: 0;
}
.table.transaction-type-listing .table-body {
  padding: 10px 0px;
}
.table.transaction-type-listing .table-header .th-column:nth-child(1) {
  width: 60px !important;
}
.table.transaction-type-listing .table-header .th-column:nth-child(5) {
  width: 60px !important;
}
.table.transaction-type-listing .table-body {
  background: #c0d3db;
}
.table.transaction-type-listing .Tt-group-Container {
  padding: 5px;
  margin: 10px 5px;
  background-color: #ffffff;
  outline: 1px solid #d9f4ff;
  border-radius: 5px;
}
.table.transaction-type-listing .Tt-group-Container:first-child {
  margin-top: 0px;
  border-radius: 5px;
}
.table.transaction-type-listing .Tt-group-Container .table {
  margin: 0px;
}
.table.transaction-type-listing .Tt-group-Container .table-group:last-of-type {
  border-bottom: 2px solid #e9e8e6 !important;
}
.table.transaction-type-listing .Tt-group-Container .group-name {
  width: 100%;
  padding: 8px 8px 10px 8px;
  font-weight: 600;
  text-align: start;
}
.table.transaction-type-listing .Tt-group-Container .add-new-Tt {
  height: 25px !important;
  width: 25px !important;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 4px !important;
  margin: 3px 10px;
}
.table.transaction-type-listing .Tt-group-Container .expander {
  cursor: pointer;
}
.table.transaction-type-listing .Tt-group-Container .expand-icon {
  width: 50px;
  line-height: 31px;
  color: #526270;
}
.table.transaction-type-listing .Tt-group-Container .expand-only-border-bottom {
  border-bottom: 2px solid #e9e8e6;
}

.table-group .table .th-column {
  height: auto;
}
.table-group .table .th-column span.text {
  white-space: inherit;
  line-height: initial;
}
.table-group .cc-credit-note-list {
  padding-right: 6px !important;
  padding-left: 40px !important;
}
.table-group .cc-credit-note-list .table-row div:nth-child(8) .icon-btn {
  padding-left: 0px;
  width: unset !important;
}

.table.transaction-type-inner-listing .table-header .th-column:nth-child(1),
.table.transaction-type-inner-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.transaction-type-inner-listing .table-header .th-column:nth-child(2),
.table.transaction-type-inner-listing .table-row div:nth-child(2) {
  width: 40%;
}
.table.transaction-type-inner-listing .table-header .th-column:nth-child(3),
.table.transaction-type-inner-listing .table-row div:nth-child(3) {
  width: 60%;
}
.table.transaction-type-inner-listing .table-header .th-column:nth-child(4),
.table.transaction-type-inner-listing .table-row div:nth-child(4) {
  width: 140px;
}
.table.transaction-type-inner-listing .table-header .th-column:nth-child(5),
.table.transaction-type-inner-listing .table-row div:nth-child(5) {
  width: 50px;
}
.table.transaction-type-inner-listing .table-body {
  background-color: #fff;
}
.table.transaction-type-inner-listing .table-row div {
  border-right: 1px solid #a9b3bb;
  border-bottom: 1px solid #a9b3bb;
}
.table.transaction-type-inner-listing .table-row div .icon-btn {
  margin: 0 auto;
}
.table.transaction-type-inner-listing .table-row div .icon-btn i {
  color: #514d4d;
}
.table.transaction-type-inner-listing .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.transaction-type-inner-listing .table-footer > div:nth-child(2) {
  width: 50px;
}
.table.transaction-type-inner-listing .table-group .table {
  border: none;
  background: #fdffd7;
  margin: 0;
  padding: 10px 0;
}
.table.transaction-type-inner-listing .load-more {
  border-right: 1px solid #a9b3bb !important;
}
.table.transaction-type-inner-listing .table-body .table-row div .add-btn-primary {
  margin-left: 0;
  padding: 4px 0px;
  height: 32px;
}
.table.transaction-type-inner-listing .table-group .table-row div:nth-child(5) {
  padding: 0px 0px;
}
.table.transaction-type-inner-listing .icon-btn {
  color: #000 !important;
  margin-top: 5px;
}
.table.transaction-type-inner-listing .icon-btn:hover {
  color: #8a8787 !important;
}

.table.transaction-type-double-entry-listing {
  border-right: 1px solid #a9b3bb;
}
.table.transaction-type-double-entry-listing .table-header .th-column:nth-child(1),
.table.transaction-type-double-entry-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.transaction-type-double-entry-listing .table-header .th-column:nth-child(2),
.table.transaction-type-double-entry-listing .table-row div:nth-child(2) {
  width: 40%;
}
.table.transaction-type-double-entry-listing .table-header .th-column:nth-child(3),
.table.transaction-type-double-entry-listing .table-row div:nth-child(3) {
  width: 60%;
}
.table.transaction-type-double-entry-listing .table-header .th-column:nth-child(4),
.table.transaction-type-double-entry-listing .table-row div:nth-child(4) {
  width: 140px;
}
.table.transaction-type-double-entry-listing .table-header .th-column:nth-child(5),
.table.transaction-type-double-entry-listing .table-row div:nth-child(5) {
  width: 50px;
}
.table.transaction-type-double-entry-listing .table-body .table-group .table-row div:nth-child(1) {
  width: 45px;
}
.table.transaction-type-double-entry-listing .table-body .table-group .table-row div:nth-child(2) {
  width: 40%;
}
.table.transaction-type-double-entry-listing .table-body .table-group .table-row div:nth-child(3) {
  width: 60%;
}
.table.transaction-type-double-entry-listing .table-body .table-group .table-row div:nth-child(4) {
  width: 140px;
}
.table.transaction-type-double-entry-listing .table-body .table-group .table-row div:nth-child(5) {
  width: 45px;
}
.table.transaction-type-double-entry-listing .table-row div {
  border: none;
  padding: 3px 10px !important;
}
.table.transaction-type-double-entry-listing .table-footer > div:nth-child(1) {
  width: 100%;
}
.table.transaction-type-double-entry-listing .table-footer > div:nth-child(2) {
  width: 50px;
}
.table.transaction-type-double-entry-listing .table-row {
  padding-right: 0px !important;
}
.table.transaction-type-double-entry-listing .table-body {
  padding: 0px;
}

.table.vat-code-listing {
  margin: 15px 0 0 0;
}
.table.vat-code-listing .table-header .th-column:nth-child(1),
.table.vat-code-listing .table-row div:nth-child(1) {
  width: 40%;
}
.table.vat-code-listing .table-header .th-column:nth-child(2),
.table.vat-code-listing .table-row div:nth-child(2) {
  width: 40%;
}
.table.vat-code-listing .table-header .th-column:nth-child(3),
.table.vat-code-listing .table-row div:nth-child(3) {
  width: 20%;
}
.table.vat-code-listing .table-header .th-column:nth-child(4),
.table.vat-code-listing .table-row div:nth-child(4) {
  width: 50px;
}

.table.vat-group-listing {
  margin: 15px 0 0 0;
}
.table.vat-group-listing .table-header .th-column:nth-child(1),
.table.vat-group-listing .table-row div:nth-child(1) {
  width: 68%;
}
.table.vat-group-listing .table-header .th-column:nth-child(2),
.table.vat-group-listing .table-row div:nth-child(2) {
  width: 15%;
}
.table.vat-group-listing .table-header .th-column:nth-child(3),
.table.vat-group-listing .table-row div:nth-child(3) {
  width: 15%;
}
.table.vat-group-listing .table-header .th-column:nth-child(4),
.table.vat-group-listing .table-row div:nth-child(4) {
  width: 50px;
}

.table.customer-public-info-listing {
  margin: 15px 0 0 0;
}
.table.customer-public-info-listing .table-header .th-column:nth-child(1),
.table.customer-public-info-listing .table-row div:nth-child(1) {
  width: 50%;
}
.table.customer-public-info-listing .table-header .th-column:nth-child(2),
.table.customer-public-info-listing .table-row div:nth-child(2) {
  width: 50%;
}
.table.customer-public-info-listing .no-records-message {
  border-bottom: 1px solid #989fa7;
}

.vatperiods-listing {
  margin: 15px 0 0 0;
}
.vatperiods-listing .table-header .th-column:nth-child(1),
.vatperiods-listing .table-row div:nth-child(1) {
  width: 50%;
}
.vatperiods-listing .table-header .th-column:nth-child(2),
.vatperiods-listing .table-row div:nth-child(2) {
  width: 50%;
}

.table.web-shop-category-listing .table-header .th-column:nth-child(1) {
  width: 100%;
}
.table.web-shop-category-listing .table-header .th-column:nth-child(2) {
  width: 50px;
}
.table.web-shop-category-listing .table-row div:nth-child(1) {
  width: 100%;
}
.table.web-shop-category-listing .table-row div:nth-child(2) {
  width: 45px;
}

.table.ov-credit-note-list .table-body .table-row div:nth-child(6), .table.ov-credit-note-list .table-header .th-column:nth-child(6) {
  padding: 0px !important;
}

.send-icon-delete-align {
  padding-left: 5px;
}

.table.supplier-invoice-listing .table-header .th-column:nth-child(1),
.table.supplier-invoice-listing .table-header .th-column:nth-child(0),
.table.supplier-invoice-listing .table-header .th-column:nth-child(4),
.table.supplier-invoice-listing .table-body .table-row div:nth-child(1),
.table.supplier-invoice-listing .table-body .table-row div:nth-child(0),
.table.supplier-invoice-listing .table-body .table-row div:nth-child(4) {
  padding-left: 20px;
}

.table.supplier-invoice-listing-all .table-header .th-column:nth-child(1),
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(0),
.table.supplier-invoice-listing-all .table-header .th-column:nth-child(4),
.table.supplier-invoice-listing-all .table-body .table-row div:nth-child(1),
.table.supplier-invoice-listing-all .table-body .table-row div:nth-child(0),
.table.supplier-invoice-listing-all .table-body .table-row div:nth-child(4) {
  padding-left: 20px;
}

.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(1),
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(0),
.table.supplier-invoice-listing-ext .table-header .th-column:nth-child(4),
.table.supplier-invoice-listing-ext .table-body .table-row div:nth-child(1),
.table.supplier-invoice-listing-ext .table-body .table-row div:nth-child(0),
.table.supplier-invoice-listing-ext .table-body .table-row div:nth-child(4) {
  padding-left: 20px;
}

.table.customer-invoice-listing .table-header .th-column:nth-child(2),
.table.customer-invoice-listing .table-header .th-column:nth-child(3),
.table.customer-invoice-listing .table-header .th-column:nth-child(5),
.table.customer-invoice-listing .table-row div:nth-child(2),
.table.customer-invoice-listing .table-row div:nth-child(3),
.table.customer-invoice-listing .table-row div:nth-child(5) {
  padding-left: 20px !important;
}

.table.customer-invoice-listing-paid .table-header .th-column:nth-child(2),
.table.customer-invoice-listing-paid .table-header .th-column:nth-child(3),
.table.customer-invoice-listing-paid .table-header .th-column:nth-child(5),
.table.customer-invoice-listing-paid .table-row div:nth-child(2),
.table.customer-invoice-listing-paid .table-row div:nth-child(3),
.table.customer-invoice-listing-paid .table-row div:nth-child(5) {
  padding-left: 20px !important;
}

.table.customer-invoice-listing-not-paid .table-header .th-column:nth-child(2),
.table.customer-invoice-listing-not-paid .table-header .th-column:nth-child(3),
.table.customer-invoice-listing-not-paid .table-header .th-column:nth-child(5),
.table.customer-invoice-listing-not-paid .table-row div:nth-child(2),
.table.customer-invoice-listing-not-paid .table-row div:nth-child(3),
.table.customer-invoice-listing-not-paid .table-row div:nth-child(5) {
  padding-left: 20px !important;
}

/* drone-listing */
.table.drone-listing .table-header .th-column:nth-child(1),
.table.drone-listing .table-row div:nth-child(1) {
  width: 8%;
}
.table.drone-listing .table-header .th-column:nth-child(2),
.table.drone-listing .table-row div:nth-child(2) {
  width: 22%;
}
.table.drone-listing .table-header .th-column:nth-child(3),
.table.drone-listing .table-row div:nth-child(3) {
  width: 28%;
}
.table.drone-listing .table-header .th-column:nth-child(4),
.table.drone-listing .table-row div:nth-child(4) {
  width: 13%;
}
.table.drone-listing .table-header .th-column:nth-child(5),
.table.drone-listing .table-row div:nth-child(5) {
  width: 13%;
}
.table.drone-listing .table-header .th-column:nth-child(6),
.table.drone-listing .table-row div:nth-child(6) {
  width: 10%;
}
.table.drone-listing .table-header .th-column:nth-child(7),
.table.drone-listing .table-row div:nth-child(7) {
  width: 6%;
}
.table.drone-listing .table-header .th-column:nth-child(8),
.table.drone-listing .table-row div:nth-child(8) {
  width: 50px;
}
.table.drone-listing .table-header .th-column:nth-child(9),
.table.drone-listing .table-row div:nth-child(9) {
  width: 50px;
}
.table.drone-listing .grouped-row {
  background-color: #f2f2f2;
}
.table.drone-listing .grouped-row div:nth-child(1) {
  width: 100% !important;
  border-right: none;
  font-size: 16px;
  font-weight: bold;
}
.table.drone-listing .grouped-row div:nth-child(2) {
  width: 100px !important;
}

.table.franchisee-main-drone-listing .table-header .th-column:nth-child(1) {
  width: 8%;
}
.table.franchisee-main-drone-listing .table-header .th-column:nth-child(2) {
  width: 22%;
}
.table.franchisee-main-drone-listing .table-header .th-column:nth-child(3) {
  width: 33%;
}
.table.franchisee-main-drone-listing .table-header .th-column:nth-child(4) {
  width: 16%;
}
.table.franchisee-main-drone-listing .table-header .th-column:nth-child(5) {
  width: 16%;
}
.table.franchisee-main-drone-listing .table-header .th-column:nth-child(6) {
  width: 5%;
}
.table.franchisee-main-drone-listing .table-header .th-column:nth-child(7) {
  width: 58px;
}
.table.franchisee-main-drone-listing .table-header .th-column:nth-child(8) {
  width: 58px;
}
.table.franchisee-main-drone-listing .table-row div:nth-child(1) {
  width: 8%;
}
.table.franchisee-main-drone-listing .table-row div:nth-child(2) {
  width: 22%;
}
.table.franchisee-main-drone-listing .table-row div:nth-child(3) {
  width: 33%;
}
.table.franchisee-main-drone-listing .table-row div:nth-child(4) {
  width: 16%;
}
.table.franchisee-main-drone-listing .table-row div:nth-child(5) {
  width: 16%;
}
.table.franchisee-main-drone-listing .table-row div:nth-child(6) {
  width: 5%;
}
.table.franchisee-main-drone-listing .table-row div:nth-child(7) {
  width: 50px;
}
.table.franchisee-main-drone-listing .table-row div:nth-child(8) {
  width: 50px;
}
.table.franchisee-main-drone-listing .grouped-row {
  background-color: #bfbfbf !important;
}
.table.franchisee-main-drone-listing .grouped-row div:nth-child(1) {
  width: 100% !important;
  border-right: none;
  font-size: 16px;
  font-weight: bold;
}
.table.franchisee-main-drone-listing .grouped-row div:nth-child(2) {
  width: 100px !important;
}

.table-group:not(:has(.cus-inv-main-invoice-payment-listing)) .table.cus-inv-main-credit-note-list {
  padding-bottom: 10px !important;
}

.table.cus-inv-main-credit-note-list {
  padding-left: 45px !important;
  padding-right: 2px;
  border-bottom: none;
  margin: 0 !important;
  padding-bottom: 0px;
}
.table.cus-inv-main-credit-note-list .table-body .table-row .inner-credit-note-no, .table.cus-inv-main-credit-note-list .table-body .table-row .inner-credit-note-date {
  padding-left: 10px !important;
}
.table.cus-inv-main-credit-note-list .table-header .th-column:nth-child(2), .table.cus-inv-main-credit-note-list .table-header .th-column:nth-child(3) {
  padding-left: 10px !important;
}
.table.cus-inv-main-credit-note-list .table-header .th-column,
.table.cus-inv-main-credit-note-list .table-row div {
  line-height: 32px !important;
  padding: 0 10px !important;
}
.table.cus-inv-main-credit-note-list .table-header .th-column:nth-child(1),
.table.cus-inv-main-credit-note-list .table-row div:nth-child(1) {
  width: 10%;
}
.table.cus-inv-main-credit-note-list .table-header .th-column:nth-child(2),
.table.cus-inv-main-credit-note-list .table-row div:nth-child(2) {
  width: 18%;
}
.table.cus-inv-main-credit-note-list .table-header .th-column:nth-child(3),
.table.cus-inv-main-credit-note-list .table-row div:nth-child(3) {
  width: 17%;
}
.table.cus-inv-main-credit-note-list .table-header .th-column:nth-child(4),
.table.cus-inv-main-credit-note-list .table-row div:nth-child(4) {
  width: 13%;
}
.table.cus-inv-main-credit-note-list .table-header .th-column:nth-child(5),
.table.cus-inv-main-credit-note-list .table-row div:nth-child(5) {
  width: 35%;
}
.table.cus-inv-main-credit-note-list .table-header .th-column:nth-child(6),
.table.cus-inv-main-credit-note-list .table-row div:nth-child(6) {
  width: 150px;
}
.table.cus-inv-main-credit-note-list .table-header .th-column .icon-btn,
.table.cus-inv-main-credit-note-list .table-row div .icon-btn {
  display: inline-block;
}
.table.cus-inv-main-credit-note-list .table-row div {
  height: auto;
  background-color: rgba(187, 243, 243, 0.6509803922) !important;
}
.table.cus-inv-main-credit-note-list .table-row {
  border-bottom: 1px solid #a9b3bb;
}
.table.cus-inv-main-credit-note-list .table-row div:nth-child(8) {
  padding-left: 0px !important;
}
.table.cus-inv-main-credit-note-list .table-row div:last-child {
  display: flex;
  justify-content: end;
}
.table.cus-inv-main-credit-note-list .table-row div:last-child .icon-btn {
  width: auto;
  padding: 0px;
}
.table.cus-inv-main-credit-note-list .table-row div:last-child .pageView {
  padding-left: 10px;
  padding-right: 10px;
}
.table.cus-inv-main-credit-note-list .table-row div:last-child .send-icon-align {
  padding-left: 10px;
  padding-right: 0px !important;
  margin-left: unset !important;
}
.table.cus-inv-main-credit-note-list .table-row div:last-child .delete-icon-align {
  padding-left: 10px;
  padding-right: 0px;
}
.table.cus-inv-main-credit-note-list .table-footer > div:nth-child(1) {
  width: 86%;
}
.table.cus-inv-main-credit-note-list .table-footer > div:nth-child(2) {
  width: 14%;
}
.table.cus-inv-main-credit-note-list .table-footer > div:nth-child(3) {
  width: 40px;
}

.table .cus-inv-main-invoice-payment-listing {
  padding-top: 0px;
  padding-right: 2px;
  padding-left: 45px !important;
  margin: 0 !important;
}
.table .cus-inv-main-invoice-payment-listing .table-header .th-column,
.table .cus-inv-main-invoice-payment-listing .table-row div {
  line-height: 32px !important;
  padding: 0 10px !important;
}
.table .cus-inv-main-invoice-payment-listing .table-header .th-column:nth-child(1),
.table .cus-inv-main-invoice-payment-listing .table-row div:nth-child(1) {
  width: 27% !important;
}
.table .cus-inv-main-invoice-payment-listing .table-header .th-column:nth-child(2),
.table .cus-inv-main-invoice-payment-listing .table-row div:nth-child(2) {
  width: 17% !important;
}
.table .cus-inv-main-invoice-payment-listing .table-header .th-column:nth-child(3),
.table .cus-inv-main-invoice-payment-listing .table-row div:nth-child(3) {
  width: 13% !important;
}
.table .cus-inv-main-invoice-payment-listing .table-header .th-column:nth-child(4),
.table .cus-inv-main-invoice-payment-listing .table-row div:nth-child(4) {
  width: 37% !important;
}
.table .cus-inv-main-invoice-payment-listing .table-header .th-column:nth-child(5),
.table .cus-inv-main-invoice-payment-listing .table-row div:nth-child(5) {
  width: calc(8% + 88px) !important;
}
.table .cus-inv-main-invoice-payment-listing .table-header .th-column:nth-child(2),
.table .cus-inv-main-invoice-payment-listing .table-row div:nth-child(2) {
  padding-left: 10px !important;
}
.table .cus-inv-main-invoice-payment-listing .table-header .th-column .icon-btn,
.table .cus-inv-main-invoice-payment-listing .table-row div .icon-btn {
  display: inline-block;
}
.table .cus-inv-main-invoice-payment-listing .table-header .th-column.paymentAmount.currency-code-in,
.table .cus-inv-main-invoice-payment-listing .table-row div.paymentAmount.currency-code-in {
  justify-content: end !important;
  gap: 5px;
}
.table .cus-inv-main-invoice-payment-listing .table-row {
  border-bottom: 1px solid #a9b3bb;
}
.table .cus-inv-main-invoice-payment-listing .table-row div {
  height: 32px;
  white-space: break-spaces;
  background-color: #cfc9e4 !important;
}
.table .cus-inv-main-invoice-payment-listing .table-row div:last-child, .table .cus-inv-main-invoice-payment-listing .table-row div:nth-child(3) {
  padding-left: 10px !important;
}
.table .cus-inv-main-invoice-payment-listing .table-row div:last-child .icon-btn, .table .cus-inv-main-invoice-payment-listing .table-row div:nth-child(3) .icon-btn {
  width: auto;
  padding: 0px;
}
.table .cus-inv-main-invoice-payment-listing .table-row div.ov-inner-delete-btn {
  text-align: end !important;
}
.table .cus-inv-main-invoice-payment-listing .table-row div.icon-btn {
  padding-right: 0px;
}

.table.drone-logs-withoutInvoice-table .table-header .th-column:nth-child(1),
.table.drone-logs-withoutInvoice-table .table-row div:nth-child(1), .drone-logs-withoutInvoice-table-inner .table-header .th-column:nth-child(1),
.drone-logs-withoutInvoice-table-inner .table-row div:nth-child(1) {
  width: 50px;
}
.table.drone-logs-withoutInvoice-table .table-header .th-column:nth-child(2),
.table.drone-logs-withoutInvoice-table .table-row div:nth-child(2), .drone-logs-withoutInvoice-table-inner .table-header .th-column:nth-child(2),
.drone-logs-withoutInvoice-table-inner .table-row div:nth-child(2) {
  width: 10%;
}
.table.drone-logs-withoutInvoice-table .table-header .th-column:nth-child(3),
.table.drone-logs-withoutInvoice-table .table-row div:nth-child(3), .drone-logs-withoutInvoice-table-inner .table-header .th-column:nth-child(3),
.drone-logs-withoutInvoice-table-inner .table-row div:nth-child(3) {
  width: 20%;
}
.table.drone-logs-withoutInvoice-table .table-header .th-column:nth-child(4),
.table.drone-logs-withoutInvoice-table .table-row div:nth-child(4), .drone-logs-withoutInvoice-table-inner .table-header .th-column:nth-child(4),
.drone-logs-withoutInvoice-table-inner .table-row div:nth-child(4) {
  width: 46%;
}
.table.drone-logs-withoutInvoice-table .table-header .th-column:nth-child(5),
.table.drone-logs-withoutInvoice-table .table-row div:nth-child(5), .drone-logs-withoutInvoice-table-inner .table-header .th-column:nth-child(5),
.drone-logs-withoutInvoice-table-inner .table-row div:nth-child(5) {
  width: 22%;
}

.table.drone-logs-withoutJobs-table .table-header .th-column:nth-child(1),
.table.drone-logs-withoutJobs-table .table-row div:nth-child(1) {
  width: 50px;
}
.table.drone-logs-withoutJobs-table .table-header .th-column:nth-child(2),
.table.drone-logs-withoutJobs-table .table-row div:nth-child(2) {
  width: 27%;
}
.table.drone-logs-withoutJobs-table .table-header .th-column:nth-child(3),
.table.drone-logs-withoutJobs-table .table-row div:nth-child(3) {
  width: 40%;
}
.table.drone-logs-withoutJobs-table .table-header .th-column:nth-child(4),
.table.drone-logs-withoutJobs-table .table-row div:nth-child(4) {
  width: 30%;
}

.drone-logs-withoutInvoice-table-inner .table-header .th-column:nth-child(1),
.drone-logs-withoutInvoice-table-inner .table-row div:nth-child(1) {
  width: 50px;
}
.drone-logs-withoutInvoice-table-inner .table-header .th-column:nth-child(2),
.drone-logs-withoutInvoice-table-inner .table-row div:nth-child(2) {
  width: 25% !important;
}
.drone-logs-withoutInvoice-table-inner .table-header .th-column:nth-child(3),
.drone-logs-withoutInvoice-table-inner .table-row div:nth-child(3) {
  width: 25% !important;
}
.drone-logs-withoutInvoice-table-inner .table-header .th-column:nth-child(4),
.drone-logs-withoutInvoice-table-inner .table-row div:nth-child(4) {
  width: 25% !important;
}
.drone-logs-withoutInvoice-table-inner .table-header .th-column:nth-child(5),
.drone-logs-withoutInvoice-table-inner .table-row div:nth-child(5) {
  width: 25% !important;
}
.drone-logs-withoutInvoice-table-inner .table-header .th-column:nth-child(6),
.drone-logs-withoutInvoice-table-inner .table-row div:nth-child(6) {
  width: 25% !important;
}

.drones-at-work-listing .table-header .th-column:nth-child(1),
.drones-at-work-listing .table-row div:nth-child(1), .drones-at-work-listing-inner .table-header .th-column:nth-child(1),
.drones-at-work-listing-inner .table-row div:nth-child(1) {
  width: 50px;
}
.drones-at-work-listing .table-header .th-column:nth-child(2),
.drones-at-work-listing .table-row div:nth-child(2), .drones-at-work-listing-inner .table-header .th-column:nth-child(2),
.drones-at-work-listing-inner .table-row div:nth-child(2) {
  width: 10%;
}
.drones-at-work-listing .table-header .th-column:nth-child(3),
.drones-at-work-listing .table-row div:nth-child(3), .drones-at-work-listing-inner .table-header .th-column:nth-child(3),
.drones-at-work-listing-inner .table-row div:nth-child(3) {
  width: 20%;
}
.drones-at-work-listing .table-header .th-column:nth-child(4),
.drones-at-work-listing .table-row div:nth-child(4), .drones-at-work-listing-inner .table-header .th-column:nth-child(4),
.drones-at-work-listing-inner .table-row div:nth-child(4) {
  width: 20%;
}
.drones-at-work-listing .table-header .th-column:nth-child(5),
.drones-at-work-listing .table-row div:nth-child(5), .drones-at-work-listing-inner .table-header .th-column:nth-child(5),
.drones-at-work-listing-inner .table-row div:nth-child(5) {
  width: 20%;
}
.drones-at-work-listing .table-header .th-column:nth-child(6),
.drones-at-work-listing .table-row div:nth-child(6), .drones-at-work-listing-inner .table-header .th-column:nth-child(6),
.drones-at-work-listing-inner .table-row div:nth-child(6) {
  width: 20%;
}
.drones-at-work-listing .table-header .th-column:nth-child(7),
.drones-at-work-listing .table-row div:nth-child(7), .drones-at-work-listing-inner .table-header .th-column:nth-child(7),
.drones-at-work-listing-inner .table-row div:nth-child(7) {
  width: 10%;
}
.drones-at-work-listing .table-header .th-column:nth-child(8),
.drones-at-work-listing .table-row div:nth-child(8), .drones-at-work-listing-inner .table-header .th-column:nth-child(8),
.drones-at-work-listing-inner .table-row div:nth-child(8) {
  width: 10%;
}

.negative-val-row .si-invoice-inner-list {
  border-bottom: 1px solid #b4a7bd !important;
}
.negative-val-row .si-invoice-inner-list:last-child {
  border-bottom: 0px !important;
}

.currency-code-in {
  display: flex;
  justify-content: space-between;
}

.accounting-no {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* trail-balance-report */
.table.trail-balance-report {
  margin: 15px 0 0 0;
}
.table.trail-balance-report .table-header .th-column:nth-child(1),
.table.trail-balance-report .table-footer div:nth-child(1),
.table.trail-balance-report .table-row div:nth-child(1) {
  width: 40%;
}
.table.trail-balance-report .table-header .th-column:nth-child(2),
.table.trail-balance-report .table-footer div:nth-child(2),
.table.trail-balance-report .table-row div:nth-child(2) {
  width: 20%;
}
.table.trail-balance-report .table-header .th-column:nth-child(3),
.table.trail-balance-report .table-footer div:nth-child(3),
.table.trail-balance-report .table-row div:nth-child(3) {
  width: 20%;
}
.table.trail-balance-report .table-header .th-column:nth-child(4),
.table.trail-balance-report .table-footer div:nth-child(4),
.table.trail-balance-report .table-row div:nth-child(4) {
  width: 20%;
}

.unassigned-debit-note-listing .table-header .th-column:nth-child(1),
.unassigned-debit-note-listing .table-footer div:nth-child(1),
.unassigned-debit-note-listing .table-row div:nth-child(1) {
  width: 15%;
}
.unassigned-debit-note-listing .table-header .th-column:nth-child(2),
.unassigned-debit-note-listing .table-footer div:nth-child(2),
.unassigned-debit-note-listing .table-row div:nth-child(2) {
  width: 25%;
}
.unassigned-debit-note-listing .table-header .th-column:nth-child(3),
.unassigned-debit-note-listing .table-footer div:nth-child(3),
.unassigned-debit-note-listing .table-row div:nth-child(3) {
  width: 15%;
}
.unassigned-debit-note-listing .table-header .th-column:nth-child(4),
.unassigned-debit-note-listing .table-footer div:nth-child(4),
.unassigned-debit-note-listing .table-row div:nth-child(4) {
  width: 15%;
}
.unassigned-debit-note-listing .table-header .th-column:nth-child(5),
.unassigned-debit-note-listing .table-footer div:nth-child(5),
.unassigned-debit-note-listing .table-row div:nth-child(5) {
  width: 15%;
}
.unassigned-debit-note-listing .table-header .th-column:nth-child(6),
.unassigned-debit-note-listing .table-footer div:nth-child(6),
.unassigned-debit-note-listing .table-row div:nth-child(6) {
  width: 15%;
}

.table.webShopHistory-listing .table-header .th-column:nth-child(1),
.table.webShopHistory-listing .table-footer div:nth-child(1),
.table.webShopHistory-listing .table-row div:nth-child(1), .inner-webShopHistory-listing .table-header .th-column:nth-child(1),
.inner-webShopHistory-listing .table-footer div:nth-child(1),
.inner-webShopHistory-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.webShopHistory-listing .table-header .th-column:nth-child(2),
.table.webShopHistory-listing .table-footer div:nth-child(2),
.table.webShopHistory-listing .table-row div:nth-child(2), .inner-webShopHistory-listing .table-header .th-column:nth-child(2),
.inner-webShopHistory-listing .table-footer div:nth-child(2),
.inner-webShopHistory-listing .table-row div:nth-child(2) {
  width: 8%;
}
.table.webShopHistory-listing .table-header .th-column:nth-child(3),
.table.webShopHistory-listing .table-footer div:nth-child(3),
.table.webShopHistory-listing .table-row div:nth-child(3), .inner-webShopHistory-listing .table-header .th-column:nth-child(3),
.inner-webShopHistory-listing .table-footer div:nth-child(3),
.inner-webShopHistory-listing .table-row div:nth-child(3) {
  width: 10%;
}
.table.webShopHistory-listing .table-header .th-column:nth-child(4),
.table.webShopHistory-listing .table-footer div:nth-child(4),
.table.webShopHistory-listing .table-row div:nth-child(4), .inner-webShopHistory-listing .table-header .th-column:nth-child(4),
.inner-webShopHistory-listing .table-footer div:nth-child(4),
.inner-webShopHistory-listing .table-row div:nth-child(4) {
  width: 20%;
}
.table.webShopHistory-listing .table-header .th-column:nth-child(5),
.table.webShopHistory-listing .table-footer div:nth-child(5),
.table.webShopHistory-listing .table-row div:nth-child(5), .inner-webShopHistory-listing .table-header .th-column:nth-child(5),
.inner-webShopHistory-listing .table-footer div:nth-child(5),
.inner-webShopHistory-listing .table-row div:nth-child(5) {
  width: 20%;
}
.table.webShopHistory-listing .table-header .th-column:nth-child(6),
.table.webShopHistory-listing .table-footer div:nth-child(6),
.table.webShopHistory-listing .table-row div:nth-child(6), .inner-webShopHistory-listing .table-header .th-column:nth-child(6),
.inner-webShopHistory-listing .table-footer div:nth-child(6),
.inner-webShopHistory-listing .table-row div:nth-child(6) {
  width: 10%;
}
.table.webShopHistory-listing .table-header .th-column:nth-child(7),
.table.webShopHistory-listing .table-footer div:nth-child(7),
.table.webShopHistory-listing .table-row div:nth-child(7), .inner-webShopHistory-listing .table-header .th-column:nth-child(7),
.inner-webShopHistory-listing .table-footer div:nth-child(7),
.inner-webShopHistory-listing .table-row div:nth-child(7) {
  width: 10%;
}
.table.webShopHistory-listing .table-header .th-column:nth-child(8),
.table.webShopHistory-listing .table-footer div:nth-child(8),
.table.webShopHistory-listing .table-row div:nth-child(8), .inner-webShopHistory-listing .table-header .th-column:nth-child(8),
.inner-webShopHistory-listing .table-footer div:nth-child(8),
.inner-webShopHistory-listing .table-row div:nth-child(8) {
  width: 10%;
}
.table.webShopHistory-listing .table-header .th-column:nth-child(9),
.table.webShopHistory-listing .table-footer div:nth-child(9),
.table.webShopHistory-listing .table-row div:nth-child(9), .inner-webShopHistory-listing .table-header .th-column:nth-child(9),
.inner-webShopHistory-listing .table-footer div:nth-child(9),
.inner-webShopHistory-listing .table-row div:nth-child(9) {
  width: 20%;
}
.table.webShopHistory-listing .table-header .th-column:nth-child(8), .inner-webShopHistory-listing .table-header .th-column:nth-child(8) {
  width: calc(10% + 8px);
  border-right: 0px;
}

/* webshop sales articles add listing */
.table.webshop-sa-add-listing {
  margin: 15px 0 0 0;
}
.table.webshop-sa-add-listing .table-header .th-column:nth-child(1) {
  width: 45%;
}
.table.webshop-sa-add-listing .table-header .th-column:nth-child(2) {
  width: 15%;
}
.table.webshop-sa-add-listing .table-header .th-column:nth-child(3) {
  width: 15%;
}
.table.webshop-sa-add-listing .table-header .th-column:nth-child(4) {
  width: 25%;
}
.table.webshop-sa-add-listing .table-header .th-column:nth-child(5) {
  width: 50px;
}
.table.webshop-sa-add-listing .table-footer div:nth-child(1),
.table.webshop-sa-add-listing .table-row div:nth-child(1) {
  width: 45%;
}
.table.webshop-sa-add-listing .table-footer div:nth-child(2),
.table.webshop-sa-add-listing .table-row div:nth-child(2) {
  width: 15%;
}
.table.webshop-sa-add-listing .table-footer div:nth-child(3),
.table.webshop-sa-add-listing .table-row div:nth-child(3) {
  width: 15%;
}
.table.webshop-sa-add-listing .table-footer div:nth-child(4),
.table.webshop-sa-add-listing .table-row div:nth-child(4) {
  width: 25%;
}
.table.webshop-sa-add-listing .table-footer div:nth-child(5),
.table.webshop-sa-add-listing .table-row div:nth-child(5) {
  width: 45px;
}
.table.webshop-sa-add-listing .table-body {
  max-height: calc(100vh - 390px) !important;
  overflow-y: scroll !important;
}
.table.webshop-sa-add-listing .table-body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
.table.webshop-sa-add-listing .table-body::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}
.table.webshop-sa-add-listing .table-body::-webkit-scrollbar-thumb {
  background-color: #8b8f95;
  border: 2px solid #8b8f95;
}
.table.webshop-sa-add-listing .selected-order-item {
  background: #cecece;
}

.table.generic-acc-listing {
  margin: 15px 0 0 0;
}
.table.generic-acc-listing .table-header .th-column:nth-child(1),
.table.generic-acc-listing .table-row div:nth-child(1) {
  width: 25%;
}
.table.generic-acc-listing .table-header .th-column:nth-child(2),
.table.generic-acc-listing .table-row div:nth-child(2) {
  width: 35%;
}
.table.generic-acc-listing .table-header .th-column:nth-child(3),
.table.generic-acc-listing .table-row div:nth-child(3) {
  width: 25%;
}
.table.generic-acc-listing .table-header .th-column:nth-child(4),
.table.generic-acc-listing .table-row div:nth-child(4) {
  width: 15%;
}

.table.tags-listing {
  margin: 15px 0 0 0;
}
.table.tags-listing .table-footer div:nth-child(1),
.table.tags-listing .table-row div:nth-child(1), .table.tags-listing .table-header .th-column:nth-child(1) {
  width: calc(100% - 50px);
}
.table.tags-listing .table-footer div:nth-child(2),
.table.tags-listing .table-row div:nth-child(2), .table.tags-listing .table-header .th-column:nth-child(2) {
  width: 50px;
}

.table.invoice-tags-listing {
  margin: 15px 0 0 0;
}
.table.invoice-tags-listing .table-footer div:nth-child(1),
.table.invoice-tags-listing .table-row div:nth-child(1), .table.invoice-tags-listing .table-header .th-column:nth-child(1) {
  width: 25%;
}
.table.invoice-tags-listing .table-footer div:nth-child(2),
.table.invoice-tags-listing .table-row div:nth-child(2), .table.invoice-tags-listing .table-header .th-column:nth-child(2) {
  width: 25%;
}
.table.invoice-tags-listing .table-footer div:nth-child(3),
.table.invoice-tags-listing .table-row div:nth-child(3), .table.invoice-tags-listing .table-header .th-column:nth-child(3) {
  width: 25%;
}
.table.invoice-tags-listing .table-footer div:nth-child(4),
.table.invoice-tags-listing .table-row div:nth-child(4), .table.invoice-tags-listing .table-header .th-column:nth-child(4) {
  width: 25%;
}
.table.invoice-tags-listing .table-header .th-column {
  height: 30px;
  padding: 10px 10px 6px;
}

/* employee invoice listing*/
.table.employee-invoice-listing .table-header .th-column:nth-child(1) {
  width: 40px;
}
.table.employee-invoice-listing .table-header .th-column:nth-child(2) {
  width: calc(8% + 1px);
}
.table.employee-invoice-listing .table-header .th-column:nth-child(3) {
  width: 8%;
}
.table.employee-invoice-listing .table-header .th-column:nth-child(4) {
  width: 5%;
}
.table.employee-invoice-listing .table-header .th-column:nth-child(5) {
  width: calc(8% + 1px);
}
.table.employee-invoice-listing .table-header .th-column:nth-child(6) {
  width: 9%;
}
.table.employee-invoice-listing .table-header .th-column:nth-child(7) {
  width: calc(6% + 1px);
}
.table.employee-invoice-listing .table-header .th-column:nth-child(8) {
  width: 0%;
}
.table.employee-invoice-listing .table-header .th-column:nth-child(9) {
  width: 6%;
}
.table.employee-invoice-listing .table-header .th-column:nth-child(10) {
  width: 0%;
}
.table.employee-invoice-listing .table-header .th-column:nth-child(11) {
  width: 10%;
}
.table.employee-invoice-listing .table-header .th-column:nth-child(12) {
  width: calc(10% + 1px);
}
.table.employee-invoice-listing .table-header .th-column:nth-child(13) {
  width: calc(10% + 1px);
}
.table.employee-invoice-listing .table-header .th-column:nth-child(14) {
  width: calc(10% + 1px);
}
.table.employee-invoice-listing .table-header .th-column:nth-child(15) {
  width: 0%;
}
.table.employee-invoice-listing .table-header .th-column:nth-child(16) {
  width: 10%;
}
.table.employee-invoice-listing .table-header .th-column:nth-child(17) {
  width: 0%;
}
.table.employee-invoice-listing .table-header .th-column:nth-child(18) {
  width: 0%;
}
.table.employee-invoice-listing .table-header .th-column:nth-child(19) {
  width: 69px;
}
.table.employee-invoice-listing .table-row div:nth-child(1) {
  width: 40px;
}
.table.employee-invoice-listing .table-row div:nth-child(2) {
  width: calc(8% + 1px);
}
.table.employee-invoice-listing .table-row div:nth-child(3) {
  width: 8%;
}
.table.employee-invoice-listing .table-row div:nth-child(4) {
  width: 5%;
}
.table.employee-invoice-listing .table-row div:nth-child(5) {
  width: calc(8% + 1px);
}
.table.employee-invoice-listing .table-row div:nth-child(6) {
  width: 9%;
}
.table.employee-invoice-listing .table-row div:nth-child(7) {
  width: calc(6% + 1px);
}
.table.employee-invoice-listing .table-row div:nth-child(8) {
  width: 0%;
}
.table.employee-invoice-listing .table-row div:nth-child(9) {
  width: 6%;
}
.table.employee-invoice-listing .table-row div:nth-child(10) {
  width: 0%;
}
.table.employee-invoice-listing .table-row div:nth-child(11) {
  width: 10%;
}
.table.employee-invoice-listing .table-row div:nth-child(12) {
  width: calc(10% + 1px);
}
.table.employee-invoice-listing .table-row div:nth-child(13) {
  width: 10%;
}
.table.employee-invoice-listing .table-row div:nth-child(14) {
  width: calc(10% + 1px);
}
.table.employee-invoice-listing .table-row div:nth-child(15) {
  width: 0%;
}
.table.employee-invoice-listing .table-row div:nth-child(16) {
  width: 10%;
}
.table.employee-invoice-listing .table-row div:nth-child(17) {
  width: 0%;
}
.table.employee-invoice-listing .table-row div:nth-child(18) {
  width: 0%;
}
.table.employee-invoice-listing .table-row div:nth-child(19) {
  width: 61px;
}
.table.employee-invoice-listing .table-row div:nth-child(19) {
  display: flex;
  justify-content: center;
}
.table.employee-invoice-listing .table-row div:nth-child(14) {
  display: flex;
  justify-content: end;
}
.table.employee-invoice-listing .table-footer div:nth-child(1) {
  width: calc(40% + 40px);
}
.table.employee-invoice-listing .table-footer div:nth-child(2) {
  width: 30%;
}
.table.employee-invoice-listing .table-footer div:nth-child(3) {
  width: 10%;
}
.table.employee-invoice-listing .table-footer div:nth-child(4) {
  width: 10%;
}
.table.employee-invoice-listing .table-footer div:nth-child(5) {
  width: 0%;
}
.table.employee-invoice-listing .table-footer div:nth-child(6) {
  width: 10%;
}
.table.employee-invoice-listing .table-footer div:nth-child(7) {
  width: 0%;
}
.table.employee-invoice-listing .table-footer div:nth-child(8) {
  width: 0%;
}
.table.employee-invoice-listing .table-footer div:nth-child(9) {
  width: 70px;
}
.table.employee-invoice-listing .table-footer div:nth-child(7), .table.employee-invoice-listing .table-footer div:nth-child(8), .table.employee-invoice-listing .table-footer div:nth-child(5) {
  padding: 0;
}
.table.employee-invoice-listing .table {
  padding: 10px 0;
}
.table.employee-invoice-listing .table.negative-val-row {
  padding: 0px !important;
}
.table.employee-invoice-listing .table.negative-val-row .table-row {
  background: #cfc9e4 !important;
}
.table.employee-invoice-listing .table .si-invoice-inner-list div {
  padding: 0 10px !important;
}
.table.employee-invoice-listing .table .si-invoice-inner-list div:nth-child(1) {
  width: 40px;
}
.table.employee-invoice-listing .table .si-invoice-inner-list div:nth-child(2) {
  width: 40%;
}
.table.employee-invoice-listing .table .si-invoice-inner-list div:nth-child(3) {
  width: 10%;
}
.table.employee-invoice-listing .table .si-invoice-inner-list div:nth-child(4) {
  width: 30%;
}
.table.employee-invoice-listing .table .si-invoice-inner-list div:nth-child(5) {
  width: 10%;
}
.table.employee-invoice-listing .table .si-invoice-inner-list div:nth-child(6) {
  width: 10%;
}
.table.employee-invoice-listing .table .si-invoice-inner-list div:nth-child(7) {
  width: 61px;
}
.table.employee-invoice-listing .table .si-invoice-inner-list div:nth-child(8) {
  width: 0%;
}
.table.employee-invoice-listing .table .si-invoice-inner-list div:first-child {
  text-align: center;
}
.table.employee-invoice-listing .table .si-invoice-inner-list div:last-child {
  text-overflow: clip;
}
.table.employee-invoice-listing .table .si-invoice-inner-list div:nth-child(6), .table.employee-invoice-listing .table .si-invoice-inner-list div:nth-child(8) {
  padding: 0 !important;
}
.table.employee-invoice-listing .table .si-invoice-inner-list div.paymentAmount.currency-code-in {
  justify-content: end !important;
  gap: 5px;
}

.table.employee-invoice-listing-ext .table-header .th-column:nth-child(1) {
  width: 40px;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(2) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(3) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(4) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(5) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(6) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(7) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(8) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(9) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(10) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(11) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(12) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(13) {
  width: 20%;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(14) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(15) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(16) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(17) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(18) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-header .th-column:nth-child(19) {
  width: 70px;
}
.table.employee-invoice-listing-ext .table-row div {
  height: auto;
  display: flex;
  align-items: center;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(1) {
  width: 40px;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(2) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(3) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(4) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(5) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(6) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(7) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(8) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(9) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(10) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(11) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(12) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(13) {
  width: 20%;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(14) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(15) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(16) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(17) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(18) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(19) {
  width: 61px;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(13) {
  justify-content: end;
}
.table.employee-invoice-listing-ext .table-row div:nth-child(19) {
  display: flex;
  justify-content: center;
}
.table.employee-invoice-listing-ext .table-footer div:nth-child(1) {
  width: calc(40% + 40px);
}
.table.employee-invoice-listing-ext .table-footer div:nth-child(2) {
  width: 30%;
}
.table.employee-invoice-listing-ext .table-footer div:nth-child(3) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table-footer div:nth-child(4) {
  width: 20%;
}
.table.employee-invoice-listing-ext .table-footer div:nth-child(5) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-footer div:nth-child(6) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-footer div:nth-child(7) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-footer div:nth-child(8) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table-footer div:nth-child(9) {
  width: 70px;
}
.table.employee-invoice-listing-ext .table-footer div:nth-child(7), .table.employee-invoice-listing-ext .table-footer div:nth-child(8) {
  padding: 0;
}
.table.employee-invoice-listing-ext .table {
  padding: 10px 0;
}
.table.employee-invoice-listing-ext .table.negative-val-row {
  padding: 0px !important;
}
.table.employee-invoice-listing-ext .table.negative-val-row .table-row {
  background: #cfc9e4 !important;
}
.table.employee-invoice-listing-ext .table .si-invoice-inner-list div {
  padding: 0 10px !important;
}
.table.employee-invoice-listing-ext .table .si-invoice-inner-list div:nth-child(1) {
  width: 40px;
}
.table.employee-invoice-listing-ext .table .si-invoice-inner-list div:nth-child(2) {
  width: 50%;
}
.table.employee-invoice-listing-ext .table .si-invoice-inner-list div:nth-child(3) {
  width: 10%;
}
.table.employee-invoice-listing-ext .table .si-invoice-inner-list div:nth-child(4) {
  width: 20%;
}
.table.employee-invoice-listing-ext .table .si-invoice-inner-list div:nth-child(5) {
  width: 20%;
}
.table.employee-invoice-listing-ext .table .si-invoice-inner-list div:nth-child(6) {
  width: 0%;
}
.table.employee-invoice-listing-ext .table .si-invoice-inner-list div:nth-child(7) {
  width: 61px;
}
.table.employee-invoice-listing-ext .table .si-invoice-inner-list div:first-child {
  text-align: center;
}
.table.employee-invoice-listing-ext .table .si-invoice-inner-list div:nth-child(6), .table.employee-invoice-listing-ext .table .si-invoice-inner-list div:nth-child(7) {
  padding: 0 !important;
}
.table.employee-invoice-listing-ext .table .si-invoice-inner-list div:last-child {
  text-overflow: clip;
}
.table.employee-invoice-listing-ext .table .si-invoice-inner-list div.paymentAmount.currency-code-in {
  justify-content: end !important;
  gap: 5px;
}

.table.employee-invoice-listing-all .table-header .th-column:nth-child(1) {
  width: 40px;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(2) {
  width: 8%;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(3) {
  width: 8%;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(4) {
  width: 5%;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(5) {
  width: 10%;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(6) {
  width: 9%;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(7) {
  width: 10%;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(8) {
  width: 0%;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(9) {
  width: 0%;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(10) {
  width: 0%;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(11) {
  width: 10%;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(12) {
  width: 10%;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(13) {
  width: 10%;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(14) {
  width: 10%;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(15) {
  width: 0%;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(16) {
  width: 10%;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(17) {
  width: 0%;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(18) {
  width: 0%;
}
.table.employee-invoice-listing-all .table-header .th-column:nth-child(19) {
  width: 70px;
}
.table.employee-invoice-listing-all .table-row div:nth-child(1) {
  width: 40px;
}
.table.employee-invoice-listing-all .table-row div:nth-child(2) {
  width: 8%;
}
.table.employee-invoice-listing-all .table-row div:nth-child(3) {
  width: 8%;
}
.table.employee-invoice-listing-all .table-row div:nth-child(4) {
  width: 5%;
}
.table.employee-invoice-listing-all .table-row div:nth-child(5) {
  width: 10%;
}
.table.employee-invoice-listing-all .table-row div:nth-child(6) {
  width: 9%;
}
.table.employee-invoice-listing-all .table-row div:nth-child(7) {
  width: 10%;
}
.table.employee-invoice-listing-all .table-row div:nth-child(8) {
  width: 0%;
}
.table.employee-invoice-listing-all .table-row div:nth-child(9) {
  width: 0%;
}
.table.employee-invoice-listing-all .table-row div:nth-child(10) {
  width: 0%;
}
.table.employee-invoice-listing-all .table-row div:nth-child(11) {
  width: 10%;
}
.table.employee-invoice-listing-all .table-row div:nth-child(12) {
  width: 10%;
}
.table.employee-invoice-listing-all .table-row div:nth-child(13) {
  width: 10%;
}
.table.employee-invoice-listing-all .table-row div:nth-child(14) {
  width: 10%;
}
.table.employee-invoice-listing-all .table-row div:nth-child(15) {
  width: 0%;
}
.table.employee-invoice-listing-all .table-row div:nth-child(16) {
  width: 10%;
}
.table.employee-invoice-listing-all .table-row div:nth-child(17) {
  width: 0%;
}
.table.employee-invoice-listing-all .table-row div:nth-child(18) {
  width: 0%;
}
.table.employee-invoice-listing-all .table-row div:nth-child(19) {
  width: 61px;
}
.table.employee-invoice-listing-all .table-row div:nth-child(19) {
  display: flex;
  justify-content: center;
}
.table.employee-invoice-listing-all .table-row div:nth-child(14) {
  display: flex;
  justify-content: end;
}
.table.employee-invoice-listing-all .table-footer div:nth-child(1) {
  width: calc(40% + 40px);
}
.table.employee-invoice-listing-all .table-footer div:nth-child(2) {
  width: 30%;
}
.table.employee-invoice-listing-all .table-footer div:nth-child(3) {
  width: 10%;
}
.table.employee-invoice-listing-all .table-footer div:nth-child(4) {
  width: 10%;
}
.table.employee-invoice-listing-all .table-footer div:nth-child(5) {
  width: 0%;
}
.table.employee-invoice-listing-all .table-footer div:nth-child(6) {
  width: 10%;
}
.table.employee-invoice-listing-all .table-footer div:nth-child(7) {
  width: 0%;
}
.table.employee-invoice-listing-all .table-footer div:nth-child(8) {
  width: 0%;
}
.table.employee-invoice-listing-all .table-footer div:nth-child(9) {
  width: 70px;
}
.table.employee-invoice-listing-all .table-footer div:nth-child(8), .table.employee-invoice-listing-all .table-footer div:nth-child(7), .table.employee-invoice-listing-all .table-footer div:nth-child(5) {
  padding: 0;
}
.table.employee-invoice-listing-all .table {
  padding: 10px 0;
}
.table.employee-invoice-listing-all .table.negative-val-row {
  padding: 0px !important;
}
.table.employee-invoice-listing-all .table.negative-val-row .table-row {
  background: #cfc9e4 !important;
}
.table.employee-invoice-listing-all .table .si-invoice-inner-list div {
  padding: 0 10px !important;
}
.table.employee-invoice-listing-all .table .si-invoice-inner-list div:nth-child(1) {
  width: 40px;
}
.table.employee-invoice-listing-all .table .si-invoice-inner-list div:nth-child(2) {
  width: 40%;
}
.table.employee-invoice-listing-all .table .si-invoice-inner-list div:nth-child(3) {
  width: 10%;
}
.table.employee-invoice-listing-all .table .si-invoice-inner-list div:nth-child(4) {
  width: 30%;
}
.table.employee-invoice-listing-all .table .si-invoice-inner-list div:nth-child(5) {
  width: 10%;
}
.table.employee-invoice-listing-all .table .si-invoice-inner-list div:nth-child(6) {
  width: 10%;
}
.table.employee-invoice-listing-all .table .si-invoice-inner-list div:nth-child(7) {
  width: 61px;
}
.table.employee-invoice-listing-all .table .si-invoice-inner-list div:first-child {
  text-align: center;
}
.table.employee-invoice-listing-all .table .si-invoice-inner-list div:nth-child(6) {
  padding: 0 !important;
}
.table.employee-invoice-listing-all .table .si-invoice-inner-list div:last-child {
  text-overflow: clip;
}
.table.employee-invoice-listing-all .table .si-invoice-inner-list div.paymentAmount.currency-code-in {
  justify-content: end !important;
  gap: 5px;
}
.table.employee-invoice-listing-all .table .si-invoice-inner-list div .icon-btn {
  width: 40px;
  padding: 4px 4px;
}

.table.ov-employee-invoice-lisitng {
  margin: 0 !important;
}
.table.ov-employee-invoice-lisitng .table-header .th-column:nth-child(1),
.table.ov-employee-invoice-lisitng .table-row div:nth-child(1) {
  width: 50px;
}
.table.ov-employee-invoice-lisitng .table-header .th-column:nth-child(2),
.table.ov-employee-invoice-lisitng .table-row div:nth-child(2) {
  width: 10%;
}
.table.ov-employee-invoice-lisitng .table-header .th-column:nth-child(3),
.table.ov-employee-invoice-lisitng .table-row div:nth-child(3) {
  width: 10%;
}
.table.ov-employee-invoice-lisitng .table-header .th-column:nth-child(4),
.table.ov-employee-invoice-lisitng .table-row div:nth-child(4) {
  width: 10%;
}
.table.ov-employee-invoice-lisitng .table-header .th-column:nth-child(5),
.table.ov-employee-invoice-lisitng .table-row div:nth-child(5) {
  width: 10%;
}
.table.ov-employee-invoice-lisitng .table-header .th-column:nth-child(6),
.table.ov-employee-invoice-lisitng .table-row div:nth-child(6) {
  width: 10%;
}
.table.ov-employee-invoice-lisitng .table-header .th-column:nth-child(7),
.table.ov-employee-invoice-lisitng .table-row div:nth-child(7) {
  width: 10%;
}
.table.ov-employee-invoice-lisitng .table-header .th-column:nth-child(8),
.table.ov-employee-invoice-lisitng .table-row div:nth-child(8) {
  width: 10%;
}
.table.ov-employee-invoice-lisitng .table-header .th-column:nth-child(9),
.table.ov-employee-invoice-lisitng .table-row div:nth-child(9) {
  width: 10%;
}
.table.ov-employee-invoice-lisitng .table-header .th-column:nth-child(10),
.table.ov-employee-invoice-lisitng .table-row div:nth-child(10) {
  width: 10%;
}
.table.ov-employee-invoice-lisitng .table-header .th-column:nth-child(11),
.table.ov-employee-invoice-lisitng .table-row div:nth-child(11) {
  width: 10%;
}
.table.ov-employee-invoice-lisitng .table-header .th-column:nth-child(12),
.table.ov-employee-invoice-lisitng .table-row div:nth-child(12) {
  width: 50px;
}
.table.ov-employee-invoice-lisitng .table-header .th-column:nth-child(11), .table.ov-employee-invoice-lisitng .table-header .th-column:nth-child(8),
.table.ov-employee-invoice-lisitng .table-row div:nth-child(11),
.table.ov-employee-invoice-lisitng .table-row div:nth-child(8) {
  text-overflow: unset !important;
}
.table.ov-employee-invoice-lisitng .table-footer div:nth-child(1) {
  width: calc(50px + 10%);
}
.table.ov-employee-invoice-lisitng .table-footer div:nth-child(2) {
  width: 20%;
}
.table.ov-employee-invoice-lisitng .table-footer div:nth-child(3) {
  width: 20%;
}
.table.ov-employee-invoice-lisitng .table-footer div:nth-child(4) {
  width: 0%;
}
.table.ov-employee-invoice-lisitng .table-footer div:nth-child(5) {
  width: 20%;
}
.table.ov-employee-invoice-lisitng .table-footer div:nth-child(6) {
  width: 10%;
}
.table.ov-employee-invoice-lisitng .table-footer div:nth-child(7) {
  width: 0%;
}
.table.ov-employee-invoice-lisitng .table-footer div:nth-child(8) {
  width: 20%;
}
.table.ov-employee-invoice-lisitng .table-footer div:nth-child(9) {
  width: 50px;
}
.table.ov-employee-invoice-lisitng .table-footer div:nth-child(4), .table.ov-employee-invoice-lisitng .table-footer div:nth-child(7) {
  padding: 0 !important;
}
.table.ov-employee-invoice-lisitng .table.job-view-employee-invoice-payment-listing, .table.ov-employee-invoice-lisitng .table.employee-card-invoice-payment-listing {
  padding-left: 45px;
  padding-right: 0px;
  padding-bottom: 0;
}
.table.ov-employee-invoice-lisitng .table.job-view-employee-invoice-payment-listing .table-header .th-column,
.table.ov-employee-invoice-lisitng .table.job-view-employee-invoice-payment-listing .table-row div, .table.ov-employee-invoice-lisitng .table.employee-card-invoice-payment-listing .table-header .th-column,
.table.ov-employee-invoice-lisitng .table.employee-card-invoice-payment-listing .table-row div {
  padding: 3px 15px !important;
}
.table.ov-employee-invoice-lisitng .table.job-view-employee-invoice-payment-listing .table-header .th-column:nth-child(1),
.table.ov-employee-invoice-lisitng .table.job-view-employee-invoice-payment-listing .table-row div:nth-child(1), .table.ov-employee-invoice-lisitng .table.employee-card-invoice-payment-listing .table-header .th-column:nth-child(1),
.table.ov-employee-invoice-lisitng .table.employee-card-invoice-payment-listing .table-row div:nth-child(1) {
  width: 10%;
}
.table.ov-employee-invoice-lisitng .table.job-view-employee-invoice-payment-listing .table-header .th-column:nth-child(2),
.table.ov-employee-invoice-lisitng .table.job-view-employee-invoice-payment-listing .table-row div:nth-child(2), .table.ov-employee-invoice-lisitng .table.employee-card-invoice-payment-listing .table-header .th-column:nth-child(2),
.table.ov-employee-invoice-lisitng .table.employee-card-invoice-payment-listing .table-row div:nth-child(2) {
  width: 10%;
}
.table.ov-employee-invoice-lisitng .table.job-view-employee-invoice-payment-listing .table-header .th-column:nth-child(3),
.table.ov-employee-invoice-lisitng .table.job-view-employee-invoice-payment-listing .table-row div:nth-child(3), .table.ov-employee-invoice-lisitng .table.employee-card-invoice-payment-listing .table-header .th-column:nth-child(3),
.table.ov-employee-invoice-lisitng .table.employee-card-invoice-payment-listing .table-row div:nth-child(3) {
  width: 70%;
}
.table.ov-employee-invoice-lisitng .table.job-view-employee-invoice-payment-listing .table-header .th-column:nth-child(4),
.table.ov-employee-invoice-lisitng .table.job-view-employee-invoice-payment-listing .table-row div:nth-child(4), .table.ov-employee-invoice-lisitng .table.employee-card-invoice-payment-listing .table-header .th-column:nth-child(4),
.table.ov-employee-invoice-lisitng .table.employee-card-invoice-payment-listing .table-row div:nth-child(4) {
  width: 10%;
}
.table.ov-employee-invoice-lisitng .table.job-view-employee-invoice-payment-listing .table-header .th-column:nth-child(5),
.table.ov-employee-invoice-lisitng .table.job-view-employee-invoice-payment-listing .table-row div:nth-child(5), .table.ov-employee-invoice-lisitng .table.employee-card-invoice-payment-listing .table-header .th-column:nth-child(5),
.table.ov-employee-invoice-lisitng .table.employee-card-invoice-payment-listing .table-row div:nth-child(5) {
  width: 45px;
}
.table.ov-employee-invoice-lisitng .table.job-view-employee-invoice-payment-listing .table-header .th-column.ov-inner-delete-btn,
.table.ov-employee-invoice-lisitng .table.job-view-employee-invoice-payment-listing .table-row div.ov-inner-delete-btn, .table.ov-employee-invoice-lisitng .table.employee-card-invoice-payment-listing .table-header .th-column.ov-inner-delete-btn,
.table.ov-employee-invoice-lisitng .table.employee-card-invoice-payment-listing .table-row div.ov-inner-delete-btn {
  display: flex;
  justify-content: center;
}

.table.employee-card-lisitng {
  margin: 0 !important;
}
.table.employee-card-lisitng .table-header .th-column:nth-child(1),
.table.employee-card-lisitng .table-row div:nth-child(1) {
  width: 100%;
}
.table.employee-card-lisitng .table-header .th-column:nth-child(2),
.table.employee-card-lisitng .table-row div:nth-child(2) {
  width: 50px;
}
.table.employee-card-lisitng .table-footer div:nth-child(1) {
  width: calc(100% + 50px);
}

.table.si-other-transactions-listing-unsettled .table-header .th-column:nth-child(1),
.table.si-other-transactions-listing-unsettled .table-row div:nth-child(1) {
  width: 40px;
}
.table.si-other-transactions-listing-unsettled .table-header .th-column:nth-child(2),
.table.si-other-transactions-listing-unsettled .table-row div:nth-child(2) {
  width: 8%;
}
.table.si-other-transactions-listing-unsettled .table-header .th-column:nth-child(3),
.table.si-other-transactions-listing-unsettled .table-row div:nth-child(3) {
  width: 5%;
}
.table.si-other-transactions-listing-unsettled .table-header .th-column:nth-child(4),
.table.si-other-transactions-listing-unsettled .table-row div:nth-child(4) {
  width: 6%;
}
.table.si-other-transactions-listing-unsettled .table-header .th-column:nth-child(5),
.table.si-other-transactions-listing-unsettled .table-row div:nth-child(5) {
  width: 10%;
}
.table.si-other-transactions-listing-unsettled .table-header .th-column:nth-child(6),
.table.si-other-transactions-listing-unsettled .table-row div:nth-child(6) {
  width: calc(5% + 1px);
}
.table.si-other-transactions-listing-unsettled .table-header .th-column:nth-child(7),
.table.si-other-transactions-listing-unsettled .table-row div:nth-child(7) {
  width: 8%;
}
.table.si-other-transactions-listing-unsettled .table-header .th-column:nth-child(8),
.table.si-other-transactions-listing-unsettled .table-row div:nth-child(8) {
  width: 8%;
}
.table.si-other-transactions-listing-unsettled .table-header .th-column:nth-child(9),
.table.si-other-transactions-listing-unsettled .table-row div:nth-child(9) {
  width: 20%;
}
.table.si-other-transactions-listing-unsettled .table-header .th-column:nth-child(10),
.table.si-other-transactions-listing-unsettled .table-row div:nth-child(10) {
  width: calc(10% + 1px);
}
.table.si-other-transactions-listing-unsettled .table-header .th-column:nth-child(11),
.table.si-other-transactions-listing-unsettled .table-row div:nth-child(11) {
  width: calc(10% + 2px);
}
.table.si-other-transactions-listing-unsettled .table-header .th-column:nth-child(12),
.table.si-other-transactions-listing-unsettled .table-row div:nth-child(12) {
  width: 10%;
}
.table.si-other-transactions-listing-unsettled .table-header .th-column:nth-child(13),
.table.si-other-transactions-listing-unsettled .table-row div:nth-child(13) {
  width: 50px;
}
.table.si-other-transactions-listing-unsettled .table-header .th-column:last-child,
.table.si-other-transactions-listing-unsettled .table-row div:last-child {
  width: 41px;
}
.table.si-other-transactions-listing-unsettled .table-footer div:nth-child(1) {
  width: calc(40px + 60%);
}
.table.si-other-transactions-listing-unsettled .table-footer div:nth-child(2) {
  width: 20%;
}
.table.si-other-transactions-listing-unsettled .table-footer div:nth-child(3) {
  width: 0%;
}
.table.si-other-transactions-listing-unsettled .table-footer div:nth-child(4) {
  width: 10%;
}
.table.si-other-transactions-listing-unsettled .table-footer div:nth-child(5) {
  width: 10%;
}
.table.si-other-transactions-listing-unsettled .table-footer div:nth-child(6) {
  width: 50px;
}
.table.si-other-transactions-listing-unsettled .table-footer div:nth-child(3) {
  padding: 0 !important;
}
.table.si-other-transactions-listing-unsettled .table {
  padding: 10px 0;
}
.table.si-other-transactions-listing-unsettled .table .si-invoice-inner-list {
  border-bottom: 1px solid #a9b3bb !important;
  background-color: #cfc9e4 !important;
}
.table.si-other-transactions-listing-unsettled .table .si-invoice-inner-list div {
  padding: 0 10px !important;
}
.table.si-other-transactions-listing-unsettled .table .si-invoice-inner-list div:nth-child(1) {
  width: 40px;
}
.table.si-other-transactions-listing-unsettled .table .si-invoice-inner-list div:nth-child(2) {
  width: 41%;
}
.table.si-other-transactions-listing-unsettled .table .si-invoice-inner-list div:nth-child(3) {
  width: 8%;
}
.table.si-other-transactions-listing-unsettled .table .si-invoice-inner-list div:nth-child(4) {
  width: calc(28% + 10px);
}
.table.si-other-transactions-listing-unsettled .table .si-invoice-inner-list div:nth-child(5) {
  width: 10%;
}
.table.si-other-transactions-listing-unsettled .table .si-invoice-inner-list div:nth-child(6) {
  width: 0%;
}
.table.si-other-transactions-listing-unsettled .table .si-invoice-inner-list div:nth-child(7) {
  width: calc(10% + 34px);
}
.table.si-other-transactions-listing-unsettled .table .si-invoice-inner-list div:nth-child(8) {
  width: 50px;
}
.table.si-other-transactions-listing-unsettled .table .si-invoice-inner-list div:first-child {
  text-align: center;
}
.table.si-other-transactions-listing-unsettled .table .si-invoice-inner-list div:nth-child(6) {
  padding: 0 !important;
}
.table.si-other-transactions-listing-unsettled .table .si-invoice-inner-list div:last-child {
  text-overflow: clip;
  display: flex;
  justify-content: end;
}
.table.si-other-transactions-listing-unsettled .table .si-invoice-inner-list div:last-child .icon-btn {
  padding: 4px 20px;
}
.table.si-other-transactions-listing-unsettled .table .si-invoice-inner-list div.paymentAmount.currency-code-in {
  justify-content: end !important;
  gap: 8px;
}

.table.si-other-transactions-listing-paid .table-header .th-column:nth-child(1),
.table.si-other-transactions-listing-paid .table-row div:nth-child(1) {
  width: 40px;
}
.table.si-other-transactions-listing-paid .table-header .th-column:nth-child(2),
.table.si-other-transactions-listing-paid .table-row div:nth-child(2) {
  width: 8%;
}
.table.si-other-transactions-listing-paid .table-header .th-column:nth-child(3),
.table.si-other-transactions-listing-paid .table-row div:nth-child(3) {
  width: 5%;
}
.table.si-other-transactions-listing-paid .table-header .th-column:nth-child(4),
.table.si-other-transactions-listing-paid .table-row div:nth-child(4) {
  width: 6%;
}
.table.si-other-transactions-listing-paid .table-header .th-column:nth-child(5),
.table.si-other-transactions-listing-paid .table-row div:nth-child(5) {
  width: 10%;
}
.table.si-other-transactions-listing-paid .table-header .th-column:nth-child(6),
.table.si-other-transactions-listing-paid .table-row div:nth-child(6) {
  width: calc(5% + 1px);
}
.table.si-other-transactions-listing-paid .table-header .th-column:nth-child(7),
.table.si-other-transactions-listing-paid .table-row div:nth-child(7) {
  width: 8%;
}
.table.si-other-transactions-listing-paid .table-header .th-column:nth-child(8),
.table.si-other-transactions-listing-paid .table-row div:nth-child(8) {
  width: 8%;
}
.table.si-other-transactions-listing-paid .table-header .th-column:nth-child(9),
.table.si-other-transactions-listing-paid .table-row div:nth-child(9) {
  width: 20%;
}
.table.si-other-transactions-listing-paid .table-header .th-column:nth-child(10),
.table.si-other-transactions-listing-paid .table-row div:nth-child(10) {
  width: calc(10% + 2px);
}
.table.si-other-transactions-listing-paid .table-header .th-column:nth-child(11),
.table.si-other-transactions-listing-paid .table-row div:nth-child(11) {
  width: calc(10% + 2px);
}
.table.si-other-transactions-listing-paid .table-header .th-column:nth-child(12),
.table.si-other-transactions-listing-paid .table-row div:nth-child(12) {
  width: 10%;
}
.table.si-other-transactions-listing-paid .table-header .th-column:nth-child(13),
.table.si-other-transactions-listing-paid .table-row div:nth-child(13) {
  width: 50px;
}
.table.si-other-transactions-listing-paid .table-header .th-column:last-child,
.table.si-other-transactions-listing-paid .table-row div:last-child {
  width: 41px;
}
.table.si-other-transactions-listing-paid .table-footer div:nth-child(1) {
  width: calc(40px + 60%);
}
.table.si-other-transactions-listing-paid .table-footer div:nth-child(2) {
  width: 20%;
}
.table.si-other-transactions-listing-paid .table-footer div:nth-child(3) {
  width: 0%;
}
.table.si-other-transactions-listing-paid .table-footer div:nth-child(4) {
  width: 10%;
}
.table.si-other-transactions-listing-paid .table-footer div:nth-child(5) {
  width: 10%;
}
.table.si-other-transactions-listing-paid .table-footer div:nth-child(6) {
  width: 50px;
}
.table.si-other-transactions-listing-paid .table-footer div:nth-child(3) {
  padding: 0 !important;
}
.table.si-other-transactions-listing-paid .table {
  padding: 10px 0;
}
.table.si-other-transactions-listing-paid .table .si-invoice-inner-list {
  border-bottom: 1px solid #a9b3bb !important;
  background-color: #cfc9e4 !important;
}
.table.si-other-transactions-listing-paid .table .si-invoice-inner-list div {
  padding: 0 10px !important;
}
.table.si-other-transactions-listing-paid .table .si-invoice-inner-list div:nth-child(1) {
  width: 40px;
}
.table.si-other-transactions-listing-paid .table .si-invoice-inner-list div:nth-child(2) {
  width: 41%;
}
.table.si-other-transactions-listing-paid .table .si-invoice-inner-list div:nth-child(3) {
  width: 8%;
}
.table.si-other-transactions-listing-paid .table .si-invoice-inner-list div:nth-child(4) {
  width: calc(28% + 10px);
}
.table.si-other-transactions-listing-paid .table .si-invoice-inner-list div:nth-child(5) {
  width: 10%;
}
.table.si-other-transactions-listing-paid .table .si-invoice-inner-list div:nth-child(6) {
  width: 0%;
}
.table.si-other-transactions-listing-paid .table .si-invoice-inner-list div:nth-child(7) {
  width: calc(10% + 34px);
}
.table.si-other-transactions-listing-paid .table .si-invoice-inner-list div:nth-child(8) {
  width: 50px;
}
.table.si-other-transactions-listing-paid .table .si-invoice-inner-list div:first-child {
  text-align: center;
}
.table.si-other-transactions-listing-paid .table .si-invoice-inner-list div:nth-child(6) {
  padding: 0 !important;
}
.table.si-other-transactions-listing-paid .table .si-invoice-inner-list div:last-child {
  text-overflow: clip;
  display: flex;
  justify-content: end;
}
.table.si-other-transactions-listing-paid .table .si-invoice-inner-list div:last-child .icon-btn {
  padding: 4px 20px;
}
.table.si-other-transactions-listing-paid .table .si-invoice-inner-list div.paymentAmount.currency-code-in {
  justify-content: end !important;
  gap: 8px;
}

.table.si-other-transactions-listing-all .table-header .th-column:nth-child(1),
.table.si-other-transactions-listing-all .table-row div:nth-child(1) {
  width: 40px;
}
.table.si-other-transactions-listing-all .table-header .th-column:nth-child(2),
.table.si-other-transactions-listing-all .table-row div:nth-child(2) {
  width: 8%;
}
.table.si-other-transactions-listing-all .table-header .th-column:nth-child(3),
.table.si-other-transactions-listing-all .table-row div:nth-child(3) {
  width: 5%;
}
.table.si-other-transactions-listing-all .table-header .th-column:nth-child(4),
.table.si-other-transactions-listing-all .table-row div:nth-child(4) {
  width: 6%;
}
.table.si-other-transactions-listing-all .table-header .th-column:nth-child(5),
.table.si-other-transactions-listing-all .table-row div:nth-child(5) {
  width: 10%;
}
.table.si-other-transactions-listing-all .table-header .th-column:nth-child(6),
.table.si-other-transactions-listing-all .table-row div:nth-child(6) {
  width: calc(5% + 1px);
}
.table.si-other-transactions-listing-all .table-header .th-column:nth-child(7),
.table.si-other-transactions-listing-all .table-row div:nth-child(7) {
  width: 8%;
}
.table.si-other-transactions-listing-all .table-header .th-column:nth-child(8),
.table.si-other-transactions-listing-all .table-row div:nth-child(8) {
  width: 8%;
}
.table.si-other-transactions-listing-all .table-header .th-column:nth-child(9),
.table.si-other-transactions-listing-all .table-row div:nth-child(9) {
  width: calc(20% + 1px);
}
.table.si-other-transactions-listing-all .table-header .th-column:nth-child(10),
.table.si-other-transactions-listing-all .table-row div:nth-child(10) {
  width: calc(10% + 1px);
}
.table.si-other-transactions-listing-all .table-header .th-column:nth-child(11),
.table.si-other-transactions-listing-all .table-row div:nth-child(11) {
  width: calc(10% + 2px);
}
.table.si-other-transactions-listing-all .table-header .th-column:nth-child(12),
.table.si-other-transactions-listing-all .table-row div:nth-child(12) {
  width: 10%;
}
.table.si-other-transactions-listing-all .table-header .th-column:nth-child(13),
.table.si-other-transactions-listing-all .table-row div:nth-child(13) {
  width: 50px;
}
.table.si-other-transactions-listing-all .table-header .th-column:last-child,
.table.si-other-transactions-listing-all .table-row div:last-child {
  width: 41px;
}
.table.si-other-transactions-listing-all .table-footer div:nth-child(1) {
  width: calc(40px + 60%);
}
.table.si-other-transactions-listing-all .table-footer div:nth-child(2) {
  width: 20%;
}
.table.si-other-transactions-listing-all .table-footer div:nth-child(3) {
  width: 0%;
}
.table.si-other-transactions-listing-all .table-footer div:nth-child(4) {
  width: 10%;
}
.table.si-other-transactions-listing-all .table-footer div:nth-child(5) {
  width: 10%;
}
.table.si-other-transactions-listing-all .table-footer div:nth-child(6) {
  width: 50px;
}
.table.si-other-transactions-listing-all .table-footer div:nth-child(3) {
  padding: 0 !important;
}
.table.si-other-transactions-listing-all .table {
  padding: 10px 0;
}
.table.si-other-transactions-listing-all .table .si-invoice-inner-list {
  border-bottom: 1px solid #a9b3bb !important;
  background-color: #cfc9e4 !important;
}
.table.si-other-transactions-listing-all .table .si-invoice-inner-list div {
  padding: 0 10px !important;
}
.table.si-other-transactions-listing-all .table .si-invoice-inner-list div:nth-child(1) {
  width: 40px;
}
.table.si-other-transactions-listing-all .table .si-invoice-inner-list div:nth-child(2) {
  width: 41%;
}
.table.si-other-transactions-listing-all .table .si-invoice-inner-list div:nth-child(3) {
  width: 8%;
}
.table.si-other-transactions-listing-all .table .si-invoice-inner-list div:nth-child(4) {
  width: calc(28% + 10px);
}
.table.si-other-transactions-listing-all .table .si-invoice-inner-list div:nth-child(5) {
  width: 10%;
}
.table.si-other-transactions-listing-all .table .si-invoice-inner-list div:nth-child(6) {
  width: 0%;
}
.table.si-other-transactions-listing-all .table .si-invoice-inner-list div:nth-child(7) {
  width: calc(10% + 34px);
}
.table.si-other-transactions-listing-all .table .si-invoice-inner-list div:nth-child(8) {
  width: 50px;
}
.table.si-other-transactions-listing-all .table .si-invoice-inner-list div:first-child {
  text-align: center;
}
.table.si-other-transactions-listing-all .table .si-invoice-inner-list div:nth-child(6) {
  padding: 0 !important;
}
.table.si-other-transactions-listing-all .table .si-invoice-inner-list div:last-child {
  text-overflow: clip;
  display: flex;
  justify-content: end;
}
.table.si-other-transactions-listing-all .table .si-invoice-inner-list div:last-child .icon-btn {
  padding: 4px 20px;
}
.table.si-other-transactions-listing-all .table .si-invoice-inner-list div.paymentAmount.currency-code-in {
  justify-content: end !important;
  gap: 8px;
}

.table.ci-other-transactions-listing-unsettled .table-header .th-column:nth-child(1) {
  width: 40px;
}
.table.ci-other-transactions-listing-unsettled .table-header .th-column:nth-child(2) {
  width: calc(10% + 1px);
}
.table.ci-other-transactions-listing-unsettled .table-header .th-column:nth-child(3) {
  width: 9%;
}
.table.ci-other-transactions-listing-unsettled .table-header .th-column:nth-child(4) {
  width: 6%;
}
.table.ci-other-transactions-listing-unsettled .table-header .th-column:nth-child(5) {
  width: calc(15% + 1px);
}
.table.ci-other-transactions-listing-unsettled .table-header .th-column:nth-child(6) {
  width: calc(10% + 1px);
}
.table.ci-other-transactions-listing-unsettled .table-header .th-column:nth-child(7) {
  width: 10%;
}
.table.ci-other-transactions-listing-unsettled .table-header .th-column:nth-child(8) {
  width: calc(10% + 1px);
}
.table.ci-other-transactions-listing-unsettled .table-header .th-column:nth-child(9) {
  width: 10%;
}
.table.ci-other-transactions-listing-unsettled .table-header .th-column:nth-child(10) {
  width: calc(10% + 1px);
}
.table.ci-other-transactions-listing-unsettled .table-header .th-column:nth-child(11) {
  width: 10%;
}
.table.ci-other-transactions-listing-unsettled .table-header .th-column:nth-child(12) {
  width: 50px;
}
.table.ci-other-transactions-listing-unsettled .table-row div:nth-child(1) {
  width: 40px;
}
.table.ci-other-transactions-listing-unsettled .table-row div:nth-child(2) {
  width: 10%;
}
.table.ci-other-transactions-listing-unsettled .table-row div:nth-child(3) {
  width: 9%;
}
.table.ci-other-transactions-listing-unsettled .table-row div:nth-child(4) {
  width: 6%;
}
.table.ci-other-transactions-listing-unsettled .table-row div:nth-child(5) {
  width: 15%;
}
.table.ci-other-transactions-listing-unsettled .table-row div:nth-child(6) {
  width: 10%;
}
.table.ci-other-transactions-listing-unsettled .table-row div:nth-child(7) {
  width: 10%;
}
.table.ci-other-transactions-listing-unsettled .table-row div:nth-child(8) {
  width: 10%;
}
.table.ci-other-transactions-listing-unsettled .table-row div:nth-child(9) {
  width: 0%;
}
.table.ci-other-transactions-listing-unsettled .table-row div:nth-child(10) {
  width: 10%;
}
.table.ci-other-transactions-listing-unsettled .table-row div:nth-child(11) {
  width: 10%;
}
.table.ci-other-transactions-listing-unsettled .table-row div:nth-child(12) {
  width: 10%;
}
.table.ci-other-transactions-listing-unsettled .table-row div:nth-child(13) {
  width: 10%;
}
.table.ci-other-transactions-listing-unsettled .table-row div:nth-child(14) {
  width: 50px;
}
.table.ci-other-transactions-listing-unsettled .table-row div:last-child {
  width: 41px;
}
.table.ci-other-transactions-listing-unsettled .table-footer div:nth-child(1) {
  width: calc(50px + 70%);
}
.table.ci-other-transactions-listing-unsettled .table-footer div:nth-child(2) {
  width: 10%;
}
.table.ci-other-transactions-listing-unsettled .table-footer div:nth-child(3) {
  width: 0%;
}
.table.ci-other-transactions-listing-unsettled .table-footer div:nth-child(4) {
  width: 10%;
}
.table.ci-other-transactions-listing-unsettled .table-footer div:nth-child(5) {
  width: 10%;
}
.table.ci-other-transactions-listing-unsettled .table-footer div:nth-child(6) {
  width: 50px;
}
.table.ci-other-transactions-listing-unsettled .table-footer div:nth-child(3) {
  padding: 0 !important;
}

.table.ci-other-transactions-listing-paid .table-header .th-column:nth-child(1) {
  width: 40px;
}
.table.ci-other-transactions-listing-paid .table-header .th-column:nth-child(2) {
  width: 10%;
}
.table.ci-other-transactions-listing-paid .table-header .th-column:nth-child(3) {
  width: 9%;
}
.table.ci-other-transactions-listing-paid .table-header .th-column:nth-child(4) {
  width: calc(6% + 1px);
}
.table.ci-other-transactions-listing-paid .table-header .th-column:nth-child(5) {
  width: 15%;
}
.table.ci-other-transactions-listing-paid .table-header .th-column:nth-child(6) {
  width: 10%;
}
.table.ci-other-transactions-listing-paid .table-header .th-column:nth-child(7) {
  width: 10%;
}
.table.ci-other-transactions-listing-paid .table-header .th-column:nth-child(8) {
  width: 10%;
}
.table.ci-other-transactions-listing-paid .table-header .th-column:nth-child(9) {
  width: calc(10% + 1px);
}
.table.ci-other-transactions-listing-paid .table-header .th-column:nth-child(10) {
  width: 10%;
}
.table.ci-other-transactions-listing-paid .table-header .th-column:nth-child(11) {
  width: 10%;
}
.table.ci-other-transactions-listing-paid .table-header .th-column:nth-child(12) {
  width: 50px;
}
.table.ci-other-transactions-listing-paid .table-row div:nth-child(1) {
  width: 40px;
}
.table.ci-other-transactions-listing-paid .table-row div:nth-child(2) {
  width: 10%;
}
.table.ci-other-transactions-listing-paid .table-row div:nth-child(3) {
  width: 9%;
}
.table.ci-other-transactions-listing-paid .table-row div:nth-child(4) {
  width: 6%;
}
.table.ci-other-transactions-listing-paid .table-row div:nth-child(5) {
  width: 15%;
}
.table.ci-other-transactions-listing-paid .table-row div:nth-child(6) {
  width: 10%;
}
.table.ci-other-transactions-listing-paid .table-row div:nth-child(7) {
  width: 10%;
}
.table.ci-other-transactions-listing-paid .table-row div:nth-child(8) {
  width: 10%;
}
.table.ci-other-transactions-listing-paid .table-row div:nth-child(9) {
  width: 0%;
}
.table.ci-other-transactions-listing-paid .table-row div:nth-child(10) {
  width: 10%;
}
.table.ci-other-transactions-listing-paid .table-row div:nth-child(11) {
  width: 10%;
}
.table.ci-other-transactions-listing-paid .table-row div:nth-child(12) {
  width: 10%;
}
.table.ci-other-transactions-listing-paid .table-row div:nth-child(13) {
  width: 10%;
}
.table.ci-other-transactions-listing-paid .table-row div:nth-child(14) {
  width: 50px;
}
.table.ci-other-transactions-listing-paid .table-row div:last-child {
  width: 41px;
}
.table.ci-other-transactions-listing-paid .table-footer div:nth-child(1) {
  width: calc(50px + 70%);
}
.table.ci-other-transactions-listing-paid .table-footer div:nth-child(2) {
  width: 10%;
}
.table.ci-other-transactions-listing-paid .table-footer div:nth-child(3) {
  width: 0%;
}
.table.ci-other-transactions-listing-paid .table-footer div:nth-child(4) {
  width: 10%;
}
.table.ci-other-transactions-listing-paid .table-footer div:nth-child(5) {
  width: 10%;
}
.table.ci-other-transactions-listing-paid .table-footer div:nth-child(6) {
  width: 50px;
}
.table.ci-other-transactions-listing-paid .table-footer div:nth-child(3) {
  padding: 0 !important;
}

.table.ci-other-transactions-listing-all .table-header .th-column:nth-child(1) {
  width: 40px;
}
.table.ci-other-transactions-listing-all .table-header .th-column:nth-child(2) {
  width: calc(10% + 1px);
}
.table.ci-other-transactions-listing-all .table-header .th-column:nth-child(3) {
  width: 9%;
}
.table.ci-other-transactions-listing-all .table-header .th-column:nth-child(4) {
  width: 6%;
}
.table.ci-other-transactions-listing-all .table-header .th-column:nth-child(5) {
  width: calc(15% + 1px);
}
.table.ci-other-transactions-listing-all .table-header .th-column:nth-child(6) {
  width: calc(10% + 1px);
}
.table.ci-other-transactions-listing-all .table-header .th-column:nth-child(7) {
  width: 10%;
}
.table.ci-other-transactions-listing-all .table-header .th-column:nth-child(8) {
  width: calc(10% + 1px);
}
.table.ci-other-transactions-listing-all .table-header .th-column:nth-child(9) {
  width: 10%;
}
.table.ci-other-transactions-listing-all .table-header .th-column:nth-child(10) {
  width: calc(10% + 1px);
}
.table.ci-other-transactions-listing-all .table-header .th-column:nth-child(11) {
  width: 10%;
}
.table.ci-other-transactions-listing-all .table-header .th-column:nth-child(12) {
  width: 50px;
}
.table.ci-other-transactions-listing-all .table-row div:nth-child(1) {
  width: 40px;
}
.table.ci-other-transactions-listing-all .table-row div:nth-child(2) {
  width: 10%;
}
.table.ci-other-transactions-listing-all .table-row div:nth-child(3) {
  width: 9%;
}
.table.ci-other-transactions-listing-all .table-row div:nth-child(4) {
  width: 6%;
}
.table.ci-other-transactions-listing-all .table-row div:nth-child(5) {
  width: 15%;
}
.table.ci-other-transactions-listing-all .table-row div:nth-child(6) {
  width: 10%;
}
.table.ci-other-transactions-listing-all .table-row div:nth-child(7) {
  width: 10%;
}
.table.ci-other-transactions-listing-all .table-row div:nth-child(8) {
  width: 10%;
}
.table.ci-other-transactions-listing-all .table-row div:nth-child(9) {
  width: 0%;
}
.table.ci-other-transactions-listing-all .table-row div:nth-child(10) {
  width: 10%;
}
.table.ci-other-transactions-listing-all .table-row div:nth-child(11) {
  width: 10%;
}
.table.ci-other-transactions-listing-all .table-row div:nth-child(12) {
  width: 10%;
}
.table.ci-other-transactions-listing-all .table-row div:nth-child(13) {
  width: 10%;
}
.table.ci-other-transactions-listing-all .table-row div:nth-child(14) {
  width: 50px;
}
.table.ci-other-transactions-listing-all .table-row div:last-child {
  width: 41px;
}
.table.ci-other-transactions-listing-all .table-footer div:nth-child(1) {
  width: calc(50px + 70%);
}
.table.ci-other-transactions-listing-all .table-footer div:nth-child(2) {
  width: 10%;
}
.table.ci-other-transactions-listing-all .table-footer div:nth-child(3) {
  width: 0%;
}
.table.ci-other-transactions-listing-all .table-footer div:nth-child(4) {
  width: 10%;
}
.table.ci-other-transactions-listing-all .table-footer div:nth-child(5) {
  width: 10%;
}
.table.ci-other-transactions-listing-all .table-footer div:nth-child(6) {
  width: 50px;
}
.table.ci-other-transactions-listing-all .table-footer div:nth-child(3) {
  padding: 0 !important;
}

.table.transaction-report-listing {
  margin: 0 50px 20px;
}
.table.transaction-report-listing .table-header .th-column:nth-child(1),
.table.transaction-report-listing .table-row div:nth-child(1),
.table.transaction-report-listing .table-footer div:nth-child(1) {
  width: 15%;
}
.table.transaction-report-listing .table-header .th-column:nth-child(2),
.table.transaction-report-listing .table-row div:nth-child(2),
.table.transaction-report-listing .table-footer div:nth-child(2) {
  width: 15%;
}
.table.transaction-report-listing .table-header .th-column:nth-child(3),
.table.transaction-report-listing .table-row div:nth-child(3),
.table.transaction-report-listing .table-footer div:nth-child(3) {
  width: 30%;
}
.table.transaction-report-listing .table-header .th-column:nth-child(4),
.table.transaction-report-listing .table-row div:nth-child(4),
.table.transaction-report-listing .table-footer div:nth-child(4) {
  width: 20%;
}
.table.transaction-report-listing .table-header .th-column:nth-child(5),
.table.transaction-report-listing .table-row div:nth-child(5),
.table.transaction-report-listing .table-footer div:nth-child(5) {
  width: 20%;
}

.table.company-bank-account-listing {
  margin: 15px 0 0 0;
}
.table.company-bank-account-listing .table-header .th-column:nth-child(1),
.table.company-bank-account-listing .table-row div:nth-child(1),
.table.company-bank-account-listing .table-footer div:nth-child(1) {
  width: 15%;
}
.table.company-bank-account-listing .table-header .th-column:nth-child(2),
.table.company-bank-account-listing .table-row div:nth-child(2),
.table.company-bank-account-listing .table-footer div:nth-child(2) {
  width: 15%;
}
.table.company-bank-account-listing .table-header .th-column:nth-child(3),
.table.company-bank-account-listing .table-row div:nth-child(3),
.table.company-bank-account-listing .table-footer div:nth-child(3) {
  width: 20%;
}
.table.company-bank-account-listing .table-header .th-column:nth-child(4),
.table.company-bank-account-listing .table-row div:nth-child(4),
.table.company-bank-account-listing .table-footer div:nth-child(4) {
  width: 20%;
}
.table.company-bank-account-listing .table-header .th-column:nth-child(5),
.table.company-bank-account-listing .table-row div:nth-child(5),
.table.company-bank-account-listing .table-footer div:nth-child(5) {
  width: 15%;
}
.table.company-bank-account-listing .table-header .th-column:nth-child(6),
.table.company-bank-account-listing .table-row div:nth-child(6),
.table.company-bank-account-listing .table-footer div:nth-child(6) {
  width: 15%;
}
.table.company-bank-account-listing .table-header .th-column:nth-child(7),
.table.company-bank-account-listing .table-row div:nth-child(7),
.table.company-bank-account-listing .table-footer div:nth-child(7) {
  width: 50px;
}

.table.payable-invoice-listing .table-row div {
  height: auto;
}
.table.payable-invoice-listing .table-row div .cust-count .ant-badge {
  display: block;
  background: unset;
}
.table.payable-invoice-listing .table-row div .cust-count .ant-badge .ant-badge-count {
  top: -26px !important;
  left: 5px !important;
  height: 15px !important;
  width: 15px;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-header .th-column:nth-child(1) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-header .th-column:nth-child(2) {
  width: 9%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-header .th-column:nth-child(3) {
  width: 18%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-header .th-column:nth-child(4) {
  width: 8%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-header .th-column:nth-child(5) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-header .th-column:nth-child(6) {
  width: 8%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-header .th-column:nth-child(7) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-header .th-column:nth-child(8) {
  width: 8%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-header .th-column:nth-child(9) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-header .th-column:nth-child(10) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-header .th-column:nth-child(11) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-header .th-column:nth-child(12) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-header .th-column:nth-child(13) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-header .th-column:nth-child(14) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-header .th-column:nth-child(15) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-header .th-column:nth-child(16) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-header .th-column:nth-child(17) {
  width: 59px;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div:nth-child(1) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div:nth-child(2) {
  width: 9%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div:nth-child(3) {
  width: 18%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div:nth-child(4) {
  width: 8%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div:nth-child(5) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div:nth-child(6) {
  width: 8%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div:nth-child(7) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div:nth-child(8) {
  width: 8%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div:nth-child(9) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div:nth-child(10) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div:nth-child(11) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div:nth-child(12) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div:nth-child(13) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div:nth-child(14) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div:nth-child(15) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div:nth-child(16) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div:nth-child(17) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row div.red-cell .icon-btn {
  color: #fff !important;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-footer div:nth-child(1) {
  width: calc(54px + 9%);
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-footer div:nth-child(2) {
  width: 64%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-footer div:nth-child(3) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-footer div:nth-child(4) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-footer div:nth-child(5) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-footer div:nth-child(6) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-footer div:nth-child(7) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-footer div:nth-child(8) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-footer div:nth-child(9) {
  width: 58px;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-footer div:nth-child(5) {
  padding: unset;
}
.table.payable-invoice-listing.payable-invoice-listing-all .summary-count-row div:nth-child(1) {
  width: calc(15px + 64%);
}
.table.payable-invoice-listing.payable-invoice-listing-all .summary-count-row div:nth-child(2) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .summary-count-row div:nth-child(3) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .summary-count-row div:nth-child(4) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .summary-count-row div:nth-child(5) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .summary-count-row div:nth-child(6) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .summary-count-row div:nth-child(7) {
  width: 105px;
}
.table.payable-invoice-listing.payable-invoice-listing-all .summary-count-row div:nth-child(8) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-all .summary-count-row div:nth-child(5) {
  padding: unset;
}
.table.payable-invoice-listing.payable-invoice-listing-all .summary-count-row div span {
  color: unset;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row.grouped-row {
  border-bottom: 2px solid #fff;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row.grouped-row div:nth-child(1) {
  width: 100%;
}
.table.payable-invoice-listing.payable-invoice-listing-all .table-row.grouped-row div {
  border-right: unset !important;
}
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing {
  padding-left: 46px;
}
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-header .th-column,
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-row div {
  padding: 0 10px;
}
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-header .th-column:nth-child(1),
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-row div:nth-child(1) {
  width: 25% !important;
}
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-header .th-column:nth-child(2),
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-row div:nth-child(2) {
  width: 20% !important;
}
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-header .th-column:nth-child(3),
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-row div:nth-child(3) {
  width: 8% !important;
}
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-header .th-column:nth-child(4),
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-row div:nth-child(4) {
  width: 28% !important;
}
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-header .th-column:nth-child(5),
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-row div:nth-child(5) {
  width: 10% !important;
}
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-header .th-column:nth-child(6),
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-row div:nth-child(6) {
  width: 10% !important;
}
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-header .th-column:nth-child(7),
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-row div:nth-child(7) {
  width: 0px !important;
}
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-header .th-column:nth-child(8),
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-row div:nth-child(8) {
  width: 132px !important;
}
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-header .th-column:last-child,
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-row div:last-child {
  display: flex;
  justify-content: center;
  align-items: center;
}
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-header .th-column:last-child .icon-btn,
.table.payable-invoice-listing.payable-invoice-listing-all .invoice-inner-listing .table-row div:last-child .icon-btn {
  padding: unset !important;
  color: #000 !important;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-header .th-column:nth-child(1) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-header .th-column:nth-child(2) {
  width: 9%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-header .th-column:nth-child(3) {
  width: 18%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-header .th-column:nth-child(4) {
  width: 8%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-header .th-column:nth-child(5) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-header .th-column:nth-child(6) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-header .th-column:nth-child(7) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-header .th-column:nth-child(8) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-header .th-column:nth-child(9) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-header .th-column:nth-child(10) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-header .th-column:nth-child(11) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-header .th-column:nth-child(12) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-header .th-column:nth-child(13) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-header .th-column:nth-child(14) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-header .th-column:nth-child(15) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-header .th-column:nth-child(16) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-header .th-column:nth-child(17) {
  width: 59px;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row div:nth-child(1) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row div:nth-child(2) {
  width: 9%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row div:nth-child(3) {
  width: 18%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row div:nth-child(4) {
  width: 8%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row div:nth-child(5) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row div:nth-child(6) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row div:nth-child(7) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row div:nth-child(8) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row div:nth-child(9) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row div:nth-child(10) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row div:nth-child(11) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row div:nth-child(12) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row div:nth-child(13) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row div:nth-child(14) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row div:nth-child(15) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row div:nth-child(16) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row div:nth-child(17) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-footer div:nth-child(1) {
  width: calc(54px + 9%);
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-footer div:nth-child(2) {
  width: calc(64% + 70px);
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-footer div:nth-child(3) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-footer div:nth-child(4) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-footer div:nth-child(5) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-footer div:nth-child(6) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-footer div:nth-child(7) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-footer div:nth-child(8) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-footer div:nth-child(9) {
  width: 58px;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .summary-count-row div:nth-child(1) {
  width: calc(15px + 68%);
}
.table.payable-invoice-listing.payable-invoice-listing-paid .summary-count-row div:nth-child(2) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .summary-count-row div:nth-child(3) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .summary-count-row div:nth-child(4) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .summary-count-row div:nth-child(5) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .summary-count-row div:nth-child(6) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .summary-count-row div:nth-child(7) {
  width: 105px;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .summary-count-row div:nth-child(8) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .summary-count-row div:nth-child(5) {
  padding: unset;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .summary-count-row div span {
  color: unset;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row.grouped-row {
  border-bottom: 2px solid #fff;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row.grouped-row div:nth-child(1) {
  width: 100%;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .table-row.grouped-row div {
  border-right: unset !important;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing {
  padding-left: 46px;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-header .th-column,
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-row div {
  padding: 0 10px;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(1),
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(1) {
  width: 25% !important;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(2),
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(2) {
  width: 20% !important;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(3),
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(3) {
  width: 10% !important;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(4),
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(4) {
  width: 20% !important;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(5),
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(5) {
  width: 10% !important;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(6),
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(6) {
  width: 10% !important;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(7),
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(7) {
  width: 0px !important;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:nth-child(8),
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-row div:nth-child(8) {
  width: 130px !important;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:last-child,
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-row div:last-child {
  display: flex;
  justify-content: center;
  align-items: center;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-header .th-column:last-child .icon-btn,
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-row div:last-child .icon-btn {
  padding: unset !important;
}
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-header .th-column .icon-btn,
.table.payable-invoice-listing.payable-invoice-listing-paid .invoice-inner-listing .table-row div .icon-btn {
  color: #000 !important;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-header .th-column:nth-child(1) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-header .th-column:nth-child(2) {
  width: 9%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-header .th-column:nth-child(3) {
  width: 18%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-header .th-column:nth-child(4) {
  width: 8%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-header .th-column:nth-child(5) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-header .th-column:nth-child(6) {
  width: 8%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-header .th-column:nth-child(7) {
  width: 8%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-header .th-column:nth-child(8) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-header .th-column:nth-child(9) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-header .th-column:nth-child(10) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-header .th-column:nth-child(11) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-header .th-column:nth-child(12) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-header .th-column:nth-child(13) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-header .th-column:nth-child(14) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-header .th-column:nth-child(15) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-header .th-column:nth-child(16) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-header .th-column:nth-child(17) {
  width: 61px;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div:nth-child(1) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div:nth-child(2) {
  width: 9%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div:nth-child(3) {
  width: 18%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div:nth-child(4) {
  width: 8%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div:nth-child(5) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div:nth-child(6) {
  width: 8%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div:nth-child(7) {
  width: 8%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div:nth-child(8) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div:nth-child(9) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div:nth-child(10) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div:nth-child(11) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div:nth-child(12) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div:nth-child(13) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div:nth-child(14) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div:nth-child(15) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div:nth-child(16) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div:nth-child(17) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row div.red-cell .icon-btn {
  color: #fff !important;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-footer div:nth-child(1) {
  width: calc(54px + 9%);
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-footer div:nth-child(2) {
  width: calc(71% + 70px);
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-footer div:nth-child(3) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-footer div:nth-child(4) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-footer div:nth-child(5) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-footer div:nth-child(6) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-footer div:nth-child(7) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-footer div:nth-child(8) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-footer div:nth-child(9) {
  width: 63px;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-footer div:nth-child(5) {
  padding: unset;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .summary-count-row div:nth-child(1) {
  width: calc(10px + 75%);
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .summary-count-row div:nth-child(2) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .summary-count-row div:nth-child(3) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .summary-count-row div:nth-child(4) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .summary-count-row div:nth-child(5) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .summary-count-row div:nth-child(6) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .summary-count-row div:nth-child(7) {
  width: 105px;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .summary-count-row div:nth-child(8) {
  width: 50px;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .summary-count-row div:nth-child(5) {
  padding: unset;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .summary-count-row div span {
  color: unset;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .negative-val-row div:nth-child(1) {
  width: 44px;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .negative-val-row div:nth-child(2) {
  width: 7%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .negative-val-row div:nth-child(3) {
  width: 18%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .negative-val-row div:nth-child(4) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .negative-val-row div:nth-child(5) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .negative-val-row div:nth-child(6) {
  width: 8%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .negative-val-row div:nth-child(7) {
  width: 18%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .negative-val-row div:nth-child(8) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .negative-val-row div:nth-child(9) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .negative-val-row div:nth-child(10) {
  width: 0%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .negative-val-row div:nth-child(11) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .negative-val-row div:nth-child(12) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .negative-val-row div:nth-child(13) {
  width: 10%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .negative-val-row div:nth-child(14) {
  width: 160px;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .negative-val-row div:nth-child(9), .table.payable-invoice-listing.payable-invoice-listing-not-paid .negative-val-row div:nth-child(10) {
  display: none;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .grouped-row {
  border-bottom: 2px solid #fff;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .grouped-row div {
  border-bottom: unset !important;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .grouped-row div:nth-child(1) {
  width: 100%;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .table-row.grouped-row div {
  border-right: unset !important;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .red-cell .icon-btn .material-icons {
  color: #fff;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing {
  padding-left: 43px;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column,
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-row div {
  padding: 0 10px;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(1),
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(1) {
  width: 25% !important;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(2),
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(2) {
  width: calc(20% + 4px) !important;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(3),
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(3) {
  width: 8% !important;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(4),
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(4) {
  width: calc(38% + 10px) !important;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(5),
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(5) {
  width: 10% !important;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(6),
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(6) {
  width: 10% !important;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(7),
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(7) {
  width: 0px !important;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:nth-child(8),
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-row div:nth-child(8) {
  width: 135px !important;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:last-child,
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-row div:last-child {
  display: flex;
  justify-content: center;
  align-items: center;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column:last-child .icon-btn,
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-row div:last-child .icon-btn {
  padding: unset !important;
}
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-header .th-column .icon-btn,
.table.payable-invoice-listing.payable-invoice-listing-not-paid .invoice-inner-listing .table-row div .icon-btn {
  color: #000 !important;
}
.table.payable-invoice-listing .table.invoice-inner-listing {
  margin: 15px 0 0 0;
}
.table.payable-invoice-listing .table.invoice-inner-listing .table-header .th-column:nth-child(1),
.table.payable-invoice-listing .table.invoice-inner-listing .table-row div:nth-child(1) {
  width: 20%;
}
.table.payable-invoice-listing .table.invoice-inner-listing .table-header .th-column:nth-child(2),
.table.payable-invoice-listing .table.invoice-inner-listing .table-row div:nth-child(2) {
  width: 25%;
}
.table.payable-invoice-listing .table.invoice-inner-listing .table-header .th-column:nth-child(3),
.table.payable-invoice-listing .table.invoice-inner-listing .table-row div:nth-child(3) {
  width: 8%;
}
.table.payable-invoice-listing .table.invoice-inner-listing .table-header .th-column:nth-child(4),
.table.payable-invoice-listing .table.invoice-inner-listing .table-row div:nth-child(4) {
  width: 27%;
}
.table.payable-invoice-listing .table.invoice-inner-listing .table-header .th-column:nth-child(5),
.table.payable-invoice-listing .table.invoice-inner-listing .table-row div:nth-child(5) {
  width: 20%;
}
.table.payable-invoice-listing .table.invoice-inner-listing .table-header .th-column:nth-child(6),
.table.payable-invoice-listing .table.invoice-inner-listing .table-row div:nth-child(6) {
  width: 55px;
}
.table.payable-invoice-listing .table.invoice-inner-listing .bank-payment-row .table-row div {
  background: #cfc9e4 !important;
}
.table.payable-invoice-listing .table.invoice-inner-listing .debinote-row .table-row div {
  color: red !important;
}
.table.payable-invoice-listing .table-footer > div span {
  color: #000 !important;
}

.table.deduction-details-listing {
  margin: unset;
}
.table.deduction-details-listing .table-header .th-column:nth-child(1),
.table.deduction-details-listing .table-row div:nth-child(1) {
  width: 20%;
}
.table.deduction-details-listing .table-header .th-column:nth-child(2),
.table.deduction-details-listing .table-row div:nth-child(2) {
  width: 40%;
}
.table.deduction-details-listing .table-header .th-column:nth-child(3),
.table.deduction-details-listing .table-row div:nth-child(3) {
  width: 40%;
}

.table.survey-listing .table-header .th-column:nth-child(1) {
  width: 20%;
}
.table.survey-listing .table-header .th-column:nth-child(2) {
  width: 65%;
}
.table.survey-listing .table-header .th-column:nth-child(3) {
  width: 10%;
}
.table.survey-listing .table-header .th-column:nth-child(4) {
  width: 110px;
}
.table.survey-listing .table-header .th-column:nth-child(5) {
  width: 51px;
}
.table.survey-listing .table-header .th-column:nth-child(6) {
  width: 58px;
}
.table.survey-listing .table-row div:nth-child(1) {
  width: 20%;
}
.table.survey-listing .table-row div:nth-child(2) {
  width: 65%;
}
.table.survey-listing .table-row div:nth-child(3) {
  width: 10%;
}
.table.survey-listing .table-row div:nth-child(4) {
  width: 110px;
}
.table.survey-listing .table-row div:nth-child(5) {
  width: 50px;
}
.table.survey-listing .table-row div:nth-child(6) {
  width: 50px;
}
.table.survey-listing .survey-action-btns {
  text-overflow: unset;
}
.table.survey-listing .survey-action-btns .btn-circle {
  margin-top: 2px;
  margin-left: unset;
}

.table.utilized-invoices {
  margin: 10px 0px;
}
.table.utilized-invoices .table-header .th-column:nth-child(1),
.table.utilized-invoices .table-row div:nth-child(1),
.table.utilized-invoices .table-footer div:nth-child(1) {
  width: 50%;
}
.table.utilized-invoices .table-header .th-column:nth-child(2),
.table.utilized-invoices .table-row div:nth-child(2),
.table.utilized-invoices .table-footer div:nth-child(2) {
  width: 50%;
}
.table.utilized-invoices .utilized-invoices-footer {
  background: #c0c4f8;
}

.dronFileLogTable .table-header div:nth-child(1),
.dronFileLogTable .table-row div:nth-child(1) {
  width: 20%;
}
.dronFileLogTable .table-header div:nth-child(2),
.dronFileLogTable .table-row div:nth-child(2) {
  width: 15%;
}
.dronFileLogTable .table-header div:nth-child(3),
.dronFileLogTable .table-row div:nth-child(3) {
  width: 20%;
}
.dronFileLogTable .table-header div:nth-child(4),
.dronFileLogTable .table-row div:nth-child(4) {
  width: 20%;
}
.dronFileLogTable .table-header div:nth-child(5),
.dronFileLogTable .table-row div:nth-child(5) {
  width: 20%;
}
.dronFileLogTable .table-header div:nth-child(6),
.dronFileLogTable .table-row div:nth-child(6) {
  width: 10%;
}
.dronFileLogTable .table-header {
  margin: 0 15px;
  border-bottom: unset;
}
.dronFileLogTable .table-header div:last-child {
  width: calc(10% + 8px);
}
.dronFileLogTable .table-header div {
  padding: 0 10px;
}
.dronFileLogTable .table-body .table-row div {
  color: #fff;
  height: 20px;
  line-height: 20px;
}
.dronFileLogTable .table-body .table-row:hover div {
  background: unset;
}
.dronFileLogTable .active > div {
  color: #000 !important;
}
.dronFileLogTable .table-body {
  background-color: unset;
}

.dronFileLogErrorTable .table-header div:nth-child(1),
.dronFileLogErrorTable .table-row div:nth-child(1) {
  width: 30%;
}
.dronFileLogErrorTable .table-header div:nth-child(2),
.dronFileLogErrorTable .table-row div:nth-child(2) {
  width: 70%;
}
.dronFileLogErrorTable .table-header {
  margin: 0 15px;
  border-bottom: unset;
}
.dronFileLogErrorTable .table-header div {
  padding: 0 10px;
}
.dronFileLogErrorTable .table-row div {
  overflow-wrap: break-word;
  line-height: unset !important;
  overflow-x: hidden !important;
  overflow-y: clip !important;
  margin: unset !important;
  align-items: center;
  white-space: pre-wrap !important;
  min-width: 90px;
  height: auto;
}
.dronFileLogErrorTable .table-body .table-row div {
  color: #fff;
  line-height: 20px;
}
.dronFileLogErrorTable .table-body .table-row:hover div {
  background: unset;
}
.dronFileLogErrorTable .active > div {
  color: #000 !important;
}
.dronFileLogErrorTable .table-body {
  background-color: unset;
}

.table.inspection-requests-listing {
  margin: 15px 0 0 0;
}
.table.inspection-requests-listing .table-header .th-column:nth-child(1),
.table.inspection-requests-listing .table-row div:nth-child(1) {
  width: 50px;
}
.table.inspection-requests-listing .table-header .th-column:nth-child(2),
.table.inspection-requests-listing .table-row div:nth-child(2) {
  width: 40%;
}
.table.inspection-requests-listing .table-header .th-column:nth-child(3),
.table.inspection-requests-listing .table-row div:nth-child(3) {
  width: 26%;
}
.table.inspection-requests-listing .table-header .th-column:nth-child(4),
.table.inspection-requests-listing .table-row div:nth-child(4) {
  width: 28%;
}
.table.inspection-requests-listing .table-header .th-column:nth-child(5),
.table.inspection-requests-listing .table-row div:nth-child(5) {
  width: 50px;
}

.checklist-non-conformity-listing {
  margin: 0px !important;
}
.checklist-non-conformity-listing .table-header .th-column {
  border-bottom-color: #e9e8e6 !important;
  border-right-color: #e9e8e6 !important;
}
.checklist-non-conformity-listing .table-header .th-column:nth-child(1) {
  width: 50px;
}
.checklist-non-conformity-listing .table-header .th-column:nth-child(2) {
  width: calc(50% - 50px);
}
.checklist-non-conformity-listing .table-header .th-column:nth-child(3) {
  width: calc(50% + 8px);
}
.checklist-non-conformity-listing .table-row div {
  border-bottom-color: #e9e8e6 !important;
  border-right-color: #e9e8e6 !important;
}
.checklist-non-conformity-listing .table-row div:nth-child(1) {
  width: 50px;
}
.checklist-non-conformity-listing .table-row div:nth-child(2) {
  width: calc(50% - 50px);
}
.checklist-non-conformity-listing .table-row div:nth-child(3) {
  width: 50%;
}
.checklist-non-conformity-listing .grouped-row {
  background-color: #fcfcfc !important;
}
.checklist-non-conformity-listing .table-header {
  border-right: 2px solid #e9e8e6;
}
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting {
  margin: 0px !important;
}
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-header {
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
  border-bottom: unset !important;
}
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-header .th-column:nth-child(1),
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-row div:nth-child(1) {
  width: 50px;
}
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-header .th-column:nth-child(2),
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-row div:nth-child(2) {
  width: calc(25% - 50px) !important;
}
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-header .th-column:nth-child(3),
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-row div:nth-child(3) {
  width: 25% !important;
}
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-header .th-column:nth-child(4),
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-row div:nth-child(4) {
  width: 10%;
}
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-header .th-column:nth-child(5),
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-row div:nth-child(5) {
  width: 10%;
}
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-header .th-column:nth-child(6),
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-row div:nth-child(6) {
  width: 20%;
}
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-header .th-column:nth-child(7),
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-row div:nth-child(7) {
  width: 20%;
}
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-header .th-column:first-child,
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-row div:first-child {
  border-bottom: 1px solid #fff;
  background-color: #fff;
  border-bottom-color: #fff !important;
}
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting + .grouped-row {
  border-top: 2px solid #e9e8e6 !important;
}
.checklist-non-conformity-listing .checklist-non-conformity-innerlisting .table-body {
  border-right: 2px solid #e9e8e6;
}

.table.cal-result-table .table-header .th-column,
.table.cal-result-table .table-row div {
  border: 0;
}
.table.cal-result-table .table-header .th-column:nth-child(1),
.table.cal-result-table .table-row div:nth-child(1) {
  width: 70%;
}
.table.cal-result-table .table-header .th-column:nth-child(2),
.table.cal-result-table .table-row div:nth-child(2) {
  width: 30%;
}
.table.cal-result-table .table-body, .table.cal-result-table .table-row {
  border-top: 0px solid #b0aaaa;
  border-left: 0;
}
.table.cal-result-table .table-body {
  width: 60%;
  margin: 0 auto;
}
.table.cal-result-table .cal-total {
  background-color: #dddddd;
}

.table.cal-service-listing {
  margin: 15px 0 0 0;
}
.table.cal-service-listing .table-header .th-column:nth-child(1),
.table.cal-service-listing .table-row div:nth-child(1) {
  width: calc(100% - 50px);
}
.table.cal-service-listing .table-header .th-column:nth-child(2),
.table.cal-service-listing .table-row div:nth-child(2) {
  width: 50px;
}

.table.quality-control-listing .table-header .th-column:nth-child(1) {
  width: 50%;
}
.table.quality-control-listing .table-header .th-column:nth-child(2) {
  width: 12%;
}
.table.quality-control-listing .table-header .th-column:nth-child(3) {
  width: 12%;
}
.table.quality-control-listing .table-header .th-column:nth-child(4) {
  width: 15%;
}
.table.quality-control-listing .table-header .th-column:nth-child(5) {
  width: calc(15% + 8px);
}
.table.quality-control-listing .table-row div:nth-child(1) {
  width: 50%;
}
.table.quality-control-listing .table-row div:nth-child(2) {
  width: 12%;
}
.table.quality-control-listing .table-row div:nth-child(3) {
  width: 12%;
}
.table.quality-control-listing .table-row div:nth-child(4) {
  width: 15%;
}
.table.quality-control-listing .table-row div:nth-child(5) {
  width: 15%;
}
.table.quality-control-listing .table-footer div:nth-child(1) {
  width: 50%;
}
.table.quality-control-listing .table-footer div:nth-child(2) {
  width: 12%;
}
.table.quality-control-listing .table-footer div:nth-child(3) {
  width: 12%;
}
.table.quality-control-listing .table-footer div:nth-child(4) {
  width: 15%;
}
.table.quality-control-listing .table-footer div:nth-child(5) {
  width: calc(15% + 8px);
}

body {
  background: #f1f1f1 !important;
  font-family: open-sans, sans-serif !important;
  -webkit-text-stroke: 1px transparent;
  position: relative;
}

* {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

*:before,
*:after {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

html,
body {
  height: 100% !important;
  min-height: 100%;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

.ant-switch {
  line-height: 22px !important;
}

img {
  outline: none;
  border: none;
  display: block;
}

.left {
  float: left;
}

.right {
  float: right;
}

.align-left {
  text-align: left;
}

.main-container {
  padding-top: 50px;
}

.main-wrapper {
  padding: 20px 50px;
}

.align-self-center {
  align-self: center;
}

.flex-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-group.grow-last > [class*=flex-]:not(:last-child) {
  flex-grow: 0;
}

.flex-gap-25 {
  gap: 25px;
}

.flex-gap-10 {
  gap: 10px;
}

.flex-gap-5 {
  gap: 5px;
}

.flex-center {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.flex-bottom {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}

.flex-start {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}

.flex-space {
  -webkit-justify-content: space-between !important;
  -moz-justify-content: space-between !important;
  -ms-justify-content: space-between !important;
  justify-content: space-between !important;
  -ms-flex-pack: space-between !important;
}

.justify-center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.flex-end {
  justify-content: flex-end;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

.flex-customized-1 {
  flex: 0 0 142px;
}

.bold {
  font-weight: bold;
}

.bolder {
  font-weight: bolder;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-10-i {
  margin-left: 10px !important;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-auto {
  margin-left: auto;
}

.mr-0 {
  margin-right: 0 !important;
  border-right: 0 !important;
  border-radius: 4px 0 0 4px !important;
}

.mr-5 {
  margin-right: 5px;
}

.mr-8 {
  margin-right: 8px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-14 {
  margin-right: 14px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-auto {
  margin-left: auto;
}

.mt-6 {
  margin-top: 6px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-13 {
  margin-top: 13px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-18 {
  margin-top: 18px;
}

.mt-23 {
  margin-top: 23px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-3 {
  margin-top: 3px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-36 {
  margin-top: 36px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-6 {
  margin-bottom: 6px;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-18 {
  margin-bottom: 18px !important;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.p-5 {
  padding: 5px;
}

.p-10 {
  padding: 10px;
}

.p-50 {
  padding: 50px;
}

.p-35 {
  padding: 35px;
}

.pt-0 {
  padding-top: 0px !important;
}

.pt-5 {
  padding-top: 5px;
}

.pt-6 {
  padding-top: 6px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-30 {
  padding-top: 30px;
}

.text-transform-none {
  text-transform: none !important;
}

.w-30 {
  width: 30%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60% !important;
}

.w-70 {
  width: 70%;
}

.w-100 {
  width: 100%;
}

.w-49 {
  width: 49% !important;
}

.w-45 {
  width: 45% !important;
}

.ml-auto {
  margin-left: auto;
}

.orange {
  background: #ffe1b4;
}

.red {
  color: #ff0000 !important;
}

.green {
  color: #19aa20 !important;
}

.blue {
  color: blue !important;
}

.bg-orange {
  background: #ff9c1d;
}

.bg-gray {
  background: #dae1e8;
}

.bg-red {
  color: #ffffff !important;
  background: #ff0000;
}

.light-blue {
  color: #15bef0;
}

.justify-content-space-between {
  justify-content: space-between;
}

.justify-content-end {
  justify-content: end;
}

.ellipsis-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.load-more {
  text-align: center;
}
.load-more .ant-btn {
  color: #19193e;
  font-weight: 600;
  margin: 15px;
  height: 28px;
  border-color: #526270;
}
.load-more .ant-btn:hover {
  background: #526270;
  color: #ffffff;
  border-color: #526270;
}

.txt-orange {
  color: #ff9c1d;
}

.text-dark-orange {
  color: #fd7700;
}

.inner-title {
  background: #ffffff;
  color: #ff9c1d;
  font-weight: 600;
  font-size: 14px;
  padding-bottom: 10px;
}

.p-0 {
  padding: 0 !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-12 {
  padding-left: 12px;
}

.pl-22i {
  padding-left: 22px !important;
}

.pl-50 {
  padding-left: 50px;
}

.gap-5 {
  gap: 5px;
}

.content-wrapper {
  padding: 0 50px;
}

.justify-content-center {
  justify-content: center;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.word-wrap {
  overflow: auto !important;
  word-wrap: break-word;
  width: 300px !important;
  padding: 0 !important;
}

.no-records-message {
  color: #989fa7;
  letter-spacing: 0.03em;
  display: block;
  padding: 20px;
  border-bottom: 1px solid;
}

.no-records-message-sv {
  color: #989fa7;
  letter-spacing: 0.03em;
  display: block;
  padding: 20px;
  text-align: center;
}

.bs-sticky.sticky {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

.sticky {
  z-index: 1;
  position: fixed;
  width: 100%;
}

/* popup styles */
.popup-overlay {
  background: transparent !important;
}

.font-dark {
  font-size: 12px;
  color: #19193e;
  font-weight: 600;
}

.text-dark {
  font-weight: 600;
  color: #293744;
  inline-size: 180px;
  overflow-wrap: break-word;
  max-width: 96%;
}

.b-none {
  border: none !important;
  width: 100% !important;
}

.show-job-personal-btn {
  width: 150px !important;
}

.text-red {
  color: #ff0000 !important;
  font-size: 13px;
}

.flex-wrap-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-wrap-group .contact-info {
  width: 50%;
  margin-bottom: 22px;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-column {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-s .text-white {
  color: #ffffff;
}

.bg-transparent {
  background: transparent;
}

.thank-bg {
  background-color: #15bef0;
  padding: 150px;
  width: 50%;
  height: 50%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.thank-bg img {
  width: 130px;
  height: 50px;
}
.thank-bg h3 {
  color: #fff;
  font-size: 30px;
}
.thank-bg h5 {
  color: #fff;
  font-size: 20px;
}
.thank-bg .thank-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.small-input-fields {
  max-width: 49%;
}

.input-small {
  height: 30px !important;
}

.oops-text {
  font-size: 60px;
  color: #fff;
}

.instruction-msg {
  color: #fff;
  font-size: 20px;
}

.oops-image {
  width: 100px !important;
  height: 120px !important;
}

.deviation-svg {
  margin-top: 7px !important;
  width: 22px !important;
  height: 22px !important;
  background-image: url(https://qa.dev.bluetag.no/assets/img/deviation/deviation.svg) !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  border: none !important;
}

.reset-pw-icon {
  margin-top: 2px;
  padding: 0 4px !important;
  width: 35px !important;
  height: 26px !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  border: none !important;
}

.middle {
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-rotate-45 {
  -webkit-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  -o-transform: rotate(-40deg);
  transform: rotate(-40deg);
}

.icon-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.scrollarea-border {
  border: 1px solid #a9b3bb;
  padding: 10px;
  border-radius: 2px;
}

.scrollarea-border-dashed {
  padding: 10px;
  border-radius: 2px;
  border: 2px dashed #a9b3bb;
}

.invalid {
  border: 2px dashed #ff8989 !important;
  background: #fdeef1 !important;
}

.hide-ql_toolbar .ql-toolbar {
  display: none;
}

.editable-fields {
  border-color: #15bef0;
  background: rgba(21, 190, 240, 0.1490196078);
}

.editable-date {
  border-color: #15bef0 !important;
  background: rgba(21, 190, 240, 0.1490196078) !important;
}
.editable-date svg {
  color: #15bef0 !important;
}

.add-designation-btn {
  margin-bottom: 0;
  width: auto;
}

.section-header {
  border-bottom: 1px solid #000000;
}

.contract-section {
  border: 1px solid #a9b3bb;
  border-radius: 4px;
  margin-left: 15px;
  padding: 0 12px;
  min-height: 616px;
}
.contract-section label {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  color: #526270;
  margin-top: 20px;
  margin-left: 31px;
}
.contract-section .modal-body {
  padding-top: 10px;
}

.hidden-content {
  display: none !important;
}

.designation .radio-btn:first-child {
  margin-left: 0 !important;
}

.salary-type span {
  color: #19193e !important;
}

.p-p h2 {
  margin-left: 10px !important;
}

.employee-info div {
  margin-bottom: 10px;
}

.page {
  padding: 20px;
  background-color: #fdfaf7;
  color: #785e3a;
  border: 1px solid #c2b5a3;
  overflow: hidden;
}
.page .page-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}

.calendar-icon {
  width: 90px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.calendar-icon.month {
  background-image: url(https://qa.dev.bluetag.no/assets/img/months.png);
}
.calendar-icon.current-month {
  background-image: url(https://qa.dev.bluetag.no/assets/img/current-month.png);
}
.calendar-icon:hover {
  transform: scale(1.1);
}

.about-employment .contact-info {
  width: 20%;
  padding: 5px;
}
.about-employment svg {
  color: #293744;
}

.joined-date {
  background-color: #c1f9cd;
  border-radius: 10px;
  padding-left: 10px !important;
}

.month-name {
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.total-hours-row {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hours-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.hours-group .hour-section {
  width: 50%;
}

.collapse-ec {
  border-color: #15bef0 !important;
}
.collapse-ec .collapse-header {
  height: 50px !important;
  padding-left: 0;
}
.collapse-ec .expand .collapse-body {
  max-height: 3000px;
}

.pointer {
  position: relative;
  width: 500px;
  height: 60px;
  background: #d8d8d8;
  margin: 20px 50px;
  display: table;
}
.pointer:after {
  content: "";
  position: absolute;
  left: -30px;
  bottom: 0;
  width: 60px;
  height: 60px;
  border: 30px solid #15bef0;
  border-radius: 30px;
}
.pointer:before {
  content: "";
  position: absolute;
  right: -30px;
  bottom: 0;
  width: 0;
  height: 0;
  border-right: 30px solid transparent;
  border-top: 30px solid #d8d8d8;
  border-bottom: 30px solid #d8d8d8;
}
.pointer .name {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
}
.pointer .name span {
  margin-left: 40px;
}
.pointer.total:after {
  border: 30px solid #ff9c1d !important;
}
.pointer.total span {
  text-transform: uppercase !important;
  font-size: 16px;
}

.ant-picker-input .anticon {
  color: #15bef0;
}

.bank-ac-no {
  padding: 0 2px;
  border-radius: 2px;
  font-weight: 600;
}

.card-view.signature {
  width: 100% !important;
  height: auto !important;
  margin: auto;
  white-space: normal !important;
}
.card-view img {
  width: 20% !important;
}
.card-view p {
  text-align: left;
}

.signature::after {
  display: none;
}

sup {
  font-size: 80% !important;
}

.remove-border {
  border-bottom: none !important;
}

.ev-wrapper {
  padding: 30px 20px !important;
}

.ev-month {
  padding: 30px 50px 0px 50px !important;
}

.emp-view h2 {
  font-size: 20px !important;
  color: #15bef0 !important;
  padding-left: 50px !important;
}

.remove-margin {
  margin-right: 0 !important;
}

.title-section .left-sec {
  padding: 20px 0 15px 50px !important;
}

.css-1r4vtzz,
.css-48ayfv {
  height: -webkit-fill-available;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
}

.br-4 {
  border-radius: 0 4px 4px 0 !important;
}

.bg-readonly {
  background-color: #dae1e8;
}
.bg-readonly div {
  font-size: 13px;
}

.min-width-filter {
  min-width: 177px !important;
}

.min-width-fit-content {
  min-width: fit-content;
}

.title-popup h2 {
  color: #15bef0;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}

.save-btn {
  padding: 16px 24px;
}

.calendar-btn {
  background: #15bef0;
  color: #ffffff;
  border-radius: 0 4px 4px 0;
  padding: 5px;
  margin-right: 10px;
}

.link-label {
  text-decoration: underline !important;
  color: #15bef0 !important;
  cursor: pointer !important;
}

.total-div {
  border-radius: 2px;
  padding: 5px;
  color: #fff;
  background-color: #ff9c1d;
}

.end-emply-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.center {
  justify-content: center;
}

.leave-popup {
  min-height: auto !important;
}
.leave-popup .new-comment-section {
  min-height: 150px !important;
}
.leave-popup .scrollarea-wrapper {
  max-height: 250px !important;
}

.leave-attachemnt .card-view {
  height: 500px !important;
  margin: 0;
}

.temp-comment .ant-timeline-item-content {
  background-color: #f8cde0 !important;
}

.blue-border-tb {
  border-bottom: 1px solid #15bef0;
  border-top: 1px solid #15bef0;
}

.border-top {
  border-top: 1px solid #526270;
}

.btn-sm {
  height: 25px;
  width: auto;
}

.br-none {
  border-right: none !important;
}

.sal-page {
  margin-left: 0 !important;
}

.table-row.selected {
  background-color: #eceef3 !important;
}

.payment-type select[disabled] {
  background: #ffffff !important;
  cursor: not-allowed !important;
}

.salary-view .nav-item:nth-child(6),
.salary-view .nav-item:nth-child(7) {
  background: #b7b7b7;
}
@media only screen and (min-width: 1537px) {
  .salary-view .nav-item:nth-child(6),
  .salary-view .nav-item:nth-child(7) {
    width: 69%;
  }
}

.salary-pg {
  padding: 0 !important;
  background-color: transparent !important;
}

.light-orange {
  background-color: #ffe1b4;
}

.min-popup .flex-1:nth-child(2) {
  min-height: auto !important;
}

.read-only {
  cursor: not-allowed;
}

.p-l-0 {
  padding-left: 0 !important;
}

.salary-page {
  border-top: 2px solid #ff0000 !important;
}

.d-none {
  display: none !important;
}

.v-hidden {
  visibility: hidden;
}

.p-price {
  height: 36px;
  display: flex !important;
  align-items: center;
}

.disabledClass {
  background: #f3f3f3 !important;
}

.stop-deduction-text {
  color: #ff0000;
  font-size: 14px;
  font-weight: 600;
}

.complete-deduction-text {
  color: #23dca6;
  font-size: 14px;
  font-weight: 600;
}

.leave-edit-footer {
  padding: 16px 0 !important;
  background: #ffffff !important;
}
.leave-edit-footer .font-13 {
  font-size: 13px;
}

.read-only-popup .required::after {
  display: none !important;
}

.designation-dropdown .css-13cymwt-control {
  min-width: 222px;
}

.email-popover {
  font-size: 12px !important;
}
.email-popover .ant-popover-arrow {
  display: none;
}
.email-popover .ant-popover-inner-content {
  padding: 10px;
}

.account-no select {
  max-width: 140px;
}

.employee-listing {
  margin-bottom: 3px;
  /* for production */
}
.employee-listing .css-yk16xz-control {
  min-width: 144px !important;
  border-color: #15bef0 !important;
  min-height: 32px !important;
  height: unset !important;
}
.employee-listing .css-tlfecz-indicatorContainer {
  padding: 0px 8px !important;
}
.employee-listing .css-13cymwt-control {
  min-width: 144px !important;
  border-color: #15bef0 !important;
  min-height: 32px !important;
  height: unset !important;
}
.employee-listing .css-1xc3v61-indicatorContainer {
  padding: 0px 8px !important;
}

.react__searchable {
  /* for production */
}
.react__searchable .css-yk16xz-control {
  height: 38px;
  border-color: #15bef0;
  min-height: 32px !important;
}
.react__searchable .css-t3ipsp-control {
  height: 38px;
  border-color: #15bef0;
  min-height: 32px !important;
}

.hrsettings-select-box-fix {
  height: 32px;
  margin: 0px;
  /* for production */
}
.hrsettings-select-box-fix .css-1s2u09g-control {
  height: 31px !important;
  min-height: unset !important;
  font-size: 12px !important;
  border-color: transparent !important;
}
.hrsettings-select-box-fix .css-1s2u09g-control:hover {
  border-color: transparent !important;
}
.hrsettings-select-box-fix .css-14el2xx-placeholder {
  color: #19193e !important;
  margin-bottom: 4px;
}
.hrsettings-select-box-fix .css-yk16xz-control {
  height: 32px !important;
  border: 0px solid !important;
}
.hrsettings-select-box-fix .css-1pahdxg-control {
  min-height: 32px !important;
  border: 0px solid !important;
  height: 32px !important;
  box-shadow: none !important;
}
.hrsettings-select-box-fix .css-13cymwt-control {
  height: 31px !important;
  min-height: unset !important;
  font-size: 12px !important;
  border-color: transparent !important;
}
.hrsettings-select-box-fix .css-13cymwt-control:hover {
  border-color: transparent !important;
}
.hrsettings-select-box-fix .css-1jqq78o-placeholder {
  color: #19193e !important;
  margin-bottom: 4px;
}
.hrsettings-select-box-fix .css-t3ipsp-control {
  min-height: 32px !important;
  border: 0px solid !important;
  height: 32px !important;
  box-shadow: none !important;
}

.hrsettings-Multi-select-box-fix {
  margin-bottom: 0px !important;
  /* for production */
}
.hrsettings-Multi-select-box-fix .css-1s2u09g-control {
  min-height: unset !important;
  border-color: rgb(21, 190, 240) !important;
}
.hrsettings-Multi-select-box-fix [class$=-control] {
  height: auto !important;
  min-height: 32px !important;
}
.hrsettings-Multi-select-box-fix [class$=-placeholder] {
  color: #7c7c7c;
  font-size: 12px;
}
.hrsettings-Multi-select-box-fix [class$=-ValueContainer] {
  padding: 3px 8px;
}
.hrsettings-Multi-select-box-fix .css-1pahdxg-control {
  z-index: 1;
  border-color: #15bef0 !important;
  box-shadow: none !important;
}
.hrsettings-Multi-select-box-fix .css-yk16xz-control {
  height: auto !important;
  z-index: 1;
  border-color: #15bef0 !important;
}
.hrsettings-Multi-select-box-fix .css-tlfecz-indicatorContainer {
  padding: 6px 8px !important;
}
.hrsettings-Multi-select-box-fix .css-13cymwt-control {
  min-height: unset !important;
  border-color: rgb(21, 190, 240) !important;
}
.hrsettings-Multi-select-box-fix .css-t3ipsp-control {
  z-index: 1;
  border-color: #15bef0 !important;
  box-shadow: none !important;
}
.hrsettings-Multi-select-box-fix .css-1jqq78o-placeholder {
  color: #757575;
}
.hrsettings-Multi-select-box-fix .css-1xc3v61-indicatorContainer {
  padding: 6px 8px !important;
}

.hrsettings-Multi-select-box-fix-user-list {
  margin-bottom: 0px !important;
  /* for production */
}
.hrsettings-Multi-select-box-fix-user-list .css-1s2u09g-control {
  background-color: unset !important;
  border-color: transparent !important;
  min-height: unset !important;
  font-size: 12px !important;
}
.hrsettings-Multi-select-box-fix-user-list .css-1s2u09g-control:hover {
  border-color: transparent !important;
}
.hrsettings-Multi-select-box-fix-user-list .css-14el2xx-placeholder {
  color: #19193e !important;
}
.hrsettings-Multi-select-box-fix-user-list .css-yk16xz-control {
  border-top: 1px solid #15bef0 !important;
  border-bottom: 1px solid #15bef0 !important;
  border-right: 1px solid #15bef0 !important;
  border: 0px;
  height: auto !important;
}
.hrsettings-Multi-select-box-fix-user-list .css-yk16xz-control:hover {
  border-top: 1px solid #15bef0 !important;
  border-bottom: 1px solid #15bef0 !important;
  border-right: 1px solid #15bef0 !important;
  border: 0px;
}
.hrsettings-Multi-select-box-fix-user-list .react__searchable {
  margin-bottom: 0px !important;
}
.hrsettings-Multi-select-box-fix-user-list .css-1pahdxg-control {
  border-top: 1px solid #15bef0 !important;
  border-bottom: 1px solid #15bef0 !important;
  border-right: 1px solid #15bef0 !important;
  border: 0px;
  outline: 0px;
  min-height: 32px !important;
  box-shadow: unset !important;
}
.hrsettings-Multi-select-box-fix-user-list .css-tlfecz-indicatorContainer {
  padding: 6px 8px !important;
}
.hrsettings-Multi-select-box-fix-user-list .css-13cymwt-control {
  background-color: unset !important;
  border-color: transparent !important;
  min-height: unset !important;
  font-size: 12px !important;
}
.hrsettings-Multi-select-box-fix-user-list .css-13cymwt-control:hover {
  border-color: transparent !important;
}
.hrsettings-Multi-select-box-fix-user-list .css-1jqq78o-placeholder {
  color: #19193e !important;
}
.hrsettings-Multi-select-box-fix-user-list .css-t3ipsp-control {
  border-top: 1px solid #15bef0 !important;
  border-bottom: 1px solid #15bef0 !important;
  border-right: 1px solid #15bef0 !important;
  border: 0px;
  outline: 0px;
  min-height: 32px !important;
  box-shadow: unset !important;
}

.SearchableSelect-user-list-error .error-msg {
  margin-top: 12px !important;
}

.custom-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(384px, 1fr));
  grid-gap: 16px;
}

.custom-grid-row {
  grid-column-start: 1;
  grid-column-end: -1;
}

.table-body .table-row:hover div .ant-switch-handle {
  background: transparent !important;
}

.hr-settings-user-list-filter-options {
  background: #fff;
}

.select-designation-hr-top-filter-options {
  max-width: 54vw;
  border: unset !important;
}

.select-designation-hr-top-filter-section {
  flex-wrap: wrap !important;
}
.select-designation-hr-top-filter-section .filter-options .filter-item::after {
  background: unset !important;
}

.select-designation-hr-error {
  flex-basis: 100%;
  height: 0;
  margin-top: 10px;
}

.css-1wa3eu0-placeholder {
  font-size: 12px;
  color: #19193e !important;
}

.css-1uccc91-singleValue {
  font-size: 12px;
}

.admin-user-icon {
  font-size: initial;
  color: #2f4858;
  vertical-align: text-bottom;
}

.legend-item .admin-user-icon {
  margin-right: 3px;
}

.tbl-switch .ant-switch-handle {
  position: absolute !important;
  border: none !important;
  padding: 0 !important;
  top: 2px !important;
  left: 2px !important;
  width: 18px !important;
  height: 18px !important;
  transition: all 0.2s ease-in-out !important;
}
.tbl-switch .ant-switch-handle:hover {
  background: transparent !important;
}
.tbl-switch .ant-switch-handle:before {
  right: 1px;
  left: 1px;
}

.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 18px - 2px) !important;
}

.tbl-switch {
  height: 22px !important;
}

.signature {
  width: 100% !important;
  height: auto !important;
  margin: auto;
}
.signature img {
  width: 20% !important;
}

.css-yk16xz-control:hover {
  border-color: rgb(21, 190, 240) !important;
}

.css-1pahdxg-control {
  border-color: #15bef0 !important;
  box-shadow: none !important;
}

.css-t3ipsp-control {
  border-color: #15bef0 !important;
  box-shadow: none !important;
}

.employee-List-page-top-sticky-cls {
  position: sticky;
  z-index: 1;
  width: 100% !important;
  top: 100px;
}
.employee-List-page-top-sticky-cls .css-14el2xx-placeholder {
  color: #19193e !important;
}
.employee-List-page-top-sticky-cls .css-1d8n9bt {
  padding: 2px 6px !important;
}
.employee-List-page-top-sticky-cls .employee-Listing-positions .filter-options {
  border: 0px solid !important;
  height: 30px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.employee-List-page-top-sticky-cls .employee-Listing-positions .filter-options .filter-item {
  min-width: 175px !important;
}
.employee-List-page-top-sticky-cls .employee-Listing-positions .filter-options .filter-item::after {
  background: unset !important;
}
.employee-List-page-top-sticky-cls .react__searchable [class$=-indicatorContainer] {
  padding: 0px 8px !important;
}
.employee-List-page-top-sticky-cls .react__searchable [class$=-control] {
  min-height: 32px !important;
  border-color: #15bef0 !important;
  height: unset;
}

.d-flex {
  display: flex;
}

.thank-bg {
  padding: 71px !important;
  position: relative !important;
  margin: 20vh auto !important;
}

.thank-bg h5 {
  text-align: center !important;
}

.print-header {
  display: none !important;
}

.icon-btn-inside-table {
  padding: 3px 0px 0px !important;
}

.icon-inside-table {
  font-size: 16px !important;
  background: #15bef0;
  color: #fff;
  padding: 2px;
  border-radius: 2px;
}

.customer-cars-sales-artical-radio {
  display: flex;
  margin-bottom: 10px;
}

.national-holiday-form .switch-form-group {
  margin-left: 30px !important;
}
.national-holiday-form .switch-form-group .switch-btn {
  margin-top: 5px !important;
}

.checklist-default-answer .ant-switch {
  background-color: #1890ff;
}

.checklistQuestions {
  background: #f3f3f3;
  margin-bottom: 10px;
  border-radius: 5px;
}
.checklistQuestions .dynamic-row {
  margin-bottom: 0px !important;
}
.checklistQuestions .question-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  padding: 10px;
  background: #e3dfdf;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.checklistQuestions .question-container .checklist-question {
  flex-basis: 93%;
}
.checklistQuestions .question-container .add-btn-primary {
  margin-bottom: 5px;
}
.checklistQuestions .question-container .checklist-default-answer {
  font-size: 12px;
  color: #666060;
  padding-top: 10px;
}
.checklistQuestions .question-container .checklist-default-answer .ant-switch {
  height: 21px;
}
.checklistQuestions .question-container .checklist-default-answer .ant-switch .ant-switch-inner {
  font-size: 9px;
}
.checklistQuestions .question-container .checklist-default-answer .ant-switch .ant-switch-handle {
  top: 3px;
  left: 3px;
  width: 15px;
  height: 15px;
}
.checklistQuestions .question-inner-container {
  width: 100%;
  margin-left: 10px;
  padding: 0px 10px;
}
.checklistQuestions .question-inner-container .checklistQuestions {
  margin-bottom: unset;
  padding-bottom: unset;
}
.checklistQuestions .question-inner-container .question-container {
  background: unset;
}
.checklistQuestions .question-inner-container .error-msg {
  margin-left: 10px;
}
.checklistQuestions .add-btn-primary {
  margin-bottom: 4px;
  margin-top: 5px;
  margin-left: 10px;
}
.checklistQuestions .add-btn-primary ~ .error-msg {
  margin-left: 10px;
}
.checklistQuestions .add-btn-primary .badge {
  background: #1890ff !important;
}
.checklistQuestions .add-btn-primary.hasChild-question {
  margin-left: 28px;
}
.checklistQuestions .add-btn-primary.hasChild-question ~ .error-msg {
  margin-left: 28px;
}
.checklistQuestions .form-close-btn {
  height: 20px;
  width: 20px;
  margin-left: auto;
  margin-bottom: auto;
  background: #fb6363;
}
.checklistQuestions .form-close-btn i {
  font-size: 15px;
  font-weight: 600;
  position: relative;
  top: -2px;
  left: -2px;
}
.checklistQuestions .cq-option {
  justify-content: space-between;
  width: 93%;
}

.main-add-btn-checklist {
  background: #f3f3f3;
  padding: 5px;
  border-radius: 15px;
}
.main-add-btn-checklist .badge {
  background: #1890ff !important;
}

.checklist-answers .checklist-item {
  background-color: #f5f5f5;
  border: unset;
  flex-direction: column;
}
.checklist-answers .checklist-item .checklist-head {
  display: flex;
  flex-wrap: wrap;
}
.checklist-answers .checklist-item .checklist-head div:nth-child(1) {
  flex-basis: 50%;
  color: #4e4e4e;
}
.checklist-answers .checklist-item .checklist-head div:nth-child(2) {
  flex-basis: 5%;
}
.checklist-answers .checklist-item .checklist-head div:nth-child(2) span {
  font-size: 12px;
}
.checklist-answers .checklist-item .checklist-head div:nth-child(3) {
  align-items: center;
}
.checklist-answers .checklist-item .checklist-head div:nth-child(3) .material-icons {
  color: #7a7a7a;
  font-size: 19px;
}
.checklist-answers .checklist-item .checklist-head, .checklist-answers .checklist-item .checklist-head div {
  background-color: #c3c0c0;
}
.checklist-answers .checklist-item .checklist-item {
  margin-bottom: 5px;
  background: #efefef;
  flex: 1;
  padding: 4px 0px 4px 10px;
  color: #19193e;
  font-weight: 500;
}
.checklist-answers .checklist-item .checklist-inner-item {
  padding: 3px 0px 0px 0px;
}
.checklist-answers .checklist-item .checklist-inner-item .checklist-head, .checklist-answers .checklist-item .checklist-inner-item .checklist-head div {
  background-color: #dddddd;
}

.holiday-overtime-form .table-legends {
  background: transparent;
  padding: 0;
}

.checkbox-pay-amount {
  max-width: max-content;
}

.edit-form-supplier-invoice {
  max-height: max-content !important;
  padding-top: 10px !important;
}

.create-form-supplier-invoice {
  max-height: max-content !important;
}

.height-edit-invoice {
  height: 90% !important;
  padding-bottom: 20px;
}

.height-edit-create-invoice {
  height: 90% !important;
  padding-bottom: 20px;
}

.error-show-below {
  flex-wrap: wrap;
}

.error-row {
  flex: 0 1 100%;
  margin-left: 24px;
}

.ant-radio-checked .ant-radio-inner::after {
  top: 50% !important;
  left: 50% !important;
}

.css-1s2u09g-control:hover {
  border-color: #15bef0 !important;
}

.css-1s2u09g-control {
  border-color: rgb(21, 190, 240) !important;
  font-size: 12px !important;
}

.vat-input-box-grid {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
}
.vat-input-box-grid .vat-item {
  width: 25%;
  margin-right: 10px;
}
.vat-input-box-grid .vat-item:last-child {
  margin-right: 0 !important;
}
.vat-input-box-grid .vat-item input {
  width: 80%;
}
.vat-input-box-grid .vat-item .error-msg {
  display: none;
}
.vat-input-box-grid .vat-item input {
  margin-bottom: 5px;
}
.vat-input-box-grid .vat-item .empty-comment {
  height: 55px;
}
.vat-input-box-grid .vat-item .height-170 {
  height: 40px;
}
.vat-input-box-grid .vat-item .slab-amount {
  margin-bottom: 5px !important;
}
.vat-input-box-grid .vat-item .vat-label {
  height: 35px;
  margin-bottom: 8px !important;
}
.vat-input-box-grid .vat-item .vat-label.comment-open {
  display: flex;
  align-items: flex-end;
}
.vat-input-box-grid .vat-item .text-area-group {
  height: 55px;
}
.vat-input-box-grid .vat-item .text-area-group textarea {
  min-height: 40px;
  max-height: 45px;
  z-index: 10;
}
.vat-input-box-grid .title-item {
  width: 12%;
}
.vat-input-box-grid .error-msg {
  margin-bottom: 10px;
}
.vat-input-box-grid .slab-amount {
  margin-bottom: 18px !important;
}
.vat-input-box-grid .form-group .form-control {
  -webkit-transition: unset !important;
  transition: unset !important;
}

.textEditor-container {
  padding: 40px 40px 0px 40px;
}
.textEditor-container .template-sub-title {
  font-size: 12px;
  font-weight: 600;
  color: #15bef0;
}

.email-temp-item:nth-child(even) {
  background: #d6d6d6;
}

.email-template-edit .textEditor-container {
  padding: 0 !important;
}
.email-template-edit .textEditor-container .title-email-template {
  padding: 40px 40px 0px 40px;
}
.email-template-edit .textEditor-container .email-template-warning, .email-template-edit .textEditor-container .email-temp-item {
  padding: 20px;
}
.email-template-edit .textEditor-container .email-temp-item .template-sub-title {
  font-size: 18px;
}
.email-template-edit .textEditor-container .email-temp-item .email-template-wrapper {
  background: #ffffff;
  padding: 20px;
}

.emailSubject-edit .tox-tinymce {
  min-height: 55px !important;
}
.emailSubject-edit input {
  border: 2px solid #eee !important;
  border-radius: 10px !important;
}
.emailSubject-edit input:hover {
  box-shadow: none !important;
}

.btn-email-template {
  padding: 16px 40px 16px 0px;
  background: unset !important;
}

.center-msg-hr-ver-email-template {
  margin: auto;
  width: 50%;
  text-align: center;
  font-size: large;
}

.title-email-template {
  margin-bottom: 20px;
}
.title-email-template .main-title {
  font-size: 22px;
  color: #15bef0;
  font-weight: 600;
  text-transform: capitalize;
}

.email-template {
  height: max-content !important;
}
.email-template .email-template-module,
.email-template .language-edit-module {
  padding: 0px 4px 25px !important;
}
.email-template .email-template-module .nav-item:hover::after,
.email-template .language-edit-module .nav-item:hover::after {
  width: 102%;
}
.email-template .language-edit-module .nav-item {
  margin: 0 22px !important;
  padding-right: 5px;
}
.email-template .language-edit-module .ant-switch-inner {
  font-size: 10px !important;
}
.email-template .language-edit-module .ant-switch-checked {
  padding-left: 5px !important;
}
.email-template .nav-item-name {
  align-items: center;
  text-transform: capitalize;
}
.email-template .template-name {
  width: 100%;
  display: flex;
}
.email-template .lang-name-switch {
  flex: 2;
}
.email-template .lang-name-switch button {
  float: right;
}

.template-flex {
  display: flex;
  flex-direction: column;
  width: 100% !important;
  overflow: auto !important;
}
.template-flex .content {
  overflow: unset !important;
}

.email-template-not-select-msg {
  margin-top: 30vh !important;
}

.modal-body {
  height: 100%;
  max-height: fit-content !important;
}

.national-holiday-date-picker .ant-picker-header-super-next-btn,
.national-holiday-date-picker .ant-picker-header-super-prev-btn {
  pointer-events: none;
  cursor: none;
}
.national-holiday-date-picker .ant-picker-super-next-icon,
.national-holiday-date-picker .ant-picker-super-prev-icon,
.national-holiday-date-picker .ant-picker-prev-icon-hidden,
.national-holiday-date-picker .ant-picker-next-icon-hidden {
  pointer-events: none;
  cursor: none;
  display: none !important;
}

.email-template-title {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  margin-left: 13px;
  padding-bottom: 9px;
  border-bottom: 1px solid #746b6b;
  width: 82%;
  padding-top: 10px;
}

.animationIn {
  animation: inAnimation 250ms ease-in;
}

.animationOut {
  animation: outAnimation 270ms ease-out;
}

@keyframes inAnimation {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes outAnimation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.offer-view-video {
  padding: unset !important;
}
.offer-view-video .player-wrapper {
  padding-top: 0px;
}
.offer-view-video .player-wrapper .player-video {
  padding-top: 56.25% !important;
  height: 0px !important;
  position: relative !important;
}
.offer-view-video .player-wrapper .player-video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.form-group-align-lable {
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: end;
}
.form-group-align-lable .form-group .form-control {
  transition: unset;
  -webkit-transition: unset;
}
.form-group-align-lable .form-control > .invalid-field {
  margin-bottom: 0px !important;
}
.form-group-align-lable .form-control:not(.invalid-field) {
  margin-bottom: 18px !important;
}

.daily-report-main-wrapper {
  background-color: #e1e1e1;
}

.personal-permission-main-wrapper {
  border: 1px solid #829bb0;
  border-radius: 4px;
  padding: 15px 15px 15px 15px;
  background-color: #ffffff;
}
.personal-permission-main-wrapper .modal-sec-collapsible:last-child {
  margin-bottom: 0px;
}

.permission-view-report {
  border: unset;
}

.daily-report-section .select-box {
  width: 170px;
}
.daily-report-section .ant-picker-focused {
  border-color: unset;
  box-shadow: none;
  border-right-width: unset;
  outline: unset;
}
.daily-report-section .ant-picker {
  border: none;
  border-radius: unset;
}

.long-menu {
  width: 336px !important;
}
.long-menu .left-menu-container {
  height: 64vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: #15bef0;
  direction: ltr;
  margin-right: 8px;
}
.long-menu .left-menu-container::-webkit-scrollbar-track {
  background: #c5ced2 !important;
  border-radius: 6px !important;
}
.long-menu .left-menu-container::-webkit-scrollbar {
  width: 8px;
}
.long-menu .left-menu-container::-webkit-scrollbar-thumb {
  background-color: #5d838f;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.long-menu .left-menu-container-language {
  height: 66vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: #15bef0;
  direction: ltr;
  margin-right: 8px;
}
.long-menu .left-menu-container-language::-webkit-scrollbar-track {
  background: #c5ced2 !important;
  border-radius: 6px !important;
}
.long-menu .left-menu-container-language::-webkit-scrollbar {
  width: 8px;
}
.long-menu .left-menu-container-language::-webkit-scrollbar-thumb {
  background-color: #5d838f;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.long-menu .left-menu-container-email {
  height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: #15bef0;
  direction: ltr;
  margin-right: 8px;
}
.long-menu .left-menu-container-email::-webkit-scrollbar-track {
  background: #c5ced2 !important;
  border-radius: 6px !important;
}
.long-menu .left-menu-container-email::-webkit-scrollbar {
  width: 8px;
}
.long-menu .left-menu-container-email::-webkit-scrollbar-thumb {
  background-color: #5d838f;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}

.permission-tree-padding {
  padding: 0px !important;
}

.presentation-upload-file .file {
  width: max-content;
  max-width: 450px;
}

.presentation-uploader {
  display: flex;
  flex-direction: row-reverse;
}
.presentation-uploader .suspense-animation {
  padding-top: 30px;
}

.presentation-uploader-container .error-msg {
  margin-left: -15px;
}

.upper-margin {
  padding: 35px 40px 25px;
}

.file.pptx::before {
  background-position: -6px -314px;
}

.file.mp4::before {
  background-position: -6px -354px;
}

.file.url::before {
  background-position: -4px -393px;
}

.ml-0 {
  margin-left: 0px !important;
}

.presentationPopup {
  top: 70px !important;
}
.presentationPopup .card-view {
  margin: unset;
}
.presentationPopup .ant-modal-body {
  height: 80vh;
}

.fs-13 {
  font-size: 13px;
  color: #526270;
}

.payment-month-summary {
  display: flex;
  padding: 20px;
  background-color: #15bef0;
}

.send-icon-align {
  margin-left: 5%;
}

.app-xml-viewer-wrapper {
  height: 100%;
  width: 100%;
}

.app-xml-viewer-wrapper .card-view-details {
  height: 5%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.app-xml-viewer-wrapper::after {
  display: none;
}

.app-xml-viewer {
  padding: 10px;
  overflow-y: scroll;
  height: 95%;
  width: 100%;
}

.height-edit-invoice .ant-tabs,
.height-edit-invoice .ant-tabs-content,
.height-edit-invoice .ant-tabs-tabpane {
  height: 100%;
}

.app-xml-viewer-wrapper {
  height: 112vh;
}

.jsoneditor-menu {
  background-color: #ebebeb;
  border-bottom: unset;
  padding: 10px;
  height: 44px;
}
.jsoneditor-menu button {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
.jsoneditor-menu .jsoneditor-search {
  margin-top: 10px;
  margin-right: 17px;
}
.jsoneditor-menu .jsoneditor-search .jsoneditor-results {
  color: #000000 !important;
}
.jsoneditor-menu .jsoneditor-search .jsoneditor-frame {
  border-radius: 3px;
}

.jsoneditor-navigation-bar {
  background-color: #ebebeb;
  color: #000000 !important;
}
.jsoneditor-navigation-bar .jsoneditor-treepath {
  margin-left: 20px;
}

.jsoneditor-tree {
  margin-bottom: 20px;
  margin-top: 12px;
}

.footer-without-addNew .jsoneditor {
  height: calc(100vh - (60px + 7vh));
}

.jsoneditor {
  height: calc(100vh - (192px + 7vh));
  border: unset !important;
}
.jsoneditor div.jsoneditor-value[contenteditable=true]:hover,
.jsoneditor div.jsoneditor-value[contenteditable=true]:focus {
  background-color: #ffffab;
  border: 1px solid #b2afaf;
  border-radius: 5px;
}
.jsoneditor div[contenteditable=true] {
  border: 1px solid #b2afaf;
  padding: 5px;
  border-radius: 5px;
}

.json-editor-form .ov-wrapper {
  padding: 17px 50px;
}

.lang-name-switch .ant-switch-checked {
  background: #424548 !important;
}

.jsoneditor-outer {
  margin-left: 30px !important;
}

.jsoneditor .jsoneditor-outer .jsoneditor-tree .jsoneditor-tree-inner .jsoneditor-tree .jsoneditor-expandable:first-child .jsoneditor-values .jsoneditor-tree:nth-child(2) {
  display: none !important;
}
.jsoneditor .jsoneditor-outer .jsoneditor-tree .jsoneditor-tree-inner .jsoneditor-tree .jsoneditor-expandable:first-child .jsoneditor-values .jsoneditor-tree:nth-child(3) {
  padding-top: 6px !important;
}
.jsoneditor .jsoneditor-outer .jsoneditor-tree .jsoneditor-tree-inner .jsoneditor-tree .jsoneditor-expandable:first-child .jsoneditor-values .jsoneditor-tree:nth-child(3):after {
  content: "Content";
  margin-left: 3px;
}

.jsoneditor-treepath .jsoneditor-treepath-element:first-child {
  display: none !important;
}
.jsoneditor-treepath .jsoneditor-treepath-seperator:first-child {
  display: none !important;
}

.jsonEditor-tool-bar {
  padding: 4px;
  justify-content: end;
  display: flex;
}
.jsonEditor-tool-bar .ant-switch-checked {
  background: #424548 !important;
}

.btn-json-edit-template {
  padding: 21px 40px 10px 19px;
  background: #ebebeb;
  position: fixed;
  width: 100vw;
  bottom: 4px;
}

.bank-reconsilation-footer {
  padding: 10px 40px 10px 19px !important;
  bottom: 0px !important;
}

.footer-length-deduct {
  width: calc(100vw - 250px);
}
.footer-length-deduct button {
  margin-right: 55px;
}

.language-file-name {
  width: 19%;
  margin-left: 10px;
}

.theme-toggle {
  width: 19%;
}

.filter-end::after {
  background: none !important;
}

.mail-send-animation {
  display: flex;
  align-items: center;
}
.mail-send-animation span {
  margin-right: 14px;
}
.mail-send-animation img {
  height: 34px;
  width: auto;
}

.ant-notification-notice-with-icon svg {
  position: absolute;
  top: 32% !important;
  left: 8px;
  z-index: 1;
}

.jsoneditor-expand-all {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  background-position: -103px -167px !important;
  background-image: url(https://qa.dev.bluetag.no/assets/img/language-icons.png) !important;
}

.jsoneditor-collapse-all {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  margin-left: 10px !important;
  background-position: -100px -95px !important;
  background-image: url(https://qa.dev.bluetag.no/assets/img/language-icons.png) !important;
}

.jsoneditor-search .jsoneditor-frame button {
  background-image: url(https://qa.dev.bluetag.no/assets/img/language-icons.png) !important;
  filter: none !important;
  -webkit-filter: none !important;
  height: 30px !important;
}

.jsoneditor-search button.jsoneditor-refresh {
  background-position: -41px -57px !important;
  background-color: #15bef0 !important;
  width: 31px !important;
  border-radius: unset;
}

.jsoneditor-search button.jsoneditor-previous {
  background-position: -216px -46px !important;
}

.jsoneditor-search button.jsoneditor-previous:hover {
  background-position: -216px -46px !important;
}

.jsoneditor-search button.jsoneditor-next {
  background-position: -215px -115px !important;
}

.jsoneditor-search button.jsoneditor-next:hover {
  background-position: -215px -115px !important;
}

div.jsoneditor-tree button.jsoneditor-button {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  background-image: url(https://qa.dev.bluetag.no/assets/img/language-icons.png) !important;
}

.jsoneditor-expanded {
  background-position: -5px -50px !important;
}

.jsoneditor-collapsed {
  background-position: -8px -120px !important;
}

.jsoneditor-treepath-seperator {
  color: #15bef0 !important;
}

.jsoneditor-frame {
  width: 240px !important;
  height: 32px !important;
  border: 1px solid #15bef0 !important;
  border-radius: 4px !important;
  padding: unset !important;
}
.jsoneditor-frame input {
  border: none !important;
  height: 28px !important;
  width: 170px !important;
}

.reg-form-lang .form-group .select-box {
  min-width: 154px !important;
}

.user-locked-btn button {
  margin-top: 7px;
}

.image-bg-new-login {
  background-image: url(https://qa.dev.bluetag.no/assets/img/user/login.png) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.procedure-listing .load-more .no-records-message,
.presentation-listing .load-more .no-records-message,
.document-list .load-more .no-records-message,
.file-container + .load-more .no-records-message,
.file-container + .btn-container + .scrollarea-wrapper + .load-more .no-records-message,
#folders .no-records-message,
#employee-documents .no-records-message,
.email-template-view-page .no-records-message {
  border-bottom: none;
}

.employee-leave,
.emp-leave-doc-upload {
  display: flex;
  align-items: center;
}
.employee-leave .error-msg,
.emp-leave-doc-upload .error-msg {
  margin-left: 10px;
}

.ant-tabs-tab-active {
  border-top: 1px solid #15bef0 !important;
  border-left: 1px solid #15bef0 !important;
  border-right: 1px solid #15bef0 !important;
}
.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #41505e !important;
}

.ant-tabs-nav {
  margin-left: 10px !important;
}

.ant-tabs-top > .ant-tabs-nav::before {
  border-bottom: 1px solid #15bef0 !important;
}

.ant-tabs-nav-wrap .ant-tabs-tab:not(.ant-tabs-tab-active) {
  border-bottom: 1px solid #15bef0 !important;
}

.clipBoard .anticon {
  position: absolute;
  top: 3px;
  left: 3px;
}

.highlight-label {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 15px;
  font-weight: 300;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background: #007bff;
  color: #fff;
}

.checklist-container {
  padding: 10px;
  border: 1px solid;
  border-radius: 2px;
  border: 1px solid #829bb0;
  background: rgba(248, 248, 248, 0.6196078431);
}
.checklist-container .file-checklist {
  margin-top: 10px;
  border: 1px solid rgba(204, 204, 204, 0.7215686275);
}
.checklist-container .file-container {
  display: flex !important;
  flex-flow: wrap;
  page-break-inside: avoid;
}
.checklist-container .file-container .file {
  width: 200px !important;
}

.main-date {
  display: flex;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}
.main-date .material-icons {
  font-size: 16px;
}
.main-date p {
  margin: 2px 4px;
  color: #000;
}

.react__searchable.read-only-access [class$=-MultiValueRemove] svg {
  display: none !important;
}

.icon-warning-yellow {
  color: #fbcc08 !important;
}

.react__searchable.read-only-access [class$=-multiValue] div:nth-child(2) svg {
  display: none !important;
}
.react__searchable.read-only-access [class$=-MultiValue] div:nth-child(2) svg {
  display: none !important;
}

input:disabled {
  background-color: rgba(242, 242, 242, 0.9333333333) !important;
  cursor: not-allowed;
  color: #999999;
}

input.form-control:read-only,
.read-only-access,
.ant-picker.ant-picker-disabled {
  background-color: #f2f2f2 !important;
  cursor: not-allowed;
  color: #999999;
}

input[type=checkbox][disabled] {
  cursor: not-allowed;
}

.ant-picker-input > input[disabled] {
  color: #999999 !important;
}

.ant-picker-input input:read-only {
  background-color: unset !important;
  cursor: unset;
}

.supplier-invoice-footer,
.debit-note-footer {
  -webkit-flex-flow: row;
  flex-flow: row;
  gap: 10px;
}

.checklist-name,
.checklist-question {
  min-height: 32px !important;
}

.ehfColumn {
  padding-left: 0px !important;
}
.ehfColumn .ehf-btn {
  margin-top: 0px;
  padding-top: 0px !important;
}
.ehfColumn .ehf-btn .ehf-icon {
  background-image: url(https://qa.dev.bluetag.no/assets/img/ehf-icon.svg) !important;
  background-repeat: no-repeat;
  border: 0px !important;
}
.ehfColumn .ehf-btn .ehf-icon:hover {
  filter: opacity(0.5);
}
.ehfColumn .ehf-btn .ehf-icon-disabled {
  background-image: url(https://qa.dev.bluetag.no/assets/img/ehf-icon-disabled.svg) !important;
  background-repeat: no-repeat;
  border: 0px !important;
  cursor: not-allowed;
}
.ehfColumn .ehf-btn .ehf-icon-disabled:hover {
  filter: opacity(0.5);
}
.ehfColumn .loading-in-cell {
  padding-left: 0px !important;
  padding-right: 5px !important;
}
.ehfColumn .loading-in-cell img {
  width: 40px;
  height: 40px;
}

.label-invoice-amount-vat {
  margin-left: 5px !important;
}

.employee-form-content {
  width: 30vw;
}
.employee-form-content .modal-sec-collapsible.expand .collapse-body {
  max-height: 550px !important;
}
.employee-form-content .modal-sec-collapsible.expand .collapse-body::-webkit-scrollbar-track {
  background: #e3e3e3 !important;
  border-radius: 6px !important;
}
.employee-form-content .modal-sec-collapsible.expand .collapse-body::-webkit-scrollbar {
  width: 8px !important;
}
.employee-form-content .modal-sec-collapsible.expand .collapse-body::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}

.check-list-tab .ant-tabs-nav {
  margin-left: 0px !important;
}

.edit-roles-job-view {
  text-align: right;
  padding-right: 26px;
  cursor: pointer;
}
.edit-roles-job-view .material-icons {
  font-size: 18px;
}

.emailTitle {
  display: none;
}

.span-highlight {
  background: #fac238;
  padding: 5px 10px;
  border-radius: 7px;
}

.web-select {
  background: #fac238;
  padding: 5px 10px;
  border-radius: 7px;
}

.language-edit-view-page .order-nav {
  padding: unset !important;
}

.main-title {
  font-size: 22px;
  color: #15bef0;
  font-weight: 600;
  text-transform: capitalize;
}

.languageEdit .language-search {
  position: relative;
  background-color: #fff;
  align-items: baseline;
  padding: 40px 40px 15px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
}
.languageEdit .language-search .search-filter {
  margin-left: auto;
}
.languageEdit .language-search .sub-text {
  margin-top: 5px !important;
}
.languageEdit .search-area-deduct {
  width: 98vw;
}
.languageEdit .search-area-deduct .search-filter {
  margin-right: 100px;
}
.languageEdit .treeView {
  padding: 20px 70px 20px;
  height: calc(100vh - 260px);
  overflow: hidden;
  overflow-y: scroll;
}
.languageEdit .treeView .form-group {
  position: unset;
  margin-top: auto;
  margin-bottom: auto;
}
.languageEdit .lang-table .lang-item {
  display: grid;
  grid-template-columns: 50px 15vw 30vw;
  margin-bottom: 10px;
  gap: 20px;
  align-items: baseline;
  align-content: center;
  justify-content: center;
}
.languageEdit .warning-alert {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  padding: 6px;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.languageEdit .warning-alert .material-icons {
  font-size: 19px !important;
  padding-right: 5px;
  padding-left: 5px;
}
.languageEdit .input-text-label {
  border: none;
  word-wrap: break-word;
  resize: none;
  min-height: auto !important;
}
.languageEdit .input-text-label:focus {
  border: 0;
  outline: none;
}
.languageEdit .new-language-add-form {
  margin-bottom: 100px;
}
.languageEdit .control-icon .material-icons {
  color: #ffffff;
}

.dashboard-top-sec {
  height: 345px !important;
  background-image: url(https://qa.dev.bluetag.no/assets/img/landing-cover.jpg) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: 0px -26px !important;
}

.job-specific-drones {
  background: #ffffff;
  border: 1px solid #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 15px;
  margin-top: 20px;
}

.drones-area {
  padding-left: 70px;
}

.drones-container {
  padding: 0px !important;
  display: flex !important;
  flex-flow: wrap;
  page-break-inside: avoid;
}
.drones-container .drone-card {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px solid #d9d9d9;
  margin-right: 15px;
  margin-bottom: 15px;
  width: 240px;
  border-radius: 5px;
}
.drones-container .drone-card .dron-icon {
  height: 80px;
  width: 80px;
  border-radius: 5px;
}
.drones-container .drone-card .drone-info {
  overflow: hidden;
  padding: 10px;
  padding-bottom: 0px;
  padding-top: 0px;
}
.drones-container .drone-card .drone-info .drone-spec-details {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
}
.drones-container .drone-card .drone-info .drone-name {
  font-size: 15px;
  font-weight: 600;
  overflow-wrap: break-word;
  inline-size: 114px;
  writing-mode: horizontal-tb;
}
.drones-container .drone-card .drone-info .drone-number,
.drones-container .drone-card .drone-info .drone-serial-number {
  color: #8d8d8d;
  font-size: 13px;
}
.drones-container .drone-card.active {
  background-color: #fff;
}
.drones-container .drone-card.inactive {
  background-color: #ffd1db;
  color: #9b9b9b;
}
.drones-container .drone-card.inactive img {
  filter: blur(0.5px) grayscale(1);
}
.drones-container .drone-card-with-action-btn .remove-act-btn {
  position: absolute;
  top: 2px;
  right: 2px;
  cursor: pointer;
}
.drones-container .drone-card-with-action-btn .remove-act-btn:hover {
  color: red;
}
.drones-container .drone-card-with-action-btn .select-drone-checkbox {
  position: absolute;
  top: 6px;
  right: 0px;
}
.drones-container .drone-card-with-action-btn .select-drone-checkbox label::after {
  border: 2px solid #15bef0;
}

.main-nav a:has(.badge-menu-iteam) {
  display: flex !important;
  align-items: center;
  gap: 0px 5px;
  justify-content: end;
}

.badge-menu-iteam {
  display: inline-block;
  padding: 3px 5px 3px 5px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #ff7703;
}

.column {
  flex-direction: column;
}

.incharge-switch.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 12px - 2px) !important;
}

.company-settings-form {
  height: calc(100vh - 115px);
}
.company-settings-form .c-s-inner-area {
  padding-left: 30px;
}
.company-settings-form .c-s-inner-area .c-s-scroll-area {
  height: calc(100vh - 273px);
  overflow-x: hidden;
  scrollbar-gutter: stable;
}
.company-settings-form .c-s-inner-area .c-s-scroll-area .inline-form-group {
  margin-left: unset;
  margin-right: unset;
  align-items: center;
}
.company-settings-form .company-settings-label {
  min-width: 250px;
}

.bcc-toggle .ant-collapse-header {
  padding: 0px !important;
}
.bcc-toggle .ant-collapse-header .ant-collapse-header-text {
  color: #7e7e7e;
  font-weight: 600;
}
.bcc-toggle .ant-collapse-content .ant-collapse-content-box {
  padding-left: 0px !important;
}
.bcc-toggle .ant-collapse-expand-icon span {
  background: #15bef0;
  color: #fff;
  padding: 3px;
  border-radius: 50%;
}

.not-salaried-employee-label {
  padding: 5px;
  background-color: #e25c00;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}

.suspense-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 95vh;
}

.suspense-animation {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}

.suspense-animation div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #15bef0;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.suspense-animation div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}

.suspense-animation div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}

.suspense-animation div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}

.suspense-animation div:nth-child(4) {
  left: 56px;
  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(24px, 0);
  }
}
.icon-red {
  color: #d77777 !important;
}

.gptChatIcon {
  width: 35px;
  height: 35px;
}
.gptChatIcon::before {
  width: 35px;
  height: 35px;
  content: "";
  position: absolute;
  background-size: cover;
  background-position: 0px -182px;
  background-image: url(https://qa.dev.bluetag.no/assets/img/side-menu-icons.png);
}

.gptChatIcon-loader {
  width: 35px;
  height: 35px;
}
.gptChatIcon-loader::before {
  width: 35px;
  height: 35px;
  content: "";
  position: absolute;
  background-size: cover;
  background-position: 0px -182px;
  background-image: url(https://qa.dev.bluetag.no/assets/img/side-menu-icons.png);
  animation: rotateE 10s infinite linear;
}

@keyframes rotateE {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.bg-light-blue {
  background-color: rgba(187, 243, 243, 0.6509803922) !important;
}

.pilotlog-file-container {
  justify-content: center;
}

.warning-alert {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  padding: 6px;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
  border-radius: 7px;
}
.warning-alert .material-icons {
  font-size: 19px !important;
  padding-right: 5px;
  padding-left: 5px;
}

.drone-file-container {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.drone-file-container .log-file,
.drone-file-container .not-assigned-log-file {
  flex: 0 0 calc(33.33% - 20px);
}

.drone-container .no-records-message {
  text-align: center;
}

.bank-rconcile-main-invoice-listing {
  min-height: auto;
  background: #f5f5f5;
}

.bank-reconcile-wrapper .selected-reconcile-row {
  background: #cfdaf5;
}
.bank-reconcile-wrapper .fixArea {
  position: relative;
}
.bank-reconcile-wrapper .fixArea .invoiceType .filter-options {
  height: 37px;
  box-shadow: unset !important;
}
.bank-reconcile-wrapper .fixArea .invoiceType .filter-options .filter-item {
  height: 33px;
}
.bank-reconcile-wrapper .fixArea .invoiceType .filter-options .filter-item select {
  height: 34px;
}
.bank-reconcile-wrapper .fixArea .br-co {
  background: #cff2ff;
}
.bank-reconcile-wrapper .fixArea .br-co .br-filter-container {
  min-width: 550px;
  width: 50%;
}
.bank-reconcile-wrapper .fixArea .br-co .br-filter-container.br-right .filter-section {
  padding-left: 0px;
}
.bank-reconcile-wrapper .fixArea .select-supplier .react__searchable,
.bank-reconcile-wrapper .fixArea .bankAccountNumber .react__searchable {
  margin-bottom: 0px !important;
}
.bank-reconcile-wrapper .fixArea .select-supplier .react__searchable [class$=-control],
.bank-reconcile-wrapper .fixArea .bankAccountNumber .react__searchable [class$=-control] {
  border-color: #15bef0 !important;
}
.bank-reconcile-wrapper .fixArea .select-supplier .react__searchable [class$=-ValueContainer] {
  min-width: 210px;
}
.bank-reconcile-wrapper .scroll-container {
  height: calc(97vh - 260px) !important;
  overflow: hidden;
  overflow-y: scroll;
}
.bank-reconcile-wrapper .br-footer {
  padding-right: 55px;
}

.notification-assignee-listing {
  padding: 10px 10px 10px 0px;
}
.notification-assignee-listing .notification-assignee-label {
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 10px;
}
.notification-assignee-listing .notification-assignee-card {
  width: auto;
  padding: 5px;
  border: 1px solid #ffffff;
  background-color: white;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  border-radius: 5px;
}
.notification-assignee-listing .notification-assignee-card .assignee-icon {
  font-size: 18px;
}
.notification-assignee-listing .notification-assignee-card .remove-assignee-btn {
  color: #ff0000;
  opacity: 0.6;
  width: 20px;
  height: 20px;
  padding: 2px;
  font-size: 18px;
  border-radius: 50%;
  cursor: pointer;
}
.notification-assignee-listing .notification-assignee-card .remove-assignee-btn:hover {
  opacity: 1;
}
.notification-assignee-listing .notification-assignee-card .assignee-name {
  display: flex;
  align-items: center;
}

.isThirdpartyUser {
  margin-left: auto !important;
}

.gpm-value {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 36px;
  padding: 0 10px;
  background-color: #e7edf7;
}

.bank-recon-table {
  max-height: 50vh;
}

.ac-no-dropdown .css-1fdsijx-ValueContainer {
  font-size: 12px;
  color: #19193e;
}

.newslettter-attachment {
  padding: 0 10px;
}
.newslettter-attachment .card-view {
  height: 160px !important;
}
.newslettter-attachment .card-view-image {
  width: 100%;
}
.newslettter-attachment .card-view-image .fit-to-container {
  height: 100%;
}

.btn-fit-content {
  width: fit-content !important;
}

.bank-reconcile-scroll-area {
  max-height: calc(100vh - 441px);
  overflow-y: scroll;
}

.bank-reconcile-scroll-area::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

.bank-reconcile-scroll-area::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

.bank-reconcile-scroll-area::-webkit-scrollbar-thumb {
  background-color: #8b8f95;
  border: 2px solid #8b8f95;
}

.sales-article-show-price-currency-code {
  display: flex;
  justify-content: space-between;
}

.view-franchise-media-popup {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-radius: unset !important;
  padding: 20px;
}
.view-franchise-media-popup .videoTag {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.view-franchise-media-popup .videoTag.black {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.view-franchise-media-popup .upload-file-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  margin-bottom: 0px !important;
}
.view-franchise-media-popup .site-image {
  border-radius: 0px !important;
  width: 100%;
  height: auto !important;
  border-radius: unset !important;
}
.view-franchise-media-popup .site-image img {
  width: 100%;
}
.view-franchise-media-popup .player-video {
  position: relative !important;
  max-height: fit-content !important;
  border-radius: unset !important;
}
.view-franchise-media-popup .info-container {
  padding: 24px 0px 10px;
}
.view-franchise-media-popup .info-container .wrap-title {
  max-width: 200px;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.view-franchise-media-popup .fileName {
  margin-bottom: unset !important;
}
.view-franchise-media-popup .title {
  font-weight: 600;
}
.view-franchise-media-popup .editbtn {
  border-radius: 5px;
}

/*site-management*/
.site-card, .view-franchise-media-popup {
  border-radius: 10px;
  max-height: 410px;
  min-height: 410px;
}
.site-card .site-image, .view-franchise-media-popup .site-image {
  width: 100%;
  height: 180px;
  min-height: 180px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.site-card .site-image.no-image, .view-franchise-media-popup .site-image.no-image {
  background-color: #cecece;
}
.site-card:hover, .view-franchise-media-popup:hover {
  cursor: pointer;
}
.site-card .site-manager-action-btns, .view-franchise-media-popup .site-manager-action-btns {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.site-card .site-link, .view-franchise-media-popup .site-link {
  color: #707cff;
  text-decoration: underline;
  word-break: break-all;
}
.site-card .site-desc, .view-franchise-media-popup .site-desc {
  max-height: 60px;
  min-height: 60px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.site-card {
  border-radius: 10px !important;
}

.no-recievers-checkbox .ant-checkbox-inner {
  border: 1px solid #ff0000 !important;
}

.no-recievers {
  border: 1px solid #ff0000 !important;
}

.datepicker .filter-options {
  width: 235px;
}

.email-deleteAll-showAll {
  display: flex;
  justify-content: start;
  flex-grow: 1;
}

.email-employee-name {
  cursor: pointer;
  text-decoration: underline;
  color: #15bef0 !important;
}

.header-first-item {
  margin-left: auto !important;
}
.header-first-item .material-icons {
  line-height: 0.8;
}

.appQRArea {
  margin-left: unset !important;
}

.email-client-assignee-card {
  background-color: #e9e9e9 !important;
  cursor: pointer;
}

.img-100-fix {
  width: 100%;
}

.company-email-listing-bg {
  background: none;
}

.freeze-header {
  position: sticky;
  width: 100%;
  top: 100px;
  z-index: 1;
}
.freeze-header .title-section, .freeze-header .company-email-listing-bg {
  background: #cff2ff;
}

.assignee-note {
  margin: 4px 0px;
  padding: 4px 5px;
  font-size: 11px;
  width: max-content;
  border-radius: 5px;
  background-color: #ffdde4;
}

.no-records-rc {
  border-bottom: 0;
  text-align: center;
}

.manage-category-popup .table-wrapper .table-body {
  max-height: calc(100vh - 390px) !important;
  overflow-y: scroll !important;
}
.manage-category-popup .table-wrapper .table-body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
.manage-category-popup .table-wrapper .table-body::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}
.manage-category-popup .table-wrapper .table-body::-webkit-scrollbar-thumb {
  background-color: #8b8f95;
  border: 2px solid #8b8f95;
}

.salesArtical-formPopup {
  min-width: 700px;
}
.salesArtical-formPopup .sa-label-color {
  color: #333333 !important;
}
.salesArtical-formPopup .ant-modal-body .ant-switch {
  margin-bottom: 10px;
  height: 25px;
  line-height: 22px !important;
}
.salesArtical-formPopup .ant-modal-body .ant-switch .sa-label-color {
  color: #333333 !important;
}
.salesArtical-formPopup .ant-modal-body .ant-switch .ant-switch-handle {
  width: 19px;
  height: 19px;
}
.salesArtical-formPopup .ant-modal-body .ant-switch .ant-switch-inner {
  text-transform: capitalize;
  font-weight: 300;
}
.salesArtical-formPopup .ant-modal-body .ant-switch.ant-switch-checked {
  background-color: #15bef0 !important;
}
.salesArtical-formPopup .ant-modal-body .ant-switch.ant-switch-checked:focus {
  box-shadow: unset !important;
}
.salesArtical-formPopup .ant-modal-body .salesArtical-details {
  padding: 0px 10px;
}
.salesArtical-formPopup .ant-modal-body .ktv-salesArticale-toggle-area {
  background-color: #e6e6e6;
  padding: 12px;
  border-radius: 4px;
}
.salesArtical-formPopup .ant-modal-body .ktv-salesArticale-toggle-area .inline-form-group {
  justify-content: space-around;
  align-items: flex-end;
}
.salesArtical-formPopup .ant-modal-body .ktv-salesArticale-toggle-area .add-btn-primary {
  margin-bottom: 4px;
  margin-right: 10px;
  justify-content: start;
}
.salesArtical-formPopup .ant-modal-body .ktv-salesArticale-toggle-area .add-btn-primary .badge {
  width: 32px;
  height: 32px;
  box-shadow: none !important;
  padding: 6px;
}
.salesArtical-formPopup .ant-modal-body .ktv-salesArticale-toggle-area .add-btn-primary .badge i {
  font-size: 18px;
  font-weight: bold;
}
.salesArtical-formPopup .ant-modal-body .ktv-salesArticale-toggle-area .add-btn-primary span:nth-child(2) {
  margin-left: 8px;
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  color: #526270;
}
.salesArtical-formPopup .ant-modal-body .ktv-salesArticale-toggle-area .sa-attachments {
  flex-direction: column;
  align-items: flex-start !important;
}
.salesArtical-formPopup .ant-modal-body .ktv-salesArticale-toggle-area .sa-attachments .btn-small {
  width: 61px;
  margin-left: 5px;
}
.salesArtical-formPopup .ant-modal-body .ktv-salesArticale-toggle-area .sa-attachments .sa-link-input {
  width: 95%;
}
.salesArtical-formPopup .ant-modal-body .ktv-salesArticale-toggle-area .sa-attach-btn .btn-circle {
  width: 32px;
  height: 32px;
  background: #15bef0;
  margin-right: 10px;
}
.salesArtical-formPopup .ant-modal-body .ktv-salesArticale-toggle-area .sa-attach-btn .btn-circle i {
  color: #fff;
}
.salesArtical-formPopup .ant-modal-body .ktv-salesArticale-toggle-area .sa-attach-btn .sa-upload-label {
  margin-bottom: 0px !important;
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  color: #526270;
}
.salesArtical-formPopup .ant-modal-body .sa-switch .ant-switch {
  margin-top: 7px;
}
.salesArtical-formPopup .ant-modal-body .sa-attachment-preview .sa-video-url-listing {
  margin: 0;
}
.salesArtical-formPopup .ant-modal-body .sa-attachment-preview .sa-video-url-listing .table-row div {
  background-color: #e1e1e1;
  margin-bottom: 4px;
  border: none;
}
.salesArtical-formPopup .ant-modal-body .sa-attachment-preview .sa-video-url-listing .table-row div:nth-child(1) {
  width: 50px;
}
.salesArtical-formPopup .ant-modal-body .sa-attachment-preview .sa-video-url-listing .table-row div:nth-child(2) {
  width: 100%;
}
.salesArtical-formPopup .ant-modal-body .sa-attachment-preview .sa-video-url-listing .table-row div:nth-child(3) {
  width: 50px;
}
.salesArtical-formPopup .ant-modal-body .sa-attachment-preview .sa-video-url-listing .table-row {
  border-left: none;
}
.salesArtical-formPopup .ant-modal-body .sa-attachment-preview .sa-video-url-listing .table-body {
  background: transparent;
}
.salesArtical-formPopup .ant-modal-body .sa-attachment-preview .sa-video-url-listing .sa-url-text {
  width: calc(100% - 100px);
  text-decoration: underline;
}
.salesArtical-formPopup .ant-modal-body .sa-attachment-preview .sa-video-url-listing .icon-btn {
  color: #526270;
}
.salesArtical-formPopup .ant-modal-body .sa-attachment-preview .newslettter-attachment {
  justify-content: flex-start;
}
.salesArtical-formPopup .ant-modal-body .sa-attachment-preview .newslettter-attachment .card-view {
  width: 90% !important;
  margin: 0 5px 15px 0;
}
.salesArtical-formPopup .sa-col-container {
  margin-left: 10px;
  margin-right: 10px;
}
.salesArtical-formPopup .frequencyInDays {
  width: 70px;
}
.salesArtical-formPopup .frequencyInDays-group {
  max-width: 80px;
}
.salesArtical-formPopup .scheduleStartsOn-group {
  max-width: 177px;
}
.salesArtical-formPopup .scheduleStartsOn-group-without-job input {
  width: 150px;
}
.salesArtical-formPopup .line-label {
  margin-left: auto;
}
.salesArtical-formPopup .jobList-group {
  width: 65%;
  margin-left: 10px;
  margin-right: 10px;
}
.salesArtical-formPopup .jobList-group [class$=-control] {
  min-height: 35px !important;
}
.salesArtical-formPopup .jobList-group [class$=-control] [class$=-ValueContainer] {
  padding: 0px 8px;
}
.salesArtical-formPopup .jobList-group [class$=-control] [class$=-indicatorContainer] {
  padding: 6px;
}
.salesArtical-formPopup .jobList-group [class$=-menu] {
  margin-bottom: 20px;
}
.salesArtical-formPopup .scheduleType-group {
  width: 110px;
}
.salesArtical-formPopup .ktv-sales-article-tabs .ant-tabs-tab-active {
  background-color: #cff2ff !important;
}
.salesArtical-formPopup .ktv-sales-article-tabs .ant-tabs-top > .ant-tabs-nav {
  margin: 0px !important;
}
.salesArtical-formPopup .ktv-sales-article-tabs .ktv-salesArticale-toggle-area {
  padding-top: 16px;
}
.salesArtical-formPopup .ktv-sales-article-tabs .sa-attachment-preview .webshop-tech-file-attach .file-container {
  display: flex !important;
  flex-wrap: wrap !important;
  overflow-x: hidden;
}
.salesArtical-formPopup .ktv-sales-article-tabs .sa-attachment-preview .webshop-tech-file-attach .file-container .file {
  width: calc(36% - 30px);
}

.custom-sticky-header-ci {
  position: sticky;
  top: 98px;
  z-index: 100;
}

.report-textarea {
  height: auto !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.language-translation .ant-tabs-content {
  top: 50px;
}
.language-translation .ant-tabs-content .order-view {
  top: unset;
}
.language-translation .ant-tabs-tab:hover {
  color: #6d6f72 !important;
}

.report-type-legend {
  margin-left: 10px;
}

.drone-report-label {
  font-size: 13px !important;
  color: #526270 !important;
}

.month-selected .vat-status label {
  color: #fff;
}

.vat-status {
  justify-content: space-between;
  padding: 5px 0px;
  font-size: 12px;
  align-items: center;
}
.vat-status label {
  padding-left: 3px;
}

.ant-tabs-content {
  z-index: 10;
}

.webshop-popup {
  top: 130px !important;
}

.item-popup .ant-modal-title {
  text-transform: uppercase;
}

.color-switch {
  opacity: 1 !important;
  margin-left: 50px;
}

.amount-with-currencyCode {
  display: flex !important;
  justify-content: space-between !important;
}

.text-wrap, .text-with-spaces {
  overflow-wrap: break-word;
  line-height: unset !important;
  overflow-x: hidden !important;
  overflow-y: clip !important;
  margin: unset !important;
  align-items: center;
  white-space: pre-wrap !important;
  min-width: 88px;
}
.text-wrap p, .text-with-spaces p {
  margin-bottom: 0 !important;
}

.text-no-spaces {
  word-break: break-word;
  white-space: pre-wrap !important;
  overflow-wrap: break-word;
  line-height: unset !important;
  overflow-x: hidden !important;
  overflow-y: clip !important;
  margin: unset !important;
  align-items: center;
  min-width: 88px;
}

.linked-email {
  cursor: pointer;
  word-break: break-all;
  width: fit-content;
}

.has-webshop {
  display: flex;
  width: 100% !important;
  margin: 0;
  padding: 0 !important;
  border: none !important;
  justify-content: space-between;
}
.has-webshop .anticon {
  font-size: 18px;
  color: #15bef0;
}

.vat-label {
  height: 36px;
}

.balance-amount-val {
  margin-top: 0;
  display: flex;
  align-items: center;
  height: 36px;
}

.trail-balance-filter-date {
  width: 180px;
}

.font-19 {
  font-size: 19px;
}

.user-agreement-info {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  height: 90vh;
}
.user-agreement-info li {
  list-style: inherit !important;
}
.user-agreement-info .agreement-view {
  height: 90vh;
}
.user-agreement-info .agreement-view .agreement-desc {
  column-count: 2;
  column-gap: 30px;
  text-align: justify;
  max-height: calc(90vh - 110px);
  overflow-y: scroll;
  overflow-x: hidden;
}
.user-agreement-info .agreement-view .agreement-desc::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
.user-agreement-info .agreement-view .agreement-desc::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}
.user-agreement-info .agreement-view .agreement-desc::-webkit-scrollbar-thumb {
  background-color: #8b8f95;
  border: 2px solid #8b8f95;
}

.tec-email-lable {
  width: auto;
  align-self: baseline;
  min-width: fit-content;
}

.tec-email:hover {
  text-decoration: underline;
}

.has-error input[type=checkbox] + label::after {
  border: 1px solid #ff0000 !important;
}

.user-agreement ol {
  counter-reset: item;
}
.user-agreement li {
  display: block;
}
.user-agreement li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
}
.user-agreement .bold::after {
  font-weight: bold;
}
.user-agreement li span {
  font-weight: normal;
}
.user-agreement .list-items {
  padding-top: 5px;
  margin-left: 20px !important;
}

.accept-agreement {
  color: rgba(0, 0, 0, 0.8509803922) !important;
  font-weight: bold;
}

.user-terms {
  margin-top: 10px;
  font-weight: bold;
}

.no-ellipsis {
  text-overflow: unset !important;
}

.wrap-description {
  width: 100% !important;
  display: flex;
  align-items: start;
  padding: 0 !important;
  min-height: 13px !important;
}

.google-calendar-form {
  overflow-y: visible !important;
}
.google-calendar-form .tox-tinymce {
  min-height: 300px !important;
}

.debit-note-popup .error-vatNotMatching {
  margin-top: 10px;
}

.red-btn {
  background: #db8080 !important;
  color: #fff !important;
}

.invoice-has-comment {
  color: #0bb016 !important;
}

.font-12 {
  font-size: 12px;
}

.no-border-input {
  border: none !important;
}
.no-border-input:hover {
  border: none !important;
  box-shadow: none !important;
}

.transparent-label {
  color: transparent !important;
}

.equipment-page-theme .email-area-container {
  padding: 10px 52px 10px 40px !important;
}

/*temporary hiding email main listing navigation */
#email-main-listing-nav {
  display: none;
}

.webshop-fullscreen-btn {
  font-size: 24px;
  background: #15bef0;
  border-radius: 50%;
  padding: 2px;
  color: #fff;
  position: absolute;
  right: 25px;
  padding: 6px;
  width: 36px;
  height: 36px;
  opacity: 0.5;
}
.webshop-fullscreen-btn:hover {
  opacity: 1;
}

.figure_16pg94n {
  background: #fff !important;
}

.bouncingLoader_1sv27e6 > div {
  width: 20px !important;
  height: 20px !important;
  background: rgb(35, 33, 33) !important;
}

.item-detail-view-popup {
  top: 90px !important;
}

.attachment-icon {
  transform: scaleX(-1);
  rotate: -45deg;
  font-size: 20px !important;
}

.drone-log-details-wrapper h2 {
  margin-bottom: 15px !important;
}
.drone-log-details-wrapper .log-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.drone-log-details-wrapper .log-details p {
  width: 50%;
}

.max-width-50 {
  max-width: 50%;
}

.checkbox-with-label input {
  cursor: pointer !important;
}

.f-10 {
  font-size: 10px !important;
}

.bank-ac-no {
  padding: 0 2px;
  border-radius: 2px;
  font-weight: 600;
}

.card-view.signature p {
  margin-bottom: unset;
}

.f-10 {
  font-size: 10px !important;
}

.supplier-has-no-email-warring {
  padding: 7px;
  border-radius: 4px;
  margin-bottom: 10px;
  text-wrap: wrap;
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.height-20 {
  height: 20px;
}

.height-170 {
  height: 170px;
}

.empty-comment {
  height: 140px;
}

.emp-signature .tox-statusbar {
  border-top: 0 !important;
}
.emp-signature .tox-tinymce {
  min-height: 200px;
  border: 0;
}

.space-between {
  justify-content: space-between;
}

.procedure-listing .card .ant-skeleton-element {
  width: 100%;
}

.google-calendar .rbc-event-label {
  display: none;
}
.google-calendar .rbc-toolbar > .rbc-btn-group:nth-child(3) > :nth-child(2) {
  text-indent: unset;
  transform: none;
  width: auto !important;
  border-radius: 4px !important;
  font-size: 11px !important;
}
.google-calendar .rbc-toolbar > .rbc-btn-group:nth-child(3) > :nth-child(2)::before, .google-calendar .rbc-toolbar > .rbc-btn-group:nth-child(3) > :nth-child(2)::after {
  content: none;
}
.google-calendar .rbc-off-range {
  color: transparent !important;
  pointer-events: none;
}
.google-calendar .rbc-off-range-bg {
  background: none !important;
}

.tag-input-feild {
  display: flex;
  align-items: center;
}
.tag-input-feild input {
  height: 25px !important;
}

.overdue-customer-invoice-tab .ant-tabs-nav {
  margin: 0px !important;
}
.overdue-customer-invoice-tab .ant-tabs-tab-active {
  background: #cff2ff !important;
  border-bottom-color: #cff2ff !important;
}
.overdue-customer-invoice-tab .filter-section {
  background: #cff2ff !important;
  padding: 10px !important;
}

.form-next-prev {
  display: none;
  margin-left: 24px;
  margin-top: 15px;
  gap: 20px;
}
.form-next-prev .btn {
  color: #fff;
  background-color: #526270;
  border-color: #526270;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.01rem 0.75rem;
  font-size: 1rem;
  border-radius: 3px;
  line-height: 1.5;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-next-prev .btn:hover {
  background-color: #555758;
  transform: scale(1.1);
}

.photo-viewer-container, .photo-viewer-container img, .pdf-viewer-container {
  width: 100%;
  height: auto;
}

.photo-viewer-container {
  width: auto !important;
  height: auto !important;
}
.photo-viewer-container img {
  max-width: 90% !important;
  height: auto !important;
  max-height: 90%;
}

.pg-viewer {
  overflow: visible !important;
  width: 100%;
  height: 100%;
  justify-content: center;
}
.pg-viewer:has(#docx) {
  overflow: auto !important;
}
.pg-viewer .video-container video {
  max-width: 80%;
}

.pdf-viewer-container {
  height: 100%;
}
.pdf-viewer-container .pdf-viewer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-items: center;
  width: 100%;
  color: #fff;
}
.pdf-viewer-container .pdf-viewer:nth-child(1) {
  margin-top: 20px !important;
}
.pdf-viewer-container .pdf-viewer .pdf-canvas {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pdf-viewer-container .pdf-viewer .pdf-canvas canvas {
  max-width: 500px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.file-viewer-component {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-viewer-component .overlay {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.file-viewer-component .overlay .top-bar {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding: 16px 16px 6px 16px;
}
.file-viewer-component .overlay .top-bar .close-btn, .file-viewer-component .overlay .top-bar .close-btn-pdf {
  cursor: pointer;
  user-select: none;
  background-color: rgba(255, 255, 255, 0.6);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-viewer-component .overlay .top-bar .close-btn:hover, .file-viewer-component .overlay .top-bar .close-btn-pdf:hover {
  transform: scale(1.2);
  background-color: #fff;
}
.file-viewer-component .overlay .card-view-details, .file-viewer-component .overlay .card-view-actions {
  display: none;
}
.file-viewer-component .overlay .file-container, .file-viewer-component .overlay .pg-viewer-wrapper {
  width: 100%;
  height: 95%;
}
.file-viewer-component .overlay .card-view {
  border: 0;
  background: unset;
}
.file-viewer-component .overlay .card-view:hover, .file-viewer-component .overlay .card-view:after {
  background: none;
  border-color: unset;
}
.file-viewer-component .overlay .card-view .card-view-image {
  height: 100%;
}
.file-viewer-component .file-container {
  position: relative;
  z-index: 1000;
  align-items: center;
}

.pg-viewer-wrapper {
  overflow-y: unset !important;
  max-width: 80%;
  margin: 0 auto;
}
.pg-viewer-wrapper:has(.pdf-viewer-container), .pg-viewer-wrapper:has(.document-container) {
  max-width: 100% !important;
}
.pg-viewer-wrapper .pg-viewer {
  flex-grow: unset !important;
  display: flex;
  width: 100%;
  margin: 0 auto;
  overflow: auto;
}
.pg-viewer-wrapper .pg-viewer::-webkit-scrollbar {
  width: 12px;
}
.pg-viewer-wrapper .pg-viewer::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.pg-viewer-wrapper .pg-viewer::-webkit-scrollbar-thumb {
  background: #888;
}
.pg-viewer-wrapper .pg-viewer::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.has-franchisee {
  padding: 10px 0;
}

.vat-reg-num {
  max-width: 300px;
}

.transaction-report-sub-title {
  margin: 10px 50px 0 !important;
  font-weight: bold;
}

.ot-popup .formLeft {
  max-width: 600px !important;
  margin: 0 auto;
}

#app {
  background-color: unset !important;
}

.salary-rejected-reason-div {
  padding: 15px 35px 15px 41px;
  justify-content: space-between;
  align-items: center;
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.salary-rejected-reason-div .salary-rejected-text {
  max-width: 90%;
}

.disabled-draggable-item span {
  height: 32px !important;
}

.personal-profile-folder-sec .catalogue-container {
  display: flex !important;
  flex-direction: column;
}
.personal-profile-folder-sec .catalogue-container .file-area {
  display: flex;
  flex-direction: column;
}
.personal-profile-folder-sec .catalogue-container .file-area .file-container:nth-child(2) {
  display: flex !important;
}

.jb-agreement {
  max-height: calc(90vh - 140px) !important;
}

.fix-to-view {
  padding: 10px 30px;
  margin-bottom: 20px;
}

.error-email-list {
  display: flex;
  flex-direction: column;
}
.error-email-list .error-email {
  display: flex;
  flex-direction: column;
}
.error-email-list .error-email span {
  color: #f44336;
  border-bottom: 1px solid #ede7e7;
}
.error-email-list .msg {
  margin-top: 10px;
  font-weight: bold;
}

.white-space-pre {
  white-space: pre;
}

.jd-procedures .file-container:has(.procedure-icon-card) {
  gap: 20px;
}

.procedure-icon-card {
  display: flex;
  width: 22%;
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: unset;
  white-space: nowrap;
  gap: 4px;
}
.procedure-icon-card .icon-area i {
  font-size: 2.5rem;
  color: #717171;
}
.procedure-icon-card .info-area {
  width: 94%;
}
.procedure-icon-card .info-area .card-title .card-info {
  padding-top: 6px;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 90%;
}

.email-ai-drawer-custom .ant-drawer-close {
  background: #fff0f0;
}
.email-ai-drawer-custom .ant-drawer-close .anticon-close {
  color: #ff0000;
}

.risk-attachments {
  display: flex;
  flex-wrap: wrap;
}
.risk-attachments .card-view {
  width: calc(33% - 20px) !important;
}

.risk-attachments-view {
  display: flex;
  flex-wrap: wrap;
}
.risk-attachments-view .card-view {
  width: calc(15% - 20px) !important;
}

.vat-folder-sec {
  padding-top: 10px !important;
}
.vat-folder-sec .ov-wrapper {
  padding: 20px !important;
  background: #eeecec;
}
.vat-folder-sec .header {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding-left: 30px;
  background-color: #7b7a7a;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.vat-folder-sec .header .title {
  align-items: center;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  color: #fff;
  margin-bottom: unset;
}

/* home page */
.dashboard-top-sec {
  height: 300px;
  width: 100%;
}

.main-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 170px;
  justify-content: center;
}
.main-nav .nav-sec {
  flex: 0 0 17%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.main-nav .nav-sec:hover {
  z-index: 1;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}
.main-nav .nav-sec h4.nav-sec-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #19193e;
  font-size: 14px;
  font-weight: 700;
  padding: 52px 0 12px 15px;
  border-bottom: 1px solid #cacaca;
}
.main-nav .nav-sec h4.nav-sec-title span {
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  margin-right: 12px;
}
.main-nav .nav-sec h4.nav-sec-title span[class="1000"] {
  background-image: url(https://qa.dev.bluetag.no/assets/img/menu-icons/menu-icon-1.svg);
}
.main-nav .nav-sec h4.nav-sec-title span[class="2000"] {
  background-image: url(https://qa.dev.bluetag.no/assets/img/menu-icons/menu-icon-2.svg);
}
.main-nav .nav-sec h4.nav-sec-title span[class="3000"] {
  background-image: url(https://qa.dev.bluetag.no/assets/img/menu-icons/menu-icon-3.svg);
}
.main-nav .nav-sec h4.nav-sec-title span[class="4000"] {
  background-image: url(https://qa.dev.bluetag.no/assets/img/menu-icons/menu-icon-4.svg);
}
.main-nav .nav-sec h4.nav-sec-title span[class="5000"] {
  background-image: url(https://qa.dev.bluetag.no/assets/img/menu-icons/menu-icon-5.svg);
}
.main-nav .nav-sec h4.nav-sec-title span[class="6000"] {
  background-image: url(https://qa.dev.bluetag.no/assets/img/menu-icons/menu-icon-6.svg);
}
.main-nav .nav-sec ul > li {
  border-bottom: 1px solid #dedede;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.main-nav .nav-sec ul > li a {
  height: auto;
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #526270;
  padding: 15px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.main-nav .nav-sec ul > li a:hover {
  color: #ffffff;
  background: #0a2935;
}
.main-nav .nav-sec:nth-child(odd) {
  background: #f6fcff;
}
.main-nav .nav-sec:last-child {
  background: #e2e2e2;
}
.main-nav .nav-sec:last-child li {
  border-bottom: 1px solid #15bef0;
}
.main-nav .nav-sec:last-child li a {
  padding: 15px;
}
.main-nav .nav-sec:last-child .nav-sec-title {
  border-bottom: 1px solid #15bef0;
}
.main-nav [id="1901"] a, .main-nav [id="3700"] a, .main-nav [id="4800"] a, .main-nav [id="5500"] a, .main-nav [id="2900"] a {
  padding: 14px !important;
}
.main-nav [id="1901"] a i, .main-nav [id="3700"] a i, .main-nav [id="4800"] a i, .main-nav [id="5500"] a i, .main-nav [id="2900"] a i {
  font-size: 13px !important;
}

.order-nav {
  width: 300px;
  padding: 30px 0;
  background: #15bef0;
  position: relative;
  overflow: unset;
  transition: width 300ms cubic-bezier(0.2, 0, 0, 1) 0s;
}
.order-nav .show-all-module {
  padding: 20px 40px 25px;
}
.order-nav .btn-primary {
  width: 100%;
}

.nav-item {
  position: relative;
  color: #ffffff;
  font-size: 14px;
  height: 40px;
  margin: 0 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  letter-spacing: 0.03em;
  cursor: pointer;
  padding-left: 12px;
  z-index: 1;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.nav-item::after {
  content: "";
  position: absolute;
  background: #ff9c1d;
  left: 0;
  width: 0%;
  height: 100%;
  z-index: -1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: width 0.25s ease-in-out;
  -moz-transition: width 0.25s ease-in-out;
  -ms-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}
.nav-item .selected {
  position: absolute;
  background: #ff9c1d;
  width: 5px;
  height: 60%;
  left: 0;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  background-clip: padding-box;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.nav-item:hover::after {
  width: 120%;
}
.nav-item:hover .selected {
  height: 100%;
  background: #293744;
  top: 0;
}
.nav-item:hover .add-btn {
  visibility: visible;
}
.nav-item .nav-item-name {
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  text-transform: capitalize;
}

.add-btn {
  position: absolute;
  right: 0;
  left: 175px;
  top: 8px;
  visibility: hidden;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
@media only screen and (min-width: 1537px) {
  .add-btn {
    left: 183px;
  }
}

.delete-btn-left-menu {
  position: absolute;
  right: 0;
  left: 175px;
  top: 8px;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
@media only screen and (min-width: 1537px) {
  .delete-btn-left-menu {
    left: 183px;
  }
}

.order-view .nav-item .selected {
  bottom: 8px !important;
}

.toggle-container-show {
  position: absolute;
  right: 12px;
  top: 32px;
  transition: background-color 100ms linear 0s, color 100ms linear 0s, opacity 350ms cubic-bezier(0.2, 0, 0, 1) 0s;
}

.toggle-container-hide {
  position: absolute;
  right: 2px;
  top: 32px;
  transition: background-color 100ms linear 0s, color 100ms linear 0s, opacity 350ms cubic-bezier(0.2, 0, 0, 1) 0s;
}

.toggle-container-show-email-nav {
  position: fixed;
  z-index: 10;
  left: 302px;
  top: 187px;
  transition: background-color 100ms linear 0s, color 100ms linear 0s, opacity 350ms cubic-bezier(0.2, 0, 0, 1) 0s;
}

.toggle-container-hide-email-nav {
  position: fixed;
  z-index: 10;
  left: 24px;
  top: 187px;
  transition: background-color 100ms linear 0s, color 100ms linear 0s, opacity 350ms cubic-bezier(0.2, 0, 0, 1) 0s;
}

.toggle-container-show-email-container {
  position: absolute;
  z-index: 8;
  top: 72px;
  transition: background-color 100ms linear 0s, color 100ms linear 0s, opacity 350ms cubic-bezier(0.2, 0, 0, 1) 0s;
}

.toggle-container-hide-email-container {
  z-index: 10;
  top: 72px;
  left: 25px;
}
.toggle-container-hide-email-container::after {
  top: 97px;
  left: 18px;
}
.toggle-container-hide-email-container .toggle-button-right {
  top: 97px;
  left: 24px;
}

.toggle-button-left {
  background-color: #cff2ff;
  position: absolute;
  top: 23px;
  left: 0px;
  z-index: 2;
  border: 0px;
  border-radius: 50%;
  box-shadow: rgba(9, 30, 66, 0.08) 0px 0px 0px 1px, rgba(9, 30, 66, 0.08) 0px 2px 4px 1px;
  color: rgb(107, 119, 140);
  cursor: pointer;
  height: 24px;
  opacity: 1;
  outline: 0px;
  padding: 0px;
  transition: background-color 100ms linear 0s, color 100ms linear 0s, opacity 350ms cubic-bezier(0.2, 0, 0, 1) 0s;
  width: 24px;
  transform-origin: 7px center;
}

.toggle-button-right {
  background-color: #cff2ff;
  position: absolute;
  top: 23px;
  left: 0px;
  z-index: 2;
  transform: rotate(180deg);
  border: 0px;
  border-radius: 50%;
  box-shadow: rgba(9, 30, 66, 0.08) 0px 0px 0px 1px, rgba(9, 30, 66, 0.08) 0px 2px 4px 1px;
  color: rgb(107, 119, 140);
  cursor: pointer;
  height: 24px;
  opacity: 1;
  outline: 0px;
  padding: 0px;
  transition: background-color 100ms linear 0s, color 100ms linear 0s, opacity 350ms cubic-bezier(0.2, 0, 0, 1) 0s;
  width: 24px;
  transform-origin: 7px center;
}

.toggle-container-show-email-nav .toggle-button-left {
  top: 80px;
}

.toggle-container-hide-email-nav .toggle-button-right {
  top: 80px;
}

.toggle-button-left:hover, .toggle-button-right:hover {
  background: #ff9c1d;
  color: #fff;
}

.order-nav-hide {
  width: 20px;
  padding: 30px 0;
  background: #15bef0;
  position: relative;
  overflow: unset;
  transition: background-color 100ms linear 0s, color 100ms linear 0s, opacity 350ms cubic-bezier(0.2, 0, 0, 1) 0s;
}

.hide-all-module {
  display: none;
  transition: background-color 100ms linear 0s, color 100ms linear 0s, opacity 350ms cubic-bezier(0.2, 0, 0, 1) 0s;
}

.toggle-container-show::after, .toggle-container-hide::after,
.toggle-container-show-email-nav::after, .toggle-container-show-email-container::after {
  position: absolute;
  content: "";
  height: 2em;
  width: 2em;
  left: -3px;
  top: 21px;
  z-index: 1;
  background-color: transparent;
  border-radius: 50%;
  box-shadow: 0px 0px 2px 2px #ff9c1d;
  -webkit-animation: active 2s infinite linear;
  animation: active 2s infinite linear;
}

.toggle-container-show-email-nav::after {
  top: 77px;
}

.toggle-container-hide-email-nav::after {
  position: absolute;
  content: "";
  height: 2em;
  width: 2em;
  left: -13px;
  top: 78px;
  z-index: 1;
  background-color: transparent;
  border-radius: 50%;
  box-shadow: 0px 0px 2px 2px #ff9c1d;
  -webkit-animation: active 2s infinite linear;
  animation: active 2s infinite linear;
}

.toggle-container-hide-email-container::after {
  position: absolute;
  content: "";
  height: 2em;
  width: 2em;
  left: 11px;
  top: 96px;
  z-index: 1;
  background-color: transparent;
  border-radius: 50%;
  box-shadow: 0px 0px 2px 2px #ff9c1d;
  -webkit-animation: active 2s infinite linear;
  animation: active 2s infinite linear;
}

.toggle-container-hide::after {
  left: -13px !important;
}

@-webkit-keyframes grow {
  0% {
    -webkit-transform: scale(0.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes grow {
  0% {
    transform: scale(0.1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes active {
  0% {
    -webkit-transform: scale(0.1);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(2.5);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes active {
  0% {
    transform: scale(0.1);
    opacity: 1;
  }
  70% {
    transform: scale(2.5);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.main-container .view-page {
  position: relative;
  width: 100%;
  height: calc(100vh - 100px);
  display: flex;
  flex-direction: row;
  margin-top: -50px;
}
.main-container .view-page .navigation {
  height: 100%;
  min-height: 100%;
  display: block;
}
.main-container .view-page .content {
  overflow: auto;
  width: 100%;
}

.order-view {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: no-wrap;
  -moz-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  width: 100%;
  position: fixed;
  top: 50px;
  bottom: 0;
}

.order-main-container {
  position: relative;
}

.ov-sec {
  border-bottom: 1px solid #b9b9b9;
}
.ov-sec.sec-lg {
  background: #f2f2f2;
}

.order-top-sec {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-bottom: 1px solid #b9b9b9;
}
.order-top-sec .right-sec {
  background: #15bef0;
  width: 500px;
  margin-left: auto;
  padding-left: 30px;
  padding-right: 20px;
}
.order-top-sec .not-salaried-employee-bluepanel {
  width: 100%;
  min-height: 240px !important;
}

.left-sec {
  width: calc(100% - 400px);
}

.order-title {
  padding: 30px 50px 25px;
}
.order-title .main-title {
  font-size: 22px;
  color: #15bef0;
  font-weight: 600;
}
.order-title .sub-title {
  font-size: 15px;
  color: #526270;
  margin-bottom: 0;
}

.drone-sec {
  padding: 10px 50px;
}

.drone-title {
  padding-left: 57px !important;
  padding-bottom: 0px;
  min-height: 150px !important;
}

.drone-img img {
  width: 40%;
}

.customer-info-sec {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.customer-info-sec .c-i-main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.customer-info-sec .c-i-main .customer {
  width: 35%;
}
.customer-info-sec .c-i-main .document-View-customer {
  width: max-content;
  padding-right: 10px;
}
.customer-info-sec .c-i-main .main-contacts {
  width: max-content;
}
.customer-info-sec .main-contacts .main-contacts-person {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.customer-info-sec .main-contacts .main-contacts-person .contact-info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  padding-right: 10px;
  overflow: unset;
}

/* order view */
.c-i-ov {
  background: #cff2ff;
  width: 100%;
  padding: 20px 50px;
}

.jp-ov {
  width: 100%;
  padding: 20px 50px;
}
.jp-ov .flex-group .contact-info {
  width: 25%;
}

/* order documentation view */
.c-i-dv {
  padding: 30px 50px;
}
.c-i-dv .c-i-main {
  width: max-content;
}
.c-i-dv .main-contacts {
  border-left: 1px solid #fff;
  padding-left: 15px;
}
.c-i-dv .job-personnal .contact-group .flex-group {
  display: flex;
}
.c-i-dv .break-text {
  max-width: 125px;
  word-break: break-all;
}

.jp-dv {
  width: max-content;
  border-left: 1px solid #fff;
  padding-left: 15px;
}
.jp-dv .flex-group .contact-info {
  width: max-content;
}
.jp-dv .dv-cust {
  width: 45% !important;
}
.jp-dv .dv-cust .break-word {
  word-break: break-all;
}

.contact-group .contact-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 14px;
}
.contact-group .contact-title h2 {
  color: #ff9c1d;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.contact-group .contact-info {
  font-size: 12px;
  color: #526270;
  line-height: 18px;
}
.contact-group .contact-info i {
  color: #15bef0;
  font-size: 20px;
  margin-right: 6px;
}

.ov-sec-bg {
  background: #f2f2f2;
}

.ov-wrapper {
  padding: 30px 50px;
}
.ov-wrapper .title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 20px;
}
.ov-wrapper h2 {
  color: #15bef0;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
}
.ov-wrapper .sub-sec-title {
  font-size: 16px;
  color: #19193e;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.ov-wrapper .add-btn-primary {
  margin-bottom: 0;
  margin-left: 15px;
}
.ov-wrapper .filter-section {
  padding: 0;
  margin-bottom: 12px;
  background: transparent;
}
.ov-wrapper .table-legends {
  background: transparent;
  padding: 12px 0 0;
}

.bg-lo {
  background: #fdedd5;
  padding-top: 25px;
  padding-bottom: 20px;
}

.bg-lg {
  background: #f3f3f3;
}

.add-info-group .flex-input {
  width: 300px;
}
.add-info-group .flex-btn {
  margin-bottom: 0;
  margin-left: 40px;
}

.form-control.label-editable {
  margin-bottom: 6px;
  width: 50%;
}

.custome-form-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  background-color: #d9d9d9;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 25px;
}
.custome-form-group label {
  width: calc(100% - 28px);
  text-align: justify;
}
.custome-form-group .form-group {
  width: 100%;
}
.custome-form-group .close-btn-readonly {
  right: 4px !important;
}
.custome-form-group .icon-btn {
  position: absolute;
  top: 4px;
  right: -14px;
  padding: 0;
  width: 28px;
  height: 28px;
  color: #ff0000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.custome-form-group .icon-btn.btn-top-2 {
  top: 4px;
  right: 4px;
  opacity: 0.5;
}
.custome-form-group .icon-btn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.inner-table-title {
  font-size: 13px;
  color: #526270;
  height: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-left: 15px;
  border-color: #a9b3bb;
  border-width: 0 1px 1px 1px;
  border-style: solid;
}

.job-doc-view {
  background-color: #fff;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-shadow: 0 -1px 12px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -1px 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -1px 12px rgba(0, 0, 0, 0.2);
}
.job-doc-view .ov-wrapper .title {
  margin-bottom: 10px;
}
.job-doc-view .doc-view-order-title {
  flex-basis: 100%;
  height: 0;
}
.job-doc-view .doc-view-order-title h2 {
  color: #ffffff;
  text-align: right;
  word-break: break-word;
}

.jd-job-info {
  column-count: 2;
  column-gap: 30px;
  text-align: justify;
  background: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 10px;
  color: #19193e;
  font-size: 13px;
  line-height: 1.3em;
  word-break: break-word;
  overflow-wrap: break-word;
}
.jd-job-info .bold {
  margin-top: 20px;
  margin-bottom: 2px;
}
.jd-job-info .bold:nth-child(1) {
  margin-top: 0;
}
.jd-job-info ul {
  list-style: inherit;
  margin-left: 15px !important;
}
.jd-job-info img {
  width: 100%;
}

/* job documentation footer */
.jd-footer {
  background: #15bef0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 15px 30px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: 0.05em;
}
.jd-footer .footer-img img {
  width: 70px;
}
.jd-footer .footer-cert {
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.jd-footer .footer-cert div {
  margin-left: 50px;
}
.jd-footer .footer-cert div span {
  font-size: 16px;
  display: block;
  font-weight: 600;
  margin-bottom: 2px;
}
.jd-footer .footer-txt {
  font-size: 12px;
  font-weight: 600;
}

.jd-procedures .card-view::after {
  display: none;
}

.job-reports-ov .file-container .file {
  margin: 5px 15px;
}
.job-reports-ov .file-container .card-view {
  margin: 0 10px;
}
.job-reports-ov .file-container .card-view:first-child {
  margin-left: 0 !important;
}

.ov-report .no-records-message {
  display: none;
}

.ov-right .customer, .ov-right .main-contacts {
  width: 50% !important;
}

@media print {
  .print .invoice-header .doc-view-order-title {
    flex-basis: 100% !important;
    height: 0 !important;
    padding: 20px 50px;
  }
  .print .invoice-header .doc-view-order-title h2 {
    color: #ffffff !important;
    font-weight: bold !important;
    text-align: center !important;
    font-size: 16px !important;
  }
  .print .jd-footer {
    background: #15bef0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 30px 50px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.05em;
    position: fixed;
    bottom: 0;
  }
  .print .jd-footer .footer-img {
    width: 90px;
  }
  .print .jd-footer .footer-cert {
    flex-grow: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .print .jd-footer .footer-cert div {
    margin-left: 50px;
  }
  .print .jd-footer .footer-cert div span {
    font-size: 16px;
    display: block;
    font-weight: 600;
    margin-bottom: 2px;
  }
  .print .jd-footer .footer-txt {
    font-size: 12px;
    font-weight: 600;
  }
}
/* styles for emails in order view */
.ov-email-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.ov-email-nav a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  background: #d0d0d0;
  letter-spacing: 0.03em;
  padding: 5px 12px;
  margin-right: 25px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ov-email-nav a .badge-count {
  display: block;
  height: 22px;
  width: auto;
  padding: 4px 7px;
  margin-left: 10px;
  text-align: center;
  color: #ffffff;
  background: #ff9c1d;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.ov-email-nav a:hover, .ov-email-nav a.active {
  color: #ffffff;
  background: #15bef0;
}
.ov-email-nav a:hover:after, .ov-email-nav a.active:after {
  width: 30px;
}

.ov-job-info {
  width: 72%;
}
.ov-job-info .video-link, .ov-job-info .customer-reference, .ov-job-info .scope-of-work {
  padding-bottom: 25px;
}
.ov-job-info .internal-notes {
  padding-bottom: 10px;
}
.ov-job-info button[name=save][disabled] {
  cursor: not-allowed;
}
.ov-job-info .showSignature {
  padding-bottom: 25px;
}
.ov-job-info .showSignature input[type=checkbox]:checked + label::after {
  background: #15bef0 !important;
  border-color: #15bef0 !important;
}

.lg-bg {
  background: #ffffff;
}

/* customer satisfaction survay - job doumentaiotn */
.cs-survay {
  background: #15bef0;
  width: 100%;
  padding: 10px 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 25px;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18);
}
.cs-survay .cs-info {
  color: #ffffff;
  line-height: 1.5;
  letter-spacing: 0.03em;
  margin-right: 50px;
}
.cs-survay .cs-info div:first-child {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.cs-survay .cs-info p {
  margin-bottom: 0;
  font-size: 12px;
}
.cs-survay .cs-btns {
  display: flex;
  flex-direction: row;
}
.cs-survay .cs-btns .button {
  background: #ffffff;
  height: 80px;
  width: 80px;
  text-transform: unset !important;
  font-size: 10px !important;
  margin-left: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cs-survay .cs-btns .button i {
  font-size: 30px;
  display: block;
}
.cs-survay .cs-btns .button.btn-like {
  color: #2ed42d;
}
.cs-survay .cs-btns .button.btn-unlike {
  color: #ff1e4b;
}

div.section.ov-sec {
  border-bottom: 1px solid #b9b9b9;
}
div.section.ov-sec:empty {
  display: none;
}
div.section.ov-sec.sec-lg {
  background: #f2f2f2;
}

section.ov-sec:empty {
  display: none;
}
section.ov-sec:nth-of-type(even) {
  background: #f2f2f2;
}
section.ov-sec.sec-lg {
  background: #f2f2f2;
}
section.ov-sec.rm-bg {
  background: inherit;
}

/* Styles for job status calendar view*/
.job-view .rbc-event-content {
  font-size: 12px;
}

.new-job-legend input[type=checkbox] + label::after {
  background: #dafbba;
  border-color: #dafbba;
}

.job-in-progress-legend input[type=checkbox] + label::after {
  background: #f2dea3;
  border-color: #f2dea3;
}

.new-offer-legend input[type=checkbox] + label::after {
  background: #f2cdc4;
  border-color: #f2cdc4;
}

.rbc-overlay {
  z-index: 10 !important;
}

.job-calender-legends {
  width: 100%;
}
.job-calender-legends .ant-row {
  width: 100%;
}
.job-calender-legends input[type=checkbox]:checked + label::before {
  filter: invert(100%);
}

.procedure-view .right-sec-pv {
  width: 600px;
}
.procedure-view .right-sec-pv .btn-sec-pv {
  background: #15bef0;
  height: 8%;
  padding: 20px;
  justify-content: flex-end;
}
.procedure-view .procedure-video {
  width: 100%;
}
.procedure-view .no-video-sec .pv-file-container .card-view {
  width: 11%;
}
.procedure-view .video-url-input {
  background: #cff2ff;
  border-radius: 2px;
  border: 1px solid grey;
  padding: 3px;
  width: 300px;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.procedure-view .pv-img-section {
  background: #efefef;
  height: 93%;
  padding: 10px;
}
.procedure-view .pv-scrollarea-wrapper {
  padding-right: 12px;
  max-height: 420px;
}
.procedure-view .pv-btns {
  width: auto !important;
}
.procedure-view .grey-border {
  border-bottom: 1px solid #a9b3bb;
}
.procedure-view .pv-image-border {
  border: 1px solid #ff9c1d !important;
}
.procedure-view .bg-white {
  background: #ffffff !important;
}

.pv::after {
  height: 30px !important;
}

.risk-bg .panel-box {
  background: white;
  border-radius: 2px;
  min-width: 150px;
  justify-content: center;
}
.risk-bg .panel-box .cb-label {
  text-transform: capitalize !important;
}
.risk-bg .medium {
  background: #f1f418 !important;
}
.risk-bg .high {
  background: #fa3442 !important;
}
.risk-bg .low {
  background: #35e45e !important;
}
.risk-bg .risk-analysis-directions div {
  padding-bottom: 5px;
  text-align: justify;
}
.risk-bg .risk-analysis-directions p {
  line-height: 1.5;
}
.risk-bg .btn-group {
  margin-left: auto;
}

.risk-collapse-body {
  max-height: 5000px !important;
}
.risk-collapse-body .collapse-header {
  padding: 12px 12px;
  height: auto;
  background-color: #4d4d4d;
}
.risk-collapse-body .collapse-header .collapse-title {
  line-height: 18px;
  flex: 90%;
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: #4d4d4d;
  color: #fff;
}
.risk-collapse-body .collapse-header .collapse-title .title-header {
  color: #fff !important;
}
.risk-collapse-body .collapse-header .collpase-btn {
  margin-left: 15px;
  border: 1px solid #fff;
  background-color: #fff;
}
.risk-collapse-body .collapse-header .collpase-btn .material-icons {
  color: #000;
}
.risk-collapse-body .collapse-header .risk-date {
  color: #fff;
  min-width: 135px;
  text-align: end;
}
.risk-collapse-body .collapse-body {
  background-color: #e9f9ff;
}

.pr-delete button {
  width: 155px;
}

.procedure-title {
  padding: 10px 50px 0px;
}
.procedure-title .main-title {
  font-size: 22px;
  color: #15bef0;
  font-weight: 600;
}

.procedure-print-video-thumbnail {
  height: 315px;
  width: auto;
}

.purpose-field .form-control {
  height: auto;
}
.purpose-field .ql-toolbar {
  margin-top: 10px;
}

/* //--------------------------test for Order-Page,Order-View  printable-----------------------// */
@media print {
  ::-webkit-scrollbar {
    display: none !important;
  }
  @page {
    size: A4 landscape;
  }
  html,
  body {
    height: 210mm !important;
    width: 297mm !important;
  }
  p {
    page-break-inside: avoid !important;
  }
  .print-header {
    color: #ffffff;
    padding: 0 50px;
    /* position: fixed; */
    width: 100%;
    height: 50px;
    display: flex !important;
    align-items: center;
    background: #0a2935;
    color: #ffffff;
  }
  .print-bluetag-logo {
    width: 65px;
  }
  .main-container {
    padding-top: 0px !important;
  }
  /* //------------------------------Order-Page---------// */
  .add-new-btn {
    display: none !important;
  }
  .filter-section {
    display: flex !important;
    flex-direction: column !important;
  }
  .filter-section > div {
    margin: 6px !important;
  }
  .search-filter {
    width: 50% !important;
  }
  .anticon-logout {
    display: none !important;
  }
  .logout-btn {
    display: none !important;
  }
  .table {
    width: 1100px !important;
    margin: 0px !important;
  }
  .table-header {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }
  .table-row {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    page-break-after: auto !important;
  }
  .table-row div {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    page-break-after: auto !important;
  }
  .bg-lg {
    background: unset !important;
  }
  .bg-lo {
    background: unset !important;
  }
  .sticky {
    position: unset !important;
    width: unset !important;
  }
  #Load-More-Button {
    display: none !important;
  }
  header {
    display: none !important;
  }
  .anticon-search {
    display: none !important;
  }
  #Search-Field {
    width: 100% !important;
  }
  #Search-Button {
    display: none !important;
  }
  .main-title {
    margin: 0 auto !important;
  }
  /* //------------------------------Order-View-Page---------// */
  @page {
    margin: 0.5in;
  }
  .order-nav {
    display: none !important;
  }
  .ov-supplier-invoice-list .table-body div {
    page-break-after: auto !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
  .table-group .table-row div {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
  .main-container .view-page {
    height: 100% !important;
    width: 297mm;
  }
  .ov-wrapper {
    page-break-after: auto !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    padding: 30px 10px !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
  }
  .ov-sec-bg {
    background-color: unset !important;
  }
  .btn-circle {
    display: none !important;
  }
  .order-top-sec {
    flex-wrap: wrap !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    page-break-after: auto !important;
    top: 0px !important;
    bottom: 0px !important;
    margin: auto !important;
    margin-top: 0px !important;
    zoom: 80% !important;
  }
  .right-sec {
    width: 100% !important;
    page-break-after: auto !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
  .button {
    display: none !important;
  }
  .view-all-sm {
    display: none !important;
  }
  .left-sec {
    width: 100% !important;
  }
  .order-title {
    text-align: center !important;
  }
  .sub-title {
    text-align: center !important;
    margin: 0 auto !important;
  }
  .customer-info-sec .customer {
    text-align: center !important;
  }
  .contact-title {
    text-align: center !important;
  }
  .flex-center {
    justify-content: space-around !important;
    text-align: center !important;
  }
  .flex-group {
    justify-content: flex-start !important;
  }
  .contact-info {
    text-align: left !important;
  }
  .btn-inline {
    display: none !important;
  }
  .add-btn-primary {
    display: none !important;
  }
  .filter-options {
    display: none !important;
  }
  .br-4 {
    display: none !important;
  }
  .date-year-filters {
    display: flex !important;
    align-items: flex-start !important;
  }
  .email-details {
    position: static !important;
  }
  .email-list-item {
    padding: 16px 9px !important;
  }
  .email-details .email-date {
    position: static !important;
  }
  .email-list-item .email-label-badge {
    top: 39px !important;
    left: 13px !important;
  }
  .report-main-container {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }
  /* .card-view{
       width: auto !important;
       break-inside: avoid !important;
       page-break-inside:avoid !important;
     } */
  .table {
    width: auto !important;
    margin: 0px !important;
  }
  #map {
    zoom: 70% !important;
    z-index: 10 !important;
  }
  #emails {
    zoom: 75% !important;
  }
  .email-list-item .email-label-badge {
    position: static !important;
    margin-left: 2px !important;
  }
  #folders {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }
  .other-invoices .ov-wrapper {
    padding: 0px !important;
  }
  .table .ov-other-transactions {
    width: fit-content !important;
  }
  .table.ov-other-transactions .table-header .th-column:nth-child(2),
  .table.ov-other-transactions .table-row div:nth-child(2) {
    width: 14% !important;
  }
  .table.ov-other-transactions .table-header .th-column:nth-child(4),
  .table.ov-other-transactions .table-row div:nth-child(4) {
    width: 10% !important;
  }
  .order-title {
    padding-top: 10px !important;
  }
  .stat-gorup {
    margin-bottom: 5px !important;
  }
  .stat-gorup.bb::after {
    page-break-before: always !important;
  }
  .map-search {
    border: 0px solid !important;
  }
  .checkbox {
    display: none !important;
  }
  .map {
    z-index: 100 !important;
  }
  .ant-btn {
    display: none !important;
  }
  #supplier-invoices .table-footer {
    display: flex !important;
  }
  .table.ov-supplier-invoice-list .table-footer {
    page-break-after: avoid !important;
  }
  .table.ov-supplier-invoice-list .table-row {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    margin: 4px 0 4px 0;
  }
  .sa-invoiced-list div.table-row {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    margin: 4px 0 4px 0 !important;
  }
  .table-row {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    page-break-after: avoid !important;
  }
  .job-list-filter-visible-to-print {
    display: flex !important;
  }
  .ov-requistion-list .table-row {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    margin: 4px 0 4px 0 !important;
  }
  .ov-requistion-list .table-footer {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    margin: 4px 0 4px 0 !important;
    page-break-after: auto !important;
  }
  .ov-invoice-list .table-group {
    page-break-after: avoid !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    margin: 4px 0 4px 0 !important;
  }
  .ov-invoice-list .table-footer {
    display: flex !important;
  }
  .ov-debit-note-inner-list .table-row,
  .table-header {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    margin: 4px 0 4px 0 !important;
  }
  .ov-supplier-invoice-list .table-row,
  .table-header,
  .invoice-inner-footer {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    margin: 4px 0 4px 0 !important;
  }
  .ov-job-info {
    width: 100% !important;
  }
  .ov-job-info .form-group {
    page-break-before: auto !important;
  }
  .catalogue {
    page-break-after: auto !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }
  .btn-link-tp {
    display: none !important;
  }
  .ql-editor p {
    page-break-before: auto !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    margin: 4px 0 4px 0 !important;
  }
  .map:first-child {
    background-color: transparent !important;
  }
  #emails .search-filter {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0px solid !important;
  }
  .map div:first-child {
    position: relative !important;
    background-color: unset !important;
  }
  .report {
    page-break-after: auto !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    margin-top: 0px !important;
  }
  .report-main-container {
    padding-bottom: 0px !important;
  }
  .report-desc {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    page-break-after: auto !important;
  }
  .time-sheet-container {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    page-break-before: auto !important;
    display: block !important;
  }
  #scope-of-work .ql-container .ql-editor p {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    page-break-after: auto !important;
    page-break-before: auto !important;
  }
  .fix-to-view .accept-agreement, .fix-to-view .btn-group {
    display: none;
  }
}
.person-listing-sec .ant-tabs-tab:hover, .job-tabs-sec .ant-tabs-tab:hover {
  color: #727373;
}
.person-listing-sec .title-section, .job-tabs-sec .title-section {
  background-color: #e7e7e7;
}
.person-listing-sec .ant-tabs-nav, .job-tabs-sec .ant-tabs-nav {
  padding-left: 45px !important;
  margin-left: unset !important;
  margin-bottom: 0px !important;
  background: #e7e7e7;
}
.person-listing-sec .ant-tabs-nav .ant-tabs-tab-active, .job-tabs-sec .ant-tabs-nav .ant-tabs-tab-active {
  background: #cff2ff !important;
  border-bottom-color: #cff2ff !important;
}
.person-listing-sec .employee-Listing-positions, .job-tabs-sec .employee-Listing-positions {
  padding-top: 15px;
}
.person-listing-sec .user-filter, .job-tabs-sec .user-filter {
  background: #cff2ff !important;
}
.person-listing-sec .user-filter .user-filter-sec, .job-tabs-sec .user-filter .user-filter-sec {
  padding-top: 15px;
}

/*-------- ipad Portrait and Landscape---------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .dashboard-top-sec {
    height: 300px !important;
    background-position: 0px 0px !important;
  }
  .main-nav {
    display: grid !important;
    grid-template-columns: auto auto auto;
    padding: 0 15px !important;
  }
  .nav-sec {
    min-width: 209px !important;
  }
  .salary-view .add-btn {
    left: 142px;
  }
  .salary-view .nav-item:hover::after {
    width: 125%;
  }
  /* login page*/
  .login-form-responsive {
    flex-direction: column;
    width: 55% !important;
  }
  .login-form-responsive .image-bg-new-login {
    padding: 125px;
  }
  .login-form-responsive .error-msg {
    position: absolute !important;
  }
  .login-bg .login-form {
    height: auto !important;
  }
  .login-form-width-responsive {
    width: 100% !important;
  }
  .img-dimensions {
    height: 120px !important;
    margin-top: 13px !important;
  }
  .img-bg {
    text-align: center;
  }
  .img-dimensions {
    margin: 0 auto;
    margin-top: 22px !important;
  }
  /* main Menu */
  .ant-btn-circle.ant-btn-lg {
    position: fixed !important;
  }
  /* offer listing */
  .order-offer-listing {
    margin: 0 3px;
  }
  /* Email Client */
  .email-details .email-date {
    position: relative;
  }
  .filter-section {
    display: grid;
    gap: 10px;
    grid-template-rows: 1fr 1fr;
    grid-auto-flow: column;
  }
  .filter-section .search-filter {
    width: auto;
    grid-column: span 2;
  }
  .email-view.scrollarea-content.tox-tinymce {
    height: 65vh !important;
  }
  .email-container-ec, .emails.email-client {
    top: 210px !important;
  }
  .email-nav {
    z-index: 1;
  }
  .toggle-container-show-email-nav {
    top: 221px;
  }
  .toggle-container-hide-email-nav {
    top: 221px;
  }
  .company-data {
    display: none;
  }
  .view-documentation .text-dark {
    inline-size: unset;
  }
  .catalogue-container {
    display: flex !important;
    flex-direction: column !important;
  }
  .main-contacts-person .error-msg {
    max-width: 200px;
  }
  .job-personnal .contact-group .contact-info {
    padding-left: 5px;
  }
  .job-personnal .contact-group button {
    flex-basis: 100%;
  }
  .newsletter .title-section, .sales-campaign .title-section {
    flex-direction: column-reverse;
  }
  .newsletter .title-section .right-sec, .sales-campaign .title-section .right-sec {
    flex-basis: 100%;
    margin-left: 0;
    justify-content: left !important;
    width: unset;
  }
  .newsletter .title-section .left-sec, .sales-campaign .title-section .left-sec {
    padding: 20px 50px 15px 50px !important;
    width: 100%;
  }
  .newsletter .title-section .left-sec .flex-group, .sales-campaign .title-section .left-sec .flex-group {
    justify-content: flex-start;
  }
  .newsletter .main-wrapper, .sales-campaign .main-wrapper {
    padding: 20px 15px;
  }
  .newsletter .main-wrapper .nl-header, .sales-campaign .main-wrapper .nl-header {
    flex-wrap: wrap;
  }
  .newsletter .main-wrapper .nl-body, .newsletter .main-wrapper .sc-body, .sales-campaign .main-wrapper .nl-body, .sales-campaign .main-wrapper .sc-body {
    flex-wrap: wrap;
  }
  .newsletter .main-wrapper .nl-body .add-address-dp, .newsletter .main-wrapper .sc-body .add-address-dp, .sales-campaign .main-wrapper .nl-body .add-address-dp, .sales-campaign .main-wrapper .sc-body .add-address-dp {
    width: 100%;
  }
  .sales-campaign .sc-body .nl-email-tag {
    min-width: 500px;
  }
  .sales-campaign .receivers-group .view-all-btn {
    width: 100px;
  }
  .sales-campaign .nl-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .sales-campaign .nl-header .sc-title {
    padding-bottom: 10px;
  }
  .sales-campaign .btn-small {
    width: 100px;
  }
  .tabview-only {
    flex-direction: column;
  }
  .tabview-only .w-66 {
    flex: 1 1 0%;
  }
  .supplier-reg-form {
    width: 100%;
  }
  .gpt-chat-area {
    width: auto;
  }
  .gpt-chat-area .gpt-chat-containor {
    width: auto;
  }
  .gpt-chat-area .gpt-chat-containor .loader {
    left: 40%;
  }
  .gpt-chat-area .gpt-chat-containor .gpt-chat-input-area {
    margin: 44px auto;
  }
  .gpt-chat-area .gpt-chat-containor .gpt-chat-output-area {
    padding: 0px 10px;
  }
  .document-header .filter-section, .presentation-header .filter-section {
    display: flex;
  }
  /*procedure listing*/
  .procedure-filter-section {
    display: flex;
  }
}
/*-------------mid mobile screens-----------------*/
@media only screen and (max-device-width: 600px) {
  /* main menu*/
  .dashboard-top-sec {
    height: 300px;
    background-position: -175px 0px;
  }
  .main-nav {
    display: grid !important;
    grid-template-columns: auto auto auto;
    padding: 0 15px !important;
  }
  #language-select {
    display: flex;
  }
  /* login page*/
  .login-form-responsive {
    flex-direction: column;
    width: 86% !important;
  }
  .login-form-responsive .image-bg-new-login {
    padding: 125px;
  }
  .login-form-responsive .error-msg {
    position: absolute !important;
  }
  .login-bg .login-form {
    height: auto;
  }
  .login-form-width-responsive {
    width: 100% !important;
  }
  .img-dimensions {
    height: 120px !important;
    margin-top: 13px !important;
  }
  .img-bg {
    text-align: center;
  }
  .img-dimensions {
    margin: 0 auto;
    margin-top: 22px !important;
  }
  /* main Menu */
  .ant-btn-circle.ant-btn-lg {
    position: fixed !important;
  }
  .filter-options {
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto 3px auto;
    border: 0 !important;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    height: unset;
  }
  .filter-item select {
    border: 1px solid #15bef0;
  }
  .filter-options .filter-item {
    min-width: unset;
    flex: 1 0 34%;
    margin: 2px;
  }
  .table {
    margin: unset;
  }
  .filter-section {
    padding: 0px 50px 12px;
    display: grid;
  }
  .search-filter {
    width: 99%;
    margin: 1px 1px 5px 1px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
  }
  .filter-options .filter-item::after {
    background: unset;
  }
  .show-all {
    margin: 0 auto;
  }
  .header-actions {
    margin-right: unset;
  }
  .header-actions .notification-btn, .header-actions .chat-gpt-icon {
    margin-right: 15px !important;
  }
  .header-actions .language-select {
    margin-right: 10px;
  }
  .company-data {
    display: none;
  }
  .logged-in-user {
    margin-right: 0px !important;
  }
  .logged-in-user .username {
    display: none;
  }
  .company-name-in-dashboard {
    bottom: 205px !important;
  }
  .date-time-bar .date, .date-time-bar .time {
    display: none;
  }
  .view-documentation .job-doc-view .invoice-header, .view-offer .job-doc-view .invoice-header {
    padding: 15px 15px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .view-documentation .job-doc-view .invoice-header .invoice-info, .view-offer .job-doc-view .invoice-header .invoice-info {
    margin-left: unset;
    text-align: unset;
  }
  .view-documentation .job-doc-view .document-View-customer, .view-offer .job-doc-view .document-View-customer {
    padding-bottom: 10px;
  }
  .view-documentation .job-doc-view .customer-info-sec, .view-offer .job-doc-view .customer-info-sec {
    flex-wrap: wrap !important;
  }
  .view-documentation .job-doc-view .contact-info, .view-offer .job-doc-view .contact-info {
    width: 100% !important;
  }
  .view-documentation .c-i-main, .view-offer .c-i-main {
    display: flex;
    flex-wrap: wrap;
  }
  .view-documentation .c-i-main .main-contacts-person, .view-offer .c-i-main .main-contacts-person {
    flex-wrap: wrap;
    width: 80%;
    padding-bottom: 10px;
  }
  .view-documentation .c-i-main .main-contacts, .view-offer .c-i-main .main-contacts {
    margin-bottom: 10px;
    width: fit-content;
  }
  .view-documentation .c-i-dv, .view-offer .c-i-dv {
    padding: 10px 15px;
  }
  .view-documentation .ov-wrapper, .view-offer .ov-wrapper {
    padding: 30px 15px;
  }
  .view-documentation .ov-wrapper .modal-sec-collapsible.expand .collapse-body, .view-offer .ov-wrapper .modal-sec-collapsible.expand .collapse-body {
    max-height: max-content !important;
  }
  .view-documentation .ov-wrapper .modal-sec-collapsible.expand .collapse-body .risk-bg .panel-box, .view-offer .ov-wrapper .modal-sec-collapsible.expand .collapse-body .risk-bg .panel-box {
    min-width: unset !important;
  }
  .view-documentation .ov-wrapper .risk-collapse-body, .view-offer .ov-wrapper .risk-collapse-body {
    max-height: max-content !important;
  }
  .view-documentation .ov-wrapper .card-view, .view-offer .ov-wrapper .card-view {
    width: calc(40% - 20px);
  }
  .view-documentation .file-container, .view-offer .file-container {
    justify-content: center;
  }
  .view-documentation .checklist-jr-container, .view-offer .checklist-jr-container {
    padding: 15px 15px 15px 15px;
  }
  .view-documentation .report .report-main-container, .view-offer .report .report-main-container {
    padding: 90px 15px 15px 15px;
  }
  .view-documentation .jd-footer, .view-offer .jd-footer {
    padding: 15px 15px;
  }
  .view-documentation .jd-footer .footer-cert div, .view-offer .jd-footer .footer-cert div {
    margin-left: 35px;
  }
  .view-documentation .jd-footer .footer-txt, .view-offer .jd-footer .footer-txt {
    margin-left: 10px;
  }
  .newsletter .title-section, .sales-campaign .title-section {
    flex-direction: column-reverse;
  }
  .newsletter .title-section .right-sec, .sales-campaign .title-section .right-sec {
    flex-basis: 100%;
    margin-left: 0;
    justify-content: left !important;
    width: unset;
    text-align: left;
  }
  .newsletter .title-section .left-sec, .sales-campaign .title-section .left-sec {
    padding: 15px 10px 15px 10px !important;
    width: 100%;
  }
  .newsletter .title-section .left-sec .flex-group, .sales-campaign .title-section .left-sec .flex-group {
    justify-content: space-between;
  }
  .newsletter .title-section .left-sec .sub-title, .sales-campaign .title-section .left-sec .sub-title {
    line-height: normal;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .newsletter .title-section .left-sec .add-new-btn, .sales-campaign .title-section .left-sec .add-new-btn {
    flex-shrink: 0;
    margin-right: 10px;
  }
  .newsletter .main-wrapper, .sales-campaign .main-wrapper {
    padding: 20px 10px;
  }
  .newsletter .main-wrapper .nl-header, .sales-campaign .main-wrapper .nl-header {
    flex-wrap: wrap;
    row-gap: 5px;
  }
  .newsletter .main-wrapper .nl-header .nl-title, .sales-campaign .main-wrapper .nl-header .nl-title {
    flex-basis: 100%;
  }
  .newsletter .main-wrapper .nl-header .stat-label, .sales-campaign .main-wrapper .nl-header .stat-label {
    margin-bottom: 5px;
  }
  .newsletter .main-wrapper .nl-header .newsletter-action-btns, .sales-campaign .main-wrapper .nl-header .newsletter-action-btns {
    min-width: 120px;
  }
  .newsletter .main-wrapper .nl-body, .sales-campaign .main-wrapper .nl-body {
    row-gap: 10px;
    flex-wrap: wrap;
  }
  .newsletter .main-wrapper .nl-body .add-address-dp, .sales-campaign .main-wrapper .nl-body .add-address-dp {
    width: 100%;
  }
  .newsletter .main-wrapper .nl-body .email-input .flex-group, .sales-campaign .main-wrapper .nl-body .email-input .flex-group {
    flex-direction: column;
  }
  .newsletter .main-wrapper .nl-body .email-input .flex-group .form-tag-group, .sales-campaign .main-wrapper .nl-body .email-input .flex-group .form-tag-group {
    margin-bottom: 10px;
  }
  .newsletter .main-wrapper .nl-body .email-input .flex-group .view-all-btn, .sales-campaign .main-wrapper .nl-body .email-input .flex-group .view-all-btn {
    margin-left: 0;
    width: 100%;
  }
  .newsletter .main-wrapper .nl-body .send-btn .btn-small, .sales-campaign .main-wrapper .nl-body .send-btn .btn-small {
    width: 100%;
  }
  .newsletter .main-wrapper .nl-body .send-btn .btn-top, .sales-campaign .main-wrapper .nl-body .send-btn .btn-top {
    display: none;
  }
  .newsletter .main-wrapper .nl-stats, .sales-campaign .main-wrapper .nl-stats {
    flex-direction: column;
  }
  .newsletter .main-wrapper .nl-stats .stat-inline, .sales-campaign .main-wrapper .nl-stats .stat-inline {
    margin-right: 0;
  }
  .sales-campaign .nl-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .sales-campaign .nl-stats {
    flex-wrap: wrap;
  }
  .sales-campaign .nl-stats .stat-inline {
    flex-basis: 33.33%;
  }
  .sales-campaign .receivers-group {
    flex-direction: column;
    row-gap: 5px;
    flex-wrap: wrap;
  }
  .sales-campaign .nl-email-tag {
    min-width: unset;
    width: 100%;
  }
  .sales-campaign .w-100 {
    width: 100%;
  }
  .sales-campaign .view-all-btn {
    margin-left: 0;
  }
  .sales-campaign .address-group {
    flex-direction: column;
    row-gap: 5px;
  }
  .sales-campaign .address-group .flex-group {
    justify-content: space-between;
  }
  .supplier-bg .ov-wrapper {
    padding: 30px 20px;
  }
  .supplier-bg .reg-card {
    width: 98%;
    margin: 0;
  }
  .supplier-bg .reg-card .inline-form-group {
    flex-direction: column;
  }
  .supplier-bg .reg-card .w-66 {
    width: unset;
    padding-top: 25px;
  }
  .supplier-bg .reg-card .reg-form-lang .form-group {
    flex-basis: 100%;
  }
  .supplier-bg .boxed-agreement p {
    overflow-wrap: break-word;
  }
  .supplier-bg .profile-image-area {
    padding-top: 10px;
  }
  .supplier-bg .agreement-info {
    margin: 0;
  }
  .thank-bg {
    padding: 30px !important;
    width: 100%;
  }
  .thank-bg .thank-container h3 {
    text-align: center;
  }
  .supplier-reg-form {
    width: 98%;
  }
  .supplier-reg-form .inline-form-group {
    flex-direction: column;
  }
  .supplier-reg-form .w-66 {
    width: unset;
  }
  .supplier-reg-form .small-input-fields {
    max-width: 100%;
  }
  .supplier-reg-form .lang-picker .form-group {
    width: 100%;
  }
  .terms-policies-bg {
    padding: 30px 20px;
  }
  .terms-policies-bg .inline-form-group {
    flex-direction: column;
  }
  .terms-policies-bg .form-group button {
    width: 100%;
  }
  .gpt-chat-area {
    width: auto;
  }
  .gpt-chat-area .gpt-chat-containor {
    width: auto;
  }
  .gpt-chat-area .gpt-chat-containor .loader {
    left: 20%;
  }
  .gpt-chat-area .gpt-chat-containor .gpt-chat-input-area {
    margin: 44px auto;
  }
  .gpt-chat-area .gpt-chat-containor .gpt-chat-output-area {
    padding: 0px 10px;
  }
  .document-header .title-section, .presentation-header .title-section {
    padding: 20px 30px;
  }
  .document-header .filter-section, .presentation-header .filter-section {
    padding: 0 30px 20px 30px;
  }
  .document-header .show-all, .presentation-header .show-all {
    width: 100%;
  }
  .document-header .show-all .btn-inline, .presentation-header .show-all .btn-inline {
    width: 100%;
    justify-content: center;
  }
  .document-list, .presentation-page {
    padding: 20px 30px;
  }
  .document-list .file-container, .presentation-page .file-container {
    flex-direction: column;
  }
  .document-list .file-container .file, .document-list .file-container .card-view, .presentation-page .file-container .file, .presentation-page .file-container .card-view {
    width: 90%;
  }
  .document-list .catalogue-header, .presentation-page .catalogue-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .document-list .catalogue-header .catalogue-title, .presentation-page .catalogue-header .catalogue-title {
    margin-bottom: 10px;
  }
  .document-list .catalogue-header .btn-group, .presentation-page .catalogue-header .btn-group {
    margin-left: 0;
  }
  .document-list .card-view-image, .presentation-page .card-view-image {
    background-size: contain;
  }
  /*procedure listing*/
  .procedure-listing .file-container {
    flex-direction: column;
    align-content: center;
  }
  .procedure-listing .file-container .card {
    width: 100%;
  }
  .upload-video-page-theme {
    width: 100%;
  }
  .upload-video-page-theme .uploaded-file-view-sec {
    padding: 10px;
  }
  .upload-video-page-theme .upload-video-page {
    display: flex;
    flex-direction: column;
  }
  .upload-video-page-theme .title-wrapper {
    flex-direction: column;
  }
  .upload-video-page-theme .title-wrapper .title-section {
    width: 100% !important;
  }
  .upload-video-page-theme .title-wrapper .left-sec {
    padding-left: 0px !important;
  }
  .upload-video-page-theme .title-wrapper .filter-video-upload {
    flex-direction: column;
    padding: 0 15px !important;
  }
  .upload-video-page-theme .title-wrapper .filter-video-upload .form-group, .upload-video-page-theme .title-wrapper .filter-video-upload .flex-group {
    width: 100%;
    padding-bottom: 15px;
  }
  .upload-video-page-theme .title-wrapper .filter-video-upload .video-select-wrapper {
    margin-left: 0 !important;
  }
  .upload-video-page-theme .title-wrapper .filter-video-upload .checkbox-wrapper .checkbox:nth-child(1) {
    margin-left: 0 !important;
  }
  .upload-video-page-theme .video-containor {
    width: 100%;
  }
}
/*------------small mobile phones-------*/
@media only screen and (max-device-width: 411px) {
  /* main menu*/
  .dashboard-top-sec {
    height: 300px;
    background-position: -193px 0px;
  }
  .main-nav {
    display: grid !important;
    grid-template-columns: auto auto auto;
    padding: 0 15px !important;
    transform: scale(0.9);
    margin-top: -43px;
  }
  .filter-options {
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto 3px auto;
    border: 0 !important;
    height: unset;
  }
  .filter-item select {
    border: 1px solid #15bef0;
  }
  .table {
    margin: unset;
  }
  .search-filter {
    margin-top: 1px;
    width: 98%;
    -webkit-box-shadow: unset;
    box-shadow: unset;
  }
  .filter-options {
    -webkit-box-shadow: unset;
    box-shadow: unset;
  }
  .filter-options .filter-item {
    min-width: unset;
    flex: 1 0 34%;
    margin-top: 5px;
    margin-right: 3px;
  }
  .filter-options .filter-item::after {
    background: unset;
  }
  .show-all {
    margin: 0 auto;
  }
  .date-year-filters {
    display: grid;
    gap: 5px;
    grid-template-columns: auto auto auto;
    grid-column: span 2;
  }
  .date-year-filters .filter-options:first-of-type {
    grid-column: span 2;
    width: 100%;
  }
  .emails.email-client {
    top: 232px;
  }
  .email-container.email-container-ec {
    top: 232px;
  }
  .main-title {
    font-size: 15px !important;
  }
  .search-filter {
    width: auto;
  }
  .toggle-container-show-email-nav {
    top: 260px;
  }
  .toggle-container-hide-email-nav {
    top: 260px;
  }
  .view-documentation .panel-box, .view-offer .panel-box {
    flex-wrap: wrap;
    word-break: keep-all;
    padding: 6px;
  }
  .jd-footer {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    gap: 10px;
  }
  .jd-footer .footer-cert {
    gap: 10px;
  }
  .jd-footer .footer-cert div {
    margin-left: unset !important;
    text-align: center;
  }
  .newsletter .title-section, .sales-campaign .title-section {
    flex-direction: column-reverse;
  }
  .newsletter .title-section .right-sec, .sales-campaign .title-section .right-sec {
    flex-basis: 100%;
    margin-left: 0;
    justify-content: left !important;
    width: unset;
    text-align: left;
  }
  .newsletter .title-section .left-sec, .sales-campaign .title-section .left-sec {
    padding: 15px 10px 15px 10px !important;
    width: 100%;
  }
  .newsletter .title-section .left-sec .flex-group, .sales-campaign .title-section .left-sec .flex-group {
    justify-content: space-between;
  }
  .newsletter .title-section .left-sec .sub-title, .sales-campaign .title-section .left-sec .sub-title {
    line-height: normal;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .newsletter .title-section .left-sec .add-new-btn, .sales-campaign .title-section .left-sec .add-new-btn {
    flex-shrink: 0;
    margin-right: 10px;
  }
  .newsletter .main-wrapper, .sales-campaign .main-wrapper {
    padding: 20px 10px;
  }
  .newsletter .main-wrapper .nl-header, .sales-campaign .main-wrapper .nl-header {
    flex-wrap: wrap;
    row-gap: 5px;
  }
  .newsletter .main-wrapper .nl-header .nl-title, .sales-campaign .main-wrapper .nl-header .nl-title {
    flex-basis: 100%;
  }
  .newsletter .main-wrapper .nl-header .stat-label, .sales-campaign .main-wrapper .nl-header .stat-label {
    margin-bottom: 5px;
  }
  .newsletter .main-wrapper .nl-header .newsletter-action-btns, .sales-campaign .main-wrapper .nl-header .newsletter-action-btns {
    min-width: 120px;
  }
  .newsletter .main-wrapper .nl-body, .sales-campaign .main-wrapper .nl-body {
    row-gap: 10px;
    flex-wrap: wrap;
  }
  .newsletter .main-wrapper .nl-body .add-address-dp, .sales-campaign .main-wrapper .nl-body .add-address-dp {
    width: 100%;
  }
  .newsletter .main-wrapper .nl-body .email-input .flex-group, .sales-campaign .main-wrapper .nl-body .email-input .flex-group {
    flex-direction: column;
  }
  .newsletter .main-wrapper .nl-body .email-input .flex-group .form-tag-group, .sales-campaign .main-wrapper .nl-body .email-input .flex-group .form-tag-group {
    margin-bottom: 10px;
  }
  .newsletter .main-wrapper .nl-body .email-input .flex-group .view-all-btn, .sales-campaign .main-wrapper .nl-body .email-input .flex-group .view-all-btn {
    margin-left: 0;
    width: 100%;
  }
  .newsletter .main-wrapper .nl-body .send-btn .btn-small, .sales-campaign .main-wrapper .nl-body .send-btn .btn-small {
    width: 100%;
  }
  .newsletter .main-wrapper .nl-body .send-btn .btn-top, .sales-campaign .main-wrapper .nl-body .send-btn .btn-top {
    display: none;
  }
  .newsletter .main-wrapper .nl-stats, .sales-campaign .main-wrapper .nl-stats {
    flex-direction: column;
  }
  .newsletter .main-wrapper .nl-stats .stat-inline, .sales-campaign .main-wrapper .nl-stats .stat-inline {
    margin-right: 0;
  }
  .sales-campaign .nl-stats {
    flex-wrap: wrap;
  }
  .sales-campaign .nl-stats .stat-inline {
    flex-basis: 30%;
  }
  .newsletter .right-sec {
    padding: 4px 0 !important;
  }
  .newsletter .right-sec .stat-inline-icon {
    flex-direction: column !important;
    width: 50% !important;
    align-items: flex-start !important;
  }
  .newsletter .right-sec .unsub-btn {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .gpt-chat-area {
    width: auto;
  }
  .gpt-chat-area .gpt-chat-containor {
    width: auto;
  }
  .gpt-chat-area .gpt-chat-containor .loader {
    left: 20%;
  }
  .gpt-chat-area .gpt-chat-containor .gpt-chat-input-area {
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
    width: 94%;
  }
  .gpt-chat-area .gpt-chat-containor .gpt-chat-output-area {
    padding: 0px 10px;
  }
  /*procedure listing*/
  .procedure-listing .file-container {
    flex-direction: column;
    align-content: center;
  }
  .procedure-listing .file-container .card {
    width: 100%;
  }
}
/* ----------- Non-Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  .main-nav {
    flex: 0 0 35%;
  }
  .salary-view .add-btn {
    left: 165px;
  }
  .table-header .th-column {
    padding: 22px 10px 20px;
  }
}
/*---------- special case for main menu line-up --------*/
@media only screen and (max-width: 1560px) {
  /* main menu li a*/
  .main-nav .nav-sec ul > li a {
    max-height: 36px;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  [id="3500"] a {
    padding-top: 4px !important;
  }
  .main-nav .nav-sec:last-child li a {
    padding: 10px 15px 15px;
  }
}
/*----------Large Devices --------*/
@media screen and (min-width: 1300px) {
  .rbc-event {
    margin-top: 2px !important;
  }
}
@media screen and (min-width: 1400px) {
  .dashboard-top-sec {
    height: 500px !important;
    background-position: 0px -65px !important;
  }
}
@media screen and (min-width: 1600px) {
  .dashboard-top-sec {
    height: 380px !important;
    background-position: 0px -65px !important;
  }
}
@media screen and (min-width: 1900px) {
  .dashboard-top-sec {
    height: 380px !important;
    background-position: 0px -65px !important;
  }
  .radio-btn div::before {
    top: 1.5px;
  }
}
.transaction_type:after {
  width: unset !important;
}
.transaction_type select {
  width: fit-content;
  max-width: 160px;
  border-right: 1px solid #15bef0;
}

/*------------small mobile phones-------*/
@media only screen and (max-device-width: 411px) {
  header {
    padding: 0 15px;
  }
  header .company-data {
    margin-left: unset !important;
  }
  header .company-data .company-name {
    font-size: 11px !important;
  }
  header .company-data .header-date {
    font-size: 10px !important;
  }
  header .logout-btn {
    margin-left: unset;
  }
  .dashboard-top-sec-s1, .dashboard-top-sec-s2, .dashboard-top-sec-s3, .dashboard-top-sec-s4 {
    height: 300px !important;
    background-position: -55px -22px !important;
  }
  .main-container {
    background: #e9e8e6;
  }
  .main-container .main-nav {
    padding: 0px !important;
  }
}
/*-------------mid mobile screens-----------------*/
@media only screen and (max-device-width: 600px) {
  header {
    padding: 0 15px;
  }
  header .company-data {
    margin-left: unset !important;
  }
  header .company-data .company-name {
    font-size: 11px !important;
  }
  header .company-data .header-date {
    font-size: 10px !important;
  }
  header .logout-btn {
    margin-left: unset;
  }
  .dashboard-top-sec {
    height: 300px !important;
  }
  .dashboard-top-sec-s1, .dashboard-top-sec-s2, .dashboard-top-sec-s3, .dashboard-top-sec-s4 {
    background-position: 0px -26px !important;
  }
  .email-view-attachment-wrapper {
    width: 85%;
  }
  .email-view-attachment-wrapper .card-view {
    width: 50% !important;
  }
}
/* Laptop For 1024 Resolution */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .left-menu-container .nav-item {
    margin-left: 10px;
  }
  .left-menu-container .nav-item .add-btn {
    left: 178px;
    top: 7px;
  }
  .catalogue .catalogue-container {
    display: flex;
    flex-direction: column;
  }
  .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)) {
    display: flex !important;
    max-height: unset !important;
  }
  .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)) .file {
    max-width: 170px !important;
  }
  .email-container .email-details .email-sender-name {
    max-width: 144px;
    overflow-x: hidden;
  }
  .order-top-sec .left-sec .main-contacts {
    width: fit-content !important;
  }
  .order-top-sec .left-sec .customer {
    width: fit-content !important;
  }
  .dashboard-top-sec {
    height: 341px !important;
  }
  .dashboard-top-sec-s1, .dashboard-top-sec-s2, .dashboard-top-sec-s3, .dashboard-top-sec-s4 {
    background-position: 0px -156px !important;
  }
  .chat-request-container .chat-area .gpt-chat-containor {
    width: 100%;
  }
}
/* Laptop For 1366 Resolution */
@media only screen and (min-width: 1030px) and (max-width: 1366px) {
  .left-menu-container .nav-item {
    margin-left: 20px;
  }
  .left-menu-container .nav-item .add-btn {
    left: 188px;
    top: 7px;
  }
  .catalogue .catalogue-container {
    display: flex;
    flex-direction: column;
  }
  .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)) {
    display: flex !important;
    max-height: unset !important;
  }
  .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)) .file {
    max-width: 170px !important;
  }
  .email-container .email-details .email-sender-name {
    max-width: 144px;
    overflow-x: hidden;
  }
  .order-top-sec .right-sec {
    width: 40vw !important;
  }
  .order-top-sec .right-sec .button-area {
    padding-top: 10%;
    align-items: center;
    justify-content: center;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .order-top-sec .left-sec .main-contacts {
    width: 28% !important;
  }
  .order-top-sec .left-sec .job-personnal .contact-info {
    width: 27% !important;
  }
  .order-top-sec .left-sec .customer-info-sec .c-i-main .customer {
    width: 45%;
  }
  .dashboard-top-sec-s1, .dashboard-top-sec-s2, .dashboard-top-sec-s3, .dashboard-top-sec-s4 {
    background-position: 0px -276px !important;
  }
  .profile-page-theme .left-sec .job-personnal .contact-info {
    width: unset !important;
  }
  .email-container .email-list .email-list-item .email-flex .email-details {
    width: 50% !important;
  }
}
.filter-btn-email {
  display: none;
}

/*----------Large Devices --------*/
@media screen and (min-width: 1400px) {
  .main-nav {
    padding: 0px 20px !important;
  }
  .dashboard-top-sec {
    height: 380px !important;
  }
  .dashboard-top-sec-s1, .dashboard-top-sec-s2, .dashboard-top-sec-s3, .dashboard-top-sec-s4 {
    background-position: 0px -277px !important;
  }
  .table .th-column, .table .table-row > div, .table .table-footer > div {
    font-size: 13px !important;
  }
}
@media screen and (min-width: 1600px) {
  .main-nav {
    padding: 0px 180px !important;
  }
  .dashboard-top-sec {
    height: 471px !important;
  }
  .dashboard-top-sec-s1, .dashboard-top-sec-s2, .dashboard-top-sec-s3, .dashboard-top-sec-s4 {
    background-position: 0px -309px !important;
  }
}
@media screen and (min-width: 1900px) {
  .main-nav {
    padding: 0px 60px !important;
  }
  .main-nav .nav-sec {
    flex: 0 0 15% !important;
  }
  .dashboard-top-sec {
    height: 490px !important;
  }
  .dashboard-top-sec-s1, .dashboard-top-sec-s2, .dashboard-top-sec-s3, .dashboard-top-sec-s4 {
    background-position: 0px -378px !important;
  }
}
@media screen and (max-width: 1920px) {
  .email-container .email-list .email-list-item .email-flex .email-details {
    width: 56%;
  }
  .email-container .email-list .email-list-item .email-flex .email-details .material-icons {
    font-size: 22px;
  }
}
@media screen and (min-width: 1920px) {
  .job-view-email .email-container .email-list .email-list-item .email-flex .email-details {
    width: 80% !important;
  }
}
.backToList {
  display: none;
}

@media only screen and (max-width: 1280px) {
  .landing-container {
    padding-top: 0px !important;
  }
  .mobile-header {
    padding-top: 100px;
  }
  .emailClient-page-theme .email-filter-section {
    display: flex !important;
  }
  .email-compose-footer .file-container .card-view, .email-compose-footer .file-container .file {
    width: 30% !important;
  }
  .login-form {
    min-height: 100% !important;
  }
  .login-form-responsive {
    width: 100% !important;
  }
  .email-filter-section {
    width: 100% !important;
    padding-bottom: 5px !important;
  }
  .email-filter-section .search-filter {
    min-width: 200px;
  }
  .email-filter-section .email-employee-selected-name {
    font-size: 11px !important;
  }
  .email-client-view {
    top: 180px !important;
  }
  .email-client-view .email-container {
    border-top: 0px;
    inset: 195px 0px 0px 220px !important;
  }
  .email-client-view .email-container .loader-container {
    top: 34px !important;
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 568px) {
  .document-container {
    line-height: 25px;
  }
  .create-email .email-compose-footer {
    padding-bottom: 20px !important;
  }
  .create-email .tox-tinymce {
    min-height: calc(100vh - 453px) !important;
  }
  .pg-viewer-wrapper .document-container {
    width: auto !important;
  }
  .pg-viewer-wrapper .document-container table {
    table-layout: auto;
    width: 100%;
    border-collapse: collapse;
    display: block;
    overflow-x: auto;
    border: 1px solid #ccc;
  }
  .userArea:hover {
    border-bottom: unset !important;
  }
  .email-nav-items .email-sent-link {
    margin-bottom: 7px !important;
  }
  .css-1nmdiq5-menu {
    max-width: 90vw !important;
  }
  .help-icon .help-icon-img {
    width: 36px;
  }
  .react-tags ul[role=list] li[role=listitem] button {
    width: 47%;
  }
  .emailContactsForm {
    padding: 20px 5px;
  }
  .emailContactsForm .emailContactsForm-btn-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    max-width: 93%;
    margin-left: 15px !important;
  }
  .emailContactsForm .emailContactsForm-btn-container .emailContactsForm-btn {
    margin-left: 0px;
  }
  .emailContactsForm .emailContactsForm-multi-select {
    min-width: 93% !important;
    width: unset !important;
  }
  .emailContactsForm .emailContactsForm-output {
    min-height: 75%;
  }
  .emailContactsForm .emailContactsForm-output .output-items {
    width: 48%;
  }
  .email-btn {
    width: 50px;
    height: 23px;
    margin-bottom: 5px;
    margin-left: 5px;
  }
  .email-btn:hover {
    cursor: pointer;
    background-color: #cccccc;
  }
  .email-btn:hover label {
    text-decoration: underline;
  }
  .email-btn.no-required {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
  }
  .email-btn.no-required label {
    width: unset !important;
  }
  .ant-modal {
    padding-bottom: unset !important;
  }
  .collaps {
    margin: 10px 2px 10px 0px !important;
  }
  .bcc-toggle .ant-collapse-header .ant-collapse-header-text {
    color: #ffffff !important;
  }
  .chat-request-container .infinite-scroll-component__outerdiv {
    width: 100%;
  }
  .chat-request-container .infinite-scroll-component__outerdiv .infinite-scroll-component {
    height: calc(100vh - 234px) !important;
  }
  .chat-request-container .request-logs-area .no-records-message {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .email-details {
    width: 99% !important;
  }
  .email-details .email-sender-name {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .email-details .time {
    font-size: 10px;
    color: #6d6868;
  }
  .email-details .time-date-state-mob {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 5px;
  }
  .email-details .time-date-state-mob .read {
    margin-right: 10px;
  }
  .email-details .red {
    font-size: 16px !important;
  }
  .create-email.modal-body {
    height: calc(100vh - 45px) !important;
  }
  .create-email .button-area-email-footer {
    display: flex;
  }
  .create-email .button-area-email-footer button {
    margin: 0 auto;
  }
  .create-email .button-area-email-footer .ant-upload {
    margin-left: 15px;
  }
  .create-email .button-area-email-footer .cc-input-reply .react-tags {
    width: 90vw !important;
  }
  .create-email .button-area-email-footer .bcc-input .react-tags {
    width: 90vw !important;
  }
  .create-email .button-area-email-footer .mobile-handel {
    flex-direction: column;
  }
  .create-email .button-area-email-footer .mobile-handel .bcc-btn {
    margin-top: 5px !important;
    margin-left: 5px !important;
  }
  .create-email .button-area-email-footer .react-tags {
    width: 90vw !important;
  }
  .create-email .button-area-email-footer .react-tags ul[role=list] li[role=listitem] button {
    max-width: 96% !important;
    min-width: 47%;
  }
  .create-email .button-area-email-footer .react-tags ul[role=list] li[role=listitem] button span {
    max-width: 85%;
  }
  .create-email .button-area-email-footer .email-compose-footer {
    flex-direction: column;
  }
  .create-email .button-area-email-footer .email-compose-footer .file-container {
    overflow-x: auto;
    display: -webkit-box !important;
    -webkit-flex-flow: unset !important;
    flex-flow: unset !important;
  }
  .create-email .button-area-email-footer .email-compose-footer .file-container::-webkit-scrollbar-track {
    background: #c5ced2 !important;
    border-radius: 6px !important;
  }
  .create-email .button-area-email-footer .email-compose-footer .file-container::-webkit-scrollbar {
    height: 8px;
  }
  .create-email .button-area-email-footer .email-compose-footer .file-container::-webkit-scrollbar-thumb {
    background-color: #767474;
    border-radius: 6px !important;
    opacity: 0.8;
    height: 41.3902px !important;
  }
  .create-email .button-area-email-footer .email-compose-footer .file-container .card-view,
  .create-email .button-area-email-footer .email-compose-footer .file-container .file {
    width: calc(20% - 20px);
  }
  .create-email .button-area-email-footer .email-compose-footer .file-container .card-view {
    height: unset;
    display: flex;
    padding: 3px;
    background: #f6f9fb;
    margin: 0 10px 5px;
  }
  .create-email .button-area-email-footer .email-compose-footer .file-container .card-view .card-view-image {
    height: unset;
    width: 35px;
  }
  .create-email .button-area-email-footer .email-compose-footer .file-container .card-view .card-view-details {
    margin-top: 0px;
    margin-left: 4px;
    max-width: 130px;
  }
  .create-email .button-area-email-footer .email-compose-footer .file-container .card-view:hover .card-view-actions {
    bottom: 3px;
  }
  .create-email .button-area-email-footer .email-compose-footer .button-area-email-footer {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    margin-right: 25px;
  }
  .chat-request-view .chat-area-containor .hide-chat {
    display: none;
  }
  .chat-request-view .chat-area-containor .show-log {
    margin-right: unset !important;
  }
  .chat-request-view .chat-area-containor .show-log .request-logs {
    height: calc(100vh - 125px);
    overflow-y: scroll;
  }
  .chat-request-view .chat-area {
    padding-left: unset;
    height: calc(100vh - 85px);
    width: 100vw;
  }
  .chat-request-view .chat-area .scroll-chat-area {
    width: 100vw;
    padding-left: 20px;
  }
  .chat-request-view .chat-area .scroll-chat-area .gpt-chat-containor.input-inactive {
    height: calc(100vh - 190px);
  }
  .chat-request-view .chat-area .scroll-chat-area .gpt-chat-containor.input-active {
    height: calc(100vh - 250px);
  }
  .chat-request-view .chat-area .chat-area-input .chat-msg {
    width: 91%;
    margin-top: 10px;
  }
  .email-view-attachment-wrapper {
    width: 88% !important;
  }
  .email-view-attachment-wrapper .file-container .file {
    width: calc(36% - 20px) !important;
  }
  .ant-modal {
    padding: 0px;
    margin: 0px !important;
  }
  .ant-modal .modal-body {
    height: calc(100vh - 217px);
  }
  header {
    height: 55px !important;
  }
  .role-list li {
    overflow-wrap: anywhere;
  }
  .hide-list-in {
    display: none;
  }
  .header-actions {
    margin-left: auto !important;
  }
  .main-container {
    padding-top: 55px !important;
  }
  .ant-picker-dropdown-range .ant-picker-date-range-wrapper {
    min-width: auto;
    flex-wrap: wrap;
    margin-top: 162px;
  }
  .ant-picker-dropdown-range .ant-picker-date-range-wrapper .ant-picker-panels {
    flex-direction: column;
  }
  .emailClient-page-theme div:first-child {
    min-height: auto !important;
  }
  .emailClient-page-theme .active {
    background-color: #e1e1e1 !important;
    color: #000 !important;
  }
  .emailClient-page-theme .active:hover {
    color: #000 !important;
  }
  .emailClient-page-theme .active:hover .passkey {
    background: url(https://qa.dev.bluetag.no/assets/img/passkey.svg) no-repeat !important;
  }
  .show-all {
    display: none;
  }
  .company-data {
    max-width: 40%;
  }
  .company-name {
    width: max-content;
    margin-top: 0px !important;
  }
  .userArea {
    background-color: unset !important;
    border-bottom: 0px !important;
  }
  .userArea .roleName .icon-text {
    display: none !important;
  }
  .userArea .logged-in-user {
    display: flex;
    flex-direction: row;
  }
  .help-area, .techSupportArea {
    display: none !important;
  }
  .logged-in-user {
    min-width: unset !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: unset !important;
    align-items: center;
  }
  .logged-in-user .username {
    display: block !important;
  }
  .logged-in-user .username .dropdown .dropdown-toggle .userFullName {
    display: none;
  }
  .logged-in-user .username .dropdown .dropdown-toggle .roleName div {
    display: none;
  }
  .logged-in-user .username .dropdown .dropdown-menu {
    top: 56px;
  }
  .resize-modal {
    margin-top: 100px !important;
  }
  .modal-body.create-email .react-tags__selected button {
    width: calc(100vw - 120px) !important;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .modal-body.create-email .react-tags__selected button .react-tags__selected-tag-name {
    overflow: hidden !important;
    text-wrap: nowrap !important;
    text-overflow: ellipsis !important;
    max-width: 85%;
    display: block;
  }
  .modal-body.create-email .email-input-form {
    padding: 9px 20px !important;
  }
  .modal-body.create-email .email-input-form .to-address, .modal-body.create-email .email-input-form .email-subject, .modal-body.create-email .email-input-form .cc-input-reply, .modal-body.create-email .email-input-form .bcc-input, .modal-body.create-email .email-input-form .select-assignee {
    flex-direction: column;
    padding-bottom: 5px;
  }
  .modal-body.create-email .email-input-form .form-group {
    padding-bottom: 3px;
  }
  .modal-body.create-email .email-input-form .inline-form-group label {
    margin-left: 5px;
  }
  .modal-body.create-email .email-input-form .inline-form-group .form-group {
    margin-left: 5px;
  }
  .modal-body.create-email .email-input-form .to-address .form-group {
    padding-bottom: 0px;
  }
  .modal-body.create-email .email-input-form .from-email {
    margin-top: 4px;
  }
  .modal-body.create-email .email-input-form .from-address {
    align-items: center;
  }
  .modal-body.create-email .email-input-form .from-address label {
    width: auto;
  }
  .modal-body.create-email .email-input-form .mobile-handel {
    flex-wrap: wrap;
    gap: 5px;
  }
  .modal-body.create-email .email-input-form .mobile-handel .to-add-tagInput {
    margin-left: 0px;
  }
  .modal-body.create-email .email-input-form .select-assignee label {
    width: max-content;
    padding-bottom: 4px;
  }
  .modal-body.create-email .email-input-form .bcc-btn {
    margin: 0px 0px 0px 5px;
  }
  .email-filter-section {
    width: 100% !important;
    padding: 0px 15px 9px !important;
    transition: max-height 0.3s ease-in-out !important;
  }
  .email-filter-section .filter-options {
    width: -webkit-fill-available;
  }
  .email-filter-section .filter-options button {
    width: 100%;
    margin-top: 3px;
    height: 30px;
  }
  .email-filter-section .filter-options select {
    border: 0px;
  }
  .email-filter-section .checkbox {
    justify-content: flex-start;
    width: 100%;
    margin-right: 0px;
    margin-left: 3px;
  }
  .email-filter-section .search-filter {
    width: 99% !important;
  }
  .email-filter-section.show-filters {
    display: flex !important;
    flex-direction: column;
    max-height: 1000px !important;
  }
  .email-filter-section.show-filters .email-employee-selected-name {
    max-width: 100%;
    text-wrap: wrap;
    font-size: 12px !important;
    padding: 9px 4px;
  }
  .email-filter-section.hide-filters {
    display: none !important;
    max-height: 0px !important;
  }
  .email-filter-section.email-filter-section-hide {
    display: none !important;
  }
  .email-client {
    display: flex;
    position: fixed !important;
    flex-direction: column;
    top: 110px !important;
  }
  .email-client.hide-filters {
    top: 113px !important;
  }
  .email-client.hide-filters .email-container {
    inset: 0px 0px 0px 0px !important;
  }
  .email-client.hide-filters .show-list-in-container {
    inset: 230px 0px 0px 0px !important;
  }
  .email-client.hide-filters .hide-list-in-container {
    inset: 57px 0px 0px 0px !important;
  }
  .email-client.show-filters {
    top: 160px !important;
  }
  .email-client.show-filters .email-container {
    inset: 0px 0px 0px 0px !important;
  }
  .email-client.show-filters .show-list-in-container {
    inset: 191px 0px 0px 0px !important;
  }
  .email-client.show-filters .hide-list-in-container {
    inset: 57px 0px 0px 0px !important;
  }
  .email-client .email-container {
    flex-direction: column;
    position: fixed !important;
  }
  .email-client .email-container .loader-container {
    top: -16px;
  }
  .email-client .email-container .hide-list {
    display: none !important;
  }
  .email-client .email-container .hide-emailView {
    display: none !important;
  }
  .email-client .email-container .no-records-message {
    height: calc(100vh - 518px) !important;
  }
  .email-client .email-container .no-records-message::before {
    left: 37% !important;
  }
  .email-client .email-nav {
    width: 100% !important;
    background: #e9e7e8;
    position: relative;
    height: 14%;
    margin-top: unset !important;
    padding: unset !important;
  }
  .email-client .email-nav .email-nav-items li {
    min-height: unset !important;
    margin-bottom: 3px !important;
    padding: 5px 15px 10px 15px !important;
    display: flex;
    border-radius: 4px !important;
    flex-direction: column;
    align-items: center;
    width: 22%;
  }
  .email-client .email-nav .email-nav-items li a {
    align-items: center !important;
    gap: unset !important;
    height: 50px !important;
    flex-direction: column;
    padding: unset !important;
  }
  .email-client .email-nav .email-nav-items li .active {
    padding-left: unset !important;
  }
  .email-client .email-nav .email-nav-items li .badge-count {
    position: relative !important;
    top: 0px !important;
    right: 4px;
    height: auto;
    font-size: 11px !important;
    padding: 3px;
    border-radius: 4px;
    color: #000 !important;
    font-weight: 700;
    background: #fedada !important;
    margin-bottom: 4px;
    margin-left: 10px;
    font-size: 11px;
    width: fit-content;
    align-self: center !important;
  }
  .email-client .email-nav .email-nav-items li .badge-name, .email-client .email-nav .email-nav-items li .waiting-res {
    text-align: center;
    margin-top: 2px;
    max-width: unset !important;
    min-width: 50px;
  }
  .email-client .email-nav-items {
    display: flex;
    position: fixed;
    padding: 3px 5px !important;
    background-color: #f6f6f6;
    width: 100%;
    justify-content: space-between;
    overflow-x: scroll;
  }
  .email-client .toggle-container-show-email-container {
    display: none;
  }
  .email-client .scrollarea {
    scrollbar-width: thin;
  }
  .email-view-attachment-wrapper {
    width: 85% !important;
  }
  .fullscreen-btn {
    margin-right: 30px;
  }
  .modal-footer {
    padding: 16px 7px !important;
  }
  .modal-footer button:nth-child(3) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100px !important;
    overflow-wrap: anywhere;
    white-space: break-spaces;
  }
  .modal-footer button:not(.btn-circle) {
    height: 45px !important;
  }
  .title-section {
    padding: 15px !important;
  }
  .title-section .filter-btn-email {
    margin-left: auto;
    display: block;
  }
  .date-year-filters {
    display: grid;
    gap: 5px;
    grid-template-columns: auto auto auto !important;
    grid-column: span 2;
  }
  .date-year-filters .filter-options:first-of-type {
    grid-column: span 2;
    width: 100%;
  }
  .email-list {
    flex: 1 !important;
    margin-top: unset !important;
  }
  .email-list .email-list-item {
    padding: 10px 5px 10px 5px !important;
    min-width: unset !important;
    border-radius: unset !important;
    border-bottom: 1px solid #ccc !important;
  }
  .email-list .email-list-item .option-email-icon {
    left: 17px !important;
  }
  .email-list .email-list-item .option-email-icon.forward-icon {
    top: 70px !important;
  }
  .email-list .icon-btn {
    padding: 0px 4px;
    height: 20px;
  }
  .email-list .side-icons {
    width: 42px;
    padding-left: 5px;
  }
  .email-list .side-icons .email-item-delete {
    padding-bottom: 0px !important;
    padding-top: 15px !important;
    height: 20px;
  }
  .email-list.scrollarea {
    position: relative;
    overflow: scroll;
  }
  .email-list.show-list .selected-row .attachment-icon {
    color: #494949 !important;
  }
  .email-list.show-list .selected-row.new-email {
    background: unset !important;
  }
  .email-list.show-list .selected-row.new-email .email-title, .email-list.show-list .selected-row.new-email .email-message, .email-list.show-list .selected-row.new-email .email-date, .email-list.show-list .selected-row.new-email .email-sender-name {
    color: #494949 !important;
  }
  .email-list.show-list .selected-row.new-email .delete-btn {
    color: #637280 !important;
  }
  .email-list.show-list .selected-row.new-email .forward-icon {
    color: #637280 !important;
  }
  .email-list.show-list .selected-row.read-email {
    background: unset !important;
  }
  .email-list.show-list .selected-row.read-email .email-title, .email-list.show-list .selected-row.read-email .email-message, .email-list.show-list .selected-row.read-email .email-date, .email-list.show-list .selected-row.read-email .email-sender-name {
    color: #494949 !important;
  }
  .email-list.show-list .selected-row.read-email .delete-btn {
    color: #637280 !important;
  }
  .email-list.show-list .selected-row.read-email .forward-icon {
    color: #637280 !important;
  }
  .email-list.show-list .selected-row .email-title, .email-list.show-list .selected-row .email-message, .email-list.show-list .selected-row .email-date, .email-list.show-list .selected-row .email-sender-name {
    color: #494949 !important;
  }
  .email-list.show-list .selected-row .delete-btn {
    color: #637280 !important;
  }
  .email-list.show-list .selected-row.highest-priority .email-sender-name, .email-list.show-list .selected-row.highest-priority .email-title, .email-list.show-list .selected-row.highest-priority .time, .email-list.show-list .selected-row.highest-priority .email-message, .email-list.show-list .selected-row.highest-priority .attachment-icon {
    color: #494949 !important;
  }
  .email-list .scrollarea-content {
    padding: 8px 10px 0px 10px !important;
  }
  .selected-row {
    background-color: unset !important;
  }
  .highest-priority .email-sender-name, .highest-priority .email-title, .highest-priority .time {
    color: #494949 !important;
  }
  .highest-priority .icon-set .option-email-icon {
    left: 15px !important;
    top: 25px !important;
    color: #494949;
  }
  .email-view {
    flex: 1 !important;
    background-color: #f6f6f6;
  }
  .email-view .email-view-body {
    margin-top: unset !important;
  }
  .email-view .email-view-body .right-side-btns {
    top: 0px !important;
  }
  .email-view .email-view-upperArea {
    padding: 10px 10px 0px 14px !important;
    background: #fff !important;
    color: #000 !important;
  }
  .email-view .email-view-upperArea .email-view-attachment-wrapper {
    position: relative;
    margin-left: 0px;
    width: 100% !important;
  }
  .email-view .email-view-upperArea .sender-area {
    padding-top: 20px;
  }
  .email-view .email-view-upperArea .mv-subject, .email-view .email-view-upperArea .mv-name, .email-view .email-view-upperArea .mv-label {
    color: #000 !important;
  }
  .email-view .email-view-upperArea .mv-subject:after, .email-view .email-view-upperArea .mv-name:after, .email-view .email-view-upperArea .mv-label:after {
    color: #000 !important;
  }
  .email-view .email-view-upperArea .mv-subject.skeleton {
    height: 15px;
  }
  .email-view .email-view-upperArea .email-data {
    display: flex;
    align-items: center;
    margin-right: unset !important;
  }
  .email-view .email-view-upperArea .inlineFlex {
    display: flex;
  }
  .email-view .email-view-upperArea .mv-subject {
    padding: 0px;
  }
  .email-view .email-view-upperArea .spam-icon-con .icon-btn {
    font-size: 10px !important;
    height: 30px !important;
    padding: 4px 5px !important;
  }
  .email-view .email-view-upperArea .spam-icon-con .icon-btn .material-icons {
    font-size: 18px !important;
    width: 21px !important;
  }
  .email-view .email-view-upperArea .notification-assignee-listing {
    padding: 0px 0px 10px 0px;
  }
  .email-view .email-view-upperArea .notification-assignee-listing .email-assignee-list, .email-view .email-view-upperArea .notification-assignee-listing .email-assign-job-list {
    display: flex;
    width: auto;
    overflow-x: auto;
    touch-action: pan-x;
    flex-wrap: nowrap !important;
  }
  .email-view .email-view-upperArea .notification-assignee-listing .email-assignee-list::-webkit-scrollbar-track, .email-view .email-view-upperArea .notification-assignee-listing .email-assign-job-list::-webkit-scrollbar-track {
    background: #c5ced2 !important;
    border-radius: 6px !important;
  }
  .email-view .email-view-upperArea .notification-assignee-listing .email-assignee-list::-webkit-scrollbar, .email-view .email-view-upperArea .notification-assignee-listing .email-assign-job-list::-webkit-scrollbar {
    height: 2px;
  }
  .email-view .email-view-upperArea .notification-assignee-listing .email-assignee-list::-webkit-scrollbar-thumb, .email-view .email-view-upperArea .notification-assignee-listing .email-assign-job-list::-webkit-scrollbar-thumb {
    background-color: #403c3c;
    border-radius: 6px !important;
    opacity: 0.8;
    height: 5 !important;
  }
  .email-view .email-view-upperArea .notification-assignee-listing .email-assignee-list .email-client-assignee-card, .email-view .email-view-upperArea .notification-assignee-listing .email-assign-job-list .email-client-assignee-card {
    width: max-content;
  }
  .email-view .email-view-upperArea .notification-assignee-listing .email-assign-job-list {
    padding-bottom: 0px;
  }
  .email-view .skeleton-continar {
    padding: 5px 10px 20px 10px !important;
  }
  .email-view .email-viewEditor-area .tox-tinymce {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .email-view .email-viewEditor-area .tox-editor-container {
    padding: 0px 0px 10px 0px !important;
  }
  .email-view .scrollarea-content .loader-container {
    top: 50px !important;
    display: flex;
    justify-content: start !important;
    left: 23px;
  }
  .collapsable-email-view {
    margin-left: 15px;
    margin: 10px 5px 10px 5px;
  }
  .collapsable-email-view .collaps {
    margin-right: 0px !important;
  }
  .collapsable-email-view:last-child {
    padding-bottom: 20px;
  }
  .emailReplynOptions {
    display: none;
  }
  .backToList {
    display: block !important;
  }
  .backToList .email-back-btn {
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    padding-right: 11px;
    padding: 5px 10px;
  }
  .backToList .email-back-btn.request-back {
    justify-content: space-between;
  }
  .backToList .email-back-btn .log-btn {
    background: #40a6c4;
    display: flex;
    padding: 2px;
    border-radius: 4px;
  }
  .emailViewIframe {
    padding-left: 14px !important;
  }
  .landing-container .date-time-bar .bar-item {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .landing-container .date-time-bar .bar-item span {
    display: none;
  }
  .landing-container .date-time-bar .bar-item strong {
    width: max-content;
  }
  .landing-container .date-time-bar .date, .landing-container .date-time-bar .time {
    display: none !important;
  }
  .personal-email .title-section {
    padding-top: 10px !important;
  }
  .personal-email .title-section .flex-group {
    flex-wrap: wrap;
  }
  .personal-email .title-section .flex-group .main-title {
    font-size: 16px !important;
    flex: 0 0 100%;
    padding-bottom: 10px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 0px 5px 0px !important;
  }
  .personal-email .title-section .flex-group .add-new-btn {
    flex: 1;
    margin-left: unset !important;
  }
  .personal-email .title-section .flex-group .filter-btn-email {
    flex: 1;
    text-align: end;
  }
  .personal-email .hide-filters {
    top: 134px !important;
  }
  .personal-email .hide-filters .email-container {
    inset: 227px 0px 0px 0px;
  }
  .personal-email .show-filters {
    top: 240px !important;
  }
  .personal-email .show-filters .email-container {
    inset: 0px 0px 0px 0px;
  }
  .personal-email .show-filters .email-container .loader-container {
    top: 6px;
  }
  .hide-list-in-container {
    inset: 0px 0px 0px 0px !important;
  }
  .show-list-in-container {
    inset: 227px 0px 0px 0px !important;
  }
  .email-compose-footer .file-container {
    margin-left: 3px;
    margin-right: 5px;
    margin-bottom: unset !important;
  }
  .email-compose-footer .file-container .card-view, .email-compose-footer .file-container .file {
    width: 40% !important;
  }
  .email-compose-footer .file-container .card-view .card-view-details {
    margin-top: 0px;
    margin-left: 4px;
    max-width: 113px !important;
  }
  .email-compose-footer .button-area-email-footer {
    padding-top: 5px;
    flex-direction: column-reverse !important;
    gap: 5px;
  }
  .email-compose-footer .button-area-email-footer .ant-btn {
    height: unset !important;
    width: calc(100% - 50px) !important;
    padding: 10px 0px !important;
    text-align: center;
    justify-content: center;
  }
  .button-area-email-footer .loader-container {
    position: absolute !important;
    background: rgba(228, 228, 228, 0);
    bottom: 144px !important;
    top: unset;
  }
  .landing-container {
    padding-bottom: 20px;
  }
  .header-user-info .dropdown-menu {
    padding-top: 10px !important;
  }
  .header-user-info .dropdown-menu li .mobile-only-user-info .mobile-only-user-name {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
  }
  .header-user-info .dropdown-menu li .mobile-only-user-info .mobile-only-user-role {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 36px);
    text-overflow: ellipsis;
  }
  .header-user-info .dropdown-menu li.mobile-only {
    display: flex !important;
    background: #f5f5f5;
    align-items: center;
    border-radius: 10px;
  }
  .header-user-info .dropdown-menu li.mobile-only .user-info {
    color: #fff !important;
    background: #72726b !important;
    border-radius: 50% !important;
    width: 24px !important;
    height: 24px !important;
    text-align: center !important;
    margin-right: 3px !important;
    font-size: 20px !important;
  }
  .header-user-info .dropdown-menu .systemSettings-dropDown ul {
    right: 0px !important;
    top: 146px !important;
    width: 100%;
  }
  .header-user-info .dropdown-menu > li:first-child {
    margin-top: 0 !important;
  }
  .bluetag-logo-brand {
    width: 70px !important;
  }
  header {
    padding-left: 20px !important;
  }
  .mobile-header {
    padding-top: 60px !important;
    overflow-y: scroll;
  }
  .mobile-header a, .mobile-header div {
    min-width: unset !important;
  }
  .mobile-header .mobile-only {
    display: block !important;
  }
  .mobile-header .ktvIntranetArea .bold, .mobile-header .ktvIntranetArea strong {
    display: none;
  }
  .mobile-header .appQRArea .text {
    display: none;
  }
  .mobile-header .socialMediaArea {
    border-bottom: 5px solid #ccc;
  }
  .mobile-header .socialMediaArea .text {
    display: none;
  }
  .mobile-header .my-web-shop-area {
    padding-bottom: 5px !important;
  }
  .mobile-header .chat-gpt-icon-top-bar .user-icon .icon-text {
    display: none;
  }
  .mobile-header .chat-gpt-icon-top-bar .gptChatIcon-top-bar {
    position: relative;
    width: 25px !important;
    height: 25px !important;
  }
  .mobile-header .chat-gpt-icon-top-bar .gptChatIcon-top-bar:before {
    width: 25px !important;
    height: 25px !important;
    background-position: -2px -371px !important;
  }
  .mobile-header .help-area {
    display: flex !important;
    padding: 0 12px 5px 12px !important;
  }
  .mobile-header .help-area .material-icons {
    padding-bottom: 0px;
  }
  .mobile-header .help-area .bold {
    display: none;
  }
  .mobile-header .help-area .helpEditArea {
    display: none;
  }
  .mobile-header .help-area:hover {
    border-bottom: unset !important;
  }
  .mobile-header .techSupportArea {
    display: flex !important;
    padding: 5px 12px 5px 12px !important;
  }
  .mobile-header .techSupportArea .material-icons {
    padding-bottom: 0px !important;
  }
  .mobile-header .techSupportArea .bold {
    display: none;
  }
  .mobile-only-user-info {
    display: block !important;
  }
  .sticky {
    top: unset !important;
  }
  .ant-modal {
    min-width: 100% !important;
    width: min-content !important;
    top: 0px !important;
  }
  .ant-modal .fullscreen-btn {
    display: none;
  }
  .login-form {
    min-height: unset !important;
    height: 100% !important;
  }
  .assignee-note {
    margin: 0;
  }
  .print-btn {
    display: none;
  }
}
@media only screen and (min-width: 1441px) {
  .ant-modal-wrap {
    inset: -58px 0px 0px 0px !important;
  }
  .ant-modal-wrap:has(.resize-modal) {
    inset: 0px !important;
  }
}
@media screen and (max-width: 1390px) {
  .chat-request-container .chat-area .gpt-chat-containor {
    width: 100% !important;
  }
}
.main-container {
  padding-top: 100px;
}

.main-container .view-page {
  height: calc(100vh - 100px) !important;
}
.main-container .language-edit-view-page {
  height: calc(92vh - 100px) !important;
}
.main-container .language-edit-view-page .languageEdit .treeView {
  height: calc(89vh - 260px) !important;
}

.landing-container {
  padding-top: 100px;
}

.company-data + .header-actions {
  margin-left: auto !important;
}

.mobile-header {
  display: flex;
}
.mobile-header .header-first-item {
  margin-left: unset !important;
}
.mobile-header .ktvIntranetArea,
.mobile-header .appQRArea,
.mobile-header .socialMediaArea,
.mobile-header .chat-gpt-icon-top-bar {
  height: unset !important;
  justify-content: center;
}
.mobile-header .ktvIntranetArea:hover,
.mobile-header .appQRArea:hover,
.mobile-header .socialMediaArea:hover,
.mobile-header .chat-gpt-icon-top-bar:hover {
  border-bottom: 5px solid #888d90 !important;
}
.mobile-header .user-icon {
  display: flex;
}
.mobile-header a,
.mobile-header div {
  width: 25%;
}
.mobile-header .mobile-only {
  display: none;
}

.mobile-only {
  display: none;
}

.mobile-only-user-info {
  display: none;
}

.emails.email-client {
  top: 152px;
}

.email-container.email-container-ec {
  inset: 210px 0px 0px 150px;
}

.table .draggable-item button {
  margin-left: unset !important;
  width: unset !important;
}

.drone-status-wrapper {
  width: calc(50% - 20px);
}

.appQR-popup .ant-modal-body {
  padding: 24px !important;
}
.appQR-popup .ant-modal-body .bma-area {
  justify-content: space-between;
}
.appQR-popup .ant-modal-body .qr-container {
  margin: 20px;
}
.appQR-popup .ant-modal-body .qr-container .qr-title {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.appQR-popup .ant-modal-body .qr-container .qrcode-box .qrCode {
  max-width: 150px !important;
}
.appQR-popup .ant-modal-body .qr-container .qrcode-box .clipBoard {
  position: relative;
  cursor: pointer;
}
.appQR-popup .ant-modal-body .qr-container .qrcode-box .clipBoard span {
  top: 7px;
  left: 0px;
}
.appQR-popup .ant-modal-body .qr-container .qrcode-box .platform {
  justify-content: center;
  margin-left: 15px;
  margin-top: 10px;
}
.appQR-popup .ant-modal-body .qr-container .qrcode-box .platform span {
  align-self: center;
}
.appQR-popup .ant-modal-body .qr-container .qrcode-box .platform .android {
  height: 35px;
  width: auto;
}
.appQR-popup .ant-modal-body .qr-container .qrcode-box .platform .ios {
  height: 35px;
  width: auto;
}

.resize-modal {
  padding-bottom: 0px !important;
}
.resize-modal .ant-modal-content {
  height: 98vh;
  width: 100vw;
}
.resize-modal .ant-modal-body {
  height: calc(100vh - 140px) !important;
}
.resize-modal .ant-modal-body .create-email {
  height: 100% !important;
}

.modal-body.create-email {
  padding: unset !important;
  height: calc(100vh - 211px);
  max-height: fit-content !important;
}
.modal-body.create-email .form-tag-group {
  min-height: 20px;
}
.modal-body.create-email .form-tag-group [class$=-menu] {
  position: absolute !important;
}
.modal-body.create-email .form-tag-group .react-tags__selected {
  display: inline;
  flex-wrap: wrap;
}
.modal-body.create-email .form-tag-group .react-tags__selected button {
  display: inline;
  width: 32%;
}
.modal-body.create-email .form-tag-group .react-tags__selected button:after {
  float: right;
}
.modal-body.create-email .form-tag-group .react-tags__selected button .react-tags__selected-tag-name {
  overflow: hidden !important;
  text-wrap: nowrap !important;
  text-overflow: ellipsis !important;
  max-width: 85%;
  display: inline-block;
}
.modal-body.create-email .react-tags__selected button {
  height: 25px;
  border-radius: 20px;
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.modal-body.create-email .react-tags__selected button::after {
  color: #004085;
}
.modal-body.create-email [class$=-indicatorContainer] {
  padding: 5px;
}
.modal-body.create-email .form-group .from-email {
  width: fit-content;
  background: #ccc;
  padding: 0px 10px;
  border-radius: 5px;
}
.modal-body.create-email .form-group .form-control {
  height: 31px;
  border: 0;
}
.modal-body.create-email .form-group .form-control.invalid-field {
  border: 1px solid;
}
.modal-body.create-email .form-group .form-control.react-tags {
  background: #fff;
}
.modal-body.create-email .form-group .react__searchable {
  background: #fff !important;
}
.modal-body.create-email .error-msg {
  display: none;
}
.modal-body.create-email .select-assignee label {
  width: 70px;
  line-height: normal;
}
.modal-body.create-email .inline-form-group.from-address label.required:after {
  display: none !important;
}
.modal-body.create-email .inline-form-group label {
  width: 70px;
  color: #6d6d6d;
}
.modal-body.create-email .inline-form-group label.required:after {
  display: inline-flex;
  content: "";
  width: 4px;
  height: 4px;
  background: #e57272;
  border-radius: 50%;
  vertical-align: super;
  margin-left: 3px;
}
.modal-body.create-email .email-input-form {
  background: #ebebeb;
  padding: 9px 30px;
}
.modal-body.create-email .tox-statusbar {
  display: none;
}
.modal-body.create-email .tox-tinymce {
  border: unset;
}
.modal-body.create-email .mobile-handel {
  margin: 0;
}
.modal-body.create-email .email-ai {
  justify-self: right;
  margin-left: auto;
  margin-right: 10px;
}

.email-view-attachment-wrapper {
  padding-bottom: 15px !important;
  z-index: 9;
  background-color: #ffffff;
  bottom: 0;
  padding: 5px;
  width: calc(100vw - 625px);
  margin: 0 15px;
}
.email-view-attachment-wrapper.full-width-attachment {
  width: 85% !important;
}
.email-view-attachment-wrapper.full-width-attachment .file-container .card-view {
  width: 12% !important;
}
.email-view-attachment-wrapper .file-container {
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box !important;
  -webkit-flex-flow: unset !important;
  flex-flow: unset !important;
}
.email-view-attachment-wrapper .file-container::-webkit-scrollbar-track {
  background: #c5ced2 !important;
  border-radius: 6px !important;
}
.email-view-attachment-wrapper .file-container::-webkit-scrollbar {
  height: 8px;
}
.email-view-attachment-wrapper .file-container::-webkit-scrollbar-thumb {
  background-color: #767474;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.email-view-attachment-wrapper .file-container .card-view, .email-view-attachment-wrapper .file-container .file {
  width: calc(20% - 20px);
}
.email-view-attachment-wrapper .file-container .card-view {
  height: unset;
  display: flex;
  padding: 3px;
  background: #f6f9fb;
}
.email-view-attachment-wrapper .file-container .card-view .card-view-image {
  height: unset;
  width: 35px;
}
.email-view-attachment-wrapper .file-container .card-view .card-view-details {
  margin-top: 0px;
  margin-left: 4px;
  max-width: 130px;
}
.email-view-attachment-wrapper .file-container .card-view:hover .card-view-actions {
  bottom: 3px;
}

.emailPreviewDataInPopup {
  position: relative !important;
  width: 98%;
  min-width: 175px;
}
.emailPreviewDataInPopup .file-container .card-view {
  min-width: 175px;
}

.emailPreviewDataInPopupContainar .tox-tinymce {
  height: 53vh !important;
}

.create-email + .modal-footer .flex-btn {
  width: fit-content;
}
.create-email + .modal-footer.email-compose-footer {
  flex-direction: column;
}
.create-email + .modal-footer.email-compose-footer .file-container {
  overflow-x: auto;
  display: -webkit-box !important;
  -webkit-flex-flow: unset !important;
  flex-flow: unset !important;
}
.create-email + .modal-footer.email-compose-footer .file-container::-webkit-scrollbar-track {
  background: #c5ced2 !important;
  border-radius: 6px !important;
}
.create-email + .modal-footer.email-compose-footer .file-container::-webkit-scrollbar {
  height: 8px;
}
.create-email + .modal-footer.email-compose-footer .file-container::-webkit-scrollbar-thumb {
  background-color: #767474;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.create-email + .modal-footer.email-compose-footer .file-container .card-view,
.create-email + .modal-footer.email-compose-footer .file-container .file {
  width: calc(20% - 20px);
}
.create-email + .modal-footer.email-compose-footer .file-container .card-view {
  height: unset;
  display: flex;
  padding: 3px;
  background: #f6f9fb;
  margin: 0 10px 5px;
}
.create-email + .modal-footer.email-compose-footer .file-container .card-view .card-view-image {
  height: unset;
  width: 35px;
}
.create-email + .modal-footer.email-compose-footer .file-container .card-view .card-view-details {
  margin-top: 0px;
  margin-left: 4px;
  max-width: 130px;
}
.create-email + .modal-footer.email-compose-footer .file-container .card-view:hover .card-view-actions {
  bottom: 3px;
}
.create-email + .modal-footer.email-compose-footer .button-area-email-footer {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  margin-right: 25px;
}

.email-view-upperArea {
  padding: 20px 40px 0px 40px !important;
}
.email-view-upperArea .right-side-btns {
  display: flex;
  gap: 10px;
  right: 15px;
  top: 38px;
}
.email-view-upperArea .right-side-btns .spam-icon-con, .email-view-upperArea .right-side-btns .print-btn {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.email-view-upperArea .right-side-btns .spam-icon-con .icon-btn, .email-view-upperArea .right-side-btns .print-btn .icon-btn {
  display: flex;
  align-items: center;
}
.email-view-upperArea .right-side-btns .spam-icon-con .icon-btn:hover, .email-view-upperArea .right-side-btns .print-btn .icon-btn:hover {
  color: #020202;
  cursor: pointer;
}
.email-view-upperArea .right-side-btns span {
  cursor: pointer;
}
.email-view-upperArea .right-side-btns .right-btn {
  display: flex;
  gap: 10px;
  margin-left: auto;
}
.email-view-upperArea .right-side-btns .expand-btn {
  background: #dbf6fd !important;
  width: 25px !important;
  height: 25px !important;
  border-radius: 50%;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 30px;
}
.email-view-upperArea .right-side-btns .close-btn-set-margin {
  margin-left: auto;
}
.email-view-upperArea .notification-assignee-listing .d-flex {
  flex-wrap: wrap;
}
.email-view-upperArea .notification-assignee-listing .d-flex > div {
  width: fit-content;
}
.email-view-upperArea .notification-assignee-listing .email-client-assignee-card .assignee-icon {
  margin-right: 0px !important;
  color: #5f5e5f !important;
}
.email-view-upperArea .notification-assignee-listing .email-client-assignee-card .assignee-name {
  margin-left: 5px;
}
.email-view-upperArea .notification-assignee-listing .email-client-assignee-card.empty-assignee {
  margin-left: 0px;
}
.email-view-upperArea .mv-label {
  color: #fff;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.email-view-upperArea .mv-label:after {
  color: #fff;
}
.email-view-upperArea .mv-subject {
  color: #fff;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  border-bottom: 0;
}
.email-view-upperArea .mv-name {
  color: #fff;
}
.email-view-upperArea .notification-assignee-listing .assignee-note {
  width: 100% !important;
}
.email-view-upperArea .notification-assignee-listing .notification-assignee-card {
  padding: 3px;
  border: 0;
  border-radius: 4px;
}
.email-view-upperArea .notification-assignee-listing .notification-assignee-card.email-client-assignee-card {
  background-color: #d9f4ff !important;
  min-height: 25px;
}
.email-view-upperArea .notification-assignee-listing .notification-assignee-card .close-icon {
  background: none;
  color: #38c2f8;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.email-view-upperArea .notification-assignee-listing .notification-assignee-card .close-icon:hover {
  color: #000;
}
.email-view-upperArea .notification-assignee-listing .notification-assignee-card .close-icon .material-icons {
  font-size: 17px;
}
.email-view-upperArea .notification-assignee-listing .tagIcon {
  background-image: url(https://qa.dev.bluetag.no/assets/img/tagicon.png);
  min-width: 20px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}
.email-view-upperArea .ant-collapse-header-text {
  color: #fff !important;
}

.pendingPayment {
  align-self: center;
  padding-bottom: 0px;
}
.pendingPayment label {
  margin-bottom: 0px;
}

.italic {
  font-style: italic;
}

.infinite-scroll-component__outerdiv {
  border: none;
}

.infinite-scroll-component::-webkit-scrollbar-track {
  background: #c5ced2 !important;
  border-radius: 6px !important;
  opacity: 0;
}
.infinite-scroll-component::-webkit-scrollbar {
  width: 8px;
  opacity: 0;
}
.infinite-scroll-component::-webkit-scrollbar-thumb {
  background-color: #5d838f;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.infinite-scroll-component:hover::-webkit-scrollbar {
  opacity: 1;
}
.infinite-scroll-component:hover::-webkit-scrollbar-track {
  opacity: 1;
}

.job-tabs-sec .ant-tabs-tabpane .title-section {
  background-color: #cff2ff;
}
.job-tabs-sec .order-filter-item {
  background: unset !important;
}

.transaction-type-popup .ant-switch-inner {
  text-transform: none;
}
.transaction-type-popup .transaction-type-select label {
  margin-bottom: 0px;
}

.edit-form-employee-Invoice .companyCardNumber {
  padding: 0;
}
.edit-form-employee-Invoice .companyCardNumber .ant-select-selection-item {
  display: flex;
  align-items: center;
}
.edit-form-employee-Invoice .companyCardNumber.disable-value .ant-select-selection-item {
  color: #dc3545 !important;
}

.companyCardNumber-dropdown .ant-select-item-option-disabled {
  color: #dc3545 !important;
}

.EmployeeCompanyCardForm {
  min-width: 400px !important;
}

.drone-log-view .overlay {
  width: 100%;
  background: rgba(66, 68, 69, 0.8);
  height: 100%;
  position: absolute;
  z-index: 1;
  transition: all 1s ease-out;
}
.drone-log-view .overlay .loader-container {
  position: absolute !important;
  height: inherit;
  display: flex;
  justify-content: center;
  top: 50%;
  z-index: 100;
}
.drone-log-view .overlay .loader-container .lds-ellipsis {
  height: inherit;
}
.drone-log-view .overlay .loading-text {
  position: absolute !important;
  display: flex;
  align-items: center;
  top: calc(50% + 20px);
  left: 45%;
  color: #fff;
}
.drone-log-view .drone-log-view-controller {
  display: flex;
  padding: 0 15px;
  gap: 10px;
  align-items: center;
  background: #424242;
}
.drone-log-view .drone-log-view-controller button {
  background-color: #424242;
}
.drone-log-view .drone-log-view-controller button .material-icons {
  color: #fff;
}
.drone-log-view .drone-log-view-controller button:hover {
  box-shadow: unset;
}
.drone-log-view .drone-log-view-controller progress {
  height: 10px;
  background-color: gray;
  border-radius: 5px;
}
.drone-log-view .drone-log-view-controller progress::-webkit-progress-bar {
  /* For WebKit browsers (Chrome, Safari) */
  border-radius: 8px; /* Adjust the value as needed */
}
.drone-log-view .drone-log-view-controller progress::-webkit-progress-value {
  background-color: #15bef0;
  border-radius: 5px;
}
.drone-log-view .log-details p {
  border-bottom: 1px solid #ebe3e3;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding: 0.5em 10px;
  width: 50%;
}
.drone-log-view .log-details p .item-label {
  font-size: 13px;
  width: 52%;
}
.drone-log-view .log-details p .item-value {
  width: 48%;
}
.drone-log-view .log-details p:last-child {
  border-bottom: 0px;
}
.drone-log-view .controls .top-controls .btn-play {
  display: flex;
  gap: 10px;
  width: 15%;
}
.drone-log-view .controls .top-controls .btn-play .ant-btn {
  background-color: #282323;
  color: #fff;
  border: 0;
}
.drone-log-view .controls .top-controls .btn-play .ant-btn:hover {
  color: #8d8d8d !important;
}
.drone-log-view .logContainer .active {
  color: #464646 !important;
  font-weight: bold;
  border-radius: 4px;
}
.drone-log-view .logContainer .logBody {
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out !important;
}
.drone-log-view .logContainer .logBody::-webkit-scrollbar {
  width: 8px;
}
.drone-log-view .logContainer .logBody::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
  border-radius: 6px !important;
  opacity: 0.8;
  width: 6px !important;
}
.drone-log-view .eventLogContainer .eventLogBody {
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out !important;
}
.drone-log-view .eventLogContainer .eventLogBody::-webkit-scrollbar {
  width: 8px;
}
.drone-log-view .eventLogContainer .eventLogBody::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
  border-radius: 6px !important;
  opacity: 0.8;
  width: 6px !important;
}
.drone-log-view .drone-log-view-error {
  color: red;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  padding: 15px 10px;
  font-size: 15px;
  font-weight: 500;
  gap: 10px;
}
.drone-log-view .joystick {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #333;
  position: absolute;
}
.drone-log-view .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: Arial, sans-serif;
}
.drone-log-view .joysticksWrapper {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}
.drone-log-view .joysticksWrapper .RcCircle {
  width: 93px;
  height: 93px;
  padding: 10px;
  border: 2px solid #FFF;
  border-radius: 13px;
  -moz-border-radius: 13px;
  margin-left: 15px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.drone-log-view .joysticksWrapper .RcCircle .RcCircleH {
  border: none;
  color: #FFF;
  border-top: 1px solid #FFF;
  height: 1px;
  width: 89px;
  position: absolute;
  top: 44px;
  left: 0;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
}
.drone-log-view .joysticksWrapper .RcCircle .RcCircleV {
  border: none;
  color: #FFF;
  border-left: 1px solid #FFF;
  height: 89px;
  width: 1px;
  position: absolute;
  top: 0;
  left: 44px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
}
.drone-log-view .joysticksWrapper .RcCircle .RcStick {
  height: 18px;
  width: 18px;
  background-color: #4cff00;
  border-radius: 50%;
  display: inline-block;
  border: solid 1px #000;
  position: absolute;
}
.drone-log-view .map-containor {
  position: relative;
}
.drone-log-view .map-containor .drone-joystick-animation-con {
  position: absolute;
  top: 80%;
  left: 79%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}
.drone-log-view .map-containor .location-address {
  display: flex;
  gap: 10px;
  z-index: 2;
  position: absolute;
  top: 95%;
  left: 100px;
  color: #fff;
  align-items: end;
}
.drone-log-view .map-containor .location-address p {
  margin-bottom: 0px;
}

.email-preview .mv-subject, .email-preview .mv-name, .email-preview .mv-label {
  color: #000 !important;
}
.email-preview .name-date-inline {
  display: flex;
  justify-content: space-between;
}
.email-preview .sender-area, .email-preview .pb-10 {
  padding-bottom: 0px !important;
}

.create-email .email-client-assignee-card {
  cursor: unset;
  width: 70px;
}
.create-email .email-client-assignee-card .outter-box {
  padding: 3px;
  background-color: #d9f4ff;
  width: 30px;
  border: 1px solid #98d7f1;
  border-radius: 4px;
}
.create-email .email-client-assignee-card .tagIcon {
  background-image: url(https://qa.dev.bluetag.no/assets/img/tagicon.png);
  padding: 10px;
  min-width: 20px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  width: 22px;
  cursor: pointer;
}
.create-email .email-assign-job-list {
  flex-wrap: wrap;
  display: flex;
  align-items: center;
}
.create-email .email-assign-job-list .notification-assignee-card {
  cursor: pointer !important;
  width: auto;
  padding: 3px;
  border: 0;
  border-radius: 4px;
  min-height: 25px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  background-color: #d9f4ff !important;
}
.create-email .email-assign-job-list .notification-assignee-card .close-icon {
  background: none;
  color: #38c2f8;
  display: flex;
}
.create-email .email-assign-job-list .notification-assignee-card .close-icon i {
  font-size: 17px !important;
}
.create-email .email-assign-job-list .notification-assignee-card .close-icon:hover {
  background: none;
  color: #000;
}
.create-email .email-assign-job-list .notification-assignee-card .assignee-name {
  margin-left: 5px;
  display: flex;
  align-items: center;
  color: #5f5e5f !important;
}

.agreement-order-drop-downList {
  min-width: unset !important;
  width: auto !important;
}

.emailViewIframe {
  background-color: #fff;
  padding-left: 30px;
}

.job-tabs-sec .ant-tabs .filter-section {
  background: #cff2ff !important;
}

.chart-dropdown {
  background-color: #282323 !important;
  color: #fff !important;
}
.chart-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), .chart-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover, .chart-dropdown .ant-cascader-menu-item:hover {
  font-weight: 600;
  background-color: #5f5f5f !important;
}
.chart-dropdown .ant-cascader-menu-item-expand-icon span svg {
  fill: #fff;
}
.chart-dropdown .ant-cascader-menu::-webkit-scrollbar {
  width: 8px;
  height: 7px;
}
.chart-dropdown .ant-cascader-menu::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
  border-radius: 6px !important;
  opacity: 0.8;
  margin-right: 3px;
  width: 6px !important;
}

.add-btn-primary .badge, .add-btn-primary .badge.badge-orange {
  background: #31c1fd !important;
}
.add-btn-primary .badge .material-icons, .add-btn-primary .badge.badge-orange .material-icons {
  color: #fff !important;
}

.justify-content-between {
  justify-content: space-between;
}

.capitalize {
  text-transform: capitalize;
}

.file-uploader-display-none {
  display: none;
}

.email-ai-btn {
  padding: 3px;
  background-color: #d9f4ff;
  width: 30px;
  height: 30px;
  border: 1px solid #98d7f1;
  border-radius: 4px;
}
.email-ai-btn .email-ai-btn-icon {
  background: url(https://qa.dev.bluetag.no/assets/img/ai-icon.png) no-repeat;
  padding: 10px;
  min-width: 20px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  width: 22px;
  cursor: pointer;
}

.cal-btn {
  width: 125px !important;
  gap: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.calculator-body .react__searchable [class$=-menu] {
  position: absolute !important;
}
.calculator-body .cal-title {
  font-size: 14px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.calculator-body .cal-last-input {
  width: 33.3%;
  padding-right: 15px;
}
.calculator-body .service-selected-item .collapse-header {
  text-transform: capitalize;
  font-size: 14px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.calculator-body .cal-result {
  background-color: #eeeeee;
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 10px 20px;
}
.calculator-body .cal-result .cal-result-container {
  width: 100%;
  background-color: #f9f7f7;
  padding: 10px;
  border-radius: 8px;
  display: flex;
  gap: 0px;
  justify-content: normal;
  flex-direction: column;
}
.calculator-body .cal-result .cal-total-result {
  padding: 10px;
  justify-content: center;
  flex-direction: column;
  gap: 0px;
}
.calculator-body .cal-result .cal-result-data {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.calculator-body .cal-result .cal-row {
  width: 40%;
  padding: 5px 15px;
}
.calculator-body .cal-result .cal-row.border-left {
  border-left: 0px solid #dbdbdb;
}

.ql-editor pre {
  background: #fff !important;
  color: #000000 !important;
}

.mobile-job-email {
  padding: unset;
}
.mobile-job-email .title {
  background-color: #e1e1e1;
  padding: 6px 12px 6px 12px;
  margin-bottom: unset;
}
.mobile-job-email .title h2 {
  color: #000;
}
.mobile-job-email .title .add-btn-primary .badge {
  height: 28px;
  width: 28px;
  padding: 4px;
  margin-right: 5px;
}
.mobile-job-email .infinite-scroll-component__outerdiv {
  width: 100%;
}
.mobile-job-email .infinite-scroll-component__outerdiv .email-list {
  width: 100%;
  height: calc(100vh - 174px);
  max-width: unset !important;
  min-width: unset !important;
}
.mobile-job-email .infinite-scroll-component__outerdiv .email-list::-webkit-scrollbar-thumb {
  background-color: #403c3c !important;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.mobile-job-email .infinite-scroll-component__outerdiv .email-list::-webkit-scrollbar {
  width: 8px;
}
.mobile-job-email .infinite-scroll-component__outerdiv .email-list::-webkit-scrollbar-track {
  background: #c5ced2 !important;
  border-radius: 6px !important;
}
.mobile-job-email .top-panel {
  display: none !important;
}
.mobile-job-email .emails {
  margin-top: unset;
}
.mobile-job-email .email-client.hide-filters .show-list-in-container {
  inset: 230px 0px 0px 0px !important;
}
.mobile-job-email .filter-section {
  margin-bottom: unset;
}
.mobile-job-email .filter-section .search-filter {
  width: 100% !important;
  padding: 0px 12px 10px 12px;
}
.mobile-job-email .filter-section.show-view-email {
  display: none;
}
.mobile-job-email .email-container {
  max-height: 100vh !important;
  min-height: unset !important;
}
.mobile-job-email .email-container .infinite-scroll-component__outerdiv {
  padding-left: 5px;
}
.mobile-job-email .email-container .email-view {
  height: calc(100vh - 128px);
}
.mobile-job-email .emails, .mobile-job-email .job-view-email {
  height: unset !important;
}
.mobile-job-email .flex-3 {
  max-height: 100vh !important;
}

.emailContacts-option-list [title="Select All"] {
  background-color: #a3a3a3 !important;
  color: #fff;
}
.emailContacts-option-list [title="Select All"] .anticon-check svg {
  fill: #fff !important;
}

.emailContactsForm {
  min-height: 300px;
}
.emailContactsForm .customerContactSelectBox {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 4px 5px;
  margin: 15px;
}
.emailContactsForm .customerContactSelectBox .checkbox, .emailContactsForm .customerContactSelectBox .emailContactsForm-multi-select {
  margin: 5px unset !important;
  margin-right: 15px !important;
}
.emailContactsForm .emailContactsForm-multi-select {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  margin-right: unset;
}
.emailContactsForm .clear-all {
  width: 30px;
  padding: 3px 5px !important;
  height: 25px !important;
  margin-top: 0px;
}
.emailContactsForm .clear-all i {
  font-size: 20px;
}
.emailContactsForm .order-date-picker [class$=-menu] {
  position: absolute !important;
}

.to-address label:hover, .cc-input-reply label:hover, .bcc-input label:hover {
  cursor: pointer;
  text-decoration: underline;
}

.emailContactsForm-btn {
  background-color: #CFCFCF !important;
  border-radius: 10px !important;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}
.emailContactsForm-btn.active {
  background-color: #8E8E8E !important;
}
.emailContactsForm-btn.active i {
  color: #8E8E8E;
}
.emailContactsForm-btn p {
  margin-bottom: 0 !important;
}
.emailContactsForm-btn i {
  font-size: 17px;
  padding: 3px;
  background-color: #fff;
  border-radius: 50%;
  color: #CFCFCF;
}

.emailContactsForm-multi-select {
  margin-top: 20px !important;
  min-width: 567px !important;
  width: 94% !important;
  margin-left: 15px !important;
}
.emailContactsForm-multi-select .ant-select-selection-placeholder {
  color: #7e7979;
}
.emailContactsForm-multi-select .ant-select-selector {
  background-color: #eeeeee !important;
}

.email-referenceId-multiselect {
  max-width: 600px;
}

.emailContactsForm-output {
  background-color: #f9f8f8;
  border: 1px solid #ccc;
  border-radius: 10px;
  min-height: 272px;
  margin: 15px 15px;
  padding: 5px;
}
.emailContactsForm-output .output-items {
  cursor: pointer;
  display: inline-block;
  width: 32%;
  max-width: 280px;
  height: 25px;
  border-radius: 20px;
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
  margin: 1px 6px 0px 0;
  padding: 0px 8px;
}
.emailContactsForm-output .output-items:after {
  content: "✕";
  float: right;
}
.emailContactsForm-output .output-items span {
  overflow: hidden !important;
  text-wrap: nowrap !important;
  text-overflow: ellipsis !important;
  max-width: 88%;
  display: inline-block;
}
.emailContactsForm-output .empty-icon {
  color: #EBEBEB;
  font-size: 138px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.emailContactsForm-output.empty-output {
  justify-content: center;
  justify-items: center;
  display: flex;
}

.error-email-list {
  display: flex;
  flex-direction: column;
}
.error-email-list .error-email {
  white-space: break-space;
}

.daily-report-main-wrapper .deviation-container, .daily-report-main-wrapper .time-sheet-container {
  width: 50%;
}

.table-report-group {
  display: flex;
  flex-wrap: wrap;
}

.fix-daily-report-header {
  display: flex;
  position: fixed;
  width: 100%;
  z-index: 10;
}

.reportDateBar {
  position: fixed;
  width: 100%;
  top: 166px;
  z-index: 10;
}

.daily-report-wrapper {
  position: relative;
  top: 115px;
}

.default-currency-set {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.drone-log-view .drone-chart-list {
  transition: all 1s ease-out;
  background: #464646;
  padding-top: 5px;
}
.drone-log-view .drone-chart-list .line-chart-panel {
  background: #333333;
  padding: 5px 0px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.drone-log-view .drone-chart-list .line-chart-panel .ant-select, .drone-log-view .drone-chart-list .line-chart-panel .ant-select-selector {
  background-color: #282323;
  color: #fff;
}
.drone-log-view .drone-chart-list .line-chart-panel .chart-select {
  display: flex;
  align-items: center;
  flex-grow: 0;
  color: #fff;
  margin-left: 20px;
}
.drone-log-view .drone-chart-list .line-chart-panel .chart-select .chart-select-icon {
  padding: 4px 0px 4px 8px;
  background-color: #282323;
  font-size: 18px;
  width: 27px;
}
.drone-log-view .drone-chart-list .line-chart-panel .ant-select .ant-select-selection-placeholder {
  font-weight: 600;
  color: #fff;
  font-size: 12px;
}
.drone-log-view .drone-chart-list .line-chart-panel .ant-select .ant-select-arrow {
  top: 49% !important;
  right: 6px !important;
}
.drone-log-view .drone-chart-list .line-chart-panel .ant-select .ant-select-arrow span svg {
  fill: #fff;
}
.drone-log-view .drone-chart-list .line-chart-panel .ant-select .ant-select-clear {
  right: 6px;
  color: #ffffff;
  background: #1c1818;
}
.drone-log-view .drone-chart-list .line-chart-panel .scroll-view-area {
  overflow: auto;
  margin-left: 20px;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out !important;
}
.drone-log-view .drone-chart-list .line-chart-panel .scroll-view-area::-webkit-scrollbar {
  width: 8px;
  height: 7px;
}
.drone-log-view .drone-chart-list .line-chart-panel .scroll-view-area::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
  border-radius: 6px !important;
  opacity: 0.8;
  width: 6px !important;
}
.drone-log-view .drone-chart-list .line-chart-panel .line-chart-btn-group {
  margin-bottom: 10px;
}
.drone-log-view .drone-chart-list .line-chart-panel .line-chart-btn-group:first-child {
  margin-left: 0px;
}
.drone-log-view .drone-chart-list .line-chart-panel .line-chart-btn-group fieldset {
  background-color: #333333;
  border: 1px solid #767d7f !important;
  padding: 2px;
}
.drone-log-view .drone-chart-list .line-chart-panel .line-chart-btn-group fieldset legend {
  color: #fff;
  margin-bottom: 2px;
}
.drone-log-view .drone-chart-list .line-chart-panel .line-chart-btn-group p {
  margin-bottom: 0px;
  margin-left: 20px;
}
.drone-log-view .drone-chart-list .line-chart-panel .line-chart-btn-group .btn-set {
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
  flex-direction: column;
  align-items: self-start;
}
.drone-log-view .drone-chart-list .line-chart-panel button {
  background: #282323;
  color: #fff;
  border: 0;
}
.drone-log-view .drone-chart-list .line-chart-panel button:hover {
  color: #8d8d8d !important;
}
.drone-log-view .drone-chart-list .line-chart-panel button.active {
  background-color: #ededed;
  color: #282323;
}
.drone-log-view .drone-chart-list .line-chart-panel button.logsBtn {
  display: flex;
  align-items: center;
  gap: 5px;
}
.drone-log-view .drone-chart-list .line-chart-panel button.logsBtn .material-icons {
  font-size: 18px;
}
.drone-log-view .drone-chart-list .line-chart-panel .icon-btn {
  cursor: pointer;
  background: #494a4a !important;
  width: 25px !important;
  height: 25px !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  color: #ffffff;
  margin-left: auto;
  margin-right: 21px;
}
.drone-log-view .drone-chart-list .line-chart-panel .icon-btn:hover {
  background: #595a5a !important;
}
.drone-log-view .drone-chart-list .LinechartCon {
  width: 85%;
  margin-left: 15%;
  padding-right: 15px;
}
.drone-log-view .drone-chart-list .LinechartCon text {
  fill: #fff;
  font-weight: 400;
}
.drone-log-view .drone-chart-list .LinechartCon .apexcharts-xaxistooltip, .drone-log-view .drone-chart-list .LinechartCon .apexcharts-tooltip, .drone-log-view .drone-chart-list .LinechartCon .apexcharts-tooltip-title {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}
.drone-log-view .drone-chart-list .LinechartCon .apexcharts-tooltip-title {
  border-bottom: 0px;
}

.surveyQuestionnaire-form, .surveyQuestionnaire-form-present {
  width: 75%;
  align-items: center;
  margin-bottom: 30px;
}
.surveyQuestionnaire-form input, .surveyQuestionnaire-form-present input {
  border-radius: 4px !important;
  border: unset !important;
}
.surveyQuestionnaire-form .inline-form-group, .surveyQuestionnaire-form-present .inline-form-group {
  margin-left: 20px;
  gap: 10px;
}
.surveyQuestionnaire-form .inline-form-group .question-title-icon, .surveyQuestionnaire-form-present .inline-form-group .question-title-icon {
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.surveyQuestionnaire-form .question-index, .surveyQuestionnaire-form-present .question-index {
  background-color: #606060;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  font-size: 1em;
  height: 25px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.surveyQuestionnaire-form .question-container, .surveyQuestionnaire-form-present .question-container {
  flex-direction: column;
  gap: unset;
}
.surveyQuestionnaire-form .question-container input:disabled, .surveyQuestionnaire-form-present .question-container input:disabled {
  cursor: no-drop !important;
}
.surveyQuestionnaire-form .question-container .required, .surveyQuestionnaire-form-present .question-container .required {
  margin-left: 50px;
  padding-top: 3px;
  color: #ff0000;
  font-size: 12px;
  font-weight: 500;
  display: block;
}
.surveyQuestionnaire-form .question-container textarea, .surveyQuestionnaire-form-present .question-container textarea {
  min-height: 32px;
}
.surveyQuestionnaire-form .question-container .form-group, .surveyQuestionnaire-form-present .question-container .form-group {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-left: unset;
}
.surveyQuestionnaire-form .flex-base-70, .surveyQuestionnaire-form-present .flex-base-70 {
  flex-basis: 70%;
}
.surveyQuestionnaire-form .survey-btn, .surveyQuestionnaire-form-present .survey-btn {
  background: #e0e0e0;
  width: fit-content;
  padding: 10px 20px;
  border-radius: 2px;
  margin-left: 0px;
}
.surveyQuestionnaire-form .radio-btn div::before, .surveyQuestionnaire-form-present .radio-btn div::before {
  top: 1.5px !important;
  left: 2.4px !important;
}
.surveyQuestionnaire-form .radio-btn span, .surveyQuestionnaire-form-present .radio-btn span {
  color: #000 !important;
}
.surveyQuestionnaire-form .form-title, .surveyQuestionnaire-form-present .form-title {
  width: 100%;
}

.survery-questionnaire .title {
  margin-left: 40px;
}

.survey-sec {
  padding-bottom: 40px;
  min-height: calc(100vh - 335px);
}
.survey-sec.contain-height {
  min-height: fit-content;
}
.survey-sec .bottom-btn {
  margin-left: 20px;
  display: flex;
  gap: 20px;
  justify-content: end;
  flex-direction: row-reverse;
}
.survey-sec .shedulure, .survey-sec .survery-cust-select, .survey-sec .bottom-btn {
  width: 75%;
}
.survey-sec .shedulure .count, .survey-sec .survery-cust-select .count {
  color: #383737;
  display: flex;
  align-items: flex-end;
  font-size: smaller;
  padding-bottom: 4px;
}
.survey-sec .shedulure .count .material-icons, .survey-sec .survery-cust-select .count .material-icons {
  font-size: 15px !important;
}
.survey-sec .shedulure .ant-picker, .survey-sec .survery-cust-select .ant-picker {
  width: 25em;
  border: 0px solid;
}
.survey-sec .shedulure .react__searchable, .survey-sec .survery-cust-select .react__searchable {
  min-width: 25em;
  width: fit-content;
  max-width: 100%;
}
.survey-sec .error-msg {
  padding-top: 3px;
}

.ov-survey-sec {
  margin-left: 20px;
}
.ov-survey-sec .survey-listing {
  margin: unset;
}
.ov-survey-sec .survey-listing .sticky {
  top: unset !important;
  position: relative !important;
}

.surveyQuestionnaire-form-present {
  width: 100%;
}
.surveyQuestionnaire-form-present .inline-form-group {
  margin: unset;
}
.surveyQuestionnaire-form-present .inline-form-group .form-group {
  margin: unset;
}
.surveyQuestionnaire-form-present .page-wrapper {
  max-width: 980px;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff0da;
  padding: 20px;
}
.surveyQuestionnaire-form-present .feedback-title {
  background-color: #fff;
  padding: 10px 20px;
  height: 70px;
  border-radius: 7px;
  border-top: 10px solid #26befd;
  border-left: 1px solid #dfdbdb;
  border-right: 1px solid #dfdbdb;
  border-bottom: 1px solid #dfdbdb;
}
.surveyQuestionnaire-form-present .feedback-title .main-title {
  color: #000;
}
.surveyQuestionnaire-form-present .feedback-question {
  margin: 10px 0px;
  background-color: #fff;
  padding: 20px 20px 10px 20px;
  border-radius: 7px;
  border: 1px solid #dfdbdb;
}
.surveyQuestionnaire-form-present .feedback-question label {
  padding-bottom: 7px;
}
.surveyQuestionnaire-form-present .feedback-question .required {
  padding-top: 10px;
  color: #ff0000;
}
.surveyQuestionnaire-form-present .feedback-question .required-question::after {
  background: red;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  content: "";
  display: inline-flex;
  height: 5px;
  margin-left: 3px;
  vertical-align: super;
  width: 5px;
}
.surveyQuestionnaire-form-present .feedback-question .red-border {
  border: 1px solid #ff0000 !important;
}
.surveyQuestionnaire-form-present .feedback-question .red-border:focus {
  border: 1px solid #ff0000 !important;
}
.surveyQuestionnaire-form-present .feedback-btn {
  flex-direction: row-reverse;
  display: flex;
  justify-content: center;
}
.surveyQuestionnaire-form-present .text-feedback {
  border: 1px solid #989fa7 !important;
  margin-bottom: 10px;
}
.surveyQuestionnaire-form-present .text-feedback:focus {
  border: 1px solid #15bef0 !important;
}
.surveyQuestionnaire-form-present .survey-scale-mode-answer .flex-group {
  margin-left: 0px;
}

.customer-feedback-page-theme .page-wrapper-success, .customer-feedback-page-theme .page-wrapper-error {
  max-width: 500px;
  margin-top: 20vh;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}
.customer-feedback-page-theme .submitted-msg, .customer-feedback-page-theme .survey-erroe-msg {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: #fff;
  padding: 10px 20px;
  height: 70px;
  border-radius: 7px;
  border-top: 10px solid #26befd;
  border-left: 1px solid #dfdbdb;
  border-right: 1px solid #dfdbdb;
  border-bottom: 1px solid #dfdbdb;
  font-size: 1.5em;
}
.customer-feedback-page-theme .submitted-msg .correct, .customer-feedback-page-theme .survey-erroe-msg .correct {
  color: #4da159;
}
.customer-feedback-page-theme .submitted-msg .error, .customer-feedback-page-theme .survey-erroe-msg .error {
  color: #c54b55;
  font-size: 55px;
}
.customer-feedback-page-theme .survey-erroe-msg {
  border-top: 10px solid #f3725b;
  height: auto;
}

.feedbackPageLoading {
  text-align: center;
  max-height: 20px;
  line-height: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
}
.feedbackPageLoading .loader-container {
  background-color: unset;
}

.survey-statistics {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.chart-answer-div,
.text-answer-div {
  padding: 5px 20px;
  flex-basis: 30%;
  background-color: #f4f4f4;
  padding: 20px;
  border-radius: 10px;
}

.question-title {
  font-size: 15px;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  display: block;
  width: 100%;
  padding-bottom: 10px;
}

.chart-answer-div .chart-area {
  display: flex;
}
.chart-answer-div .chart-area canvas {
  margin: 0 auto;
}

.text-answer-div .text-answer-container {
  overflow-y: auto;
  padding-top: 10px;
  min-height: 400px;
  max-height: 500px;
}
.text-answer-div .text-answer-container .answer-div {
  padding: 5px 5px 10px 5px;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  display: block;
  border-bottom: 1px solid #ccc;
}
.text-answer-div .text-answer-container .answer-div:last-child {
  border-bottom: unset !important;
}

.survey-sec-with-statistic {
  min-height: auto !important;
}

.thumbnail-main-wrapper {
  padding: 4px;
  max-height: 400px;
  overflow-x: scroll;
  background-color: #e8e8e8;
  justify-content: center;
}

.thumbnail-main-wrappert::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.thumbnail-main-wrapper::-webkit-scrollbar {
  height: 5px;
  background-color: #F5F5F5;
}

.thumbnail-main-wrapper::-webkit-scrollbar-thumb {
  background-color: #8b8f95;
  border: 2px solid #8b8f95;
}

.thumbnail-preview-sec {
  padding: 5px 20px 20px 20px;
  display: flex;
  align-items: center;
}
.thumbnail-preview-sec.video {
  overflow: hidden;
  justify-content: space-around;
}
.thumbnail-preview-sec.image {
  padding: unset;
}
.thumbnail-preview-sec:hover .left-nav,
.thumbnail-preview-sec:hover .right-nav {
  opacity: 1;
}

.video-container-item-detal-view {
  display: flex;
  flex-grow: 1;
  height: 100%;
  align-items: center;
}
.video-container-item-detal-view.image-con {
  justify-content: center;
  max-height: 460px;
  overflow: hidden;
}
.video-container-item-detal-view.image-con .image-magnify > div {
  width: 700px !important;
}
.video-container-item-detal-view.video-con {
  justify-content: space-between;
  flex-direction: row;
}
.video-container-item-detal-view .player-wrapper {
  width: 546px;
  padding-top: unset;
}
.video-container-item-detal-view .player-wrapper .item-detail-view div {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.video-container-item-detal-view .player-wrapper .item-detail-view div iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.video-container-item-detal-view .player-wrapper .item-detail-view {
  position: relative !important;
}
.video-container-item-detal-view .left-nav {
  position: relative;
  top: 0px;
  left: 5px;
  opacity: 0.3;
}
.video-container-item-detal-view .right-nav {
  position: relative;
  top: 0px;
  right: 5px;
  opacity: 0.3;
}
.video-container-item-detal-view .right-nav .round-btn,
.video-container-item-detal-view .left-nav .round-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 10;
  position: relative;
}

.webshop-thumbnail-card {
  width: 50px;
  height: 50px;
  border: 1px solid #cecece;
  border-radius: 5px;
  background-color: white;
}
.webshop-thumbnail-card.selected {
  background-color: #cecece;
}
.webshop-thumbnail-card .webshop-player-wrapper {
  position: relative;
}
.webshop-thumbnail-card .webshop-player-wrapper .card-image {
  width: 50px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.webshop-thumbnail-card .webshop-player-wrapper .video-play-icon {
  position: absolute;
  top: 27%;
  left: 28%;
  color: #d7d7d7;
}

.enlarged-image-container {
  background-color: #ffffff;
}

.webstore-card-icon-row-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 45px;
}
.webstore-card-icon-row-footer .total-price {
  font-size: 20px;
}
.webstore-card-icon-row-footer .counter-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 24px;
  user-select: none;
}
.webstore-card-icon-row-footer .counter-container .counter {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.webstore-card-icon-row-footer .counter-container .badge {
  color: #dfdfdf;
  background-color: #000;
  padding: 0px;
  border-radius: 50%;
}
.webstore-card-icon-row-footer .counter-container .badge-fade {
  color: #f6f6f6 !important;
  background-color: #dfdfdf !important;
  padding: 0px;
  border-radius: 50%;
}

.webstore-card-icon-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 45px;
  position: absolute;
  bottom: 5px;
  width: 90%;
}
.webstore-card-icon-row .counter-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 24px;
}
.webstore-card-icon-row .counter-container .counter {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.webstore-card-icon-row .counter-container .badge {
  color: #dfdfdf;
  background-color: #000;
  padding: 0px;
  border-radius: 50%;
}
.webstore-card-icon-row .counter-container .badge-fade {
  color: #f6f6f6 !important;
  background-color: #dfdfdf !important;
  padding: 0px;
  border-radius: 50%;
}
.webstore-card-icon-row .webstore-card-shopping-cart {
  margin-left: auto;
}
.webstore-card-icon-row .webstore-card-shopping-cart.counter {
  width: 100%;
}
.webstore-card-icon-row .webstore-card-shopping-cart .shopping-cart {
  font-size: 30px;
  border: 1px solid transparent;
  padding: 6px;
  border-radius: 50%;
  background-color: transparent;
  color: transparent;
}
.webstore-card-icon-row .webstore-card-shopping-cart .open-popup {
  display: none;
}

.webstore-card-body .webstore-card-item-number {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-height: 3em;
}
.webstore-card-body .webstore-card-item-name {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: 2.5em;
}
.webstore-card-body .webstore-card-amount-row .webstore-card-amount-container {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  padding-top: 10px;
}
.webstore-card-body .webstore-card-amount-row .webstore-card-amount-container .currency-type {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  padding-right: 5px;
}
.webstore-card-body .webstore-card-item-vat {
  font-size: 11px;
  color: #808080;
  top: -6px;
  position: relative;
}

.kvt-title {
  font-size: 20px;
  font-weight: 600;
}

.webstore-carousel {
  background-color: #fafafa;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.webstore-carousel img {
  border-radius: 10px 10px 0 0 !important;
}
.webstore-carousel .slick-list {
  margin: 0 !important;
}

.item-popup-webshope {
  max-height: calc(100vh - 210px) !important;
  padding: 10px 24px 1px 24px;
}
.item-popup-webshope .discription-webshop {
  margin-top: 5px;
  padding-bottom: 5px;
}
.item-popup-webshope .item-popup-webshope-title {
  font-weight: 600;
  font-size: 15px;
  padding-bottom: 5px;
}

.store-popup-footer {
  align-items: center !important;
  flex-flow: row !important;
  justify-content: space-between !important;
  gap: 20px;
}
.store-popup-footer .vat-percentage {
  font-size: 11px;
}
.store-popup-footer .cart-button {
  display: flex;
  align-items: baseline;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  width: fit-content !important;
}
.store-popup-footer .multiplication {
  padding: 0px 5px;
}
.store-popup-footer .totle {
  margin-left: 10px;
  font-weight: 600;
}
.store-popup-footer .webstore-card-icon-row .anticon-plus-circle, .store-popup-footer .webstore-card-icon-row .anticon-minus-circle {
  padding: 1px;
  color: #aeaeae;
  background-color: #fffdfd;
}
.store-popup-footer .webstore-card-icon-row .anticon-plus-circle:hover, .store-popup-footer .webstore-card-icon-row .anticon-minus-circle:hover {
  color: #8e8888;
  background-color: #fbfbfb;
}

.item-color-box {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 2px solid #cecece;
}
.item-color-box.selected-item-color-box {
  -webkit-box-shadow: 0 2px 8px rgba(66, 196, 228, 0.5);
  -moz-box-shadow: 0 2px 8px rgba(66, 196, 228, 0.5);
  box-shadow: 0 2px 8px rgba(66, 196, 228, 0.5);
  border: 2px solid #15bef0;
}

.unit-box {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #cecece;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: bold;
}
.unit-box.selected-unit-box {
  -webkit-box-shadow: 0 2px 8px rgba(66, 196, 228, 0.5);
  -moz-box-shadow: 0 2px 8px rgba(66, 196, 228, 0.5);
  box-shadow: 0 2px 8px rgba(66, 196, 228, 0.5);
  border: 2px solid #15bef0;
}

.webstore-card-icon-row .anticon-plus-circle, .webstore-card-icon-row .anticon-minus-circle {
  padding: 1px;
  color: #aeaeae;
  background-color: #fffdfd;
}
.webstore-card-icon-row .anticon-plus-circle:hover, .webstore-card-icon-row .anticon-minus-circle:hover {
  color: #8e8888;
  background-color: #fbfbfb;
}

.sa-url-text {
  margin-bottom: 15px !important;
}

.webshop-tech-file-attach {
  flex-direction: column;
}
.webshop-tech-file-attach .file-container {
  overflow-x: auto;
  display: -webkit-box !important;
  -webkit-flex-flow: unset !important;
  flex-flow: unset !important;
  margin: 0px;
}
.webshop-tech-file-attach .file-container::-webkit-scrollbar-track {
  background: #c5ced2 !important;
  border-radius: 6px !important;
}
.webshop-tech-file-attach .file-container::-webkit-scrollbar {
  height: 8px;
}
.webshop-tech-file-attach .file-container::-webkit-scrollbar-thumb {
  background-color: #767474;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.webshop-tech-file-attach .file-container .card-view,
.webshop-tech-file-attach .file-container .file {
  width: calc(36% - 20px);
  margin: 0 10px 15px 0px;
}
.webshop-tech-file-attach .file-container .card-view {
  height: unset;
  display: flex;
  padding: 3px;
  background: #f6f9fb;
}
.webshop-tech-file-attach .file-container .card-view .card-view-image {
  height: unset;
  width: 35px;
}
.webshop-tech-file-attach .file-container .card-view .card-view-details {
  margin-top: 0px;
  margin-left: 4px;
  max-width: 130px;
}
.webshop-tech-file-attach .file-container .card-view:hover .card-view-actions {
  bottom: 3px;
}

.item-popup-color-box {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 2px solid #cecece;
  margin-left: 10px;
}
.item-popup-color-box.selected-item-color-box {
  -webkit-box-shadow: 0 2px 8px rgba(66, 196, 228, 0.5);
  -moz-box-shadow: 0 2px 8px rgba(66, 196, 228, 0.5);
  box-shadow: 0 2px 8px rgba(66, 196, 228, 0.5);
  border: 2px solid #15bef0;
}

.no-image-preview {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.no-image-preview .ant-skeleton-image {
  width: 200px !important;
  height: 200px !important;
}

.item-popup-mesurements {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #cecece;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: bold;
  margin-left: 10px;
  margin-bottom: 10px;
}
.item-popup-mesurements.selected-unit-box {
  -webkit-box-shadow: 0 2px 8px rgba(66, 196, 228, 0.5);
  -moz-box-shadow: 0 2px 8px rgba(66, 196, 228, 0.5);
  box-shadow: 0 2px 8px rgba(66, 196, 228, 0.5);
  border: 2px solid #15bef0;
}

.selected-hedding {
  background-color: #767474;
}

.history-tabs {
  padding-top: 40px !important;
}
.history-tabs .ant-tabs-nav-wrap .ant-tabs-tab:not(.ant-tabs-tab-active) {
  border-bottom: 1px solid #d9d9d9 !important;
}
.history-tabs .ant-tabs-tab:hover {
  color: #000 !important;
}
.history-tabs:before {
  border-bottom: 1px solid #d9d9d9 !important;
}
.history-tabs .ant-tabs-nav {
  margin-bottom: 0px !important;
}
.history-tabs .ant-tabs-nav:before {
  border-bottom: 1px solid #d9d9d9 !important;
}
.history-tabs .ant-tabs-tab-active {
  background: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
}

.webshop-history-container {
  background: #d9d9d9 !important;
  padding-bottom: 20px;
}
.webshop-history-container .webshop-history-heddings {
  display: flex;
  padding-left: 20px;
}
.webshop-history-container .webshop-history-heddings .webshop-history-hedding {
  width: 150px;
  padding-right: 30px;
  cursor: pointer;
}
.webshop-history-container .webShopHistory-listing {
  padding-top: 20px;
  border-bottom: 1px solid #ccc;
}
.webshop-history-container .webShopHistory-listing .loader-container {
  position: relative;
}
.webshop-history-container .webShopHistory-listing .table-row div:last-child {
  padding: 0 15px !important;
}
.webshop-history-container .webShopHistory-listing.table {
  margin: 0 30px 20px 30px !important;
}
.webshop-history-container .webShopHistory-listing .cart-owner {
  width: 100% !important;
  display: flex;
  align-items: center;
}
.webshop-history-container .table {
  border: none !important;
}
.webshop-history-container .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 10px !important;
}
.webshop-history-container .table .table-header .th-column {
  border-right: 2px solid #ffffff;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.webshop-history-container .table .table-header .th-column:first-child {
  border-right: 2px solid #e9e8e6;
}
.webshop-history-container .table .expand-icon {
  color: #666 !important;
}
.webshop-history-container .table .table-body .infinite-scroll-component {
  border-width: 0px !important;
}
.webshop-history-container .table .table-body .table-row {
  border-bottom: 2px solid #fff;
  border-left: 0px !important;
}
.webshop-history-container .table .table-body .table-row div {
  border-bottom: 0px !important;
}
.webshop-history-container .table .table-body .table-group .table-header .th-column {
  padding: 14px 10px 6px !important;
  align-items: flex-start !important;
}
.webshop-history-container .table .table-body .table-group .table-row {
  background-color: #c1def5 !important;
  border-right: 2px solid #c1def5 !important;
}
.webshop-history-container .table .table-body .table-group .table-row div {
  border-right: 2px solid #c1def5;
}
.webshop-history-container .table .table-body .table-group .table-row div:first-child {
  border-right: 2px solid #fff !important;
  text-overflow: clip;
}
.webshop-history-container .table .table-body .table-group .table-row:hover div {
  background-color: #eceef3;
  border-right: 2px solid #fff !important;
}
.webshop-history-container .table .table-body .table-group .summary-count-row {
  height: 30px;
  align-items: center;
  line-height: 30px;
  background: #eaf3fc;
  font-size: 12px;
}
.webshop-history-container .table .table-body .table-group .inner-webShopHistory-listing .table-body .table-row {
  background-color: #ececec !important;
  border-right: 2px solid #ececec !important;
  border-left: 2px solid #ececec !important;
}
.webshop-history-container .table .table-body .table-group .inner-webShopHistory-listing .table-body .table-row div {
  border-right: 2px solid #ececec !important;
  padding: 0 10px;
}
.webshop-history-container .table .table-body .table-group .inner-webShopHistory-listing .table-body .table-row:hover div {
  background-color: #ececec;
  border-right: 2px solid #ececec !important;
}
.webshop-history-container .table .table-group .table {
  padding: unset !important;
}
.webshop-history-container .measurementDetail {
  justify-content: center;
  align-items: center;
  gap: 3px;
}
.webshop-history-container .measurementDetail .tag-unit {
  font-weight: 600;
  background: #ccc;
  padding: 5px 5px;
  max-height: 17px;
  max-width: 22px;
  font-size: small;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  border-radius: 3px;
}
.webshop-history-container .measurementDetail .color-switch {
  height: 18px !important;
  width: 18px !important;
  border-radius: 3px;
  margin-left: 10px;
  border-radius: 3px;
  border: 1px solid #444343;
}

body {
  -webkit-text-stroke: unset !important;
}

.default {
  /*view documentation page styles*/
  /*view documentation page styles*/
}
.default .profile-page-theme button:hover,
.default .profile-page-theme .button:hover, .default .security-settings button:hover,
.default .security-settings .button:hover, .default .salary-page button:hover,
.default .salary-page .button:hover, .default .agreement-template button:hover,
.default .agreement-template .button:hover, .default .document-page-theme button:hover,
.default .document-page-theme .button:hover, .default .site-manager-theme button:hover,
.default .site-manager-theme .button:hover, .default .qulity-control-theme button:hover,
.default .qulity-control-theme .button:hover, .default .job-page-theme button:hover,
.default .job-page-theme .button:hover, .default .customer-page-theme button:hover,
.default .customer-page-theme .button:hover, .default .suppliers-page button:hover,
.default .suppliers-page .button:hover, .default .deviation-page-theme button:hover,
.default .deviation-page-theme .button:hover, .default .upload-video-page button:hover,
.default .upload-video-page .button:hover, .default .emailClient-page-theme button:hover,
.default .emailClient-page-theme .button:hover, .default .vat-periods-page button:hover,
.default .vat-periods-page .button:hover, .default .procedure-view-theme button:hover,
.default .procedure-view-theme .button:hover, .default .crm-settings-page-theme button:hover,
.default .crm-settings-page-theme .button:hover, .default .accounting-st-page-theme button:hover,
.default .accounting-st-page-theme .button:hover, .default .equipment-page-theme button:hover,
.default .equipment-page-theme .button:hover, .default .project-management button:hover,
.default .project-management .button:hover, .default .hr-settings-page button:hover,
.default .hr-settings-page .button:hover, .default .job-documentation-view-theme button:hover,
.default .job-documentation-view-theme .button:hover {
  box-shadow: unset;
}
.default .profile-page-theme .table .grouped-row,
.default .profile-page-theme .table .table-group .table,
.default .profile-page-theme .table .table-footer,
.default .profile-page-theme .table .load-more, .default .security-settings .table .grouped-row,
.default .security-settings .table .table-group .table,
.default .security-settings .table .table-footer,
.default .security-settings .table .load-more, .default .salary-page .table .grouped-row,
.default .salary-page .table .table-group .table,
.default .salary-page .table .table-footer,
.default .salary-page .table .load-more, .default .agreement-template .table .grouped-row,
.default .agreement-template .table .table-group .table,
.default .agreement-template .table .table-footer,
.default .agreement-template .table .load-more, .default .document-page-theme .table .grouped-row,
.default .document-page-theme .table .table-group .table,
.default .document-page-theme .table .table-footer,
.default .document-page-theme .table .load-more, .default .site-manager-theme .table .grouped-row,
.default .site-manager-theme .table .table-group .table,
.default .site-manager-theme .table .table-footer,
.default .site-manager-theme .table .load-more, .default .qulity-control-theme .table .grouped-row,
.default .qulity-control-theme .table .table-group .table,
.default .qulity-control-theme .table .table-footer,
.default .qulity-control-theme .table .load-more, .default .job-page-theme .table .grouped-row,
.default .job-page-theme .table .table-group .table,
.default .job-page-theme .table .table-footer,
.default .job-page-theme .table .load-more, .default .customer-page-theme .table .grouped-row,
.default .customer-page-theme .table .table-group .table,
.default .customer-page-theme .table .table-footer,
.default .customer-page-theme .table .load-more, .default .suppliers-page .table .grouped-row,
.default .suppliers-page .table .table-group .table,
.default .suppliers-page .table .table-footer,
.default .suppliers-page .table .load-more, .default .deviation-page-theme .table .grouped-row,
.default .deviation-page-theme .table .table-group .table,
.default .deviation-page-theme .table .table-footer,
.default .deviation-page-theme .table .load-more, .default .upload-video-page .table .grouped-row,
.default .upload-video-page .table .table-group .table,
.default .upload-video-page .table .table-footer,
.default .upload-video-page .table .load-more, .default .emailClient-page-theme .table .grouped-row,
.default .emailClient-page-theme .table .table-group .table,
.default .emailClient-page-theme .table .table-footer,
.default .emailClient-page-theme .table .load-more, .default .vat-periods-page .table .grouped-row,
.default .vat-periods-page .table .table-group .table,
.default .vat-periods-page .table .table-footer,
.default .vat-periods-page .table .load-more, .default .procedure-view-theme .table .grouped-row,
.default .procedure-view-theme .table .table-group .table,
.default .procedure-view-theme .table .table-footer,
.default .procedure-view-theme .table .load-more, .default .crm-settings-page-theme .table .grouped-row,
.default .crm-settings-page-theme .table .table-group .table,
.default .crm-settings-page-theme .table .table-footer,
.default .crm-settings-page-theme .table .load-more, .default .accounting-st-page-theme .table .grouped-row,
.default .accounting-st-page-theme .table .table-group .table,
.default .accounting-st-page-theme .table .table-footer,
.default .accounting-st-page-theme .table .load-more, .default .equipment-page-theme .table .grouped-row,
.default .equipment-page-theme .table .table-group .table,
.default .equipment-page-theme .table .table-footer,
.default .equipment-page-theme .table .load-more, .default .project-management .table .grouped-row,
.default .project-management .table .table-group .table,
.default .project-management .table .table-footer,
.default .project-management .table .load-more, .default .hr-settings-page .table .grouped-row,
.default .hr-settings-page .table .table-group .table,
.default .hr-settings-page .table .table-footer,
.default .hr-settings-page .table .load-more, .default .job-documentation-view-theme .table .grouped-row,
.default .job-documentation-view-theme .table .table-group .table,
.default .job-documentation-view-theme .table .table-footer,
.default .job-documentation-view-theme .table .load-more {
  border-left: 2px solid #e9e8e6 !important;
  border-right: 2px solid #e9e8e6 !important;
}
.default .profile-page-theme .modal-sec-collapsible, .default .security-settings .modal-sec-collapsible, .default .salary-page .modal-sec-collapsible, .default .agreement-template .modal-sec-collapsible, .default .document-page-theme .modal-sec-collapsible, .default .site-manager-theme .modal-sec-collapsible, .default .qulity-control-theme .modal-sec-collapsible, .default .job-page-theme .modal-sec-collapsible, .default .customer-page-theme .modal-sec-collapsible, .default .suppliers-page .modal-sec-collapsible, .default .deviation-page-theme .modal-sec-collapsible, .default .upload-video-page .modal-sec-collapsible, .default .emailClient-page-theme .modal-sec-collapsible, .default .vat-periods-page .modal-sec-collapsible, .default .procedure-view-theme .modal-sec-collapsible, .default .crm-settings-page-theme .modal-sec-collapsible, .default .accounting-st-page-theme .modal-sec-collapsible, .default .equipment-page-theme .modal-sec-collapsible, .default .project-management .modal-sec-collapsible, .default .hr-settings-page .modal-sec-collapsible, .default .job-documentation-view-theme .modal-sec-collapsible {
  border-color: #c7c6c6 !important;
  box-shadow: none;
}
.default .profile-page-theme .modal-sec-collapsible .collapse-header .collapse-title h2, .default .security-settings .modal-sec-collapsible .collapse-header .collapse-title h2, .default .salary-page .modal-sec-collapsible .collapse-header .collapse-title h2, .default .agreement-template .modal-sec-collapsible .collapse-header .collapse-title h2, .default .document-page-theme .modal-sec-collapsible .collapse-header .collapse-title h2, .default .site-manager-theme .modal-sec-collapsible .collapse-header .collapse-title h2, .default .qulity-control-theme .modal-sec-collapsible .collapse-header .collapse-title h2, .default .job-page-theme .modal-sec-collapsible .collapse-header .collapse-title h2, .default .customer-page-theme .modal-sec-collapsible .collapse-header .collapse-title h2, .default .suppliers-page .modal-sec-collapsible .collapse-header .collapse-title h2, .default .deviation-page-theme .modal-sec-collapsible .collapse-header .collapse-title h2, .default .upload-video-page .modal-sec-collapsible .collapse-header .collapse-title h2, .default .emailClient-page-theme .modal-sec-collapsible .collapse-header .collapse-title h2, .default .vat-periods-page .modal-sec-collapsible .collapse-header .collapse-title h2, .default .procedure-view-theme .modal-sec-collapsible .collapse-header .collapse-title h2, .default .crm-settings-page-theme .modal-sec-collapsible .collapse-header .collapse-title h2, .default .accounting-st-page-theme .modal-sec-collapsible .collapse-header .collapse-title h2, .default .equipment-page-theme .modal-sec-collapsible .collapse-header .collapse-title h2, .default .project-management .modal-sec-collapsible .collapse-header .collapse-title h2, .default .hr-settings-page .modal-sec-collapsible .collapse-header .collapse-title h2, .default .job-documentation-view-theme .modal-sec-collapsible .collapse-header .collapse-title h2 {
  color: #000 !important;
}
.default .profile-page-theme .stat-percentage, .default .security-settings .stat-percentage, .default .salary-page .stat-percentage, .default .agreement-template .stat-percentage, .default .document-page-theme .stat-percentage, .default .site-manager-theme .stat-percentage, .default .qulity-control-theme .stat-percentage, .default .job-page-theme .stat-percentage, .default .customer-page-theme .stat-percentage, .default .suppliers-page .stat-percentage, .default .deviation-page-theme .stat-percentage, .default .upload-video-page .stat-percentage, .default .emailClient-page-theme .stat-percentage, .default .vat-periods-page .stat-percentage, .default .procedure-view-theme .stat-percentage, .default .crm-settings-page-theme .stat-percentage, .default .accounting-st-page-theme .stat-percentage, .default .equipment-page-theme .stat-percentage, .default .project-management .stat-percentage, .default .hr-settings-page .stat-percentage, .default .job-documentation-view-theme .stat-percentage {
  background-color: #ff6437 !important;
}
.default .profile-page-theme .no-margin-left, .default .security-settings .no-margin-left, .default .salary-page .no-margin-left, .default .agreement-template .no-margin-left, .default .document-page-theme .no-margin-left, .default .site-manager-theme .no-margin-left, .default .qulity-control-theme .no-margin-left, .default .job-page-theme .no-margin-left, .default .customer-page-theme .no-margin-left, .default .suppliers-page .no-margin-left, .default .deviation-page-theme .no-margin-left, .default .upload-video-page .no-margin-left, .default .emailClient-page-theme .no-margin-left, .default .vat-periods-page .no-margin-left, .default .procedure-view-theme .no-margin-left, .default .crm-settings-page-theme .no-margin-left, .default .accounting-st-page-theme .no-margin-left, .default .equipment-page-theme .no-margin-left, .default .project-management .no-margin-left, .default .hr-settings-page .no-margin-left, .default .job-documentation-view-theme .no-margin-left {
  margin-left: 0px;
}
.default .profile-page-theme .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .security-settings .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .salary-page .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .agreement-template .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .document-page-theme .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .site-manager-theme .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .qulity-control-theme .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .job-page-theme .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .customer-page-theme .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .suppliers-page .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .deviation-page-theme .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .upload-video-page .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .emailClient-page-theme .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .vat-periods-page .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .procedure-view-theme .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .crm-settings-page-theme .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .accounting-st-page-theme .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .equipment-page-theme .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .project-management .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .hr-settings-page .filter-section .hrsettings-Multi-select-box-fix [class$=-control], .default .job-documentation-view-theme .filter-section .hrsettings-Multi-select-box-fix [class$=-control] {
  border: 0;
}
.default .profile-page-theme .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .profile-page-theme .chartOfAccount .filter-section .filter-options .filter-item select,
.default .profile-page-theme .transactionTypes .filter-section .filter-options .filter-item select,
.default .profile-page-theme .vatPeriods .filter-section .filter-options .filter-item select, .default .security-settings .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .security-settings .chartOfAccount .filter-section .filter-options .filter-item select,
.default .security-settings .transactionTypes .filter-section .filter-options .filter-item select,
.default .security-settings .vatPeriods .filter-section .filter-options .filter-item select, .default .salary-page .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .salary-page .chartOfAccount .filter-section .filter-options .filter-item select,
.default .salary-page .transactionTypes .filter-section .filter-options .filter-item select,
.default .salary-page .vatPeriods .filter-section .filter-options .filter-item select, .default .agreement-template .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .agreement-template .chartOfAccount .filter-section .filter-options .filter-item select,
.default .agreement-template .transactionTypes .filter-section .filter-options .filter-item select,
.default .agreement-template .vatPeriods .filter-section .filter-options .filter-item select, .default .document-page-theme .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .document-page-theme .chartOfAccount .filter-section .filter-options .filter-item select,
.default .document-page-theme .transactionTypes .filter-section .filter-options .filter-item select,
.default .document-page-theme .vatPeriods .filter-section .filter-options .filter-item select, .default .site-manager-theme .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .site-manager-theme .chartOfAccount .filter-section .filter-options .filter-item select,
.default .site-manager-theme .transactionTypes .filter-section .filter-options .filter-item select,
.default .site-manager-theme .vatPeriods .filter-section .filter-options .filter-item select, .default .qulity-control-theme .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .qulity-control-theme .chartOfAccount .filter-section .filter-options .filter-item select,
.default .qulity-control-theme .transactionTypes .filter-section .filter-options .filter-item select,
.default .qulity-control-theme .vatPeriods .filter-section .filter-options .filter-item select, .default .job-page-theme .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .job-page-theme .chartOfAccount .filter-section .filter-options .filter-item select,
.default .job-page-theme .transactionTypes .filter-section .filter-options .filter-item select,
.default .job-page-theme .vatPeriods .filter-section .filter-options .filter-item select, .default .customer-page-theme .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .customer-page-theme .chartOfAccount .filter-section .filter-options .filter-item select,
.default .customer-page-theme .transactionTypes .filter-section .filter-options .filter-item select,
.default .customer-page-theme .vatPeriods .filter-section .filter-options .filter-item select, .default .suppliers-page .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .suppliers-page .chartOfAccount .filter-section .filter-options .filter-item select,
.default .suppliers-page .transactionTypes .filter-section .filter-options .filter-item select,
.default .suppliers-page .vatPeriods .filter-section .filter-options .filter-item select, .default .deviation-page-theme .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .deviation-page-theme .chartOfAccount .filter-section .filter-options .filter-item select,
.default .deviation-page-theme .transactionTypes .filter-section .filter-options .filter-item select,
.default .deviation-page-theme .vatPeriods .filter-section .filter-options .filter-item select, .default .upload-video-page .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .upload-video-page .chartOfAccount .filter-section .filter-options .filter-item select,
.default .upload-video-page .transactionTypes .filter-section .filter-options .filter-item select,
.default .upload-video-page .vatPeriods .filter-section .filter-options .filter-item select, .default .emailClient-page-theme .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .emailClient-page-theme .chartOfAccount .filter-section .filter-options .filter-item select,
.default .emailClient-page-theme .transactionTypes .filter-section .filter-options .filter-item select,
.default .emailClient-page-theme .vatPeriods .filter-section .filter-options .filter-item select, .default .vat-periods-page .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .vat-periods-page .chartOfAccount .filter-section .filter-options .filter-item select,
.default .vat-periods-page .transactionTypes .filter-section .filter-options .filter-item select,
.default .vat-periods-page .vatPeriods .filter-section .filter-options .filter-item select, .default .procedure-view-theme .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .procedure-view-theme .chartOfAccount .filter-section .filter-options .filter-item select,
.default .procedure-view-theme .transactionTypes .filter-section .filter-options .filter-item select,
.default .procedure-view-theme .vatPeriods .filter-section .filter-options .filter-item select, .default .crm-settings-page-theme .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .crm-settings-page-theme .chartOfAccount .filter-section .filter-options .filter-item select,
.default .crm-settings-page-theme .transactionTypes .filter-section .filter-options .filter-item select,
.default .crm-settings-page-theme .vatPeriods .filter-section .filter-options .filter-item select, .default .accounting-st-page-theme .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .accounting-st-page-theme .chartOfAccount .filter-section .filter-options .filter-item select,
.default .accounting-st-page-theme .transactionTypes .filter-section .filter-options .filter-item select,
.default .accounting-st-page-theme .vatPeriods .filter-section .filter-options .filter-item select, .default .equipment-page-theme .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .equipment-page-theme .chartOfAccount .filter-section .filter-options .filter-item select,
.default .equipment-page-theme .transactionTypes .filter-section .filter-options .filter-item select,
.default .equipment-page-theme .vatPeriods .filter-section .filter-options .filter-item select, .default .project-management .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .project-management .chartOfAccount .filter-section .filter-options .filter-item select,
.default .project-management .transactionTypes .filter-section .filter-options .filter-item select,
.default .project-management .vatPeriods .filter-section .filter-options .filter-item select, .default .hr-settings-page .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .hr-settings-page .chartOfAccount .filter-section .filter-options .filter-item select,
.default .hr-settings-page .transactionTypes .filter-section .filter-options .filter-item select,
.default .hr-settings-page .vatPeriods .filter-section .filter-options .filter-item select, .default .job-documentation-view-theme .leaveTypeListing .filter-section .filter-options .filter-item select,
.default .job-documentation-view-theme .chartOfAccount .filter-section .filter-options .filter-item select,
.default .job-documentation-view-theme .transactionTypes .filter-section .filter-options .filter-item select,
.default .job-documentation-view-theme .vatPeriods .filter-section .filter-options .filter-item select {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.default .security-settings .user-filter-sec .filter-section {
  background: #e9e8e6;
}
.default .security-settings .user-listing-security-settings {
  padding-bottom: 0px !important;
}
.default .security-settings .user-listing-security-settings + .ov-wrapper {
  padding-top: 20px;
}
.default .security-settings .add-new-btn .badge, .default .security-settings .add-new-btn .badge.badge-orange {
  background: #31c1fd !important;
}
.default .security-settings .add-new-btn .badge .material-icons, .default .security-settings .add-new-btn .badge.badge-orange .material-icons {
  color: #fff !important;
}
.default .security-settings .ov-wrapper .search-filter .anticon {
  background-color: #31c1fd !important;
  color: #fff !important;
}
.default .security-settings .ov-wrapper .filter-options button {
  background-color: #31c1fd !important;
  color: #fff !important;
}
.default .site-manager-theme .add-new-btn .badge, .default .site-manager-theme .add-new-btn .badge.badge-orange {
  background: #31c1fd !important;
}
.default .site-manager-theme .add-new-btn .badge .material-icons, .default .site-manager-theme .add-new-btn .badge.badge-orange .material-icons {
  color: #fff !important;
}
.default .site-manager-theme .title-section {
  background-color: #e7e7e7;
}
.default header {
  background: #ffffff;
  height: 100px;
  padding: 0 0 0 35px;
}
.default .header-actions {
  margin-left: unset;
}
.default .header-ntification {
  margin-top: 10px;
  display: inline-block;
  padding: 3px 5px 3px 5px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #ff7703;
}
.default .bluetag-logo-brand {
  background-image: url(https://qa.dev.bluetag.no/assets/img/bluetag-logo-dark-new-theme.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 35px;
  width: 87px;
}
.default .header-date {
  color: #414e57;
  font-size: 12px !important;
  margin-top: 4px;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .language-select,
.default .systemSettings-dropDown {
  background-color: #f2f2f2;
  border: 0px !important;
  width: 72px;
  border-radius: 6px;
  text-transform: uppercase;
  color: #414e57;
  font-size: 12px !important;
  padding: 0 14px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  margin-right: 20px;
}
.default .language-select:hover,
.default .systemSettings-dropDown:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #f2f2f2 !important;
  box-shadow: 0px 0px 0px 1px #f2f2f2 !important;
}
.default .company-data {
  display: flex;
  margin-left: 150px;
}
.default .company-data .company-name {
  font-size: 16px;
  color: #414e57;
  margin-top: 10px !important;
  margin-bottom: 0px !important;
  margin-right: 10px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .company-data .company-country {
  color: #414e57;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .logged-in-user {
  min-width: fit-content;
}
.default .logged-in-user .ant-avatar-image {
  width: 37px !important;
  height: 37px !important;
}
.default .logged-in-user .username {
  font-size: 12px;
  color: #414e57;
  margin-left: 5px;
  margin-top: 5px;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .logged-in-user .username span {
  color: #414e57;
  text-transform: capitalize;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .logged-in-user .username p {
  display: flex;
}
.default .logged-in-user .username p .anticon-down {
  margin: 4px 10px 0 5px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .logout-btn {
  padding: 6px 7px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #526270;
}
.default .logout-btn .anticon-logout {
  color: #FFFFFF;
}
.default .notification-btn {
  margin-right: 15px;
  margin-left: 5px;
  cursor: pointer;
}
.default .notification-btn .anticon {
  color: #526270;
}
.default .support-link-area {
  position: fixed;
  background: #36c7ff;
  height: 28px;
  width: 100%;
  z-index: 100;
  padding: 5px;
}
.default .support-link-area .link-text {
  margin-right: 15px;
  justify-content: end;
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 13px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .support-link-area .link-text .material-icons {
  font-size: 17px;
  margin-right: 3px;
}
.default .support-link-area .link-text p {
  margin-bottom: unset !important;
}
.default .userArea {
  background: #d5d5d5;
  border-bottom: 5px solid #b3b3b3;
}
.default .userArea:hover {
  border-bottom: 10px solid #b3b3b3;
}
.default .ktvIntranetArea {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  background: #feedc2;
  border-bottom: 5px solid #caba96;
  color: #414e57;
  height: 100%;
  padding: 0 12px 10px;
  min-width: 110px;
  transition: border-bottom-width 0.3s ease-in-out;
}
.default .ktvIntranetArea .bold {
  font-weight: bold;
}
.default .ktvIntranetArea .italic {
  font-style: italic;
}
.default .ktvIntranetArea:hover {
  border-bottom: 10px solid #caba96;
}
.default .ktvSupportArea {
  background: #ffffff;
  border-bottom: 5px solid #eef0ef;
}
.default .ktvSupportArea:hover {
  border-bottom: 10px solid #eef0ef;
}
.default .chat-gpt-icon {
  margin-right: 0px;
}
.default .chat-gpt-icon-top-bar {
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  background: #f6f6f6;
  border-bottom: 5px solid #dcdcdc;
  color: #414e57;
  min-width: 110px;
  padding: 0 12px 10px;
  height: 100%;
}
.default .chat-gpt-icon-top-bar .gptChatIcon-top-bar {
  width: 20px;
  height: 20px;
  transition: border-bottom-width 0.3s ease-in-out;
}
.default .chat-gpt-icon-top-bar .gptChatIcon-top-bar::before {
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  background-size: cover;
  background-position: 0px -297px;
  background-image: url(https://qa.dev.bluetag.no/assets/img/side-menu-icons.png);
}
.default .chat-gpt-icon-top-bar .icon-text {
  align-self: end;
}
.default .chat-gpt-icon-top-bar:hover {
  border-bottom: 10px solid #dcdcdc;
}
.default .my-web-shop-area {
  background: #c4ecf8 !important;
  border-bottom: 5px solid #a0d7e9 !important;
  margin-right: 10px;
}
.default .my-web-shop-area:hover {
  border-bottom: 10px solid #a0d7e9 !important;
}
.default .webshopArea {
  background: #d4f4ff !important;
  border-bottom: 5px solid #bcdae5 !important;
}
.default .webshopArea:hover {
  border-bottom: 10px solid #bcdae5 !important;
}
.default .socialArea {
  background: #ececec;
  border-bottom: 5px solid #cfcecd;
}
.default .socialMediaArea {
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #414e57;
  min-width: 110px;
  padding: 0 12px 10px;
  height: 100%;
  transition: border-bottom-width 0.3s ease-in-out;
}
.default .socialMediaArea .bold {
  font-weight: bold;
}
.default .socialMediaArea:hover {
  border-bottom: 10px solid #cfcecd;
}
.default .help-area {
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: #f6f6f6;
  border-bottom: 5px solid #dcdcda;
  color: #414e57;
  min-width: 110px;
  padding: 0 12px 10px;
  height: 100%;
  transition: border-bottom-width 0.3s ease-in-out;
  position: relative;
  margin-left: auto;
}
.default .help-area .bold {
  font-weight: bold;
}
.default .help-area:hover {
  border-bottom: 10px solid #cfcecd;
}
.default .help-area .material-icons {
  font-size: 30px;
}
.default .techSupportButton {
  cursor: pointer;
  background: black;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: fixed;
  bottom: 24px;
  right: 36px;
}
.default .techSupportButton > i {
  font-size: 30px;
  color: white;
}
.default .techSupportButton > i.selected {
  position: relative;
}
.default .techSupportButton > i.selected::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: red;
  border-radius: 50%;
  top: -5px;
  right: -5px;
}
.default .appQRArea {
  margin-left: auto;
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  background: #fdefd2;
  border-bottom: 5px solid #e4d6b9;
  color: #414e57;
  min-width: 110px;
  padding: 0 12px 10px;
  height: 100%;
  transition: border-bottom-width 0.3s ease-in-out;
  justify-content: center;
}
.default .appQRArea .material-icons {
  font-size: 22px;
  margin-right: 3px;
}
.default .appQRArea .bold {
  font-weight: bold;
}
.default .appQRArea:hover {
  border-bottom: 10px solid #e4d6b9;
}
.default .header-user-info .dropdown {
  position: relative;
  display: inline-block;
}
.default .header-user-info .dropdown-toggle {
  background: none;
  border: none;
  cursor: pointer;
}
.default .header-user-info .dropdown-toggle .userFullName {
  max-width: 140px;
  white-space: wrap;
  max-height: 31px;
  overflow: hidden;
}
.default .header-user-info .dropdown-toggle .roleName div {
  text-transform: capitalize;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 124px;
  min-height: 30px;
}
.default .header-user-info .dropdown-toggle .roleName span {
  margin: 1px 5px 0 5px !important;
  font-size: 13px !important;
}
.default .header-user-info .dropdown-menu {
  position: fixed;
  right: 0;
  top: 100px;
  width: 284px;
  background-color: #fff;
  padding-top: 34px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 34px;
}
.default .header-user-info .dropdown-menu > li {
  padding: 10px 9px;
  margin-top: 5px;
}
.default .header-user-info .dropdown-menu > li:first-child {
  margin-top: 12px;
}
.default .header-user-info .dropdown-menu > li a {
  color: #414e57;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .header-user-info .dropdown-menu > li:hover {
  background-color: #f2f2f2;
}
.default .header-user-info .dropdown-menu > li:hover > a {
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .header-user-info .dropdown-menu > li:has(.dropDown-open) {
  background-color: #f2f2f2;
}
.default .header-user-info .dropdown-menu > li:has(.dropDown-open) p {
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .header-user-info .dropdown-menu .logOut {
  background-color: #fee8ea;
}
.default .header-user-info .dropdown-menu .logOut:hover {
  background-color: #fee8ea;
}
.default .header-user-info .dropdown-menu .logOut a {
  display: flex;
  align-items: center;
}
.default .header-user-info .dropdown-menu .logOut a .anticon-logout {
  font-size: 13px;
  margin: 0px 4px;
}
.default .header-user-info .dropdown-menu .language-select,
.default .header-user-info .dropdown-menu .systemSettings-dropDown {
  background-color: unset;
  text-transform: none;
  cursor: pointer;
  width: unset;
  padding: unset;
}
.default .header-user-info .dropdown-menu .language-select p,
.default .header-user-info .dropdown-menu .systemSettings-dropDown p {
  margin-bottom: unset;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .header-user-info .dropdown-menu .language-select p .anticon-down,
.default .header-user-info .dropdown-menu .systemSettings-dropDown p .anticon-down {
  font-size: 13px;
  margin: 2px 10px 0 5px;
}
.default .header-user-info .dropdown-menu .language-select:hover,
.default .header-user-info .dropdown-menu .systemSettings-dropDown:hover {
  box-shadow: none !important;
}
.default .header-user-info .dropdown-menu .language-select:hover p,
.default .header-user-info .dropdown-menu .systemSettings-dropDown:hover p {
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .header-user-info .dropdown-menu .language-select li,
.default .header-user-info .dropdown-menu .systemSettings-dropDown li {
  height: 33px !important;
}
.default .header-user-info .dropdown-menu .chat-gpt-icon {
  margin-right: 0px;
}
.default .header-user-info .dropdown-menu .header-first-item {
  margin-left: auto !important;
}
.default .header-user-info .dropdown-menu .chat-gpt-icon-top-bar {
  cursor: pointer;
  display: flex;
  align-items: center;
  background: #f6f6f6;
  border-bottom: 5px solid #dcdcdc;
  color: #414e57;
  min-width: 110px;
  padding: 0 12px;
  height: 100%;
}
.default .header-user-info .dropdown-menu .chat-gpt-icon-top-bar .gptChatIcon-top-bar {
  width: 25px;
  height: 25px;
  transition: border-bottom-width 0.3s ease-in-out;
}
.default .header-user-info .dropdown-menu .chat-gpt-icon-top-bar .gptChatIcon-top-bar::before {
  width: 25px;
  height: 25px;
  content: "";
  position: absolute;
  background-size: cover;
  background-position: 0px -166px;
  background-image: url(https://qa.dev.bluetag.no/assets/img/side-menu-icons.png);
}
.default .header-user-info .dropdown-menu .chat-gpt-icon-top-bar .icon-text {
  align-self: center;
}
.default .header-user-info .dropdown-menu .chat-gpt-icon-top-bar:hover {
  border-bottom: 10px solid #dcdcdc;
}
.default .header-user-info .dropdown-menu .socialMediaArea {
  cursor: pointer;
  display: flex;
  align-items: center;
  background: #ececec;
  border-bottom: 5px solid #cfcecd;
  color: #414e57;
  min-width: 110px;
  padding: 0 12px;
  height: 100%;
  transition: border-bottom-width 0.3s ease-in-out;
}
.default .header-user-info .dropdown-menu .socialMediaArea .bold {
  font-weight: bold;
}
.default .header-user-info .dropdown-menu .socialMediaArea:hover {
  border-bottom: 10px solid #cfcecd;
}
.default .header-user-info .dropdown-menu .appQRArea {
  margin-left: unset !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  background: #fdefd2;
  border-bottom: 5px solid #e4d6b9;
  color: #414e57;
  min-width: 110px;
  padding: 0 12px;
  height: 100%;
  transition: border-bottom-width 0.3s ease-in-out;
  justify-content: center;
}
.default .header-user-info .dropdown-menu .appQRArea .material-icons {
  font-size: 22px;
  margin-right: 3px;
}
.default .header-user-info .dropdown-menu .appQRArea .bold {
  font-weight: bold;
}
.default .header-user-info .dropdown-menu .appQRArea:hover {
  border-bottom: 10px solid #e4d6b9;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown {
  position: relative;
  display: inline-block;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-toggle {
  background: none;
  border: none;
  cursor: pointer;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-toggle .userFullName {
  max-width: 140px;
  white-space: wrap;
  max-height: 31px;
  overflow: hidden;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-toggle .roleName div {
  text-transform: capitalize;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 124px;
  min-height: 30px;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-toggle .roleName span {
  margin: 1px 10px 0 5px !important;
  font-size: 13px !important;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu {
  position: fixed;
  right: 0;
  width: 284px;
  background-color: #fff;
  padding-top: 34px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 34px;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu > li {
  padding: 10px 9px;
  margin-top: 5px;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu > li:first-child {
  margin-top: 12px;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu > li a {
  color: #414e57;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu > li:hover {
  background-color: #f2f2f2;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu > li:hover > a {
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu > li:has(.dropDown-open) {
  background-color: #f2f2f2;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu > li:has(.dropDown-open) p {
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu .logOut {
  background-color: #fee8ea;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu .logOut:hover {
  background-color: #fee8ea;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu .logOut a {
  display: flex;
  align-items: center;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu .logOut a .anticon-logout {
  font-size: 13px;
  margin: 0px 4px;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu .language-select,
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu .systemSettings-dropDown {
  background-color: unset;
  text-transform: none;
  cursor: pointer;
  width: unset;
  padding: unset;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu .language-select p,
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu .systemSettings-dropDown p {
  margin-bottom: unset;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu .language-select p .anticon-down,
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu .systemSettings-dropDown p .anticon-down {
  font-size: 13px;
  margin: 2px 10px 0 5px;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu .language-select:hover,
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu .systemSettings-dropDown:hover {
  box-shadow: none !important;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu .language-select:hover p,
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu .systemSettings-dropDown:hover p {
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu .language-select li,
.default .header-user-info .dropdown-menu .header-user-info .dropdown-menu .systemSettings-dropDown li {
  white-space: normal;
  float: left;
  width: 100%;
  height: auto;
  word-wrap: break-word;
}
.default .header-user-info .dropdown-menu .header-user-info .language-options {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: -64px;
  top: 46px;
  min-width: 65px;
  background-color: #ffffff;
  border: 1px solid #ddd;
}
.default .header-user-info .dropdown-menu .header-user-info .language-options li {
  text-transform: uppercase;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .header-user-info .dropdown-menu .header-user-info .language-options li:hover {
  background-color: #f2f2f2 !important;
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .header-user-info .dropdown-menu .header-user-info .language-options .selected {
  background-color: #f2f2f2 !important;
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .header-user-info .dropdown-menu .header-user-info .systemSettings-dropDown p span {
  margin-left: 13px !important;
}
.default .header-user-info .dropdown-menu .header-user-info .systemSettings-dropDown ul {
  position: absolute;
  right: 283px;
  background: #fff;
  top: 78px;
  padding: 15px 20px 20px 24px;
  min-width: 185px;
  width: 210px;
  border: 1px solid #ddd;
}
.default .header-user-info .dropdown-menu .header-user-info .systemSettings-dropDown ul li {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .header-user-info .dropdown-menu .header-user-info .systemSettings-dropDown ul li:hover {
  background-color: #f2f2f2 !important;
}
.default .header-user-info .dropdown-menu .header-user-info .systemSettings-dropDown ul li:hover a {
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .header-user-info .dropdown-menu .header-user-info .language-options li,
.default .header-user-info .dropdown-menu .header-user-info .systemSettings-option li {
  padding: 8px 12px;
}
.default .header-user-info .dropdown-menu .header-user-info .language-options li:hover,
.default .header-user-info .dropdown-menu .header-user-info .systemSettings-option li:hover {
  background-color: #e5e5e5;
}
.default .header-user-info .dropdown-menu .header-user-info .language-select.active .language-options {
  display: block;
}
.default .header-user-info .dropdown-menu .language-options {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: -64px;
  top: 46px;
  min-width: 65px;
  background-color: #ffffff;
  border: 1px solid #ddd;
}
.default .header-user-info .dropdown-menu .language-options li {
  text-transform: uppercase;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .header-user-info .dropdown-menu .language-options li:hover {
  background-color: #f2f2f2 !important;
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .header-user-info .dropdown-menu .language-options .selected {
  background-color: #f2f2f2 !important;
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .header-user-info .dropdown-menu .systemSettings-dropDown p span {
  margin-left: 13px !important;
}
.default .header-user-info .dropdown-menu .systemSettings-dropDown ul {
  position: absolute;
  right: 283px;
  background: #fff;
  top: 78px;
  padding: 15px 20px 20px 24px;
  min-width: 185px;
  border: 1px solid #ddd;
}
.default .header-user-info .dropdown-menu .systemSettings-dropDown ul li {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .header-user-info .dropdown-menu .systemSettings-dropDown ul li:hover {
  background-color: #f2f2f2 !important;
}
.default .header-user-info .dropdown-menu .systemSettings-dropDown ul li:hover a {
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .header-user-info .dropdown-menu .language-options li,
.default .header-user-info .dropdown-menu .systemSettings-option li {
  padding: 8px 12px;
}
.default .header-user-info .dropdown-menu .language-options li:hover,
.default .header-user-info .dropdown-menu .systemSettings-option li:hover {
  background-color: #e5e5e5;
}
.default .header-user-info .dropdown-menu .language-select.active .language-options {
  display: block;
}
.default .header-user-info .appQR-popup {
  margin: unset !important;
}
.default .profile-page-theme .order-nav, .default .security-settings .order-nav, .default .salary-page .order-nav, .default .agreement-template .order-nav, .default .document-page-theme .order-nav, .default .site-manager-theme .order-nav, .default .qulity-control-theme .order-nav, .default .job-page-theme .order-nav, .default .customer-page-theme .order-nav, .default .suppliers-page .order-nav, .default .deviation-page-theme .order-nav, .default .upload-video-page .order-nav, .default .emailClient-page-theme .order-nav, .default .vat-periods-page .order-nav, .default .procedure-view-theme .order-nav, .default .crm-settings-page-theme .order-nav, .default .accounting-st-page-theme .order-nav, .default .equipment-page-theme .order-nav, .default .project-management .order-nav, .default .hr-settings-page .order-nav, .default .job-documentation-view-theme .order-nav {
  background: #ffffff;
}
.default .profile-page-theme .order-nav:hover .left-menu-container, .default .security-settings .order-nav:hover .left-menu-container, .default .salary-page .order-nav:hover .left-menu-container, .default .agreement-template .order-nav:hover .left-menu-container, .default .document-page-theme .order-nav:hover .left-menu-container, .default .site-manager-theme .order-nav:hover .left-menu-container, .default .qulity-control-theme .order-nav:hover .left-menu-container, .default .job-page-theme .order-nav:hover .left-menu-container, .default .customer-page-theme .order-nav:hover .left-menu-container, .default .suppliers-page .order-nav:hover .left-menu-container, .default .deviation-page-theme .order-nav:hover .left-menu-container, .default .upload-video-page .order-nav:hover .left-menu-container, .default .emailClient-page-theme .order-nav:hover .left-menu-container, .default .vat-periods-page .order-nav:hover .left-menu-container, .default .procedure-view-theme .order-nav:hover .left-menu-container, .default .crm-settings-page-theme .order-nav:hover .left-menu-container, .default .accounting-st-page-theme .order-nav:hover .left-menu-container, .default .equipment-page-theme .order-nav:hover .left-menu-container, .default .project-management .order-nav:hover .left-menu-container, .default .hr-settings-page .order-nav:hover .left-menu-container, .default .job-documentation-view-theme .order-nav:hover .left-menu-container {
  overflow-y: auto !important;
}
.default .profile-page-theme .order-nav-hide, .default .security-settings .order-nav-hide, .default .salary-page .order-nav-hide, .default .agreement-template .order-nav-hide, .default .document-page-theme .order-nav-hide, .default .site-manager-theme .order-nav-hide, .default .qulity-control-theme .order-nav-hide, .default .job-page-theme .order-nav-hide, .default .customer-page-theme .order-nav-hide, .default .suppliers-page .order-nav-hide, .default .deviation-page-theme .order-nav-hide, .default .upload-video-page .order-nav-hide, .default .emailClient-page-theme .order-nav-hide, .default .vat-periods-page .order-nav-hide, .default .procedure-view-theme .order-nav-hide, .default .crm-settings-page-theme .order-nav-hide, .default .accounting-st-page-theme .order-nav-hide, .default .equipment-page-theme .order-nav-hide, .default .project-management .order-nav-hide, .default .hr-settings-page .order-nav-hide, .default .job-documentation-view-theme .order-nav-hide {
  background: #ffffff;
}
.default .profile-page-theme .show-all-module, .default .security-settings .show-all-module, .default .salary-page .show-all-module, .default .agreement-template .show-all-module, .default .document-page-theme .show-all-module, .default .site-manager-theme .show-all-module, .default .qulity-control-theme .show-all-module, .default .job-page-theme .show-all-module, .default .customer-page-theme .show-all-module, .default .suppliers-page .show-all-module, .default .deviation-page-theme .show-all-module, .default .upload-video-page .show-all-module, .default .emailClient-page-theme .show-all-module, .default .vat-periods-page .show-all-module, .default .procedure-view-theme .show-all-module, .default .crm-settings-page-theme .show-all-module, .default .accounting-st-page-theme .show-all-module, .default .equipment-page-theme .show-all-module, .default .project-management .show-all-module, .default .hr-settings-page .show-all-module, .default .job-documentation-view-theme .show-all-module {
  padding: 23px 40px 25px;
}
.default .profile-page-theme .show-all-module button, .default .profile-page-theme .show-all-module .btn-primary, .default .profile-page-theme .show-all-module .jo-btn, .default .security-settings .show-all-module button, .default .security-settings .show-all-module .btn-primary, .default .security-settings .show-all-module .jo-btn, .default .salary-page .show-all-module button, .default .salary-page .show-all-module .btn-primary, .default .salary-page .show-all-module .jo-btn, .default .agreement-template .show-all-module button, .default .agreement-template .show-all-module .btn-primary, .default .agreement-template .show-all-module .jo-btn, .default .document-page-theme .show-all-module button, .default .document-page-theme .show-all-module .btn-primary, .default .document-page-theme .show-all-module .jo-btn, .default .site-manager-theme .show-all-module button, .default .site-manager-theme .show-all-module .btn-primary, .default .site-manager-theme .show-all-module .jo-btn, .default .qulity-control-theme .show-all-module button, .default .qulity-control-theme .show-all-module .btn-primary, .default .qulity-control-theme .show-all-module .jo-btn, .default .job-page-theme .show-all-module button, .default .job-page-theme .show-all-module .btn-primary, .default .job-page-theme .show-all-module .jo-btn, .default .customer-page-theme .show-all-module button, .default .customer-page-theme .show-all-module .btn-primary, .default .customer-page-theme .show-all-module .jo-btn, .default .suppliers-page .show-all-module button, .default .suppliers-page .show-all-module .btn-primary, .default .suppliers-page .show-all-module .jo-btn, .default .deviation-page-theme .show-all-module button, .default .deviation-page-theme .show-all-module .btn-primary, .default .deviation-page-theme .show-all-module .jo-btn, .default .upload-video-page .show-all-module button, .default .upload-video-page .show-all-module .btn-primary, .default .upload-video-page .show-all-module .jo-btn, .default .emailClient-page-theme .show-all-module button, .default .emailClient-page-theme .show-all-module .btn-primary, .default .emailClient-page-theme .show-all-module .jo-btn, .default .vat-periods-page .show-all-module button, .default .vat-periods-page .show-all-module .btn-primary, .default .vat-periods-page .show-all-module .jo-btn, .default .procedure-view-theme .show-all-module button, .default .procedure-view-theme .show-all-module .btn-primary, .default .procedure-view-theme .show-all-module .jo-btn, .default .crm-settings-page-theme .show-all-module button, .default .crm-settings-page-theme .show-all-module .btn-primary, .default .crm-settings-page-theme .show-all-module .jo-btn, .default .accounting-st-page-theme .show-all-module button, .default .accounting-st-page-theme .show-all-module .btn-primary, .default .accounting-st-page-theme .show-all-module .jo-btn, .default .equipment-page-theme .show-all-module button, .default .equipment-page-theme .show-all-module .btn-primary, .default .equipment-page-theme .show-all-module .jo-btn, .default .project-management .show-all-module button, .default .project-management .show-all-module .btn-primary, .default .project-management .show-all-module .jo-btn, .default .hr-settings-page .show-all-module button, .default .hr-settings-page .show-all-module .btn-primary, .default .hr-settings-page .show-all-module .jo-btn, .default .job-documentation-view-theme .show-all-module button, .default .job-documentation-view-theme .show-all-module .btn-primary, .default .job-documentation-view-theme .show-all-module .jo-btn {
  text-transform: unset !important;
  display: block;
  background: unset !important;
  text-align: right;
  color: #414e57;
  justify-content: end;
  font-size: 14px !important;
  padding-right: 36px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  width: 102%;
}
.default .profile-page-theme .show-all-module button:hover, .default .profile-page-theme .show-all-module .btn-primary:hover, .default .profile-page-theme .show-all-module .jo-btn:hover, .default .security-settings .show-all-module button:hover, .default .security-settings .show-all-module .btn-primary:hover, .default .security-settings .show-all-module .jo-btn:hover, .default .salary-page .show-all-module button:hover, .default .salary-page .show-all-module .btn-primary:hover, .default .salary-page .show-all-module .jo-btn:hover, .default .agreement-template .show-all-module button:hover, .default .agreement-template .show-all-module .btn-primary:hover, .default .agreement-template .show-all-module .jo-btn:hover, .default .document-page-theme .show-all-module button:hover, .default .document-page-theme .show-all-module .btn-primary:hover, .default .document-page-theme .show-all-module .jo-btn:hover, .default .site-manager-theme .show-all-module button:hover, .default .site-manager-theme .show-all-module .btn-primary:hover, .default .site-manager-theme .show-all-module .jo-btn:hover, .default .qulity-control-theme .show-all-module button:hover, .default .qulity-control-theme .show-all-module .btn-primary:hover, .default .qulity-control-theme .show-all-module .jo-btn:hover, .default .job-page-theme .show-all-module button:hover, .default .job-page-theme .show-all-module .btn-primary:hover, .default .job-page-theme .show-all-module .jo-btn:hover, .default .customer-page-theme .show-all-module button:hover, .default .customer-page-theme .show-all-module .btn-primary:hover, .default .customer-page-theme .show-all-module .jo-btn:hover, .default .suppliers-page .show-all-module button:hover, .default .suppliers-page .show-all-module .btn-primary:hover, .default .suppliers-page .show-all-module .jo-btn:hover, .default .deviation-page-theme .show-all-module button:hover, .default .deviation-page-theme .show-all-module .btn-primary:hover, .default .deviation-page-theme .show-all-module .jo-btn:hover, .default .upload-video-page .show-all-module button:hover, .default .upload-video-page .show-all-module .btn-primary:hover, .default .upload-video-page .show-all-module .jo-btn:hover, .default .emailClient-page-theme .show-all-module button:hover, .default .emailClient-page-theme .show-all-module .btn-primary:hover, .default .emailClient-page-theme .show-all-module .jo-btn:hover, .default .vat-periods-page .show-all-module button:hover, .default .vat-periods-page .show-all-module .btn-primary:hover, .default .vat-periods-page .show-all-module .jo-btn:hover, .default .procedure-view-theme .show-all-module button:hover, .default .procedure-view-theme .show-all-module .btn-primary:hover, .default .procedure-view-theme .show-all-module .jo-btn:hover, .default .crm-settings-page-theme .show-all-module button:hover, .default .crm-settings-page-theme .show-all-module .btn-primary:hover, .default .crm-settings-page-theme .show-all-module .jo-btn:hover, .default .accounting-st-page-theme .show-all-module button:hover, .default .accounting-st-page-theme .show-all-module .btn-primary:hover, .default .accounting-st-page-theme .show-all-module .jo-btn:hover, .default .equipment-page-theme .show-all-module button:hover, .default .equipment-page-theme .show-all-module .btn-primary:hover, .default .equipment-page-theme .show-all-module .jo-btn:hover, .default .project-management .show-all-module button:hover, .default .project-management .show-all-module .btn-primary:hover, .default .project-management .show-all-module .jo-btn:hover, .default .hr-settings-page .show-all-module button:hover, .default .hr-settings-page .show-all-module .btn-primary:hover, .default .hr-settings-page .show-all-module .jo-btn:hover, .default .job-documentation-view-theme .show-all-module button:hover, .default .job-documentation-view-theme .show-all-module .btn-primary:hover, .default .job-documentation-view-theme .show-all-module .jo-btn:hover {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  background-color: #fac238 !important;
  color: #000;
  width: 102%;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .show-all-module .jo-btn, .default .security-settings .show-all-module .jo-btn, .default .salary-page .show-all-module .jo-btn, .default .agreement-template .show-all-module .jo-btn, .default .document-page-theme .show-all-module .jo-btn, .default .site-manager-theme .show-all-module .jo-btn, .default .qulity-control-theme .show-all-module .jo-btn, .default .job-page-theme .show-all-module .jo-btn, .default .customer-page-theme .show-all-module .jo-btn, .default .suppliers-page .show-all-module .jo-btn, .default .deviation-page-theme .show-all-module .jo-btn, .default .upload-video-page .show-all-module .jo-btn, .default .emailClient-page-theme .show-all-module .jo-btn, .default .vat-periods-page .show-all-module .jo-btn, .default .procedure-view-theme .show-all-module .jo-btn, .default .crm-settings-page-theme .show-all-module .jo-btn, .default .accounting-st-page-theme .show-all-module .jo-btn, .default .equipment-page-theme .show-all-module .jo-btn, .default .project-management .show-all-module .jo-btn, .default .hr-settings-page .show-all-module .jo-btn, .default .job-documentation-view-theme .show-all-module .jo-btn {
  margin-top: 0px;
}
.default .profile-page-theme .long-menu .left-menu-container, .default .security-settings .long-menu .left-menu-container, .default .salary-page .long-menu .left-menu-container, .default .agreement-template .long-menu .left-menu-container, .default .document-page-theme .long-menu .left-menu-container, .default .site-manager-theme .long-menu .left-menu-container, .default .qulity-control-theme .long-menu .left-menu-container, .default .job-page-theme .long-menu .left-menu-container, .default .customer-page-theme .long-menu .left-menu-container, .default .suppliers-page .long-menu .left-menu-container, .default .deviation-page-theme .long-menu .left-menu-container, .default .upload-video-page .long-menu .left-menu-container, .default .emailClient-page-theme .long-menu .left-menu-container, .default .vat-periods-page .long-menu .left-menu-container, .default .procedure-view-theme .long-menu .left-menu-container, .default .crm-settings-page-theme .long-menu .left-menu-container, .default .accounting-st-page-theme .long-menu .left-menu-container, .default .equipment-page-theme .long-menu .left-menu-container, .default .project-management .long-menu .left-menu-container, .default .hr-settings-page .long-menu .left-menu-container, .default .job-documentation-view-theme .long-menu .left-menu-container {
  height: 60vh;
}
.default .profile-page-theme .left-menu-container, .default .security-settings .left-menu-container, .default .salary-page .left-menu-container, .default .agreement-template .left-menu-container, .default .document-page-theme .left-menu-container, .default .site-manager-theme .left-menu-container, .default .qulity-control-theme .left-menu-container, .default .job-page-theme .left-menu-container, .default .customer-page-theme .left-menu-container, .default .suppliers-page .left-menu-container, .default .deviation-page-theme .left-menu-container, .default .upload-video-page .left-menu-container, .default .emailClient-page-theme .left-menu-container, .default .vat-periods-page .left-menu-container, .default .procedure-view-theme .left-menu-container, .default .crm-settings-page-theme .left-menu-container, .default .accounting-st-page-theme .left-menu-container, .default .equipment-page-theme .left-menu-container, .default .project-management .left-menu-container, .default .hr-settings-page .left-menu-container, .default .job-documentation-view-theme .left-menu-container {
  display: flex;
  flex-direction: column;
  scrollbar-gutter: stable;
  overflow-y: hidden !important;
  margin-top: 20px;
  background: #ffffff;
}
.default .profile-page-theme .left-menu-container .nav-item, .default .security-settings .left-menu-container .nav-item, .default .salary-page .left-menu-container .nav-item, .default .agreement-template .left-menu-container .nav-item, .default .document-page-theme .left-menu-container .nav-item, .default .site-manager-theme .left-menu-container .nav-item, .default .qulity-control-theme .left-menu-container .nav-item, .default .job-page-theme .left-menu-container .nav-item, .default .customer-page-theme .left-menu-container .nav-item, .default .suppliers-page .left-menu-container .nav-item, .default .deviation-page-theme .left-menu-container .nav-item, .default .upload-video-page .left-menu-container .nav-item, .default .emailClient-page-theme .left-menu-container .nav-item, .default .vat-periods-page .left-menu-container .nav-item, .default .procedure-view-theme .left-menu-container .nav-item, .default .crm-settings-page-theme .left-menu-container .nav-item, .default .accounting-st-page-theme .left-menu-container .nav-item, .default .equipment-page-theme .left-menu-container .nav-item, .default .project-management .left-menu-container .nav-item, .default .hr-settings-page .left-menu-container .nav-item, .default .job-documentation-view-theme .left-menu-container .nav-item {
  color: #414e57;
  height: auto;
  min-height: 38px;
  font-size: 14px !important;
  margin-bottom: 5px;
}
.default .profile-page-theme .left-menu-container .nav-item .nav-item-name, .default .security-settings .left-menu-container .nav-item .nav-item-name, .default .salary-page .left-menu-container .nav-item .nav-item-name, .default .agreement-template .left-menu-container .nav-item .nav-item-name, .default .document-page-theme .left-menu-container .nav-item .nav-item-name, .default .site-manager-theme .left-menu-container .nav-item .nav-item-name, .default .qulity-control-theme .left-menu-container .nav-item .nav-item-name, .default .job-page-theme .left-menu-container .nav-item .nav-item-name, .default .customer-page-theme .left-menu-container .nav-item .nav-item-name, .default .suppliers-page .left-menu-container .nav-item .nav-item-name, .default .deviation-page-theme .left-menu-container .nav-item .nav-item-name, .default .upload-video-page .left-menu-container .nav-item .nav-item-name, .default .emailClient-page-theme .left-menu-container .nav-item .nav-item-name, .default .vat-periods-page .left-menu-container .nav-item .nav-item-name, .default .procedure-view-theme .left-menu-container .nav-item .nav-item-name, .default .crm-settings-page-theme .left-menu-container .nav-item .nav-item-name, .default .accounting-st-page-theme .left-menu-container .nav-item .nav-item-name, .default .equipment-page-theme .left-menu-container .nav-item .nav-item-name, .default .project-management .left-menu-container .nav-item .nav-item-name, .default .hr-settings-page .left-menu-container .nav-item .nav-item-name, .default .job-documentation-view-theme .left-menu-container .nav-item .nav-item-name {
  display: grid;
  text-align: right;
  margin-right: 14px;
  min-height: 40px;
  height: auto;
  font-family: "Figtree", sans-serif;
  font-weight: 500;
}
.default .profile-page-theme .left-menu-container .nav-item:after, .default .security-settings .left-menu-container .nav-item:after, .default .salary-page .left-menu-container .nav-item:after, .default .agreement-template .left-menu-container .nav-item:after, .default .document-page-theme .left-menu-container .nav-item:after, .default .site-manager-theme .left-menu-container .nav-item:after, .default .qulity-control-theme .left-menu-container .nav-item:after, .default .job-page-theme .left-menu-container .nav-item:after, .default .customer-page-theme .left-menu-container .nav-item:after, .default .suppliers-page .left-menu-container .nav-item:after, .default .deviation-page-theme .left-menu-container .nav-item:after, .default .upload-video-page .left-menu-container .nav-item:after, .default .emailClient-page-theme .left-menu-container .nav-item:after, .default .vat-periods-page .left-menu-container .nav-item:after, .default .procedure-view-theme .left-menu-container .nav-item:after, .default .crm-settings-page-theme .left-menu-container .nav-item:after, .default .accounting-st-page-theme .left-menu-container .nav-item:after, .default .equipment-page-theme .left-menu-container .nav-item:after, .default .project-management .left-menu-container .nav-item:after, .default .hr-settings-page .left-menu-container .nav-item:after, .default .job-documentation-view-theme .left-menu-container .nav-item:after {
  content: "";
  position: absolute;
  background: #e9e8e6;
  left: 0;
  width: 0%;
  height: 100%;
  color: #000 !important;
  z-index: -1;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: width 0.25s ease-in-out;
  -moz-transition: width 0.25s ease-in-out;
  -ms-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}
.default .profile-page-theme .left-menu-container .nav-item:hover::after, .default .security-settings .left-menu-container .nav-item:hover::after, .default .salary-page .left-menu-container .nav-item:hover::after, .default .agreement-template .left-menu-container .nav-item:hover::after, .default .document-page-theme .left-menu-container .nav-item:hover::after, .default .site-manager-theme .left-menu-container .nav-item:hover::after, .default .qulity-control-theme .left-menu-container .nav-item:hover::after, .default .job-page-theme .left-menu-container .nav-item:hover::after, .default .customer-page-theme .left-menu-container .nav-item:hover::after, .default .suppliers-page .left-menu-container .nav-item:hover::after, .default .deviation-page-theme .left-menu-container .nav-item:hover::after, .default .upload-video-page .left-menu-container .nav-item:hover::after, .default .emailClient-page-theme .left-menu-container .nav-item:hover::after, .default .vat-periods-page .left-menu-container .nav-item:hover::after, .default .procedure-view-theme .left-menu-container .nav-item:hover::after, .default .crm-settings-page-theme .left-menu-container .nav-item:hover::after, .default .accounting-st-page-theme .left-menu-container .nav-item:hover::after, .default .equipment-page-theme .left-menu-container .nav-item:hover::after, .default .project-management .left-menu-container .nav-item:hover::after, .default .hr-settings-page .left-menu-container .nav-item:hover::after, .default .job-documentation-view-theme .left-menu-container .nav-item:hover::after {
  width: 115%;
}
.default .profile-page-theme .left-menu-container .nav-item:hover, .default .security-settings .left-menu-container .nav-item:hover, .default .salary-page .left-menu-container .nav-item:hover, .default .agreement-template .left-menu-container .nav-item:hover, .default .document-page-theme .left-menu-container .nav-item:hover, .default .site-manager-theme .left-menu-container .nav-item:hover, .default .qulity-control-theme .left-menu-container .nav-item:hover, .default .job-page-theme .left-menu-container .nav-item:hover, .default .customer-page-theme .left-menu-container .nav-item:hover, .default .suppliers-page .left-menu-container .nav-item:hover, .default .deviation-page-theme .left-menu-container .nav-item:hover, .default .upload-video-page .left-menu-container .nav-item:hover, .default .emailClient-page-theme .left-menu-container .nav-item:hover, .default .vat-periods-page .left-menu-container .nav-item:hover, .default .procedure-view-theme .left-menu-container .nav-item:hover, .default .crm-settings-page-theme .left-menu-container .nav-item:hover, .default .accounting-st-page-theme .left-menu-container .nav-item:hover, .default .equipment-page-theme .left-menu-container .nav-item:hover, .default .project-management .left-menu-container .nav-item:hover, .default .hr-settings-page .left-menu-container .nav-item:hover, .default .job-documentation-view-theme .left-menu-container .nav-item:hover {
  margin-bottom: 5px;
}
.default .profile-page-theme .left-menu-container .nav-item:hover .nav-item-name, .default .security-settings .left-menu-container .nav-item:hover .nav-item-name, .default .salary-page .left-menu-container .nav-item:hover .nav-item-name, .default .agreement-template .left-menu-container .nav-item:hover .nav-item-name, .default .document-page-theme .left-menu-container .nav-item:hover .nav-item-name, .default .site-manager-theme .left-menu-container .nav-item:hover .nav-item-name, .default .qulity-control-theme .left-menu-container .nav-item:hover .nav-item-name, .default .job-page-theme .left-menu-container .nav-item:hover .nav-item-name, .default .customer-page-theme .left-menu-container .nav-item:hover .nav-item-name, .default .suppliers-page .left-menu-container .nav-item:hover .nav-item-name, .default .deviation-page-theme .left-menu-container .nav-item:hover .nav-item-name, .default .upload-video-page .left-menu-container .nav-item:hover .nav-item-name, .default .emailClient-page-theme .left-menu-container .nav-item:hover .nav-item-name, .default .vat-periods-page .left-menu-container .nav-item:hover .nav-item-name, .default .procedure-view-theme .left-menu-container .nav-item:hover .nav-item-name, .default .crm-settings-page-theme .left-menu-container .nav-item:hover .nav-item-name, .default .accounting-st-page-theme .left-menu-container .nav-item:hover .nav-item-name, .default .equipment-page-theme .left-menu-container .nav-item:hover .nav-item-name, .default .project-management .left-menu-container .nav-item:hover .nav-item-name, .default .hr-settings-page .left-menu-container .nav-item:hover .nav-item-name, .default .job-documentation-view-theme .left-menu-container .nav-item:hover .nav-item-name {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .left-menu-container .selected-item, .default .security-settings .left-menu-container .selected-item, .default .salary-page .left-menu-container .selected-item, .default .agreement-template .left-menu-container .selected-item, .default .document-page-theme .left-menu-container .selected-item, .default .site-manager-theme .left-menu-container .selected-item, .default .qulity-control-theme .left-menu-container .selected-item, .default .job-page-theme .left-menu-container .selected-item, .default .customer-page-theme .left-menu-container .selected-item, .default .suppliers-page .left-menu-container .selected-item, .default .deviation-page-theme .left-menu-container .selected-item, .default .upload-video-page .left-menu-container .selected-item, .default .emailClient-page-theme .left-menu-container .selected-item, .default .vat-periods-page .left-menu-container .selected-item, .default .procedure-view-theme .left-menu-container .selected-item, .default .crm-settings-page-theme .left-menu-container .selected-item, .default .accounting-st-page-theme .left-menu-container .selected-item, .default .equipment-page-theme .left-menu-container .selected-item, .default .project-management .left-menu-container .selected-item, .default .hr-settings-page .left-menu-container .selected-item, .default .job-documentation-view-theme .left-menu-container .selected-item {
  color: #000;
  max-height: fit-content;
  margin-bottom: 5px;
  min-height: 38px;
}
.default .profile-page-theme .left-menu-container .selected-item:after, .default .security-settings .left-menu-container .selected-item:after, .default .salary-page .left-menu-container .selected-item:after, .default .agreement-template .left-menu-container .selected-item:after, .default .document-page-theme .left-menu-container .selected-item:after, .default .site-manager-theme .left-menu-container .selected-item:after, .default .qulity-control-theme .left-menu-container .selected-item:after, .default .job-page-theme .left-menu-container .selected-item:after, .default .customer-page-theme .left-menu-container .selected-item:after, .default .suppliers-page .left-menu-container .selected-item:after, .default .deviation-page-theme .left-menu-container .selected-item:after, .default .upload-video-page .left-menu-container .selected-item:after, .default .emailClient-page-theme .left-menu-container .selected-item:after, .default .vat-periods-page .left-menu-container .selected-item:after, .default .procedure-view-theme .left-menu-container .selected-item:after, .default .crm-settings-page-theme .left-menu-container .selected-item:after, .default .accounting-st-page-theme .left-menu-container .selected-item:after, .default .equipment-page-theme .left-menu-container .selected-item:after, .default .project-management .left-menu-container .selected-item:after, .default .hr-settings-page .left-menu-container .selected-item:after, .default .job-documentation-view-theme .left-menu-container .selected-item:after {
  content: "";
  position: absolute;
  background: #e9e8e6 !important;
  left: 0;
  width: 115%;
  height: 100%;
  z-index: -1;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: width 0.25s ease-in-out;
  -moz-transition: width 0.25s ease-in-out;
  -ms-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}
.default .profile-page-theme .left-menu-container .selected-item .selected, .default .security-settings .left-menu-container .selected-item .selected, .default .salary-page .left-menu-container .selected-item .selected, .default .agreement-template .left-menu-container .selected-item .selected, .default .document-page-theme .left-menu-container .selected-item .selected, .default .site-manager-theme .left-menu-container .selected-item .selected, .default .qulity-control-theme .left-menu-container .selected-item .selected, .default .job-page-theme .left-menu-container .selected-item .selected, .default .customer-page-theme .left-menu-container .selected-item .selected, .default .suppliers-page .left-menu-container .selected-item .selected, .default .deviation-page-theme .left-menu-container .selected-item .selected, .default .upload-video-page .left-menu-container .selected-item .selected, .default .emailClient-page-theme .left-menu-container .selected-item .selected, .default .vat-periods-page .left-menu-container .selected-item .selected, .default .procedure-view-theme .left-menu-container .selected-item .selected, .default .crm-settings-page-theme .left-menu-container .selected-item .selected, .default .accounting-st-page-theme .left-menu-container .selected-item .selected, .default .equipment-page-theme .left-menu-container .selected-item .selected, .default .project-management .left-menu-container .selected-item .selected, .default .hr-settings-page .left-menu-container .selected-item .selected, .default .job-documentation-view-theme .left-menu-container .selected-item .selected {
  background: unset !important;
}
.default .profile-page-theme .left-menu-container .selected-item .add-btn, .default .security-settings .left-menu-container .selected-item .add-btn, .default .salary-page .left-menu-container .selected-item .add-btn, .default .agreement-template .left-menu-container .selected-item .add-btn, .default .document-page-theme .left-menu-container .selected-item .add-btn, .default .site-manager-theme .left-menu-container .selected-item .add-btn, .default .qulity-control-theme .left-menu-container .selected-item .add-btn, .default .job-page-theme .left-menu-container .selected-item .add-btn, .default .customer-page-theme .left-menu-container .selected-item .add-btn, .default .suppliers-page .left-menu-container .selected-item .add-btn, .default .deviation-page-theme .left-menu-container .selected-item .add-btn, .default .upload-video-page .left-menu-container .selected-item .add-btn, .default .emailClient-page-theme .left-menu-container .selected-item .add-btn, .default .vat-periods-page .left-menu-container .selected-item .add-btn, .default .procedure-view-theme .left-menu-container .selected-item .add-btn, .default .crm-settings-page-theme .left-menu-container .selected-item .add-btn, .default .accounting-st-page-theme .left-menu-container .selected-item .add-btn, .default .equipment-page-theme .left-menu-container .selected-item .add-btn, .default .project-management .left-menu-container .selected-item .add-btn, .default .hr-settings-page .left-menu-container .selected-item .add-btn, .default .job-documentation-view-theme .left-menu-container .selected-item .add-btn {
  visibility: visible !important;
}
.default .profile-page-theme .left-menu-container .selected-item .nav-item-name, .default .security-settings .left-menu-container .selected-item .nav-item-name, .default .salary-page .left-menu-container .selected-item .nav-item-name, .default .agreement-template .left-menu-container .selected-item .nav-item-name, .default .document-page-theme .left-menu-container .selected-item .nav-item-name, .default .site-manager-theme .left-menu-container .selected-item .nav-item-name, .default .qulity-control-theme .left-menu-container .selected-item .nav-item-name, .default .job-page-theme .left-menu-container .selected-item .nav-item-name, .default .customer-page-theme .left-menu-container .selected-item .nav-item-name, .default .suppliers-page .left-menu-container .selected-item .nav-item-name, .default .deviation-page-theme .left-menu-container .selected-item .nav-item-name, .default .upload-video-page .left-menu-container .selected-item .nav-item-name, .default .emailClient-page-theme .left-menu-container .selected-item .nav-item-name, .default .vat-periods-page .left-menu-container .selected-item .nav-item-name, .default .procedure-view-theme .left-menu-container .selected-item .nav-item-name, .default .crm-settings-page-theme .left-menu-container .selected-item .nav-item-name, .default .accounting-st-page-theme .left-menu-container .selected-item .nav-item-name, .default .equipment-page-theme .left-menu-container .selected-item .nav-item-name, .default .project-management .left-menu-container .selected-item .nav-item-name, .default .hr-settings-page .left-menu-container .selected-item .nav-item-name, .default .job-documentation-view-theme .left-menu-container .selected-item .nav-item-name {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .left-menu-container .email-template-module .email-template-title, .default .security-settings .left-menu-container .email-template-module .email-template-title, .default .salary-page .left-menu-container .email-template-module .email-template-title, .default .agreement-template .left-menu-container .email-template-module .email-template-title, .default .document-page-theme .left-menu-container .email-template-module .email-template-title, .default .site-manager-theme .left-menu-container .email-template-module .email-template-title, .default .qulity-control-theme .left-menu-container .email-template-module .email-template-title, .default .job-page-theme .left-menu-container .email-template-module .email-template-title, .default .customer-page-theme .left-menu-container .email-template-module .email-template-title, .default .suppliers-page .left-menu-container .email-template-module .email-template-title, .default .deviation-page-theme .left-menu-container .email-template-module .email-template-title, .default .upload-video-page .left-menu-container .email-template-module .email-template-title, .default .emailClient-page-theme .left-menu-container .email-template-module .email-template-title, .default .vat-periods-page .left-menu-container .email-template-module .email-template-title, .default .procedure-view-theme .left-menu-container .email-template-module .email-template-title, .default .crm-settings-page-theme .left-menu-container .email-template-module .email-template-title, .default .accounting-st-page-theme .left-menu-container .email-template-module .email-template-title, .default .equipment-page-theme .left-menu-container .email-template-module .email-template-title, .default .project-management .left-menu-container .email-template-module .email-template-title, .default .hr-settings-page .left-menu-container .email-template-module .email-template-title, .default .job-documentation-view-theme .left-menu-container .email-template-module .email-template-title {
  margin-bottom: 10px;
  margin-left: 35px;
}
.default .profile-page-theme .toggle-button-left, .default .profile-page-theme .toggle-button-right, .default .security-settings .toggle-button-left, .default .security-settings .toggle-button-right, .default .salary-page .toggle-button-left, .default .salary-page .toggle-button-right, .default .agreement-template .toggle-button-left, .default .agreement-template .toggle-button-right, .default .document-page-theme .toggle-button-left, .default .document-page-theme .toggle-button-right, .default .site-manager-theme .toggle-button-left, .default .site-manager-theme .toggle-button-right, .default .qulity-control-theme .toggle-button-left, .default .qulity-control-theme .toggle-button-right, .default .job-page-theme .toggle-button-left, .default .job-page-theme .toggle-button-right, .default .customer-page-theme .toggle-button-left, .default .customer-page-theme .toggle-button-right, .default .suppliers-page .toggle-button-left, .default .suppliers-page .toggle-button-right, .default .deviation-page-theme .toggle-button-left, .default .deviation-page-theme .toggle-button-right, .default .upload-video-page .toggle-button-left, .default .upload-video-page .toggle-button-right, .default .emailClient-page-theme .toggle-button-left, .default .emailClient-page-theme .toggle-button-right, .default .vat-periods-page .toggle-button-left, .default .vat-periods-page .toggle-button-right, .default .procedure-view-theme .toggle-button-left, .default .procedure-view-theme .toggle-button-right, .default .crm-settings-page-theme .toggle-button-left, .default .crm-settings-page-theme .toggle-button-right, .default .accounting-st-page-theme .toggle-button-left, .default .accounting-st-page-theme .toggle-button-right, .default .equipment-page-theme .toggle-button-left, .default .equipment-page-theme .toggle-button-right, .default .project-management .toggle-button-left, .default .project-management .toggle-button-right, .default .hr-settings-page .toggle-button-left, .default .hr-settings-page .toggle-button-right, .default .job-documentation-view-theme .toggle-button-left, .default .job-documentation-view-theme .toggle-button-right {
  top: 0px;
  background-color: #e9e8e6 !important;
  color: #242424 !important;
  border: 4px solid #fff;
  box-sizing: content-box;
  box-shadow: none;
}
.default .profile-page-theme .toggle-button-left:hover, .default .profile-page-theme .toggle-button-right:hover, .default .security-settings .toggle-button-left:hover, .default .security-settings .toggle-button-right:hover, .default .salary-page .toggle-button-left:hover, .default .salary-page .toggle-button-right:hover, .default .agreement-template .toggle-button-left:hover, .default .agreement-template .toggle-button-right:hover, .default .document-page-theme .toggle-button-left:hover, .default .document-page-theme .toggle-button-right:hover, .default .site-manager-theme .toggle-button-left:hover, .default .site-manager-theme .toggle-button-right:hover, .default .qulity-control-theme .toggle-button-left:hover, .default .qulity-control-theme .toggle-button-right:hover, .default .job-page-theme .toggle-button-left:hover, .default .job-page-theme .toggle-button-right:hover, .default .customer-page-theme .toggle-button-left:hover, .default .customer-page-theme .toggle-button-right:hover, .default .suppliers-page .toggle-button-left:hover, .default .suppliers-page .toggle-button-right:hover, .default .deviation-page-theme .toggle-button-left:hover, .default .deviation-page-theme .toggle-button-right:hover, .default .upload-video-page .toggle-button-left:hover, .default .upload-video-page .toggle-button-right:hover, .default .emailClient-page-theme .toggle-button-left:hover, .default .emailClient-page-theme .toggle-button-right:hover, .default .vat-periods-page .toggle-button-left:hover, .default .vat-periods-page .toggle-button-right:hover, .default .procedure-view-theme .toggle-button-left:hover, .default .procedure-view-theme .toggle-button-right:hover, .default .crm-settings-page-theme .toggle-button-left:hover, .default .crm-settings-page-theme .toggle-button-right:hover, .default .accounting-st-page-theme .toggle-button-left:hover, .default .accounting-st-page-theme .toggle-button-right:hover, .default .equipment-page-theme .toggle-button-left:hover, .default .equipment-page-theme .toggle-button-right:hover, .default .project-management .toggle-button-left:hover, .default .project-management .toggle-button-right:hover, .default .hr-settings-page .toggle-button-left:hover, .default .hr-settings-page .toggle-button-right:hover, .default .job-documentation-view-theme .toggle-button-left:hover, .default .job-documentation-view-theme .toggle-button-right:hover {
  color: #4f4d4d !important;
  box-shadow: none !important;
}
.default .profile-page-theme .toggle-container-show, .default .profile-page-theme .toggle-container-hide, .default .security-settings .toggle-container-show, .default .security-settings .toggle-container-hide, .default .salary-page .toggle-container-show, .default .salary-page .toggle-container-hide, .default .agreement-template .toggle-container-show, .default .agreement-template .toggle-container-hide, .default .document-page-theme .toggle-container-show, .default .document-page-theme .toggle-container-hide, .default .site-manager-theme .toggle-container-show, .default .site-manager-theme .toggle-container-hide, .default .qulity-control-theme .toggle-container-show, .default .qulity-control-theme .toggle-container-hide, .default .job-page-theme .toggle-container-show, .default .job-page-theme .toggle-container-hide, .default .customer-page-theme .toggle-container-show, .default .customer-page-theme .toggle-container-hide, .default .suppliers-page .toggle-container-show, .default .suppliers-page .toggle-container-hide, .default .deviation-page-theme .toggle-container-show, .default .deviation-page-theme .toggle-container-hide, .default .upload-video-page .toggle-container-show, .default .upload-video-page .toggle-container-hide, .default .emailClient-page-theme .toggle-container-show, .default .emailClient-page-theme .toggle-container-hide, .default .vat-periods-page .toggle-container-show, .default .vat-periods-page .toggle-container-hide, .default .procedure-view-theme .toggle-container-show, .default .procedure-view-theme .toggle-container-hide, .default .crm-settings-page-theme .toggle-container-show, .default .crm-settings-page-theme .toggle-container-hide, .default .accounting-st-page-theme .toggle-container-show, .default .accounting-st-page-theme .toggle-container-hide, .default .equipment-page-theme .toggle-container-show, .default .equipment-page-theme .toggle-container-hide, .default .project-management .toggle-container-show, .default .project-management .toggle-container-hide, .default .hr-settings-page .toggle-container-show, .default .hr-settings-page .toggle-container-hide, .default .job-documentation-view-theme .toggle-container-show, .default .job-documentation-view-theme .toggle-container-hide {
  top: 10px;
}
.default .profile-page-theme .toggle-container-show::after, .default .profile-page-theme .toggle-container-hide::after, .default .profile-page-theme .toggle-container-show-email-nav::after, .default .profile-page-theme .toggle-container-show-email-container::after, .default .security-settings .toggle-container-show::after, .default .security-settings .toggle-container-hide::after, .default .security-settings .toggle-container-show-email-nav::after, .default .security-settings .toggle-container-show-email-container::after, .default .salary-page .toggle-container-show::after, .default .salary-page .toggle-container-hide::after, .default .salary-page .toggle-container-show-email-nav::after, .default .salary-page .toggle-container-show-email-container::after, .default .agreement-template .toggle-container-show::after, .default .agreement-template .toggle-container-hide::after, .default .agreement-template .toggle-container-show-email-nav::after, .default .agreement-template .toggle-container-show-email-container::after, .default .document-page-theme .toggle-container-show::after, .default .document-page-theme .toggle-container-hide::after, .default .document-page-theme .toggle-container-show-email-nav::after, .default .document-page-theme .toggle-container-show-email-container::after, .default .site-manager-theme .toggle-container-show::after, .default .site-manager-theme .toggle-container-hide::after, .default .site-manager-theme .toggle-container-show-email-nav::after, .default .site-manager-theme .toggle-container-show-email-container::after, .default .qulity-control-theme .toggle-container-show::after, .default .qulity-control-theme .toggle-container-hide::after, .default .qulity-control-theme .toggle-container-show-email-nav::after, .default .qulity-control-theme .toggle-container-show-email-container::after, .default .job-page-theme .toggle-container-show::after, .default .job-page-theme .toggle-container-hide::after, .default .job-page-theme .toggle-container-show-email-nav::after, .default .job-page-theme .toggle-container-show-email-container::after, .default .customer-page-theme .toggle-container-show::after, .default .customer-page-theme .toggle-container-hide::after, .default .customer-page-theme .toggle-container-show-email-nav::after, .default .customer-page-theme .toggle-container-show-email-container::after, .default .suppliers-page .toggle-container-show::after, .default .suppliers-page .toggle-container-hide::after, .default .suppliers-page .toggle-container-show-email-nav::after, .default .suppliers-page .toggle-container-show-email-container::after, .default .deviation-page-theme .toggle-container-show::after, .default .deviation-page-theme .toggle-container-hide::after, .default .deviation-page-theme .toggle-container-show-email-nav::after, .default .deviation-page-theme .toggle-container-show-email-container::after, .default .upload-video-page .toggle-container-show::after, .default .upload-video-page .toggle-container-hide::after, .default .upload-video-page .toggle-container-show-email-nav::after, .default .upload-video-page .toggle-container-show-email-container::after, .default .emailClient-page-theme .toggle-container-show::after, .default .emailClient-page-theme .toggle-container-hide::after, .default .emailClient-page-theme .toggle-container-show-email-nav::after, .default .emailClient-page-theme .toggle-container-show-email-container::after, .default .vat-periods-page .toggle-container-show::after, .default .vat-periods-page .toggle-container-hide::after, .default .vat-periods-page .toggle-container-show-email-nav::after, .default .vat-periods-page .toggle-container-show-email-container::after, .default .procedure-view-theme .toggle-container-show::after, .default .procedure-view-theme .toggle-container-hide::after, .default .procedure-view-theme .toggle-container-show-email-nav::after, .default .procedure-view-theme .toggle-container-show-email-container::after, .default .crm-settings-page-theme .toggle-container-show::after, .default .crm-settings-page-theme .toggle-container-hide::after, .default .crm-settings-page-theme .toggle-container-show-email-nav::after, .default .crm-settings-page-theme .toggle-container-show-email-container::after, .default .accounting-st-page-theme .toggle-container-show::after, .default .accounting-st-page-theme .toggle-container-hide::after, .default .accounting-st-page-theme .toggle-container-show-email-nav::after, .default .accounting-st-page-theme .toggle-container-show-email-container::after, .default .equipment-page-theme .toggle-container-show::after, .default .equipment-page-theme .toggle-container-hide::after, .default .equipment-page-theme .toggle-container-show-email-nav::after, .default .equipment-page-theme .toggle-container-show-email-container::after, .default .project-management .toggle-container-show::after, .default .project-management .toggle-container-hide::after, .default .project-management .toggle-container-show-email-nav::after, .default .project-management .toggle-container-show-email-container::after, .default .hr-settings-page .toggle-container-show::after, .default .hr-settings-page .toggle-container-hide::after, .default .hr-settings-page .toggle-container-show-email-nav::after, .default .hr-settings-page .toggle-container-show-email-container::after, .default .job-documentation-view-theme .toggle-container-show::after, .default .job-documentation-view-theme .toggle-container-hide::after, .default .job-documentation-view-theme .toggle-container-show-email-nav::after, .default .job-documentation-view-theme .toggle-container-show-email-container::after {
  animation: none !important;
  box-shadow: none !important;
}
.default .profile-page-theme .toggle-container-hide, .default .profile-page-theme .toggle-container-show, .default .security-settings .toggle-container-hide, .default .security-settings .toggle-container-show, .default .salary-page .toggle-container-hide, .default .salary-page .toggle-container-show, .default .agreement-template .toggle-container-hide, .default .agreement-template .toggle-container-show, .default .document-page-theme .toggle-container-hide, .default .document-page-theme .toggle-container-show, .default .site-manager-theme .toggle-container-hide, .default .site-manager-theme .toggle-container-show, .default .qulity-control-theme .toggle-container-hide, .default .qulity-control-theme .toggle-container-show, .default .job-page-theme .toggle-container-hide, .default .job-page-theme .toggle-container-show, .default .customer-page-theme .toggle-container-hide, .default .customer-page-theme .toggle-container-show, .default .suppliers-page .toggle-container-hide, .default .suppliers-page .toggle-container-show, .default .deviation-page-theme .toggle-container-hide, .default .deviation-page-theme .toggle-container-show, .default .upload-video-page .toggle-container-hide, .default .upload-video-page .toggle-container-show, .default .emailClient-page-theme .toggle-container-hide, .default .emailClient-page-theme .toggle-container-show, .default .vat-periods-page .toggle-container-hide, .default .vat-periods-page .toggle-container-show, .default .procedure-view-theme .toggle-container-hide, .default .procedure-view-theme .toggle-container-show, .default .crm-settings-page-theme .toggle-container-hide, .default .crm-settings-page-theme .toggle-container-show, .default .accounting-st-page-theme .toggle-container-hide, .default .accounting-st-page-theme .toggle-container-show, .default .equipment-page-theme .toggle-container-hide, .default .equipment-page-theme .toggle-container-show, .default .project-management .toggle-container-hide, .default .project-management .toggle-container-show, .default .hr-settings-page .toggle-container-hide, .default .hr-settings-page .toggle-container-show, .default .job-documentation-view-theme .toggle-container-hide, .default .job-documentation-view-theme .toggle-container-show {
  box-shadow: none !important;
}
.default .profile-page-theme .salary-view .nav-item:nth-child(6), .default .profile-page-theme .salary-view .nav-item:nth-child(7), .default .security-settings .salary-view .nav-item:nth-child(6), .default .security-settings .salary-view .nav-item:nth-child(7), .default .salary-page .salary-view .nav-item:nth-child(6), .default .salary-page .salary-view .nav-item:nth-child(7), .default .agreement-template .salary-view .nav-item:nth-child(6), .default .agreement-template .salary-view .nav-item:nth-child(7), .default .document-page-theme .salary-view .nav-item:nth-child(6), .default .document-page-theme .salary-view .nav-item:nth-child(7), .default .site-manager-theme .salary-view .nav-item:nth-child(6), .default .site-manager-theme .salary-view .nav-item:nth-child(7), .default .qulity-control-theme .salary-view .nav-item:nth-child(6), .default .qulity-control-theme .salary-view .nav-item:nth-child(7), .default .job-page-theme .salary-view .nav-item:nth-child(6), .default .job-page-theme .salary-view .nav-item:nth-child(7), .default .customer-page-theme .salary-view .nav-item:nth-child(6), .default .customer-page-theme .salary-view .nav-item:nth-child(7), .default .suppliers-page .salary-view .nav-item:nth-child(6), .default .suppliers-page .salary-view .nav-item:nth-child(7), .default .deviation-page-theme .salary-view .nav-item:nth-child(6), .default .deviation-page-theme .salary-view .nav-item:nth-child(7), .default .upload-video-page .salary-view .nav-item:nth-child(6), .default .upload-video-page .salary-view .nav-item:nth-child(7), .default .emailClient-page-theme .salary-view .nav-item:nth-child(6), .default .emailClient-page-theme .salary-view .nav-item:nth-child(7), .default .vat-periods-page .salary-view .nav-item:nth-child(6), .default .vat-periods-page .salary-view .nav-item:nth-child(7), .default .procedure-view-theme .salary-view .nav-item:nth-child(6), .default .procedure-view-theme .salary-view .nav-item:nth-child(7), .default .crm-settings-page-theme .salary-view .nav-item:nth-child(6), .default .crm-settings-page-theme .salary-view .nav-item:nth-child(7), .default .accounting-st-page-theme .salary-view .nav-item:nth-child(6), .default .accounting-st-page-theme .salary-view .nav-item:nth-child(7), .default .equipment-page-theme .salary-view .nav-item:nth-child(6), .default .equipment-page-theme .salary-view .nav-item:nth-child(7), .default .project-management .salary-view .nav-item:nth-child(6), .default .project-management .salary-view .nav-item:nth-child(7), .default .hr-settings-page .salary-view .nav-item:nth-child(6), .default .hr-settings-page .salary-view .nav-item:nth-child(7), .default .job-documentation-view-theme .salary-view .nav-item:nth-child(6), .default .job-documentation-view-theme .salary-view .nav-item:nth-child(7) {
  background: unset !important;
}
.default .job-page-theme .order-nav, .default .customer-page-theme .order-nav, .default .suppliers-page .order-nav, .default .deviation-page-theme .order-nav, .default .upload-video-page .order-nav, .default .emailClient-page-theme .order-nav, .default .vat-periods-page .order-nav, .default .procedure-view-theme .order-nav, .default .crm-settings-page-theme .order-nav, .default .accounting-st-page-theme .order-nav, .default .equipment-page-theme .order-nav, .default .project-management .order-nav, .default .hr-settings-page .order-nav, .default .job-documentation-view-theme .order-nav {
  background: #ffffff;
}
.default .job-page-theme .order-nav:hover .left-menu-container, .default .customer-page-theme .order-nav:hover .left-menu-container, .default .suppliers-page .order-nav:hover .left-menu-container, .default .deviation-page-theme .order-nav:hover .left-menu-container, .default .upload-video-page .order-nav:hover .left-menu-container, .default .emailClient-page-theme .order-nav:hover .left-menu-container, .default .vat-periods-page .order-nav:hover .left-menu-container, .default .procedure-view-theme .order-nav:hover .left-menu-container, .default .crm-settings-page-theme .order-nav:hover .left-menu-container, .default .accounting-st-page-theme .order-nav:hover .left-menu-container, .default .equipment-page-theme .order-nav:hover .left-menu-container, .default .project-management .order-nav:hover .left-menu-container, .default .hr-settings-page .order-nav:hover .left-menu-container, .default .job-documentation-view-theme .order-nav:hover .left-menu-container {
  overflow-y: auto !important;
}
.default .job-page-theme .order-nav-hide, .default .customer-page-theme .order-nav-hide, .default .suppliers-page .order-nav-hide, .default .deviation-page-theme .order-nav-hide, .default .upload-video-page .order-nav-hide, .default .emailClient-page-theme .order-nav-hide, .default .vat-periods-page .order-nav-hide, .default .procedure-view-theme .order-nav-hide, .default .crm-settings-page-theme .order-nav-hide, .default .accounting-st-page-theme .order-nav-hide, .default .equipment-page-theme .order-nav-hide, .default .project-management .order-nav-hide, .default .hr-settings-page .order-nav-hide, .default .job-documentation-view-theme .order-nav-hide {
  background: #ffffff;
}
.default .job-page-theme .show-all-module, .default .customer-page-theme .show-all-module, .default .suppliers-page .show-all-module, .default .deviation-page-theme .show-all-module, .default .upload-video-page .show-all-module, .default .emailClient-page-theme .show-all-module, .default .vat-periods-page .show-all-module, .default .procedure-view-theme .show-all-module, .default .crm-settings-page-theme .show-all-module, .default .accounting-st-page-theme .show-all-module, .default .equipment-page-theme .show-all-module, .default .project-management .show-all-module, .default .hr-settings-page .show-all-module, .default .job-documentation-view-theme .show-all-module {
  padding: 23px 40px 25px;
}
.default .job-page-theme .show-all-module button, .default .job-page-theme .show-all-module .btn-primary, .default .job-page-theme .show-all-module .jo-btn, .default .customer-page-theme .show-all-module button, .default .customer-page-theme .show-all-module .btn-primary, .default .customer-page-theme .show-all-module .jo-btn, .default .suppliers-page .show-all-module button, .default .suppliers-page .show-all-module .btn-primary, .default .suppliers-page .show-all-module .jo-btn, .default .deviation-page-theme .show-all-module button, .default .deviation-page-theme .show-all-module .btn-primary, .default .deviation-page-theme .show-all-module .jo-btn, .default .upload-video-page .show-all-module button, .default .upload-video-page .show-all-module .btn-primary, .default .upload-video-page .show-all-module .jo-btn, .default .emailClient-page-theme .show-all-module button, .default .emailClient-page-theme .show-all-module .btn-primary, .default .emailClient-page-theme .show-all-module .jo-btn, .default .vat-periods-page .show-all-module button, .default .vat-periods-page .show-all-module .btn-primary, .default .vat-periods-page .show-all-module .jo-btn, .default .procedure-view-theme .show-all-module button, .default .procedure-view-theme .show-all-module .btn-primary, .default .procedure-view-theme .show-all-module .jo-btn, .default .crm-settings-page-theme .show-all-module button, .default .crm-settings-page-theme .show-all-module .btn-primary, .default .crm-settings-page-theme .show-all-module .jo-btn, .default .accounting-st-page-theme .show-all-module button, .default .accounting-st-page-theme .show-all-module .btn-primary, .default .accounting-st-page-theme .show-all-module .jo-btn, .default .equipment-page-theme .show-all-module button, .default .equipment-page-theme .show-all-module .btn-primary, .default .equipment-page-theme .show-all-module .jo-btn, .default .project-management .show-all-module button, .default .project-management .show-all-module .btn-primary, .default .project-management .show-all-module .jo-btn, .default .hr-settings-page .show-all-module button, .default .hr-settings-page .show-all-module .btn-primary, .default .hr-settings-page .show-all-module .jo-btn, .default .job-documentation-view-theme .show-all-module button, .default .job-documentation-view-theme .show-all-module .btn-primary, .default .job-documentation-view-theme .show-all-module .jo-btn {
  text-transform: unset !important;
  display: block;
  background: unset !important;
  text-align: right;
  color: #414e57;
  justify-content: end;
  font-size: 14px !important;
  padding-right: 36px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  width: 102%;
}
.default .job-page-theme .show-all-module button:hover, .default .job-page-theme .show-all-module .btn-primary:hover, .default .job-page-theme .show-all-module .jo-btn:hover, .default .customer-page-theme .show-all-module button:hover, .default .customer-page-theme .show-all-module .btn-primary:hover, .default .customer-page-theme .show-all-module .jo-btn:hover, .default .suppliers-page .show-all-module button:hover, .default .suppliers-page .show-all-module .btn-primary:hover, .default .suppliers-page .show-all-module .jo-btn:hover, .default .deviation-page-theme .show-all-module button:hover, .default .deviation-page-theme .show-all-module .btn-primary:hover, .default .deviation-page-theme .show-all-module .jo-btn:hover, .default .upload-video-page .show-all-module button:hover, .default .upload-video-page .show-all-module .btn-primary:hover, .default .upload-video-page .show-all-module .jo-btn:hover, .default .emailClient-page-theme .show-all-module button:hover, .default .emailClient-page-theme .show-all-module .btn-primary:hover, .default .emailClient-page-theme .show-all-module .jo-btn:hover, .default .vat-periods-page .show-all-module button:hover, .default .vat-periods-page .show-all-module .btn-primary:hover, .default .vat-periods-page .show-all-module .jo-btn:hover, .default .procedure-view-theme .show-all-module button:hover, .default .procedure-view-theme .show-all-module .btn-primary:hover, .default .procedure-view-theme .show-all-module .jo-btn:hover, .default .crm-settings-page-theme .show-all-module button:hover, .default .crm-settings-page-theme .show-all-module .btn-primary:hover, .default .crm-settings-page-theme .show-all-module .jo-btn:hover, .default .accounting-st-page-theme .show-all-module button:hover, .default .accounting-st-page-theme .show-all-module .btn-primary:hover, .default .accounting-st-page-theme .show-all-module .jo-btn:hover, .default .equipment-page-theme .show-all-module button:hover, .default .equipment-page-theme .show-all-module .btn-primary:hover, .default .equipment-page-theme .show-all-module .jo-btn:hover, .default .project-management .show-all-module button:hover, .default .project-management .show-all-module .btn-primary:hover, .default .project-management .show-all-module .jo-btn:hover, .default .hr-settings-page .show-all-module button:hover, .default .hr-settings-page .show-all-module .btn-primary:hover, .default .hr-settings-page .show-all-module .jo-btn:hover, .default .job-documentation-view-theme .show-all-module button:hover, .default .job-documentation-view-theme .show-all-module .btn-primary:hover, .default .job-documentation-view-theme .show-all-module .jo-btn:hover {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  background-color: #fac238 !important;
  color: #000;
  width: 102%;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .job-page-theme .show-all-module .jo-btn, .default .customer-page-theme .show-all-module .jo-btn, .default .suppliers-page .show-all-module .jo-btn, .default .deviation-page-theme .show-all-module .jo-btn, .default .upload-video-page .show-all-module .jo-btn, .default .emailClient-page-theme .show-all-module .jo-btn, .default .vat-periods-page .show-all-module .jo-btn, .default .procedure-view-theme .show-all-module .jo-btn, .default .crm-settings-page-theme .show-all-module .jo-btn, .default .accounting-st-page-theme .show-all-module .jo-btn, .default .equipment-page-theme .show-all-module .jo-btn, .default .project-management .show-all-module .jo-btn, .default .hr-settings-page .show-all-module .jo-btn, .default .job-documentation-view-theme .show-all-module .jo-btn {
  margin-top: 0px;
}
.default .job-page-theme .long-menu, .default .customer-page-theme .long-menu, .default .suppliers-page .long-menu, .default .deviation-page-theme .long-menu, .default .upload-video-page .long-menu, .default .emailClient-page-theme .long-menu, .default .vat-periods-page .long-menu, .default .procedure-view-theme .long-menu, .default .crm-settings-page-theme .long-menu, .default .accounting-st-page-theme .long-menu, .default .equipment-page-theme .long-menu, .default .project-management .long-menu, .default .hr-settings-page .long-menu, .default .job-documentation-view-theme .long-menu {
  padding: 5px 0px;
  width: 288px !important;
}
.default .job-page-theme .long-menu .show-all-module, .default .customer-page-theme .long-menu .show-all-module, .default .suppliers-page .long-menu .show-all-module, .default .deviation-page-theme .long-menu .show-all-module, .default .upload-video-page .long-menu .show-all-module, .default .emailClient-page-theme .long-menu .show-all-module, .default .vat-periods-page .long-menu .show-all-module, .default .procedure-view-theme .long-menu .show-all-module, .default .crm-settings-page-theme .long-menu .show-all-module, .default .accounting-st-page-theme .long-menu .show-all-module, .default .equipment-page-theme .long-menu .show-all-module, .default .project-management .long-menu .show-all-module, .default .hr-settings-page .long-menu .show-all-module, .default .job-documentation-view-theme .long-menu .show-all-module {
  padding: 35px 30px 40px 20px;
}
.default .job-page-theme .long-menu .show-all-module .btn-primary, .default .customer-page-theme .long-menu .show-all-module .btn-primary, .default .suppliers-page .long-menu .show-all-module .btn-primary, .default .deviation-page-theme .long-menu .show-all-module .btn-primary, .default .upload-video-page .long-menu .show-all-module .btn-primary, .default .emailClient-page-theme .long-menu .show-all-module .btn-primary, .default .vat-periods-page .long-menu .show-all-module .btn-primary, .default .procedure-view-theme .long-menu .show-all-module .btn-primary, .default .crm-settings-page-theme .long-menu .show-all-module .btn-primary, .default .accounting-st-page-theme .long-menu .show-all-module .btn-primary, .default .equipment-page-theme .long-menu .show-all-module .btn-primary, .default .project-management .long-menu .show-all-module .btn-primary, .default .hr-settings-page .long-menu .show-all-module .btn-primary, .default .job-documentation-view-theme .long-menu .show-all-module .btn-primary {
  min-height: 40px;
  text-align: left !important;
  padding-left: 25px;
  margin-bottom: 5px;
}
.default .job-page-theme .long-menu .show-all-module .btn-primary:hover, .default .customer-page-theme .long-menu .show-all-module .btn-primary:hover, .default .suppliers-page .long-menu .show-all-module .btn-primary:hover, .default .deviation-page-theme .long-menu .show-all-module .btn-primary:hover, .default .upload-video-page .long-menu .show-all-module .btn-primary:hover, .default .emailClient-page-theme .long-menu .show-all-module .btn-primary:hover, .default .vat-periods-page .long-menu .show-all-module .btn-primary:hover, .default .procedure-view-theme .long-menu .show-all-module .btn-primary:hover, .default .crm-settings-page-theme .long-menu .show-all-module .btn-primary:hover, .default .accounting-st-page-theme .long-menu .show-all-module .btn-primary:hover, .default .equipment-page-theme .long-menu .show-all-module .btn-primary:hover, .default .project-management .long-menu .show-all-module .btn-primary:hover, .default .hr-settings-page .long-menu .show-all-module .btn-primary:hover, .default .job-documentation-view-theme .long-menu .show-all-module .btn-primary:hover {
  border-radius: 8px;
  background-color: #d9f4ff !important;
}
.default .job-page-theme .long-menu .left-menu-container .nav-item, .default .customer-page-theme .long-menu .left-menu-container .nav-item, .default .suppliers-page .long-menu .left-menu-container .nav-item, .default .deviation-page-theme .long-menu .left-menu-container .nav-item, .default .upload-video-page .long-menu .left-menu-container .nav-item, .default .emailClient-page-theme .long-menu .left-menu-container .nav-item, .default .vat-periods-page .long-menu .left-menu-container .nav-item, .default .procedure-view-theme .long-menu .left-menu-container .nav-item, .default .crm-settings-page-theme .long-menu .left-menu-container .nav-item, .default .accounting-st-page-theme .long-menu .left-menu-container .nav-item, .default .equipment-page-theme .long-menu .left-menu-container .nav-item, .default .project-management .long-menu .left-menu-container .nav-item, .default .hr-settings-page .long-menu .left-menu-container .nav-item, .default .job-documentation-view-theme .long-menu .left-menu-container .nav-item {
  margin: 0 40px 5px 20px;
  padding-left: 25px;
}
.default .job-page-theme .long-menu .left-menu-container .nav-item .nav-item-name, .default .customer-page-theme .long-menu .left-menu-container .nav-item .nav-item-name, .default .suppliers-page .long-menu .left-menu-container .nav-item .nav-item-name, .default .deviation-page-theme .long-menu .left-menu-container .nav-item .nav-item-name, .default .upload-video-page .long-menu .left-menu-container .nav-item .nav-item-name, .default .emailClient-page-theme .long-menu .left-menu-container .nav-item .nav-item-name, .default .vat-periods-page .long-menu .left-menu-container .nav-item .nav-item-name, .default .procedure-view-theme .long-menu .left-menu-container .nav-item .nav-item-name, .default .crm-settings-page-theme .long-menu .left-menu-container .nav-item .nav-item-name, .default .accounting-st-page-theme .long-menu .left-menu-container .nav-item .nav-item-name, .default .equipment-page-theme .long-menu .left-menu-container .nav-item .nav-item-name, .default .project-management .long-menu .left-menu-container .nav-item .nav-item-name, .default .hr-settings-page .long-menu .left-menu-container .nav-item .nav-item-name, .default .job-documentation-view-theme .long-menu .left-menu-container .nav-item .nav-item-name {
  text-align: left !important;
}
.default .job-page-theme .long-menu .left-menu-container .nav-item:hover::after, .default .customer-page-theme .long-menu .left-menu-container .nav-item:hover::after, .default .suppliers-page .long-menu .left-menu-container .nav-item:hover::after, .default .deviation-page-theme .long-menu .left-menu-container .nav-item:hover::after, .default .upload-video-page .long-menu .left-menu-container .nav-item:hover::after, .default .emailClient-page-theme .long-menu .left-menu-container .nav-item:hover::after, .default .vat-periods-page .long-menu .left-menu-container .nav-item:hover::after, .default .procedure-view-theme .long-menu .left-menu-container .nav-item:hover::after, .default .crm-settings-page-theme .long-menu .left-menu-container .nav-item:hover::after, .default .accounting-st-page-theme .long-menu .left-menu-container .nav-item:hover::after, .default .equipment-page-theme .long-menu .left-menu-container .nav-item:hover::after, .default .project-management .long-menu .left-menu-container .nav-item:hover::after, .default .hr-settings-page .long-menu .left-menu-container .nav-item:hover::after, .default .job-documentation-view-theme .long-menu .left-menu-container .nav-item:hover::after {
  background-color: #d9f4ff !important;
}
.default .job-page-theme .long-menu .left-menu-container .nav-item:after, .default .customer-page-theme .long-menu .left-menu-container .nav-item:after, .default .suppliers-page .long-menu .left-menu-container .nav-item:after, .default .deviation-page-theme .long-menu .left-menu-container .nav-item:after, .default .upload-video-page .long-menu .left-menu-container .nav-item:after, .default .emailClient-page-theme .long-menu .left-menu-container .nav-item:after, .default .vat-periods-page .long-menu .left-menu-container .nav-item:after, .default .procedure-view-theme .long-menu .left-menu-container .nav-item:after, .default .crm-settings-page-theme .long-menu .left-menu-container .nav-item:after, .default .accounting-st-page-theme .long-menu .left-menu-container .nav-item:after, .default .equipment-page-theme .long-menu .left-menu-container .nav-item:after, .default .project-management .long-menu .left-menu-container .nav-item:after, .default .hr-settings-page .long-menu .left-menu-container .nav-item:after, .default .job-documentation-view-theme .long-menu .left-menu-container .nav-item:after {
  border-radius: 8px;
}
.default .job-page-theme .long-menu .left-menu-container .selected-item:after, .default .customer-page-theme .long-menu .left-menu-container .selected-item:after, .default .suppliers-page .long-menu .left-menu-container .selected-item:after, .default .deviation-page-theme .long-menu .left-menu-container .selected-item:after, .default .upload-video-page .long-menu .left-menu-container .selected-item:after, .default .emailClient-page-theme .long-menu .left-menu-container .selected-item:after, .default .vat-periods-page .long-menu .left-menu-container .selected-item:after, .default .procedure-view-theme .long-menu .left-menu-container .selected-item:after, .default .crm-settings-page-theme .long-menu .left-menu-container .selected-item:after, .default .accounting-st-page-theme .long-menu .left-menu-container .selected-item:after, .default .equipment-page-theme .long-menu .left-menu-container .selected-item:after, .default .project-management .long-menu .left-menu-container .selected-item:after, .default .hr-settings-page .long-menu .left-menu-container .selected-item:after, .default .job-documentation-view-theme .long-menu .left-menu-container .selected-item:after {
  width: 115%;
  background-color: #e9e8e6 !important;
}
.default .job-page-theme .long-menu .toggle-container-show, .default .customer-page-theme .long-menu .toggle-container-show, .default .suppliers-page .long-menu .toggle-container-show, .default .deviation-page-theme .long-menu .toggle-container-show, .default .upload-video-page .long-menu .toggle-container-show, .default .emailClient-page-theme .long-menu .toggle-container-show, .default .vat-periods-page .long-menu .toggle-container-show, .default .procedure-view-theme .long-menu .toggle-container-show, .default .crm-settings-page-theme .long-menu .toggle-container-show, .default .accounting-st-page-theme .long-menu .toggle-container-show, .default .equipment-page-theme .long-menu .toggle-container-show, .default .project-management .long-menu .toggle-container-show, .default .hr-settings-page .long-menu .toggle-container-show, .default .job-documentation-view-theme .long-menu .toggle-container-show {
  right: 40px;
}
@media only screen and (min-width: 1537px) {
  .default .job-page-theme .long-menu .add-btn, .default .customer-page-theme .long-menu .add-btn, .default .suppliers-page .long-menu .add-btn, .default .deviation-page-theme .long-menu .add-btn, .default .upload-video-page .long-menu .add-btn, .default .emailClient-page-theme .long-menu .add-btn, .default .vat-periods-page .long-menu .add-btn, .default .procedure-view-theme .long-menu .add-btn, .default .crm-settings-page-theme .long-menu .add-btn, .default .accounting-st-page-theme .long-menu .add-btn, .default .equipment-page-theme .long-menu .add-btn, .default .project-management .long-menu .add-btn, .default .hr-settings-page .long-menu .add-btn, .default .job-documentation-view-theme .long-menu .add-btn {
    left: 170px;
  }
}
@media only screen and (min-width: 1030px) and (max-width: 1366px) {
  .default .job-page-theme .long-menu .add-btn, .default .customer-page-theme .long-menu .add-btn, .default .suppliers-page .long-menu .add-btn, .default .deviation-page-theme .long-menu .add-btn, .default .upload-video-page .long-menu .add-btn, .default .emailClient-page-theme .long-menu .add-btn, .default .vat-periods-page .long-menu .add-btn, .default .procedure-view-theme .long-menu .add-btn, .default .crm-settings-page-theme .long-menu .add-btn, .default .accounting-st-page-theme .long-menu .add-btn, .default .equipment-page-theme .long-menu .add-btn, .default .project-management .long-menu .add-btn, .default .hr-settings-page .long-menu .add-btn, .default .job-documentation-view-theme .long-menu .add-btn {
    left: 155px;
    top: 7px;
  }
  .default .job-page-theme .long-menu .left-menu-container .nav-item, .default .customer-page-theme .long-menu .left-menu-container .nav-item, .default .suppliers-page .long-menu .left-menu-container .nav-item, .default .deviation-page-theme .long-menu .left-menu-container .nav-item, .default .upload-video-page .long-menu .left-menu-container .nav-item, .default .emailClient-page-theme .long-menu .left-menu-container .nav-item, .default .vat-periods-page .long-menu .left-menu-container .nav-item, .default .procedure-view-theme .long-menu .left-menu-container .nav-item, .default .crm-settings-page-theme .long-menu .left-menu-container .nav-item, .default .accounting-st-page-theme .long-menu .left-menu-container .nav-item, .default .equipment-page-theme .long-menu .left-menu-container .nav-item, .default .project-management .long-menu .left-menu-container .nav-item, .default .hr-settings-page .long-menu .left-menu-container .nav-item, .default .job-documentation-view-theme .long-menu .left-menu-container .nav-item {
    font-size: 13px !important;
  }
}
.default .job-page-theme .long-menu .left-menu-container, .default .customer-page-theme .long-menu .left-menu-container, .default .suppliers-page .long-menu .left-menu-container, .default .deviation-page-theme .long-menu .left-menu-container, .default .upload-video-page .long-menu .left-menu-container, .default .emailClient-page-theme .long-menu .left-menu-container, .default .vat-periods-page .long-menu .left-menu-container, .default .procedure-view-theme .long-menu .left-menu-container, .default .crm-settings-page-theme .long-menu .left-menu-container, .default .accounting-st-page-theme .long-menu .left-menu-container, .default .equipment-page-theme .long-menu .left-menu-container, .default .project-management .long-menu .left-menu-container, .default .hr-settings-page .long-menu .left-menu-container, .default .job-documentation-view-theme .long-menu .left-menu-container {
  height: 60vh;
}
.default .job-page-theme .left-menu-container, .default .customer-page-theme .left-menu-container, .default .suppliers-page .left-menu-container, .default .deviation-page-theme .left-menu-container, .default .upload-video-page .left-menu-container, .default .emailClient-page-theme .left-menu-container, .default .vat-periods-page .left-menu-container, .default .procedure-view-theme .left-menu-container, .default .crm-settings-page-theme .left-menu-container, .default .accounting-st-page-theme .left-menu-container, .default .equipment-page-theme .left-menu-container, .default .project-management .left-menu-container, .default .hr-settings-page .left-menu-container, .default .job-documentation-view-theme .left-menu-container {
  display: flex;
  flex-direction: column;
  scrollbar-gutter: stable;
  overflow-y: hidden !important;
  margin-top: 20px;
  background: #ffffff;
}
.default .job-page-theme .left-menu-container .nav-item, .default .customer-page-theme .left-menu-container .nav-item, .default .suppliers-page .left-menu-container .nav-item, .default .deviation-page-theme .left-menu-container .nav-item, .default .upload-video-page .left-menu-container .nav-item, .default .emailClient-page-theme .left-menu-container .nav-item, .default .vat-periods-page .left-menu-container .nav-item, .default .procedure-view-theme .left-menu-container .nav-item, .default .crm-settings-page-theme .left-menu-container .nav-item, .default .accounting-st-page-theme .left-menu-container .nav-item, .default .equipment-page-theme .left-menu-container .nav-item, .default .project-management .left-menu-container .nav-item, .default .hr-settings-page .left-menu-container .nav-item, .default .job-documentation-view-theme .left-menu-container .nav-item {
  color: #414e57;
  height: auto;
  min-height: 38px;
  font-size: 14px !important;
  margin-bottom: 5px;
}
.default .job-page-theme .left-menu-container .nav-item .nav-item-name, .default .customer-page-theme .left-menu-container .nav-item .nav-item-name, .default .suppliers-page .left-menu-container .nav-item .nav-item-name, .default .deviation-page-theme .left-menu-container .nav-item .nav-item-name, .default .upload-video-page .left-menu-container .nav-item .nav-item-name, .default .emailClient-page-theme .left-menu-container .nav-item .nav-item-name, .default .vat-periods-page .left-menu-container .nav-item .nav-item-name, .default .procedure-view-theme .left-menu-container .nav-item .nav-item-name, .default .crm-settings-page-theme .left-menu-container .nav-item .nav-item-name, .default .accounting-st-page-theme .left-menu-container .nav-item .nav-item-name, .default .equipment-page-theme .left-menu-container .nav-item .nav-item-name, .default .project-management .left-menu-container .nav-item .nav-item-name, .default .hr-settings-page .left-menu-container .nav-item .nav-item-name, .default .job-documentation-view-theme .left-menu-container .nav-item .nav-item-name {
  display: grid;
  text-align: right;
  margin-right: 14px;
  min-height: 40px;
  height: auto;
  font-family: "Figtree", sans-serif;
  font-weight: 500;
}
.default .job-page-theme .left-menu-container .nav-item:after, .default .customer-page-theme .left-menu-container .nav-item:after, .default .suppliers-page .left-menu-container .nav-item:after, .default .deviation-page-theme .left-menu-container .nav-item:after, .default .upload-video-page .left-menu-container .nav-item:after, .default .emailClient-page-theme .left-menu-container .nav-item:after, .default .vat-periods-page .left-menu-container .nav-item:after, .default .procedure-view-theme .left-menu-container .nav-item:after, .default .crm-settings-page-theme .left-menu-container .nav-item:after, .default .accounting-st-page-theme .left-menu-container .nav-item:after, .default .equipment-page-theme .left-menu-container .nav-item:after, .default .project-management .left-menu-container .nav-item:after, .default .hr-settings-page .left-menu-container .nav-item:after, .default .job-documentation-view-theme .left-menu-container .nav-item:after {
  content: "";
  position: absolute;
  background: #e9e8e6;
  left: 0;
  width: 0%;
  height: 100%;
  color: #000 !important;
  z-index: -1;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: width 0.25s ease-in-out;
  -moz-transition: width 0.25s ease-in-out;
  -ms-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}
.default .job-page-theme .left-menu-container .nav-item:hover::after, .default .customer-page-theme .left-menu-container .nav-item:hover::after, .default .suppliers-page .left-menu-container .nav-item:hover::after, .default .deviation-page-theme .left-menu-container .nav-item:hover::after, .default .upload-video-page .left-menu-container .nav-item:hover::after, .default .emailClient-page-theme .left-menu-container .nav-item:hover::after, .default .vat-periods-page .left-menu-container .nav-item:hover::after, .default .procedure-view-theme .left-menu-container .nav-item:hover::after, .default .crm-settings-page-theme .left-menu-container .nav-item:hover::after, .default .accounting-st-page-theme .left-menu-container .nav-item:hover::after, .default .equipment-page-theme .left-menu-container .nav-item:hover::after, .default .project-management .left-menu-container .nav-item:hover::after, .default .hr-settings-page .left-menu-container .nav-item:hover::after, .default .job-documentation-view-theme .left-menu-container .nav-item:hover::after {
  width: 115%;
}
.default .job-page-theme .left-menu-container .nav-item:hover, .default .customer-page-theme .left-menu-container .nav-item:hover, .default .suppliers-page .left-menu-container .nav-item:hover, .default .deviation-page-theme .left-menu-container .nav-item:hover, .default .upload-video-page .left-menu-container .nav-item:hover, .default .emailClient-page-theme .left-menu-container .nav-item:hover, .default .vat-periods-page .left-menu-container .nav-item:hover, .default .procedure-view-theme .left-menu-container .nav-item:hover, .default .crm-settings-page-theme .left-menu-container .nav-item:hover, .default .accounting-st-page-theme .left-menu-container .nav-item:hover, .default .equipment-page-theme .left-menu-container .nav-item:hover, .default .project-management .left-menu-container .nav-item:hover, .default .hr-settings-page .left-menu-container .nav-item:hover, .default .job-documentation-view-theme .left-menu-container .nav-item:hover {
  margin-bottom: 5px;
}
.default .job-page-theme .left-menu-container .nav-item:hover .nav-item-name, .default .customer-page-theme .left-menu-container .nav-item:hover .nav-item-name, .default .suppliers-page .left-menu-container .nav-item:hover .nav-item-name, .default .deviation-page-theme .left-menu-container .nav-item:hover .nav-item-name, .default .upload-video-page .left-menu-container .nav-item:hover .nav-item-name, .default .emailClient-page-theme .left-menu-container .nav-item:hover .nav-item-name, .default .vat-periods-page .left-menu-container .nav-item:hover .nav-item-name, .default .procedure-view-theme .left-menu-container .nav-item:hover .nav-item-name, .default .crm-settings-page-theme .left-menu-container .nav-item:hover .nav-item-name, .default .accounting-st-page-theme .left-menu-container .nav-item:hover .nav-item-name, .default .equipment-page-theme .left-menu-container .nav-item:hover .nav-item-name, .default .project-management .left-menu-container .nav-item:hover .nav-item-name, .default .hr-settings-page .left-menu-container .nav-item:hover .nav-item-name, .default .job-documentation-view-theme .left-menu-container .nav-item:hover .nav-item-name {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .job-page-theme .left-menu-container .selected-item, .default .customer-page-theme .left-menu-container .selected-item, .default .suppliers-page .left-menu-container .selected-item, .default .deviation-page-theme .left-menu-container .selected-item, .default .upload-video-page .left-menu-container .selected-item, .default .emailClient-page-theme .left-menu-container .selected-item, .default .vat-periods-page .left-menu-container .selected-item, .default .procedure-view-theme .left-menu-container .selected-item, .default .crm-settings-page-theme .left-menu-container .selected-item, .default .accounting-st-page-theme .left-menu-container .selected-item, .default .equipment-page-theme .left-menu-container .selected-item, .default .project-management .left-menu-container .selected-item, .default .hr-settings-page .left-menu-container .selected-item, .default .job-documentation-view-theme .left-menu-container .selected-item {
  color: #000;
  max-height: fit-content;
  margin-bottom: 5px;
  min-height: 38px;
}
.default .job-page-theme .left-menu-container .selected-item:after, .default .customer-page-theme .left-menu-container .selected-item:after, .default .suppliers-page .left-menu-container .selected-item:after, .default .deviation-page-theme .left-menu-container .selected-item:after, .default .upload-video-page .left-menu-container .selected-item:after, .default .emailClient-page-theme .left-menu-container .selected-item:after, .default .vat-periods-page .left-menu-container .selected-item:after, .default .procedure-view-theme .left-menu-container .selected-item:after, .default .crm-settings-page-theme .left-menu-container .selected-item:after, .default .accounting-st-page-theme .left-menu-container .selected-item:after, .default .equipment-page-theme .left-menu-container .selected-item:after, .default .project-management .left-menu-container .selected-item:after, .default .hr-settings-page .left-menu-container .selected-item:after, .default .job-documentation-view-theme .left-menu-container .selected-item:after {
  content: "";
  position: absolute;
  background: #e9e8e6 !important;
  left: 0;
  width: 115%;
  height: 100%;
  z-index: -1;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: width 0.25s ease-in-out;
  -moz-transition: width 0.25s ease-in-out;
  -ms-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}
.default .job-page-theme .left-menu-container .selected-item .selected, .default .customer-page-theme .left-menu-container .selected-item .selected, .default .suppliers-page .left-menu-container .selected-item .selected, .default .deviation-page-theme .left-menu-container .selected-item .selected, .default .upload-video-page .left-menu-container .selected-item .selected, .default .emailClient-page-theme .left-menu-container .selected-item .selected, .default .vat-periods-page .left-menu-container .selected-item .selected, .default .procedure-view-theme .left-menu-container .selected-item .selected, .default .crm-settings-page-theme .left-menu-container .selected-item .selected, .default .accounting-st-page-theme .left-menu-container .selected-item .selected, .default .equipment-page-theme .left-menu-container .selected-item .selected, .default .project-management .left-menu-container .selected-item .selected, .default .hr-settings-page .left-menu-container .selected-item .selected, .default .job-documentation-view-theme .left-menu-container .selected-item .selected {
  background: unset !important;
}
.default .job-page-theme .left-menu-container .selected-item .add-btn, .default .customer-page-theme .left-menu-container .selected-item .add-btn, .default .suppliers-page .left-menu-container .selected-item .add-btn, .default .deviation-page-theme .left-menu-container .selected-item .add-btn, .default .upload-video-page .left-menu-container .selected-item .add-btn, .default .emailClient-page-theme .left-menu-container .selected-item .add-btn, .default .vat-periods-page .left-menu-container .selected-item .add-btn, .default .procedure-view-theme .left-menu-container .selected-item .add-btn, .default .crm-settings-page-theme .left-menu-container .selected-item .add-btn, .default .accounting-st-page-theme .left-menu-container .selected-item .add-btn, .default .equipment-page-theme .left-menu-container .selected-item .add-btn, .default .project-management .left-menu-container .selected-item .add-btn, .default .hr-settings-page .left-menu-container .selected-item .add-btn, .default .job-documentation-view-theme .left-menu-container .selected-item .add-btn {
  visibility: visible !important;
}
.default .job-page-theme .left-menu-container .selected-item .nav-item-name, .default .customer-page-theme .left-menu-container .selected-item .nav-item-name, .default .suppliers-page .left-menu-container .selected-item .nav-item-name, .default .deviation-page-theme .left-menu-container .selected-item .nav-item-name, .default .upload-video-page .left-menu-container .selected-item .nav-item-name, .default .emailClient-page-theme .left-menu-container .selected-item .nav-item-name, .default .vat-periods-page .left-menu-container .selected-item .nav-item-name, .default .procedure-view-theme .left-menu-container .selected-item .nav-item-name, .default .crm-settings-page-theme .left-menu-container .selected-item .nav-item-name, .default .accounting-st-page-theme .left-menu-container .selected-item .nav-item-name, .default .equipment-page-theme .left-menu-container .selected-item .nav-item-name, .default .project-management .left-menu-container .selected-item .nav-item-name, .default .hr-settings-page .left-menu-container .selected-item .nav-item-name, .default .job-documentation-view-theme .left-menu-container .selected-item .nav-item-name {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .job-page-theme .left-menu-container .email-template-module .email-template-title, .default .customer-page-theme .left-menu-container .email-template-module .email-template-title, .default .suppliers-page .left-menu-container .email-template-module .email-template-title, .default .deviation-page-theme .left-menu-container .email-template-module .email-template-title, .default .upload-video-page .left-menu-container .email-template-module .email-template-title, .default .emailClient-page-theme .left-menu-container .email-template-module .email-template-title, .default .vat-periods-page .left-menu-container .email-template-module .email-template-title, .default .procedure-view-theme .left-menu-container .email-template-module .email-template-title, .default .crm-settings-page-theme .left-menu-container .email-template-module .email-template-title, .default .accounting-st-page-theme .left-menu-container .email-template-module .email-template-title, .default .equipment-page-theme .left-menu-container .email-template-module .email-template-title, .default .project-management .left-menu-container .email-template-module .email-template-title, .default .hr-settings-page .left-menu-container .email-template-module .email-template-title, .default .job-documentation-view-theme .left-menu-container .email-template-module .email-template-title {
  margin-bottom: 10px;
  margin-left: 35px;
}
.default .job-page-theme .toggle-button-left, .default .job-page-theme .toggle-button-right, .default .customer-page-theme .toggle-button-left, .default .customer-page-theme .toggle-button-right, .default .suppliers-page .toggle-button-left, .default .suppliers-page .toggle-button-right, .default .deviation-page-theme .toggle-button-left, .default .deviation-page-theme .toggle-button-right, .default .upload-video-page .toggle-button-left, .default .upload-video-page .toggle-button-right, .default .emailClient-page-theme .toggle-button-left, .default .emailClient-page-theme .toggle-button-right, .default .vat-periods-page .toggle-button-left, .default .vat-periods-page .toggle-button-right, .default .procedure-view-theme .toggle-button-left, .default .procedure-view-theme .toggle-button-right, .default .crm-settings-page-theme .toggle-button-left, .default .crm-settings-page-theme .toggle-button-right, .default .accounting-st-page-theme .toggle-button-left, .default .accounting-st-page-theme .toggle-button-right, .default .equipment-page-theme .toggle-button-left, .default .equipment-page-theme .toggle-button-right, .default .project-management .toggle-button-left, .default .project-management .toggle-button-right, .default .hr-settings-page .toggle-button-left, .default .hr-settings-page .toggle-button-right, .default .job-documentation-view-theme .toggle-button-left, .default .job-documentation-view-theme .toggle-button-right {
  top: 0px;
  background-color: #e9e8e6 !important;
  color: #242424 !important;
  border: 4px solid #fff;
  box-sizing: content-box;
  box-shadow: none;
}
.default .job-page-theme .toggle-button-left:hover, .default .job-page-theme .toggle-button-right:hover, .default .customer-page-theme .toggle-button-left:hover, .default .customer-page-theme .toggle-button-right:hover, .default .suppliers-page .toggle-button-left:hover, .default .suppliers-page .toggle-button-right:hover, .default .deviation-page-theme .toggle-button-left:hover, .default .deviation-page-theme .toggle-button-right:hover, .default .upload-video-page .toggle-button-left:hover, .default .upload-video-page .toggle-button-right:hover, .default .emailClient-page-theme .toggle-button-left:hover, .default .emailClient-page-theme .toggle-button-right:hover, .default .vat-periods-page .toggle-button-left:hover, .default .vat-periods-page .toggle-button-right:hover, .default .procedure-view-theme .toggle-button-left:hover, .default .procedure-view-theme .toggle-button-right:hover, .default .crm-settings-page-theme .toggle-button-left:hover, .default .crm-settings-page-theme .toggle-button-right:hover, .default .accounting-st-page-theme .toggle-button-left:hover, .default .accounting-st-page-theme .toggle-button-right:hover, .default .equipment-page-theme .toggle-button-left:hover, .default .equipment-page-theme .toggle-button-right:hover, .default .project-management .toggle-button-left:hover, .default .project-management .toggle-button-right:hover, .default .hr-settings-page .toggle-button-left:hover, .default .hr-settings-page .toggle-button-right:hover, .default .job-documentation-view-theme .toggle-button-left:hover, .default .job-documentation-view-theme .toggle-button-right:hover {
  color: #4f4d4d !important;
  box-shadow: none !important;
}
.default .job-page-theme .toggle-container-show, .default .job-page-theme .toggle-container-hide, .default .customer-page-theme .toggle-container-show, .default .customer-page-theme .toggle-container-hide, .default .suppliers-page .toggle-container-show, .default .suppliers-page .toggle-container-hide, .default .deviation-page-theme .toggle-container-show, .default .deviation-page-theme .toggle-container-hide, .default .upload-video-page .toggle-container-show, .default .upload-video-page .toggle-container-hide, .default .emailClient-page-theme .toggle-container-show, .default .emailClient-page-theme .toggle-container-hide, .default .vat-periods-page .toggle-container-show, .default .vat-periods-page .toggle-container-hide, .default .procedure-view-theme .toggle-container-show, .default .procedure-view-theme .toggle-container-hide, .default .crm-settings-page-theme .toggle-container-show, .default .crm-settings-page-theme .toggle-container-hide, .default .accounting-st-page-theme .toggle-container-show, .default .accounting-st-page-theme .toggle-container-hide, .default .equipment-page-theme .toggle-container-show, .default .equipment-page-theme .toggle-container-hide, .default .project-management .toggle-container-show, .default .project-management .toggle-container-hide, .default .hr-settings-page .toggle-container-show, .default .hr-settings-page .toggle-container-hide, .default .job-documentation-view-theme .toggle-container-show, .default .job-documentation-view-theme .toggle-container-hide {
  top: 10px;
}
.default .job-page-theme .toggle-container-show::after, .default .job-page-theme .toggle-container-hide::after, .default .job-page-theme .toggle-container-show-email-nav::after, .default .job-page-theme .toggle-container-show-email-container::after, .default .customer-page-theme .toggle-container-show::after, .default .customer-page-theme .toggle-container-hide::after, .default .customer-page-theme .toggle-container-show-email-nav::after, .default .customer-page-theme .toggle-container-show-email-container::after, .default .suppliers-page .toggle-container-show::after, .default .suppliers-page .toggle-container-hide::after, .default .suppliers-page .toggle-container-show-email-nav::after, .default .suppliers-page .toggle-container-show-email-container::after, .default .deviation-page-theme .toggle-container-show::after, .default .deviation-page-theme .toggle-container-hide::after, .default .deviation-page-theme .toggle-container-show-email-nav::after, .default .deviation-page-theme .toggle-container-show-email-container::after, .default .upload-video-page .toggle-container-show::after, .default .upload-video-page .toggle-container-hide::after, .default .upload-video-page .toggle-container-show-email-nav::after, .default .upload-video-page .toggle-container-show-email-container::after, .default .emailClient-page-theme .toggle-container-show::after, .default .emailClient-page-theme .toggle-container-hide::after, .default .emailClient-page-theme .toggle-container-show-email-nav::after, .default .emailClient-page-theme .toggle-container-show-email-container::after, .default .vat-periods-page .toggle-container-show::after, .default .vat-periods-page .toggle-container-hide::after, .default .vat-periods-page .toggle-container-show-email-nav::after, .default .vat-periods-page .toggle-container-show-email-container::after, .default .procedure-view-theme .toggle-container-show::after, .default .procedure-view-theme .toggle-container-hide::after, .default .procedure-view-theme .toggle-container-show-email-nav::after, .default .procedure-view-theme .toggle-container-show-email-container::after, .default .crm-settings-page-theme .toggle-container-show::after, .default .crm-settings-page-theme .toggle-container-hide::after, .default .crm-settings-page-theme .toggle-container-show-email-nav::after, .default .crm-settings-page-theme .toggle-container-show-email-container::after, .default .accounting-st-page-theme .toggle-container-show::after, .default .accounting-st-page-theme .toggle-container-hide::after, .default .accounting-st-page-theme .toggle-container-show-email-nav::after, .default .accounting-st-page-theme .toggle-container-show-email-container::after, .default .equipment-page-theme .toggle-container-show::after, .default .equipment-page-theme .toggle-container-hide::after, .default .equipment-page-theme .toggle-container-show-email-nav::after, .default .equipment-page-theme .toggle-container-show-email-container::after, .default .project-management .toggle-container-show::after, .default .project-management .toggle-container-hide::after, .default .project-management .toggle-container-show-email-nav::after, .default .project-management .toggle-container-show-email-container::after, .default .hr-settings-page .toggle-container-show::after, .default .hr-settings-page .toggle-container-hide::after, .default .hr-settings-page .toggle-container-show-email-nav::after, .default .hr-settings-page .toggle-container-show-email-container::after, .default .job-documentation-view-theme .toggle-container-show::after, .default .job-documentation-view-theme .toggle-container-hide::after, .default .job-documentation-view-theme .toggle-container-show-email-nav::after, .default .job-documentation-view-theme .toggle-container-show-email-container::after {
  animation: none !important;
  box-shadow: none !important;
}
.default .job-page-theme .toggle-container-hide, .default .job-page-theme .toggle-container-show, .default .customer-page-theme .toggle-container-hide, .default .customer-page-theme .toggle-container-show, .default .suppliers-page .toggle-container-hide, .default .suppliers-page .toggle-container-show, .default .deviation-page-theme .toggle-container-hide, .default .deviation-page-theme .toggle-container-show, .default .upload-video-page .toggle-container-hide, .default .upload-video-page .toggle-container-show, .default .emailClient-page-theme .toggle-container-hide, .default .emailClient-page-theme .toggle-container-show, .default .vat-periods-page .toggle-container-hide, .default .vat-periods-page .toggle-container-show, .default .procedure-view-theme .toggle-container-hide, .default .procedure-view-theme .toggle-container-show, .default .crm-settings-page-theme .toggle-container-hide, .default .crm-settings-page-theme .toggle-container-show, .default .accounting-st-page-theme .toggle-container-hide, .default .accounting-st-page-theme .toggle-container-show, .default .equipment-page-theme .toggle-container-hide, .default .equipment-page-theme .toggle-container-show, .default .project-management .toggle-container-hide, .default .project-management .toggle-container-show, .default .hr-settings-page .toggle-container-hide, .default .hr-settings-page .toggle-container-show, .default .job-documentation-view-theme .toggle-container-hide, .default .job-documentation-view-theme .toggle-container-show {
  box-shadow: none !important;
}
.default .job-page-theme .salary-view .nav-item:nth-child(6), .default .job-page-theme .salary-view .nav-item:nth-child(7), .default .customer-page-theme .salary-view .nav-item:nth-child(6), .default .customer-page-theme .salary-view .nav-item:nth-child(7), .default .suppliers-page .salary-view .nav-item:nth-child(6), .default .suppliers-page .salary-view .nav-item:nth-child(7), .default .deviation-page-theme .salary-view .nav-item:nth-child(6), .default .deviation-page-theme .salary-view .nav-item:nth-child(7), .default .upload-video-page .salary-view .nav-item:nth-child(6), .default .upload-video-page .salary-view .nav-item:nth-child(7), .default .emailClient-page-theme .salary-view .nav-item:nth-child(6), .default .emailClient-page-theme .salary-view .nav-item:nth-child(7), .default .vat-periods-page .salary-view .nav-item:nth-child(6), .default .vat-periods-page .salary-view .nav-item:nth-child(7), .default .procedure-view-theme .salary-view .nav-item:nth-child(6), .default .procedure-view-theme .salary-view .nav-item:nth-child(7), .default .crm-settings-page-theme .salary-view .nav-item:nth-child(6), .default .crm-settings-page-theme .salary-view .nav-item:nth-child(7), .default .accounting-st-page-theme .salary-view .nav-item:nth-child(6), .default .accounting-st-page-theme .salary-view .nav-item:nth-child(7), .default .equipment-page-theme .salary-view .nav-item:nth-child(6), .default .equipment-page-theme .salary-view .nav-item:nth-child(7), .default .project-management .salary-view .nav-item:nth-child(6), .default .project-management .salary-view .nav-item:nth-child(7), .default .hr-settings-page .salary-view .nav-item:nth-child(6), .default .hr-settings-page .salary-view .nav-item:nth-child(7), .default .job-documentation-view-theme .salary-view .nav-item:nth-child(6), .default .job-documentation-view-theme .salary-view .nav-item:nth-child(7) {
  background: unset !important;
}
.default .salary-page {
  border-top: unset !important;
}
.default .salary-page .left-sec {
  background-color: #f3f3f1;
  min-height: 151px;
}
.default .salary-page .left-sec .filter-section {
  background-color: #f3f3f1;
}
.default .salary-page .right-sec {
  padding: 15px !important;
}
.default .salary-page .right-sec .stat-label {
  color: #fff;
}
.default .salary-page .right-sec .bg-orange {
  background: unset !important;
}
.default .salary-page .right-sec .red span:nth-child(2) {
  padding: 4px 6px;
  font-size: 12px;
  background-color: #e46060;
  color: #fff;
  border-radius: 10px;
  white-space: nowrap;
}
.default .salary-page .salary-top-sec .months-group .salary-month {
  border-radius: 5px;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
  background-color: #ccc;
}
.default .salary-page .salary-top-sec .months-group .salary-month .month-title {
  color: #526270;
}
.default .salary-page .salary-top-sec .months-group .salary-month:hover {
  background-color: #a19c9c;
}
.default .salary-page .salary-top-sec .months-group .salary-month:hover .month-title {
  color: #fff;
}
.default .salary-page .salary-top-sec .months-group .month-selected {
  background-color: #677a88;
}
.default .salary-page .salary-top-sec .months-group .month-selected .month-title {
  color: #fff;
}
.default .salary-page .salary-top-sec .bg-red {
  background-color: #e46060;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.default .salary-page .salary-top-sec .bg-gray {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.default .salary-page .payment-month-summary {
  flex-direction: row;
  width: 100% !important;
}
.default .salary-page .salary-container .inner-title {
  background: unset;
  color: #000;
}
.default .salary-page .sticky-container .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .salary-page .sticky-container .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .salary-page .sticky-container .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .salary-page .sticky-container .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .salary-page .sticky-container .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .salary-page .sticky-container .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .salary-page .sticky-container .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .salary-page .sticky-container .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .salary-page .sticky-container .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .salary-page .sticky-container .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .salary-page .sticky-container .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .salary-page .sticky-container .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .salary-page .sticky-container .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .salary-page .sticky-container .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .salary-page .sticky-container .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .salary-page .sticky-container .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .salary-page .sticky-container .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .salary-page .sticky-container .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .salary-page .sticky-container .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .salary-page .sticky-container .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .salary-page .sticky-container .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .salary-page .sticky-container .table .table-body .table-group .sales-article-inner-listing .table-header, .default .salary-page .sticky-container .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .salary-page .sticky-container .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .salary-page .sticky-container .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .salary-page .sticky-container .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .salary-page .sticky-container .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .salary-page .sticky-container .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .salary-page .sticky-container .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .salary-page .sticky-container .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .salary-page .sticky-container .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .salary-page .sticky-container .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .salary-page .sticky-container .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .salary-page .sticky-container .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .salary-page .sticky-container .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .salary-page .sticky-container .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .salary-page .sticky-container .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .salary-page .sticky-container .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .salary-page .sticky-container .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .salary-page .sticky-container .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .salary-page .sticky-container .table.role-inner-listing .table-header, .default .salary-page .sticky-container .table.role-inner-listing .th-column, .default .salary-page .sticky-container .table.role-inner-listing .table-row {
  border: 0px;
}
.default .salary-page .sticky-container .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .salary-page .sticky-container .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .salary-page .sticky-container .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .salary-page .sticky-container .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .salary-page .earningDeductionType .filter-section .filter-options .filter-item:nth-child(2) select, .default .salary-page .payEarningsDeductionsListing .filter-section .filter-options .filter-item:nth-child(2) select {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.default .salary-page .overtimePackagesListing .filter-section .filter-options .filter-item:nth-child(1) select, .default .salary-page .salaryIncrementListing .filter-section .filter-options .filter-item:nth-child(1) select {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.default .salary-page .salaryIncrementListing .ant-picker, .default .salary-page .salaryIncrementListing .form-control {
  border: 0px solid;
  height: 32px;
}
.default .salary-page .salaryIncrementListing .ant-picker .ant-picker-input input::placeholder, .default .salary-page .salaryIncrementListing .form-control .ant-picker-input input::placeholder {
  color: #000;
  font-size: 12px;
}
.default .salary-page .salary-increment-listing .designation-name {
  border-left: 2px solid #e9e8e6 !important;
  border-right: 2px solid #e9e8e6 !important;
}
.default .salary-page .ov-wrapper .search-filter .anticon {
  background-color: #31c1fd !important;
  color: #fff !important;
}
.default .salary-page .ov-wrapper .filter-options button {
  background-color: #31c1fd !important;
  color: #fff !important;
}
.default .job-page-theme, .default .customer-page-theme, .default .suppliers-page, .default .deviation-page-theme, .default .upload-video-page, .default .emailClient-page-theme, .default .vat-periods-page, .default .procedure-view-theme, .default .crm-settings-page-theme, .default .accounting-st-page-theme, .default .equipment-page-theme, .default .project-management, .default .hr-settings-page, .default .job-documentation-view-theme {
  background-color: white;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .job-page-theme .order-nav-hide, .default .customer-page-theme .order-nav-hide, .default .suppliers-page .order-nav-hide, .default .deviation-page-theme .order-nav-hide, .default .upload-video-page .order-nav-hide, .default .emailClient-page-theme .order-nav-hide, .default .vat-periods-page .order-nav-hide, .default .procedure-view-theme .order-nav-hide, .default .crm-settings-page-theme .order-nav-hide, .default .accounting-st-page-theme .order-nav-hide, .default .equipment-page-theme .order-nav-hide, .default .project-management .order-nav-hide, .default .hr-settings-page .order-nav-hide, .default .job-documentation-view-theme .order-nav-hide {
  background-color: #e9e8e6;
  margin-right: 10px;
}
.default .job-page-theme .lg-bg, .default .job-page-theme .c-i-ov, .default .job-page-theme .ov-sec, .default .customer-page-theme .lg-bg, .default .customer-page-theme .c-i-ov, .default .customer-page-theme .ov-sec, .default .suppliers-page .lg-bg, .default .suppliers-page .c-i-ov, .default .suppliers-page .ov-sec, .default .deviation-page-theme .lg-bg, .default .deviation-page-theme .c-i-ov, .default .deviation-page-theme .ov-sec, .default .upload-video-page .lg-bg, .default .upload-video-page .c-i-ov, .default .upload-video-page .ov-sec, .default .emailClient-page-theme .lg-bg, .default .emailClient-page-theme .c-i-ov, .default .emailClient-page-theme .ov-sec, .default .vat-periods-page .lg-bg, .default .vat-periods-page .c-i-ov, .default .vat-periods-page .ov-sec, .default .procedure-view-theme .lg-bg, .default .procedure-view-theme .c-i-ov, .default .procedure-view-theme .ov-sec, .default .crm-settings-page-theme .lg-bg, .default .crm-settings-page-theme .c-i-ov, .default .crm-settings-page-theme .ov-sec, .default .accounting-st-page-theme .lg-bg, .default .accounting-st-page-theme .c-i-ov, .default .accounting-st-page-theme .ov-sec, .default .equipment-page-theme .lg-bg, .default .equipment-page-theme .c-i-ov, .default .equipment-page-theme .ov-sec, .default .project-management .lg-bg, .default .project-management .c-i-ov, .default .project-management .ov-sec, .default .hr-settings-page .lg-bg, .default .hr-settings-page .c-i-ov, .default .hr-settings-page .ov-sec, .default .job-documentation-view-theme .lg-bg, .default .job-documentation-view-theme .c-i-ov, .default .job-documentation-view-theme .ov-sec {
  background-color: #e9e8e6;
}
.default .job-page-theme .jp-ov, .default .customer-page-theme .jp-ov, .default .suppliers-page .jp-ov, .default .deviation-page-theme .jp-ov, .default .upload-video-page .jp-ov, .default .emailClient-page-theme .jp-ov, .default .vat-periods-page .jp-ov, .default .procedure-view-theme .jp-ov, .default .crm-settings-page-theme .jp-ov, .default .accounting-st-page-theme .jp-ov, .default .equipment-page-theme .jp-ov, .default .project-management .jp-ov, .default .hr-settings-page .jp-ov, .default .job-documentation-view-theme .jp-ov {
  min-height: 151px;
}
.default .job-page-theme .jp-ov .contact-info, .default .customer-page-theme .jp-ov .contact-info, .default .suppliers-page .jp-ov .contact-info, .default .deviation-page-theme .jp-ov .contact-info, .default .upload-video-page .jp-ov .contact-info, .default .emailClient-page-theme .jp-ov .contact-info, .default .vat-periods-page .jp-ov .contact-info, .default .procedure-view-theme .jp-ov .contact-info, .default .crm-settings-page-theme .jp-ov .contact-info, .default .accounting-st-page-theme .jp-ov .contact-info, .default .equipment-page-theme .jp-ov .contact-info, .default .project-management .jp-ov .contact-info, .default .hr-settings-page .jp-ov .contact-info, .default .job-documentation-view-theme .jp-ov .contact-info {
  margin-left: unset !important;
  width: fit-content;
  max-width: 300px;
}
.default .job-page-theme .c-i-ov, .default .customer-page-theme .c-i-ov, .default .suppliers-page .c-i-ov, .default .deviation-page-theme .c-i-ov, .default .upload-video-page .c-i-ov, .default .emailClient-page-theme .c-i-ov, .default .vat-periods-page .c-i-ov, .default .procedure-view-theme .c-i-ov, .default .crm-settings-page-theme .c-i-ov, .default .accounting-st-page-theme .c-i-ov, .default .equipment-page-theme .c-i-ov, .default .project-management .c-i-ov, .default .hr-settings-page .c-i-ov, .default .job-documentation-view-theme .c-i-ov {
  padding-left: 35px;
  min-height: 230px;
}
.default .job-page-theme .order-top-sec, .default .customer-page-theme .order-top-sec, .default .suppliers-page .order-top-sec, .default .deviation-page-theme .order-top-sec, .default .upload-video-page .order-top-sec, .default .emailClient-page-theme .order-top-sec, .default .vat-periods-page .order-top-sec, .default .procedure-view-theme .order-top-sec, .default .crm-settings-page-theme .order-top-sec, .default .accounting-st-page-theme .order-top-sec, .default .equipment-page-theme .order-top-sec, .default .project-management .order-top-sec, .default .hr-settings-page .order-top-sec, .default .job-documentation-view-theme .order-top-sec {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 0;
}
.default .job-page-theme .order-top-sec .order-title, .default .customer-page-theme .order-top-sec .order-title, .default .suppliers-page .order-top-sec .order-title, .default .deviation-page-theme .order-top-sec .order-title, .default .upload-video-page .order-top-sec .order-title, .default .emailClient-page-theme .order-top-sec .order-title, .default .vat-periods-page .order-top-sec .order-title, .default .procedure-view-theme .order-top-sec .order-title, .default .crm-settings-page-theme .order-top-sec .order-title, .default .accounting-st-page-theme .order-top-sec .order-title, .default .equipment-page-theme .order-top-sec .order-title, .default .project-management .order-top-sec .order-title, .default .hr-settings-page .order-top-sec .order-title, .default .job-documentation-view-theme .order-top-sec .order-title {
  padding-left: 30px;
  padding-top: 85px;
  padding-bottom: 10px;
  min-height: 200px;
  width: 50%;
}
.default .job-page-theme .order-top-sec .order-title .sub-title, .default .customer-page-theme .order-top-sec .order-title .sub-title, .default .suppliers-page .order-top-sec .order-title .sub-title, .default .deviation-page-theme .order-top-sec .order-title .sub-title, .default .upload-video-page .order-top-sec .order-title .sub-title, .default .emailClient-page-theme .order-top-sec .order-title .sub-title, .default .vat-periods-page .order-top-sec .order-title .sub-title, .default .procedure-view-theme .order-top-sec .order-title .sub-title, .default .crm-settings-page-theme .order-top-sec .order-title .sub-title, .default .accounting-st-page-theme .order-top-sec .order-title .sub-title, .default .equipment-page-theme .order-top-sec .order-title .sub-title, .default .project-management .order-top-sec .order-title .sub-title, .default .hr-settings-page .order-top-sec .order-title .sub-title, .default .job-documentation-view-theme .order-top-sec .order-title .sub-title {
  margin-top: 5px;
  word-break: break-word;
}
.default .job-page-theme .order-top-sec .order-title .ant-tag, .default .customer-page-theme .order-top-sec .order-title .ant-tag, .default .suppliers-page .order-top-sec .order-title .ant-tag, .default .deviation-page-theme .order-top-sec .order-title .ant-tag, .default .upload-video-page .order-top-sec .order-title .ant-tag, .default .emailClient-page-theme .order-top-sec .order-title .ant-tag, .default .vat-periods-page .order-top-sec .order-title .ant-tag, .default .procedure-view-theme .order-top-sec .order-title .ant-tag, .default .crm-settings-page-theme .order-top-sec .order-title .ant-tag, .default .accounting-st-page-theme .order-top-sec .order-title .ant-tag, .default .equipment-page-theme .order-top-sec .order-title .ant-tag, .default .project-management .order-top-sec .order-title .ant-tag, .default .hr-settings-page .order-top-sec .order-title .ant-tag, .default .job-documentation-view-theme .order-top-sec .order-title .ant-tag {
  position: absolute;
  top: 35px;
  left: 0px;
  padding-top: 9px;
  padding-right: 80px;
  padding-left: 65px;
  padding-bottom: 10px;
  border-radius: unset;
  border-top-left-radius: 20px;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .job-page-theme .order-top-sec .customer-info-sec, .default .customer-page-theme .order-top-sec .customer-info-sec, .default .suppliers-page .order-top-sec .customer-info-sec, .default .deviation-page-theme .order-top-sec .customer-info-sec, .default .upload-video-page .order-top-sec .customer-info-sec, .default .emailClient-page-theme .order-top-sec .customer-info-sec, .default .vat-periods-page .order-top-sec .customer-info-sec, .default .procedure-view-theme .order-top-sec .customer-info-sec, .default .crm-settings-page-theme .order-top-sec .customer-info-sec, .default .accounting-st-page-theme .order-top-sec .customer-info-sec, .default .equipment-page-theme .order-top-sec .customer-info-sec, .default .project-management .order-top-sec .customer-info-sec, .default .hr-settings-page .order-top-sec .customer-info-sec, .default .job-documentation-view-theme .order-top-sec .customer-info-sec {
  width: 50%;
}
.default .job-page-theme button, .default .job-page-theme .button, .default .customer-page-theme button, .default .customer-page-theme .button, .default .suppliers-page button, .default .suppliers-page .button, .default .deviation-page-theme button, .default .deviation-page-theme .button, .default .upload-video-page button, .default .upload-video-page .button, .default .emailClient-page-theme button, .default .emailClient-page-theme .button, .default .vat-periods-page button, .default .vat-periods-page .button, .default .procedure-view-theme button, .default .procedure-view-theme .button, .default .crm-settings-page-theme button, .default .crm-settings-page-theme .button, .default .accounting-st-page-theme button, .default .accounting-st-page-theme .button, .default .equipment-page-theme button, .default .equipment-page-theme .button, .default .project-management button, .default .project-management .button, .default .hr-settings-page button, .default .hr-settings-page .button, .default .job-documentation-view-theme button, .default .job-documentation-view-theme .button {
  text-transform: unset !important;
  font-size: 13px !important;
}
.default .job-page-theme .cta-btn, .default .customer-page-theme .cta-btn, .default .suppliers-page .cta-btn, .default .deviation-page-theme .cta-btn, .default .upload-video-page .cta-btn, .default .emailClient-page-theme .cta-btn, .default .vat-periods-page .cta-btn, .default .procedure-view-theme .cta-btn, .default .crm-settings-page-theme .cta-btn, .default .accounting-st-page-theme .cta-btn, .default .equipment-page-theme .cta-btn, .default .project-management .cta-btn, .default .hr-settings-page .cta-btn, .default .job-documentation-view-theme .cta-btn {
  white-space: nowrap;
  min-width: 150px;
  width: max-content;
  text-wrap: wrap;
  width: 150px !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.default .job-page-theme .view-all-sm, .default .customer-page-theme .view-all-sm, .default .suppliers-page .view-all-sm, .default .deviation-page-theme .view-all-sm, .default .upload-video-page .view-all-sm, .default .emailClient-page-theme .view-all-sm, .default .vat-periods-page .view-all-sm, .default .procedure-view-theme .view-all-sm, .default .crm-settings-page-theme .view-all-sm, .default .accounting-st-page-theme .view-all-sm, .default .equipment-page-theme .view-all-sm, .default .project-management .view-all-sm, .default .hr-settings-page .view-all-sm, .default .job-documentation-view-theme .view-all-sm {
  background: #fff;
  margin-left: 38px;
  text-transform: unset !important;
  border-radius: 10px;
  width: 90px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .job-page-theme .text-dark, .default .customer-page-theme .text-dark, .default .suppliers-page .text-dark, .default .deviation-page-theme .text-dark, .default .upload-video-page .text-dark, .default .emailClient-page-theme .text-dark, .default .vat-periods-page .text-dark, .default .procedure-view-theme .text-dark, .default .crm-settings-page-theme .text-dark, .default .accounting-st-page-theme .text-dark, .default .equipment-page-theme .text-dark, .default .project-management .text-dark, .default .hr-settings-page .text-dark, .default .job-documentation-view-theme .text-dark {
  max-width: 100%;
  color: #000;
  font-size: 13px;
  inline-size: 180px;
  overflow-wrap: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .job-page-theme .left-sec, .default .customer-page-theme .left-sec, .default .suppliers-page .left-sec, .default .deviation-page-theme .left-sec, .default .upload-video-page .left-sec, .default .emailClient-page-theme .left-sec, .default .vat-periods-page .left-sec, .default .procedure-view-theme .left-sec, .default .crm-settings-page-theme .left-sec, .default .accounting-st-page-theme .left-sec, .default .equipment-page-theme .left-sec, .default .project-management .left-sec, .default .hr-settings-page .left-sec, .default .job-documentation-view-theme .left-sec {
  width: 100%;
  margin-top: 35px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #d9f4ff;
  display: flex !important;
  flex-direction: row !important;
}
.default .job-page-theme .left-sec .action-btn-group .btn-inline, .default .customer-page-theme .left-sec .action-btn-group .btn-inline, .default .suppliers-page .left-sec .action-btn-group .btn-inline, .default .deviation-page-theme .left-sec .action-btn-group .btn-inline, .default .upload-video-page .left-sec .action-btn-group .btn-inline, .default .emailClient-page-theme .left-sec .action-btn-group .btn-inline, .default .vat-periods-page .left-sec .action-btn-group .btn-inline, .default .procedure-view-theme .left-sec .action-btn-group .btn-inline, .default .crm-settings-page-theme .left-sec .action-btn-group .btn-inline, .default .accounting-st-page-theme .left-sec .action-btn-group .btn-inline, .default .equipment-page-theme .left-sec .action-btn-group .btn-inline, .default .project-management .left-sec .action-btn-group .btn-inline, .default .hr-settings-page .left-sec .action-btn-group .btn-inline, .default .job-documentation-view-theme .left-sec .action-btn-group .btn-inline {
  background: #fff;
  color: #000;
  text-transform: unset !important;
  border-radius: 10px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .job-page-theme .left-sec .btn-circle, .default .customer-page-theme .left-sec .btn-circle, .default .suppliers-page .left-sec .btn-circle, .default .deviation-page-theme .left-sec .btn-circle, .default .upload-video-page .left-sec .btn-circle, .default .emailClient-page-theme .left-sec .btn-circle, .default .vat-periods-page .left-sec .btn-circle, .default .procedure-view-theme .left-sec .btn-circle, .default .crm-settings-page-theme .left-sec .btn-circle, .default .accounting-st-page-theme .left-sec .btn-circle, .default .equipment-page-theme .left-sec .btn-circle, .default .project-management .left-sec .btn-circle, .default .hr-settings-page .left-sec .btn-circle, .default .job-documentation-view-theme .left-sec .btn-circle {
  background: #fff !important;
}
.default .job-page-theme .right-sec, .default .customer-page-theme .right-sec, .default .suppliers-page .right-sec, .default .deviation-page-theme .right-sec, .default .upload-video-page .right-sec, .default .emailClient-page-theme .right-sec, .default .vat-periods-page .right-sec, .default .procedure-view-theme .right-sec, .default .crm-settings-page-theme .right-sec, .default .accounting-st-page-theme .right-sec, .default .equipment-page-theme .right-sec, .default .project-management .right-sec, .default .hr-settings-page .right-sec, .default .job-documentation-view-theme .right-sec {
  display: flex;
  width: 100%;
  margin-top: 35px;
  margin-bottom: 35px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-left: 0px;
  padding-right: 0px;
  align-items: center;
  background: #6fd4fe;
}
.default .job-page-theme .right-sec .btn-primary, .default .customer-page-theme .right-sec .btn-primary, .default .suppliers-page .right-sec .btn-primary, .default .deviation-page-theme .right-sec .btn-primary, .default .upload-video-page .right-sec .btn-primary, .default .emailClient-page-theme .right-sec .btn-primary, .default .vat-periods-page .right-sec .btn-primary, .default .procedure-view-theme .right-sec .btn-primary, .default .crm-settings-page-theme .right-sec .btn-primary, .default .accounting-st-page-theme .right-sec .btn-primary, .default .equipment-page-theme .right-sec .btn-primary, .default .project-management .right-sec .btn-primary, .default .hr-settings-page .right-sec .btn-primary, .default .job-documentation-view-theme .right-sec .btn-primary {
  width: 88%;
  color: #000;
  text-transform: unset !important;
  font-size: 12px !important;
  display: block;
  text-align: left;
  border-radius: 5px;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  background: #d9f4ff;
}
.default .job-page-theme .right-sec .btn-primary .material-icons, .default .customer-page-theme .right-sec .btn-primary .material-icons, .default .suppliers-page .right-sec .btn-primary .material-icons, .default .deviation-page-theme .right-sec .btn-primary .material-icons, .default .upload-video-page .right-sec .btn-primary .material-icons, .default .emailClient-page-theme .right-sec .btn-primary .material-icons, .default .vat-periods-page .right-sec .btn-primary .material-icons, .default .procedure-view-theme .right-sec .btn-primary .material-icons, .default .crm-settings-page-theme .right-sec .btn-primary .material-icons, .default .accounting-st-page-theme .right-sec .btn-primary .material-icons, .default .equipment-page-theme .right-sec .btn-primary .material-icons, .default .project-management .right-sec .btn-primary .material-icons, .default .hr-settings-page .right-sec .btn-primary .material-icons, .default .job-documentation-view-theme .right-sec .btn-primary .material-icons {
  display: none;
}
.default .job-page-theme .right-sec .btn-primary.btn-highlight, .default .customer-page-theme .right-sec .btn-primary.btn-highlight, .default .suppliers-page .right-sec .btn-primary.btn-highlight, .default .deviation-page-theme .right-sec .btn-primary.btn-highlight, .default .upload-video-page .right-sec .btn-primary.btn-highlight, .default .emailClient-page-theme .right-sec .btn-primary.btn-highlight, .default .vat-periods-page .right-sec .btn-primary.btn-highlight, .default .procedure-view-theme .right-sec .btn-primary.btn-highlight, .default .crm-settings-page-theme .right-sec .btn-primary.btn-highlight, .default .accounting-st-page-theme .right-sec .btn-primary.btn-highlight, .default .equipment-page-theme .right-sec .btn-primary.btn-highlight, .default .project-management .right-sec .btn-primary.btn-highlight, .default .hr-settings-page .right-sec .btn-primary.btn-highlight, .default .job-documentation-view-theme .right-sec .btn-primary.btn-highlight {
  background: #ffffff;
}
.default .job-page-theme .right-sec .btn-primary.btn-normal, .default .customer-page-theme .right-sec .btn-primary.btn-normal, .default .suppliers-page .right-sec .btn-primary.btn-normal, .default .deviation-page-theme .right-sec .btn-primary.btn-normal, .default .upload-video-page .right-sec .btn-primary.btn-normal, .default .emailClient-page-theme .right-sec .btn-primary.btn-normal, .default .vat-periods-page .right-sec .btn-primary.btn-normal, .default .procedure-view-theme .right-sec .btn-primary.btn-normal, .default .crm-settings-page-theme .right-sec .btn-primary.btn-normal, .default .accounting-st-page-theme .right-sec .btn-primary.btn-normal, .default .equipment-page-theme .right-sec .btn-primary.btn-normal, .default .project-management .right-sec .btn-primary.btn-normal, .default .hr-settings-page .right-sec .btn-primary.btn-normal, .default .job-documentation-view-theme .right-sec .btn-primary.btn-normal {
  background: #d9f4ff;
}
.default .job-page-theme .right-sec .panel-box, .default .customer-page-theme .right-sec .panel-box, .default .suppliers-page .right-sec .panel-box, .default .deviation-page-theme .right-sec .panel-box, .default .upload-video-page .right-sec .panel-box, .default .emailClient-page-theme .right-sec .panel-box, .default .vat-periods-page .right-sec .panel-box, .default .procedure-view-theme .right-sec .panel-box, .default .crm-settings-page-theme .right-sec .panel-box, .default .accounting-st-page-theme .right-sec .panel-box, .default .equipment-page-theme .right-sec .panel-box, .default .project-management .right-sec .panel-box, .default .hr-settings-page .right-sec .panel-box, .default .job-documentation-view-theme .right-sec .panel-box {
  margin: 10px;
}
.default .job-page-theme .stat-gorup, .default .customer-page-theme .stat-gorup, .default .suppliers-page .stat-gorup, .default .deviation-page-theme .stat-gorup, .default .upload-video-page .stat-gorup, .default .emailClient-page-theme .stat-gorup, .default .vat-periods-page .stat-gorup, .default .procedure-view-theme .stat-gorup, .default .crm-settings-page-theme .stat-gorup, .default .accounting-st-page-theme .stat-gorup, .default .equipment-page-theme .stat-gorup, .default .project-management .stat-gorup, .default .hr-settings-page .stat-gorup, .default .job-documentation-view-theme .stat-gorup {
  padding-left: 30px;
  padding-right: 20px;
}
.default .job-page-theme .stat-gorup .stat-inline-icon, .default .customer-page-theme .stat-gorup .stat-inline-icon, .default .suppliers-page .stat-gorup .stat-inline-icon, .default .deviation-page-theme .stat-gorup .stat-inline-icon, .default .upload-video-page .stat-gorup .stat-inline-icon, .default .emailClient-page-theme .stat-gorup .stat-inline-icon, .default .vat-periods-page .stat-gorup .stat-inline-icon, .default .procedure-view-theme .stat-gorup .stat-inline-icon, .default .crm-settings-page-theme .stat-gorup .stat-inline-icon, .default .accounting-st-page-theme .stat-gorup .stat-inline-icon, .default .equipment-page-theme .stat-gorup .stat-inline-icon, .default .project-management .stat-gorup .stat-inline-icon, .default .hr-settings-page .stat-gorup .stat-inline-icon, .default .job-documentation-view-theme .stat-gorup .stat-inline-icon {
  padding-left: 13px;
}
.default .job-page-theme .stat-gorup .stat-inline-icon span.stat-label, .default .customer-page-theme .stat-gorup .stat-inline-icon span.stat-label, .default .suppliers-page .stat-gorup .stat-inline-icon span.stat-label, .default .deviation-page-theme .stat-gorup .stat-inline-icon span.stat-label, .default .upload-video-page .stat-gorup .stat-inline-icon span.stat-label, .default .emailClient-page-theme .stat-gorup .stat-inline-icon span.stat-label, .default .vat-periods-page .stat-gorup .stat-inline-icon span.stat-label, .default .procedure-view-theme .stat-gorup .stat-inline-icon span.stat-label, .default .crm-settings-page-theme .stat-gorup .stat-inline-icon span.stat-label, .default .accounting-st-page-theme .stat-gorup .stat-inline-icon span.stat-label, .default .equipment-page-theme .stat-gorup .stat-inline-icon span.stat-label, .default .project-management .stat-gorup .stat-inline-icon span.stat-label, .default .hr-settings-page .stat-gorup .stat-inline-icon span.stat-label, .default .job-documentation-view-theme .stat-gorup .stat-inline-icon span.stat-label {
  font-size: 12px;
  color: #fff;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .job-page-theme .stat-gorup .stat-inline-icon span, .default .customer-page-theme .stat-gorup .stat-inline-icon span, .default .suppliers-page .stat-gorup .stat-inline-icon span, .default .deviation-page-theme .stat-gorup .stat-inline-icon span, .default .upload-video-page .stat-gorup .stat-inline-icon span, .default .emailClient-page-theme .stat-gorup .stat-inline-icon span, .default .vat-periods-page .stat-gorup .stat-inline-icon span, .default .procedure-view-theme .stat-gorup .stat-inline-icon span, .default .crm-settings-page-theme .stat-gorup .stat-inline-icon span, .default .accounting-st-page-theme .stat-gorup .stat-inline-icon span, .default .equipment-page-theme .stat-gorup .stat-inline-icon span, .default .project-management .stat-gorup .stat-inline-icon span, .default .hr-settings-page .stat-gorup .stat-inline-icon span, .default .job-documentation-view-theme .stat-gorup .stat-inline-icon span {
  font-size: 12px;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .job-page-theme .stat-gorup div::before, .default .customer-page-theme .stat-gorup div::before, .default .suppliers-page .stat-gorup div::before, .default .deviation-page-theme .stat-gorup div::before, .default .upload-video-page .stat-gorup div::before, .default .emailClient-page-theme .stat-gorup div::before, .default .vat-periods-page .stat-gorup div::before, .default .procedure-view-theme .stat-gorup div::before, .default .crm-settings-page-theme .stat-gorup div::before, .default .accounting-st-page-theme .stat-gorup div::before, .default .equipment-page-theme .stat-gorup div::before, .default .project-management .stat-gorup div::before, .default .hr-settings-page .stat-gorup div::before, .default .job-documentation-view-theme .stat-gorup div::before {
  background-image: none !important;
  display: none;
}
.default .job-page-theme .stat-gorup .stat-inline, .default .customer-page-theme .stat-gorup .stat-inline, .default .suppliers-page .stat-gorup .stat-inline, .default .deviation-page-theme .stat-gorup .stat-inline, .default .upload-video-page .stat-gorup .stat-inline, .default .emailClient-page-theme .stat-gorup .stat-inline, .default .vat-periods-page .stat-gorup .stat-inline, .default .procedure-view-theme .stat-gorup .stat-inline, .default .crm-settings-page-theme .stat-gorup .stat-inline, .default .accounting-st-page-theme .stat-gorup .stat-inline, .default .equipment-page-theme .stat-gorup .stat-inline, .default .project-management .stat-gorup .stat-inline, .default .hr-settings-page .stat-gorup .stat-inline, .default .job-documentation-view-theme .stat-gorup .stat-inline {
  font-size: 12px;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .job-page-theme .stat-gorup .stat-inline .stat-label, .default .customer-page-theme .stat-gorup .stat-inline .stat-label, .default .suppliers-page .stat-gorup .stat-inline .stat-label, .default .deviation-page-theme .stat-gorup .stat-inline .stat-label, .default .upload-video-page .stat-gorup .stat-inline .stat-label, .default .emailClient-page-theme .stat-gorup .stat-inline .stat-label, .default .vat-periods-page .stat-gorup .stat-inline .stat-label, .default .procedure-view-theme .stat-gorup .stat-inline .stat-label, .default .crm-settings-page-theme .stat-gorup .stat-inline .stat-label, .default .accounting-st-page-theme .stat-gorup .stat-inline .stat-label, .default .equipment-page-theme .stat-gorup .stat-inline .stat-label, .default .project-management .stat-gorup .stat-inline .stat-label, .default .hr-settings-page .stat-gorup .stat-inline .stat-label, .default .job-documentation-view-theme .stat-gorup .stat-inline .stat-label {
  font-size: 12px;
  color: #fff;
  text-transform: unset !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .job-page-theme .stat-gorup:nth-child(1), .default .customer-page-theme .stat-gorup:nth-child(1), .default .suppliers-page .stat-gorup:nth-child(1), .default .deviation-page-theme .stat-gorup:nth-child(1), .default .upload-video-page .stat-gorup:nth-child(1), .default .emailClient-page-theme .stat-gorup:nth-child(1), .default .vat-periods-page .stat-gorup:nth-child(1), .default .procedure-view-theme .stat-gorup:nth-child(1), .default .crm-settings-page-theme .stat-gorup:nth-child(1), .default .accounting-st-page-theme .stat-gorup:nth-child(1), .default .equipment-page-theme .stat-gorup:nth-child(1), .default .project-management .stat-gorup:nth-child(1), .default .hr-settings-page .stat-gorup:nth-child(1), .default .job-documentation-view-theme .stat-gorup:nth-child(1) {
  background-color: #31c1fd;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  min-height: 230px;
  width: 60%;
  padding-top: 0px;
}
.default .job-page-theme .stat-gorup:nth-child(1) .stat-inline-icon, .default .customer-page-theme .stat-gorup:nth-child(1) .stat-inline-icon, .default .suppliers-page .stat-gorup:nth-child(1) .stat-inline-icon, .default .deviation-page-theme .stat-gorup:nth-child(1) .stat-inline-icon, .default .upload-video-page .stat-gorup:nth-child(1) .stat-inline-icon, .default .emailClient-page-theme .stat-gorup:nth-child(1) .stat-inline-icon, .default .vat-periods-page .stat-gorup:nth-child(1) .stat-inline-icon, .default .procedure-view-theme .stat-gorup:nth-child(1) .stat-inline-icon, .default .crm-settings-page-theme .stat-gorup:nth-child(1) .stat-inline-icon, .default .accounting-st-page-theme .stat-gorup:nth-child(1) .stat-inline-icon, .default .equipment-page-theme .stat-gorup:nth-child(1) .stat-inline-icon, .default .project-management .stat-gorup:nth-child(1) .stat-inline-icon, .default .hr-settings-page .stat-gorup:nth-child(1) .stat-inline-icon, .default .job-documentation-view-theme .stat-gorup:nth-child(1) .stat-inline-icon {
  display: flex;
  margin-bottom: unset;
  align-items: baseline;
  gap: 5px;
}
.default .job-page-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-labe, .default .customer-page-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-labe, .default .suppliers-page .stat-gorup:nth-child(1) .stat-inline-icon .stat-labe, .default .deviation-page-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-labe, .default .upload-video-page .stat-gorup:nth-child(1) .stat-inline-icon .stat-labe, .default .emailClient-page-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-labe, .default .vat-periods-page .stat-gorup:nth-child(1) .stat-inline-icon .stat-labe, .default .procedure-view-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-labe, .default .crm-settings-page-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-labe, .default .accounting-st-page-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-labe, .default .equipment-page-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-labe, .default .project-management .stat-gorup:nth-child(1) .stat-inline-icon .stat-labe, .default .hr-settings-page .stat-gorup:nth-child(1) .stat-inline-icon .stat-labe, .default .job-documentation-view-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-labe {
  font-size: 11px;
}
.default .job-page-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-percentage, .default .customer-page-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-percentage, .default .suppliers-page .stat-gorup:nth-child(1) .stat-inline-icon .stat-percentage, .default .deviation-page-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-percentage, .default .upload-video-page .stat-gorup:nth-child(1) .stat-inline-icon .stat-percentage, .default .emailClient-page-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-percentage, .default .vat-periods-page .stat-gorup:nth-child(1) .stat-inline-icon .stat-percentage, .default .procedure-view-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-percentage, .default .crm-settings-page-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-percentage, .default .accounting-st-page-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-percentage, .default .equipment-page-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-percentage, .default .project-management .stat-gorup:nth-child(1) .stat-inline-icon .stat-percentage, .default .hr-settings-page .stat-gorup:nth-child(1) .stat-inline-icon .stat-percentage, .default .job-documentation-view-theme .stat-gorup:nth-child(1) .stat-inline-icon .stat-percentage {
  padding: 5px 6px;
  background: #727372 !important;
  border-radius: 5px;
}
.default .job-page-theme .stat-gorup:nth-child(1) .stat-inner-sec, .default .customer-page-theme .stat-gorup:nth-child(1) .stat-inner-sec, .default .suppliers-page .stat-gorup:nth-child(1) .stat-inner-sec, .default .deviation-page-theme .stat-gorup:nth-child(1) .stat-inner-sec, .default .upload-video-page .stat-gorup:nth-child(1) .stat-inner-sec, .default .emailClient-page-theme .stat-gorup:nth-child(1) .stat-inner-sec, .default .vat-periods-page .stat-gorup:nth-child(1) .stat-inner-sec, .default .procedure-view-theme .stat-gorup:nth-child(1) .stat-inner-sec, .default .crm-settings-page-theme .stat-gorup:nth-child(1) .stat-inner-sec, .default .accounting-st-page-theme .stat-gorup:nth-child(1) .stat-inner-sec, .default .equipment-page-theme .stat-gorup:nth-child(1) .stat-inner-sec, .default .project-management .stat-gorup:nth-child(1) .stat-inner-sec, .default .hr-settings-page .stat-gorup:nth-child(1) .stat-inner-sec, .default .job-documentation-view-theme .stat-gorup:nth-child(1) .stat-inner-sec {
  min-height: 120px;
  display: -webkit-box;
  display: flex;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.default .job-page-theme .stat-gorup:nth-child(2), .default .customer-page-theme .stat-gorup:nth-child(2), .default .suppliers-page .stat-gorup:nth-child(2), .default .deviation-page-theme .stat-gorup:nth-child(2), .default .upload-video-page .stat-gorup:nth-child(2), .default .emailClient-page-theme .stat-gorup:nth-child(2), .default .vat-periods-page .stat-gorup:nth-child(2), .default .procedure-view-theme .stat-gorup:nth-child(2), .default .crm-settings-page-theme .stat-gorup:nth-child(2), .default .accounting-st-page-theme .stat-gorup:nth-child(2), .default .equipment-page-theme .stat-gorup:nth-child(2), .default .project-management .stat-gorup:nth-child(2), .default .hr-settings-page .stat-gorup:nth-child(2), .default .job-documentation-view-theme .stat-gorup:nth-child(2) {
  background-color: #31b6ee;
  padding-bottom: 21px;
  padding-left: 20px;
  min-height: 230px;
  width: 32%;
}
.default .job-page-theme .stat-gorup:nth-child(2) .stat-inline, .default .customer-page-theme .stat-gorup:nth-child(2) .stat-inline, .default .suppliers-page .stat-gorup:nth-child(2) .stat-inline, .default .deviation-page-theme .stat-gorup:nth-child(2) .stat-inline, .default .upload-video-page .stat-gorup:nth-child(2) .stat-inline, .default .emailClient-page-theme .stat-gorup:nth-child(2) .stat-inline, .default .vat-periods-page .stat-gorup:nth-child(2) .stat-inline, .default .procedure-view-theme .stat-gorup:nth-child(2) .stat-inline, .default .crm-settings-page-theme .stat-gorup:nth-child(2) .stat-inline, .default .accounting-st-page-theme .stat-gorup:nth-child(2) .stat-inline, .default .equipment-page-theme .stat-gorup:nth-child(2) .stat-inline, .default .project-management .stat-gorup:nth-child(2) .stat-inline, .default .hr-settings-page .stat-gorup:nth-child(2) .stat-inline, .default .job-documentation-view-theme .stat-gorup:nth-child(2) .stat-inline {
  display: flex;
  padding-left: unset;
  color: #fff;
  margin-bottom: unset;
  gap: 5px;
}
.default .job-page-theme .stat-gorup:nth-child(2) .stat-inline .stat-labe, .default .customer-page-theme .stat-gorup:nth-child(2) .stat-inline .stat-labe, .default .suppliers-page .stat-gorup:nth-child(2) .stat-inline .stat-labe, .default .deviation-page-theme .stat-gorup:nth-child(2) .stat-inline .stat-labe, .default .upload-video-page .stat-gorup:nth-child(2) .stat-inline .stat-labe, .default .emailClient-page-theme .stat-gorup:nth-child(2) .stat-inline .stat-labe, .default .vat-periods-page .stat-gorup:nth-child(2) .stat-inline .stat-labe, .default .procedure-view-theme .stat-gorup:nth-child(2) .stat-inline .stat-labe, .default .crm-settings-page-theme .stat-gorup:nth-child(2) .stat-inline .stat-labe, .default .accounting-st-page-theme .stat-gorup:nth-child(2) .stat-inline .stat-labe, .default .equipment-page-theme .stat-gorup:nth-child(2) .stat-inline .stat-labe, .default .project-management .stat-gorup:nth-child(2) .stat-inline .stat-labe, .default .hr-settings-page .stat-gorup:nth-child(2) .stat-inline .stat-labe, .default .job-documentation-view-theme .stat-gorup:nth-child(2) .stat-inline .stat-labe {
  font-size: 11px;
}
.default .job-page-theme .stat-gorup:nth-child(2) .stat-inner-sec, .default .customer-page-theme .stat-gorup:nth-child(2) .stat-inner-sec, .default .suppliers-page .stat-gorup:nth-child(2) .stat-inner-sec, .default .deviation-page-theme .stat-gorup:nth-child(2) .stat-inner-sec, .default .upload-video-page .stat-gorup:nth-child(2) .stat-inner-sec, .default .emailClient-page-theme .stat-gorup:nth-child(2) .stat-inner-sec, .default .vat-periods-page .stat-gorup:nth-child(2) .stat-inner-sec, .default .procedure-view-theme .stat-gorup:nth-child(2) .stat-inner-sec, .default .crm-settings-page-theme .stat-gorup:nth-child(2) .stat-inner-sec, .default .accounting-st-page-theme .stat-gorup:nth-child(2) .stat-inner-sec, .default .equipment-page-theme .stat-gorup:nth-child(2) .stat-inner-sec, .default .project-management .stat-gorup:nth-child(2) .stat-inner-sec, .default .hr-settings-page .stat-gorup:nth-child(2) .stat-inner-sec, .default .job-documentation-view-theme .stat-gorup:nth-child(2) .stat-inner-sec {
  min-height: 120px;
  display: -webkit-box;
  display: flex;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.default .job-page-theme .stat-gorup:nth-child(2) .stat-percentage, .default .customer-page-theme .stat-gorup:nth-child(2) .stat-percentage, .default .suppliers-page .stat-gorup:nth-child(2) .stat-percentage, .default .deviation-page-theme .stat-gorup:nth-child(2) .stat-percentage, .default .upload-video-page .stat-gorup:nth-child(2) .stat-percentage, .default .emailClient-page-theme .stat-gorup:nth-child(2) .stat-percentage, .default .vat-periods-page .stat-gorup:nth-child(2) .stat-percentage, .default .procedure-view-theme .stat-gorup:nth-child(2) .stat-percentage, .default .crm-settings-page-theme .stat-gorup:nth-child(2) .stat-percentage, .default .accounting-st-page-theme .stat-gorup:nth-child(2) .stat-percentage, .default .equipment-page-theme .stat-gorup:nth-child(2) .stat-percentage, .default .project-management .stat-gorup:nth-child(2) .stat-percentage, .default .hr-settings-page .stat-gorup:nth-child(2) .stat-percentage, .default .job-documentation-view-theme .stat-gorup:nth-child(2) .stat-percentage {
  padding: 5px 6px;
  background: #727372 !important;
  border-radius: 5px;
}
.default .job-page-theme .stat-gorup:nth-child(3), .default .customer-page-theme .stat-gorup:nth-child(3), .default .suppliers-page .stat-gorup:nth-child(3), .default .deviation-page-theme .stat-gorup:nth-child(3), .default .upload-video-page .stat-gorup:nth-child(3), .default .emailClient-page-theme .stat-gorup:nth-child(3), .default .vat-periods-page .stat-gorup:nth-child(3), .default .procedure-view-theme .stat-gorup:nth-child(3), .default .crm-settings-page-theme .stat-gorup:nth-child(3), .default .accounting-st-page-theme .stat-gorup:nth-child(3), .default .equipment-page-theme .stat-gorup:nth-child(3), .default .project-management .stat-gorup:nth-child(3), .default .hr-settings-page .stat-gorup:nth-child(3), .default .job-documentation-view-theme .stat-gorup:nth-child(3) {
  background-color: #6fd4fe;
  padding: 5px;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 9px;
  width: 18%;
}
.default .job-page-theme .stat-gorup:nth-child(3) .w-45, .default .customer-page-theme .stat-gorup:nth-child(3) .w-45, .default .suppliers-page .stat-gorup:nth-child(3) .w-45, .default .deviation-page-theme .stat-gorup:nth-child(3) .w-45, .default .upload-video-page .stat-gorup:nth-child(3) .w-45, .default .emailClient-page-theme .stat-gorup:nth-child(3) .w-45, .default .vat-periods-page .stat-gorup:nth-child(3) .w-45, .default .procedure-view-theme .stat-gorup:nth-child(3) .w-45, .default .crm-settings-page-theme .stat-gorup:nth-child(3) .w-45, .default .accounting-st-page-theme .stat-gorup:nth-child(3) .w-45, .default .equipment-page-theme .stat-gorup:nth-child(3) .w-45, .default .project-management .stat-gorup:nth-child(3) .w-45, .default .hr-settings-page .stat-gorup:nth-child(3) .w-45, .default .job-documentation-view-theme .stat-gorup:nth-child(3) .w-45 {
  width: unset !important;
  padding-right: unset;
}
.default .job-page-theme .stat-gorup.bb::after, .default .customer-page-theme .stat-gorup.bb::after, .default .suppliers-page .stat-gorup.bb::after, .default .deviation-page-theme .stat-gorup.bb::after, .default .upload-video-page .stat-gorup.bb::after, .default .emailClient-page-theme .stat-gorup.bb::after, .default .vat-periods-page .stat-gorup.bb::after, .default .procedure-view-theme .stat-gorup.bb::after, .default .crm-settings-page-theme .stat-gorup.bb::after, .default .accounting-st-page-theme .stat-gorup.bb::after, .default .equipment-page-theme .stat-gorup.bb::after, .default .project-management .stat-gorup.bb::after, .default .hr-settings-page .stat-gorup.bb::after, .default .job-documentation-view-theme .stat-gorup.bb::after {
  background-color: unset;
}
.default .job-page-theme .main-title, .default .customer-page-theme .main-title, .default .suppliers-page .main-title, .default .deviation-page-theme .main-title, .default .upload-video-page .main-title, .default .emailClient-page-theme .main-title, .default .vat-periods-page .main-title, .default .procedure-view-theme .main-title, .default .crm-settings-page-theme .main-title, .default .accounting-st-page-theme .main-title, .default .equipment-page-theme .main-title, .default .project-management .main-title, .default .hr-settings-page .main-title, .default .job-documentation-view-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .job-page-theme .sub-title, .default .customer-page-theme .sub-title, .default .suppliers-page .sub-title, .default .deviation-page-theme .sub-title, .default .upload-video-page .sub-title, .default .emailClient-page-theme .sub-title, .default .vat-periods-page .sub-title, .default .procedure-view-theme .sub-title, .default .crm-settings-page-theme .sub-title, .default .accounting-st-page-theme .sub-title, .default .equipment-page-theme .sub-title, .default .project-management .sub-title, .default .hr-settings-page .sub-title, .default .job-documentation-view-theme .sub-title {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .job-page-theme .c-i-main, .default .customer-page-theme .c-i-main, .default .suppliers-page .c-i-main, .default .deviation-page-theme .c-i-main, .default .upload-video-page .c-i-main, .default .emailClient-page-theme .c-i-main, .default .vat-periods-page .c-i-main, .default .procedure-view-theme .c-i-main, .default .crm-settings-page-theme .c-i-main, .default .accounting-st-page-theme .c-i-main, .default .equipment-page-theme .c-i-main, .default .project-management .c-i-main, .default .hr-settings-page .c-i-main, .default .job-documentation-view-theme .c-i-main {
  line-height: 20px;
  padding-top: 100px;
  background-color: #e7f6fd;
}
.default .job-page-theme .c-i-main > div, .default .customer-page-theme .c-i-main > div, .default .suppliers-page .c-i-main > div, .default .deviation-page-theme .c-i-main > div, .default .upload-video-page .c-i-main > div, .default .emailClient-page-theme .c-i-main > div, .default .vat-periods-page .c-i-main > div, .default .procedure-view-theme .c-i-main > div, .default .crm-settings-page-theme .c-i-main > div, .default .accounting-st-page-theme .c-i-main > div, .default .equipment-page-theme .c-i-main > div, .default .project-management .c-i-main > div, .default .hr-settings-page .c-i-main > div, .default .job-documentation-view-theme .c-i-main > div {
  width: 25%;
}
.default .job-page-theme .c-i-main > div .contact-group .contact-info, .default .customer-page-theme .c-i-main > div .contact-group .contact-info, .default .suppliers-page .c-i-main > div .contact-group .contact-info, .default .deviation-page-theme .c-i-main > div .contact-group .contact-info, .default .upload-video-page .c-i-main > div .contact-group .contact-info, .default .emailClient-page-theme .c-i-main > div .contact-group .contact-info, .default .vat-periods-page .c-i-main > div .contact-group .contact-info, .default .procedure-view-theme .c-i-main > div .contact-group .contact-info, .default .crm-settings-page-theme .c-i-main > div .contact-group .contact-info, .default .accounting-st-page-theme .c-i-main > div .contact-group .contact-info, .default .equipment-page-theme .c-i-main > div .contact-group .contact-info, .default .project-management .c-i-main > div .contact-group .contact-info, .default .hr-settings-page .c-i-main > div .contact-group .contact-info, .default .job-documentation-view-theme .c-i-main > div .contact-group .contact-info {
  margin-left: 38px;
  display: grid;
  word-wrap: break-word;
  word-break: break-all;
  max-width: max-content;
  height: fit-content;
}
.default .job-page-theme .c-i-main .customer, .default .customer-page-theme .c-i-main .customer, .default .suppliers-page .c-i-main .customer, .default .deviation-page-theme .c-i-main .customer, .default .upload-video-page .c-i-main .customer, .default .emailClient-page-theme .c-i-main .customer, .default .vat-periods-page .c-i-main .customer, .default .procedure-view-theme .c-i-main .customer, .default .crm-settings-page-theme .c-i-main .customer, .default .accounting-st-page-theme .c-i-main .customer, .default .equipment-page-theme .c-i-main .customer, .default .project-management .c-i-main .customer, .default .hr-settings-page .c-i-main .customer, .default .job-documentation-view-theme .c-i-main .customer {
  width: fit-content;
}
.default .job-page-theme .c-i-main .customer .contact-group, .default .customer-page-theme .c-i-main .customer .contact-group, .default .suppliers-page .c-i-main .customer .contact-group, .default .deviation-page-theme .c-i-main .customer .contact-group, .default .upload-video-page .c-i-main .customer .contact-group, .default .emailClient-page-theme .c-i-main .customer .contact-group, .default .vat-periods-page .c-i-main .customer .contact-group, .default .procedure-view-theme .c-i-main .customer .contact-group, .default .crm-settings-page-theme .c-i-main .customer .contact-group, .default .accounting-st-page-theme .c-i-main .customer .contact-group, .default .equipment-page-theme .c-i-main .customer .contact-group, .default .project-management .c-i-main .customer .contact-group, .default .hr-settings-page .c-i-main .customer .contact-group, .default .job-documentation-view-theme .c-i-main .customer .contact-group {
  display: grid;
}
.default .job-page-theme .c-i-main .customer .contact-info, .default .customer-page-theme .c-i-main .customer .contact-info, .default .suppliers-page .c-i-main .customer .contact-info, .default .deviation-page-theme .c-i-main .customer .contact-info, .default .upload-video-page .c-i-main .customer .contact-info, .default .emailClient-page-theme .c-i-main .customer .contact-info, .default .vat-periods-page .c-i-main .customer .contact-info, .default .procedure-view-theme .c-i-main .customer .contact-info, .default .crm-settings-page-theme .c-i-main .customer .contact-info, .default .accounting-st-page-theme .c-i-main .customer .contact-info, .default .equipment-page-theme .c-i-main .customer .contact-info, .default .project-management .c-i-main .customer .contact-info, .default .hr-settings-page .c-i-main .customer .contact-info, .default .job-documentation-view-theme .c-i-main .customer .contact-info {
  margin-left: 38px;
  margin-bottom: 9px;
  display: block !important;
  max-width: 100% !important;
}
.default .job-page-theme .c-i-main .customer .contact-info, .default .customer-page-theme .c-i-main .customer .contact-info, .default .suppliers-page .c-i-main .customer .contact-info, .default .deviation-page-theme .c-i-main .customer .contact-info, .default .upload-video-page .c-i-main .customer .contact-info, .default .emailClient-page-theme .c-i-main .customer .contact-info, .default .vat-periods-page .c-i-main .customer .contact-info, .default .procedure-view-theme .c-i-main .customer .contact-info, .default .crm-settings-page-theme .c-i-main .customer .contact-info, .default .accounting-st-page-theme .c-i-main .customer .contact-info, .default .equipment-page-theme .c-i-main .customer .contact-info, .default .project-management .c-i-main .customer .contact-info, .default .hr-settings-page .c-i-main .customer .contact-info, .default .job-documentation-view-theme .c-i-main .customer .contact-info {
  margin-left: 0 !important;
}
.default .job-page-theme .contact-group .contact-title, .default .customer-page-theme .contact-group .contact-title, .default .suppliers-page .contact-group .contact-title, .default .deviation-page-theme .contact-group .contact-title, .default .upload-video-page .contact-group .contact-title, .default .emailClient-page-theme .contact-group .contact-title, .default .vat-periods-page .contact-group .contact-title, .default .procedure-view-theme .contact-group .contact-title, .default .crm-settings-page-theme .contact-group .contact-title, .default .accounting-st-page-theme .contact-group .contact-title, .default .equipment-page-theme .contact-group .contact-title, .default .project-management .contact-group .contact-title, .default .hr-settings-page .contact-group .contact-title, .default .job-documentation-view-theme .contact-group .contact-title {
  margin-bottom: unset;
}
.default .job-page-theme .contact-group .contact-title h2, .default .customer-page-theme .contact-group .contact-title h2, .default .suppliers-page .contact-group .contact-title h2, .default .deviation-page-theme .contact-group .contact-title h2, .default .upload-video-page .contact-group .contact-title h2, .default .emailClient-page-theme .contact-group .contact-title h2, .default .vat-periods-page .contact-group .contact-title h2, .default .procedure-view-theme .contact-group .contact-title h2, .default .crm-settings-page-theme .contact-group .contact-title h2, .default .accounting-st-page-theme .contact-group .contact-title h2, .default .equipment-page-theme .contact-group .contact-title h2, .default .project-management .contact-group .contact-title h2, .default .hr-settings-page .contact-group .contact-title h2, .default .job-documentation-view-theme .contact-group .contact-title h2 {
  color: #000;
  font-size: 13px;
  margin-bottom: 6px !important;
  padding-top: 5px;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .job-page-theme .contact-info, .default .customer-page-theme .contact-info, .default .suppliers-page .contact-info, .default .deviation-page-theme .contact-info, .default .upload-video-page .contact-info, .default .emailClient-page-theme .contact-info, .default .vat-periods-page .contact-info, .default .procedure-view-theme .contact-info, .default .crm-settings-page-theme .contact-info, .default .accounting-st-page-theme .contact-info, .default .equipment-page-theme .contact-info, .default .project-management .contact-info, .default .hr-settings-page .contact-info, .default .job-documentation-view-theme .contact-info {
  color: #000;
  margin-left: 38px;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .job-page-theme .contact-info #customer-name, .default .customer-page-theme .contact-info #customer-name, .default .suppliers-page .contact-info #customer-name, .default .deviation-page-theme .contact-info #customer-name, .default .upload-video-page .contact-info #customer-name, .default .emailClient-page-theme .contact-info #customer-name, .default .vat-periods-page .contact-info #customer-name, .default .procedure-view-theme .contact-info #customer-name, .default .crm-settings-page-theme .contact-info #customer-name, .default .accounting-st-page-theme .contact-info #customer-name, .default .equipment-page-theme .contact-info #customer-name, .default .project-management .contact-info #customer-name, .default .hr-settings-page .contact-info #customer-name, .default .job-documentation-view-theme .contact-info #customer-name {
  color: #000;
  font-size: 13px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .job-page-theme .contact-info .mt-5, .default .customer-page-theme .contact-info .mt-5, .default .suppliers-page .contact-info .mt-5, .default .deviation-page-theme .contact-info .mt-5, .default .upload-video-page .contact-info .mt-5, .default .emailClient-page-theme .contact-info .mt-5, .default .vat-periods-page .contact-info .mt-5, .default .procedure-view-theme .contact-info .mt-5, .default .crm-settings-page-theme .contact-info .mt-5, .default .accounting-st-page-theme .contact-info .mt-5, .default .equipment-page-theme .contact-info .mt-5, .default .project-management .contact-info .mt-5, .default .hr-settings-page .contact-info .mt-5, .default .job-documentation-view-theme .contact-info .mt-5 {
  margin-top: 0px;
}
.default .job-page-theme .btn-circle.circle-sm, .default .customer-page-theme .btn-circle.circle-sm, .default .suppliers-page .btn-circle.circle-sm, .default .deviation-page-theme .btn-circle.circle-sm, .default .upload-video-page .btn-circle.circle-sm, .default .emailClient-page-theme .btn-circle.circle-sm, .default .vat-periods-page .btn-circle.circle-sm, .default .procedure-view-theme .btn-circle.circle-sm, .default .crm-settings-page-theme .btn-circle.circle-sm, .default .accounting-st-page-theme .btn-circle.circle-sm, .default .equipment-page-theme .btn-circle.circle-sm, .default .project-management .btn-circle.circle-sm, .default .hr-settings-page .btn-circle.circle-sm, .default .job-documentation-view-theme .btn-circle.circle-sm {
  background: #f2f2f2;
  margin-right: 10px;
}
.default .job-page-theme .btn-circle.circle-sm:not(#edit-order-title-btn), .default .customer-page-theme .btn-circle.circle-sm:not(#edit-order-title-btn), .default .suppliers-page .btn-circle.circle-sm:not(#edit-order-title-btn), .default .deviation-page-theme .btn-circle.circle-sm:not(#edit-order-title-btn), .default .upload-video-page .btn-circle.circle-sm:not(#edit-order-title-btn), .default .emailClient-page-theme .btn-circle.circle-sm:not(#edit-order-title-btn), .default .vat-periods-page .btn-circle.circle-sm:not(#edit-order-title-btn), .default .procedure-view-theme .btn-circle.circle-sm:not(#edit-order-title-btn), .default .crm-settings-page-theme .btn-circle.circle-sm:not(#edit-order-title-btn), .default .accounting-st-page-theme .btn-circle.circle-sm:not(#edit-order-title-btn), .default .equipment-page-theme .btn-circle.circle-sm:not(#edit-order-title-btn), .default .project-management .btn-circle.circle-sm:not(#edit-order-title-btn), .default .hr-settings-page .btn-circle.circle-sm:not(#edit-order-title-btn), .default .job-documentation-view-theme .btn-circle.circle-sm:not(#edit-order-title-btn) {
  margin-left: 0px;
}
.default .job-page-theme .btn-circle.circle-sm:hover, .default .customer-page-theme .btn-circle.circle-sm:hover, .default .suppliers-page .btn-circle.circle-sm:hover, .default .deviation-page-theme .btn-circle.circle-sm:hover, .default .upload-video-page .btn-circle.circle-sm:hover, .default .emailClient-page-theme .btn-circle.circle-sm:hover, .default .vat-periods-page .btn-circle.circle-sm:hover, .default .procedure-view-theme .btn-circle.circle-sm:hover, .default .crm-settings-page-theme .btn-circle.circle-sm:hover, .default .accounting-st-page-theme .btn-circle.circle-sm:hover, .default .equipment-page-theme .btn-circle.circle-sm:hover, .default .project-management .btn-circle.circle-sm:hover, .default .hr-settings-page .btn-circle.circle-sm:hover, .default .job-documentation-view-theme .btn-circle.circle-sm:hover {
  color: #555454;
}
.default .job-page-theme .main-contacts, .default .customer-page-theme .main-contacts, .default .suppliers-page .main-contacts, .default .deviation-page-theme .main-contacts, .default .upload-video-page .main-contacts, .default .emailClient-page-theme .main-contacts, .default .vat-periods-page .main-contacts, .default .procedure-view-theme .main-contacts, .default .crm-settings-page-theme .main-contacts, .default .accounting-st-page-theme .main-contacts, .default .equipment-page-theme .main-contacts, .default .project-management .main-contacts, .default .hr-settings-page .main-contacts, .default .job-documentation-view-theme .main-contacts {
  margin-left: 25px !important;
  margin-left: 15px;
}
.default .job-page-theme .main-contacts .contact-info, .default .customer-page-theme .main-contacts .contact-info, .default .suppliers-page .main-contacts .contact-info, .default .deviation-page-theme .main-contacts .contact-info, .default .upload-video-page .main-contacts .contact-info, .default .emailClient-page-theme .main-contacts .contact-info, .default .vat-periods-page .main-contacts .contact-info, .default .procedure-view-theme .main-contacts .contact-info, .default .crm-settings-page-theme .main-contacts .contact-info, .default .accounting-st-page-theme .main-contacts .contact-info, .default .equipment-page-theme .main-contacts .contact-info, .default .project-management .main-contacts .contact-info, .default .hr-settings-page .main-contacts .contact-info, .default .job-documentation-view-theme .main-contacts .contact-info {
  margin-left: 0 !important;
}
.default .job-page-theme .main-contacts:has(.error-msg), .default .customer-page-theme .main-contacts:has(.error-msg), .default .suppliers-page .main-contacts:has(.error-msg), .default .deviation-page-theme .main-contacts:has(.error-msg), .default .upload-video-page .main-contacts:has(.error-msg), .default .emailClient-page-theme .main-contacts:has(.error-msg), .default .vat-periods-page .main-contacts:has(.error-msg), .default .procedure-view-theme .main-contacts:has(.error-msg), .default .crm-settings-page-theme .main-contacts:has(.error-msg), .default .accounting-st-page-theme .main-contacts:has(.error-msg), .default .equipment-page-theme .main-contacts:has(.error-msg), .default .project-management .main-contacts:has(.error-msg), .default .hr-settings-page .main-contacts:has(.error-msg), .default .job-documentation-view-theme .main-contacts:has(.error-msg) {
  width: 50% !important;
}
.default .job-page-theme .main-contacts .main-contacts-person, .default .customer-page-theme .main-contacts .main-contacts-person, .default .suppliers-page .main-contacts .main-contacts-person, .default .deviation-page-theme .main-contacts .main-contacts-person, .default .upload-video-page .main-contacts .main-contacts-person, .default .emailClient-page-theme .main-contacts .main-contacts-person, .default .vat-periods-page .main-contacts .main-contacts-person, .default .procedure-view-theme .main-contacts .main-contacts-person, .default .crm-settings-page-theme .main-contacts .main-contacts-person, .default .accounting-st-page-theme .main-contacts .main-contacts-person, .default .equipment-page-theme .main-contacts .main-contacts-person, .default .project-management .main-contacts .main-contacts-person, .default .hr-settings-page .main-contacts .main-contacts-person, .default .job-documentation-view-theme .main-contacts .main-contacts-person {
  display: flex;
  flex-direction: column;
}
.default .job-page-theme .main-contacts .main-contacts-person:has(.error-msg), .default .customer-page-theme .main-contacts .main-contacts-person:has(.error-msg), .default .suppliers-page .main-contacts .main-contacts-person:has(.error-msg), .default .deviation-page-theme .main-contacts .main-contacts-person:has(.error-msg), .default .upload-video-page .main-contacts .main-contacts-person:has(.error-msg), .default .emailClient-page-theme .main-contacts .main-contacts-person:has(.error-msg), .default .vat-periods-page .main-contacts .main-contacts-person:has(.error-msg), .default .procedure-view-theme .main-contacts .main-contacts-person:has(.error-msg), .default .crm-settings-page-theme .main-contacts .main-contacts-person:has(.error-msg), .default .accounting-st-page-theme .main-contacts .main-contacts-person:has(.error-msg), .default .equipment-page-theme .main-contacts .main-contacts-person:has(.error-msg), .default .project-management .main-contacts .main-contacts-person:has(.error-msg), .default .hr-settings-page .main-contacts .main-contacts-person:has(.error-msg), .default .job-documentation-view-theme .main-contacts .main-contacts-person:has(.error-msg) {
  display: flex !important;
}
.default .job-page-theme .main-contacts .main-contacts-person .contact-info, .default .customer-page-theme .main-contacts .main-contacts-person .contact-info, .default .suppliers-page .main-contacts .main-contacts-person .contact-info, .default .deviation-page-theme .main-contacts .main-contacts-person .contact-info, .default .upload-video-page .main-contacts .main-contacts-person .contact-info, .default .emailClient-page-theme .main-contacts .main-contacts-person .contact-info, .default .vat-periods-page .main-contacts .main-contacts-person .contact-info, .default .procedure-view-theme .main-contacts .main-contacts-person .contact-info, .default .crm-settings-page-theme .main-contacts .main-contacts-person .contact-info, .default .accounting-st-page-theme .main-contacts .main-contacts-person .contact-info, .default .equipment-page-theme .main-contacts .main-contacts-person .contact-info, .default .project-management .main-contacts .main-contacts-person .contact-info, .default .hr-settings-page .main-contacts .main-contacts-person .contact-info, .default .job-documentation-view-theme .main-contacts .main-contacts-person .contact-info {
  color: #000;
  white-space: normal !important;
  margin-bottom: 10px;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  max-width: 100% !important;
}
.default .job-page-theme .main-contacts .main-contacts-person .error-msg, .default .customer-page-theme .main-contacts .main-contacts-person .error-msg, .default .suppliers-page .main-contacts .main-contacts-person .error-msg, .default .deviation-page-theme .main-contacts .main-contacts-person .error-msg, .default .upload-video-page .main-contacts .main-contacts-person .error-msg, .default .emailClient-page-theme .main-contacts .main-contacts-person .error-msg, .default .vat-periods-page .main-contacts .main-contacts-person .error-msg, .default .procedure-view-theme .main-contacts .main-contacts-person .error-msg, .default .crm-settings-page-theme .main-contacts .main-contacts-person .error-msg, .default .accounting-st-page-theme .main-contacts .main-contacts-person .error-msg, .default .equipment-page-theme .main-contacts .main-contacts-person .error-msg, .default .project-management .main-contacts .main-contacts-person .error-msg, .default .hr-settings-page .main-contacts .main-contacts-person .error-msg, .default .job-documentation-view-theme .main-contacts .main-contacts-person .error-msg {
  margin-top: 5px;
  margin-left: 0px;
}
.default .job-page-theme .main-contacts .view-all-sm, .default .customer-page-theme .main-contacts .view-all-sm, .default .suppliers-page .main-contacts .view-all-sm, .default .deviation-page-theme .main-contacts .view-all-sm, .default .upload-video-page .main-contacts .view-all-sm, .default .emailClient-page-theme .main-contacts .view-all-sm, .default .vat-periods-page .main-contacts .view-all-sm, .default .procedure-view-theme .main-contacts .view-all-sm, .default .crm-settings-page-theme .main-contacts .view-all-sm, .default .accounting-st-page-theme .main-contacts .view-all-sm, .default .equipment-page-theme .main-contacts .view-all-sm, .default .project-management .main-contacts .view-all-sm, .default .hr-settings-page .main-contacts .view-all-sm, .default .job-documentation-view-theme .main-contacts .view-all-sm {
  margin-left: 38px;
  text-transform: unset !important;
  border-radius: 10px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  width: 90px;
}
.default .job-page-theme .job-personnal, .default .customer-page-theme .job-personnal, .default .suppliers-page .job-personnal, .default .deviation-page-theme .job-personnal, .default .upload-video-page .job-personnal, .default .emailClient-page-theme .job-personnal, .default .vat-periods-page .job-personnal, .default .procedure-view-theme .job-personnal, .default .crm-settings-page-theme .job-personnal, .default .accounting-st-page-theme .job-personnal, .default .equipment-page-theme .job-personnal, .default .project-management .job-personnal, .default .hr-settings-page .job-personnal, .default .job-documentation-view-theme .job-personnal {
  padding-left: 5px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding: 25px 0px 20px 0px;
}
.default .job-page-theme .job-personnal .contact-group, .default .customer-page-theme .job-personnal .contact-group, .default .suppliers-page .job-personnal .contact-group, .default .deviation-page-theme .job-personnal .contact-group, .default .upload-video-page .job-personnal .contact-group, .default .emailClient-page-theme .job-personnal .contact-group, .default .vat-periods-page .job-personnal .contact-group, .default .procedure-view-theme .job-personnal .contact-group, .default .crm-settings-page-theme .job-personnal .contact-group, .default .accounting-st-page-theme .job-personnal .contact-group, .default .equipment-page-theme .job-personnal .contact-group, .default .project-management .job-personnal .contact-group, .default .hr-settings-page .job-personnal .contact-group, .default .job-documentation-view-theme .job-personnal .contact-group {
  margin-left: 30px;
}
.default .job-page-theme .job-personnal .contact-group .contact-title, .default .customer-page-theme .job-personnal .contact-group .contact-title, .default .suppliers-page .job-personnal .contact-group .contact-title, .default .deviation-page-theme .job-personnal .contact-group .contact-title, .default .upload-video-page .job-personnal .contact-group .contact-title, .default .emailClient-page-theme .job-personnal .contact-group .contact-title, .default .vat-periods-page .job-personnal .contact-group .contact-title, .default .procedure-view-theme .job-personnal .contact-group .contact-title, .default .crm-settings-page-theme .job-personnal .contact-group .contact-title, .default .accounting-st-page-theme .job-personnal .contact-group .contact-title, .default .equipment-page-theme .job-personnal .contact-group .contact-title, .default .project-management .job-personnal .contact-group .contact-title, .default .hr-settings-page .job-personnal .contact-group .contact-title, .default .job-documentation-view-theme .job-personnal .contact-group .contact-title {
  padding-bottom: 5px;
}
.default .job-page-theme .job-personnal .contact-info, .default .customer-page-theme .job-personnal .contact-info, .default .suppliers-page .job-personnal .contact-info, .default .deviation-page-theme .job-personnal .contact-info, .default .upload-video-page .job-personnal .contact-info, .default .emailClient-page-theme .job-personnal .contact-info, .default .vat-periods-page .job-personnal .contact-info, .default .procedure-view-theme .job-personnal .contact-info, .default .crm-settings-page-theme .job-personnal .contact-info, .default .accounting-st-page-theme .job-personnal .contact-info, .default .equipment-page-theme .job-personnal .contact-info, .default .project-management .job-personnal .contact-info, .default .hr-settings-page .job-personnal .contact-info, .default .job-documentation-view-theme .job-personnal .contact-info {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  margin-left: 0px;
  word-break: break-all;
  white-space: pre-wrap;
}
.default .job-page-theme .job-personnal .contact-info:not(.default .job-page-theme .job-personnal .contact-info:first-child, .default .customer-page-theme .job-personnal .contact-info:first-child, .default .suppliers-page .job-personnal .contact-info:first-child, .default .deviation-page-theme .job-personnal .contact-info:first-child, .default .upload-video-page .job-personnal .contact-info:first-child, .default .emailClient-page-theme .job-personnal .contact-info:first-child, .default .vat-periods-page .job-personnal .contact-info:first-child, .default .procedure-view-theme .job-personnal .contact-info:first-child, .default .crm-settings-page-theme .job-personnal .contact-info:first-child, .default .accounting-st-page-theme .job-personnal .contact-info:first-child, .default .equipment-page-theme .job-personnal .contact-info:first-child, .default .project-management .job-personnal .contact-info:first-child, .default .hr-settings-page .job-personnal .contact-info:first-child, .default .job-documentation-view-theme .job-personnal .contact-info:first-child), .default .customer-page-theme .job-personnal .contact-info:not(.default .job-page-theme .job-personnal .contact-info:first-child, .default .customer-page-theme .job-personnal .contact-info:first-child, .default .suppliers-page .job-personnal .contact-info:first-child, .default .deviation-page-theme .job-personnal .contact-info:first-child, .default .upload-video-page .job-personnal .contact-info:first-child, .default .emailClient-page-theme .job-personnal .contact-info:first-child, .default .vat-periods-page .job-personnal .contact-info:first-child, .default .procedure-view-theme .job-personnal .contact-info:first-child, .default .crm-settings-page-theme .job-personnal .contact-info:first-child, .default .accounting-st-page-theme .job-personnal .contact-info:first-child, .default .equipment-page-theme .job-personnal .contact-info:first-child, .default .project-management .job-personnal .contact-info:first-child, .default .hr-settings-page .job-personnal .contact-info:first-child, .default .job-documentation-view-theme .job-personnal .contact-info:first-child), .default .suppliers-page .job-personnal .contact-info:not(.default .job-page-theme .job-personnal .contact-info:first-child, .default .customer-page-theme .job-personnal .contact-info:first-child, .default .suppliers-page .job-personnal .contact-info:first-child, .default .deviation-page-theme .job-personnal .contact-info:first-child, .default .upload-video-page .job-personnal .contact-info:first-child, .default .emailClient-page-theme .job-personnal .contact-info:first-child, .default .vat-periods-page .job-personnal .contact-info:first-child, .default .procedure-view-theme .job-personnal .contact-info:first-child, .default .crm-settings-page-theme .job-personnal .contact-info:first-child, .default .accounting-st-page-theme .job-personnal .contact-info:first-child, .default .equipment-page-theme .job-personnal .contact-info:first-child, .default .project-management .job-personnal .contact-info:first-child, .default .hr-settings-page .job-personnal .contact-info:first-child, .default .job-documentation-view-theme .job-personnal .contact-info:first-child), .default .deviation-page-theme .job-personnal .contact-info:not(.default .job-page-theme .job-personnal .contact-info:first-child, .default .customer-page-theme .job-personnal .contact-info:first-child, .default .suppliers-page .job-personnal .contact-info:first-child, .default .deviation-page-theme .job-personnal .contact-info:first-child, .default .upload-video-page .job-personnal .contact-info:first-child, .default .emailClient-page-theme .job-personnal .contact-info:first-child, .default .vat-periods-page .job-personnal .contact-info:first-child, .default .procedure-view-theme .job-personnal .contact-info:first-child, .default .crm-settings-page-theme .job-personnal .contact-info:first-child, .default .accounting-st-page-theme .job-personnal .contact-info:first-child, .default .equipment-page-theme .job-personnal .contact-info:first-child, .default .project-management .job-personnal .contact-info:first-child, .default .hr-settings-page .job-personnal .contact-info:first-child, .default .job-documentation-view-theme .job-personnal .contact-info:first-child), .default .upload-video-page .job-personnal .contact-info:not(.default .job-page-theme .job-personnal .contact-info:first-child, .default .customer-page-theme .job-personnal .contact-info:first-child, .default .suppliers-page .job-personnal .contact-info:first-child, .default .deviation-page-theme .job-personnal .contact-info:first-child, .default .upload-video-page .job-personnal .contact-info:first-child, .default .emailClient-page-theme .job-personnal .contact-info:first-child, .default .vat-periods-page .job-personnal .contact-info:first-child, .default .procedure-view-theme .job-personnal .contact-info:first-child, .default .crm-settings-page-theme .job-personnal .contact-info:first-child, .default .accounting-st-page-theme .job-personnal .contact-info:first-child, .default .equipment-page-theme .job-personnal .contact-info:first-child, .default .project-management .job-personnal .contact-info:first-child, .default .hr-settings-page .job-personnal .contact-info:first-child, .default .job-documentation-view-theme .job-personnal .contact-info:first-child), .default .emailClient-page-theme .job-personnal .contact-info:not(.default .job-page-theme .job-personnal .contact-info:first-child, .default .customer-page-theme .job-personnal .contact-info:first-child, .default .suppliers-page .job-personnal .contact-info:first-child, .default .deviation-page-theme .job-personnal .contact-info:first-child, .default .upload-video-page .job-personnal .contact-info:first-child, .default .emailClient-page-theme .job-personnal .contact-info:first-child, .default .vat-periods-page .job-personnal .contact-info:first-child, .default .procedure-view-theme .job-personnal .contact-info:first-child, .default .crm-settings-page-theme .job-personnal .contact-info:first-child, .default .accounting-st-page-theme .job-personnal .contact-info:first-child, .default .equipment-page-theme .job-personnal .contact-info:first-child, .default .project-management .job-personnal .contact-info:first-child, .default .hr-settings-page .job-personnal .contact-info:first-child, .default .job-documentation-view-theme .job-personnal .contact-info:first-child), .default .vat-periods-page .job-personnal .contact-info:not(.default .job-page-theme .job-personnal .contact-info:first-child, .default .customer-page-theme .job-personnal .contact-info:first-child, .default .suppliers-page .job-personnal .contact-info:first-child, .default .deviation-page-theme .job-personnal .contact-info:first-child, .default .upload-video-page .job-personnal .contact-info:first-child, .default .emailClient-page-theme .job-personnal .contact-info:first-child, .default .vat-periods-page .job-personnal .contact-info:first-child, .default .procedure-view-theme .job-personnal .contact-info:first-child, .default .crm-settings-page-theme .job-personnal .contact-info:first-child, .default .accounting-st-page-theme .job-personnal .contact-info:first-child, .default .equipment-page-theme .job-personnal .contact-info:first-child, .default .project-management .job-personnal .contact-info:first-child, .default .hr-settings-page .job-personnal .contact-info:first-child, .default .job-documentation-view-theme .job-personnal .contact-info:first-child), .default .procedure-view-theme .job-personnal .contact-info:not(.default .job-page-theme .job-personnal .contact-info:first-child, .default .customer-page-theme .job-personnal .contact-info:first-child, .default .suppliers-page .job-personnal .contact-info:first-child, .default .deviation-page-theme .job-personnal .contact-info:first-child, .default .upload-video-page .job-personnal .contact-info:first-child, .default .emailClient-page-theme .job-personnal .contact-info:first-child, .default .vat-periods-page .job-personnal .contact-info:first-child, .default .procedure-view-theme .job-personnal .contact-info:first-child, .default .crm-settings-page-theme .job-personnal .contact-info:first-child, .default .accounting-st-page-theme .job-personnal .contact-info:first-child, .default .equipment-page-theme .job-personnal .contact-info:first-child, .default .project-management .job-personnal .contact-info:first-child, .default .hr-settings-page .job-personnal .contact-info:first-child, .default .job-documentation-view-theme .job-personnal .contact-info:first-child), .default .crm-settings-page-theme .job-personnal .contact-info:not(.default .job-page-theme .job-personnal .contact-info:first-child, .default .customer-page-theme .job-personnal .contact-info:first-child, .default .suppliers-page .job-personnal .contact-info:first-child, .default .deviation-page-theme .job-personnal .contact-info:first-child, .default .upload-video-page .job-personnal .contact-info:first-child, .default .emailClient-page-theme .job-personnal .contact-info:first-child, .default .vat-periods-page .job-personnal .contact-info:first-child, .default .procedure-view-theme .job-personnal .contact-info:first-child, .default .crm-settings-page-theme .job-personnal .contact-info:first-child, .default .accounting-st-page-theme .job-personnal .contact-info:first-child, .default .equipment-page-theme .job-personnal .contact-info:first-child, .default .project-management .job-personnal .contact-info:first-child, .default .hr-settings-page .job-personnal .contact-info:first-child, .default .job-documentation-view-theme .job-personnal .contact-info:first-child), .default .accounting-st-page-theme .job-personnal .contact-info:not(.default .job-page-theme .job-personnal .contact-info:first-child, .default .customer-page-theme .job-personnal .contact-info:first-child, .default .suppliers-page .job-personnal .contact-info:first-child, .default .deviation-page-theme .job-personnal .contact-info:first-child, .default .upload-video-page .job-personnal .contact-info:first-child, .default .emailClient-page-theme .job-personnal .contact-info:first-child, .default .vat-periods-page .job-personnal .contact-info:first-child, .default .procedure-view-theme .job-personnal .contact-info:first-child, .default .crm-settings-page-theme .job-personnal .contact-info:first-child, .default .accounting-st-page-theme .job-personnal .contact-info:first-child, .default .equipment-page-theme .job-personnal .contact-info:first-child, .default .project-management .job-personnal .contact-info:first-child, .default .hr-settings-page .job-personnal .contact-info:first-child, .default .job-documentation-view-theme .job-personnal .contact-info:first-child), .default .equipment-page-theme .job-personnal .contact-info:not(.default .job-page-theme .job-personnal .contact-info:first-child, .default .customer-page-theme .job-personnal .contact-info:first-child, .default .suppliers-page .job-personnal .contact-info:first-child, .default .deviation-page-theme .job-personnal .contact-info:first-child, .default .upload-video-page .job-personnal .contact-info:first-child, .default .emailClient-page-theme .job-personnal .contact-info:first-child, .default .vat-periods-page .job-personnal .contact-info:first-child, .default .procedure-view-theme .job-personnal .contact-info:first-child, .default .crm-settings-page-theme .job-personnal .contact-info:first-child, .default .accounting-st-page-theme .job-personnal .contact-info:first-child, .default .equipment-page-theme .job-personnal .contact-info:first-child, .default .project-management .job-personnal .contact-info:first-child, .default .hr-settings-page .job-personnal .contact-info:first-child, .default .job-documentation-view-theme .job-personnal .contact-info:first-child), .default .project-management .job-personnal .contact-info:not(.default .job-page-theme .job-personnal .contact-info:first-child, .default .customer-page-theme .job-personnal .contact-info:first-child, .default .suppliers-page .job-personnal .contact-info:first-child, .default .deviation-page-theme .job-personnal .contact-info:first-child, .default .upload-video-page .job-personnal .contact-info:first-child, .default .emailClient-page-theme .job-personnal .contact-info:first-child, .default .vat-periods-page .job-personnal .contact-info:first-child, .default .procedure-view-theme .job-personnal .contact-info:first-child, .default .crm-settings-page-theme .job-personnal .contact-info:first-child, .default .accounting-st-page-theme .job-personnal .contact-info:first-child, .default .equipment-page-theme .job-personnal .contact-info:first-child, .default .project-management .job-personnal .contact-info:first-child, .default .hr-settings-page .job-personnal .contact-info:first-child, .default .job-documentation-view-theme .job-personnal .contact-info:first-child), .default .hr-settings-page .job-personnal .contact-info:not(.default .job-page-theme .job-personnal .contact-info:first-child, .default .customer-page-theme .job-personnal .contact-info:first-child, .default .suppliers-page .job-personnal .contact-info:first-child, .default .deviation-page-theme .job-personnal .contact-info:first-child, .default .upload-video-page .job-personnal .contact-info:first-child, .default .emailClient-page-theme .job-personnal .contact-info:first-child, .default .vat-periods-page .job-personnal .contact-info:first-child, .default .procedure-view-theme .job-personnal .contact-info:first-child, .default .crm-settings-page-theme .job-personnal .contact-info:first-child, .default .accounting-st-page-theme .job-personnal .contact-info:first-child, .default .equipment-page-theme .job-personnal .contact-info:first-child, .default .project-management .job-personnal .contact-info:first-child, .default .hr-settings-page .job-personnal .contact-info:first-child, .default .job-documentation-view-theme .job-personnal .contact-info:first-child), .default .job-documentation-view-theme .job-personnal .contact-info:not(.default .job-page-theme .job-personnal .contact-info:first-child, .default .customer-page-theme .job-personnal .contact-info:first-child, .default .suppliers-page .job-personnal .contact-info:first-child, .default .deviation-page-theme .job-personnal .contact-info:first-child, .default .upload-video-page .job-personnal .contact-info:first-child, .default .emailClient-page-theme .job-personnal .contact-info:first-child, .default .vat-periods-page .job-personnal .contact-info:first-child, .default .procedure-view-theme .job-personnal .contact-info:first-child, .default .crm-settings-page-theme .job-personnal .contact-info:first-child, .default .accounting-st-page-theme .job-personnal .contact-info:first-child, .default .equipment-page-theme .job-personnal .contact-info:first-child, .default .project-management .job-personnal .contact-info:first-child, .default .hr-settings-page .job-personnal .contact-info:first-child, .default .job-documentation-view-theme .job-personnal .contact-info:first-child) {
  margin-left: 20px;
}
.default .job-page-theme .job-personnal .btn-circle, .default .customer-page-theme .job-personnal .btn-circle, .default .suppliers-page .job-personnal .btn-circle, .default .deviation-page-theme .job-personnal .btn-circle, .default .upload-video-page .job-personnal .btn-circle, .default .emailClient-page-theme .job-personnal .btn-circle, .default .vat-periods-page .job-personnal .btn-circle, .default .procedure-view-theme .job-personnal .btn-circle, .default .crm-settings-page-theme .job-personnal .btn-circle, .default .accounting-st-page-theme .job-personnal .btn-circle, .default .equipment-page-theme .job-personnal .btn-circle, .default .project-management .job-personnal .btn-circle, .default .hr-settings-page .job-personnal .btn-circle, .default .job-documentation-view-theme .job-personnal .btn-circle {
  background: #fff;
  margin-left: 10px !important;
}
.default .job-page-theme .job-personnal .show-job-personal-btn, .default .customer-page-theme .job-personnal .show-job-personal-btn, .default .suppliers-page .job-personnal .show-job-personal-btn, .default .deviation-page-theme .job-personnal .show-job-personal-btn, .default .upload-video-page .job-personnal .show-job-personal-btn, .default .emailClient-page-theme .job-personnal .show-job-personal-btn, .default .vat-periods-page .job-personnal .show-job-personal-btn, .default .procedure-view-theme .job-personnal .show-job-personal-btn, .default .crm-settings-page-theme .job-personnal .show-job-personal-btn, .default .accounting-st-page-theme .job-personnal .show-job-personal-btn, .default .equipment-page-theme .job-personnal .show-job-personal-btn, .default .project-management .job-personnal .show-job-personal-btn, .default .hr-settings-page .job-personnal .show-job-personal-btn, .default .job-documentation-view-theme .job-personnal .show-job-personal-btn {
  margin-left: 0px;
}
.default .job-page-theme .job-personnal .flex-group, .default .customer-page-theme .job-personnal .flex-group, .default .suppliers-page .job-personnal .flex-group, .default .deviation-page-theme .job-personnal .flex-group, .default .upload-video-page .job-personnal .flex-group, .default .emailClient-page-theme .job-personnal .flex-group, .default .vat-periods-page .job-personnal .flex-group, .default .procedure-view-theme .job-personnal .flex-group, .default .crm-settings-page-theme .job-personnal .flex-group, .default .accounting-st-page-theme .job-personnal .flex-group, .default .equipment-page-theme .job-personnal .flex-group, .default .project-management .job-personnal .flex-group, .default .hr-settings-page .job-personnal .flex-group, .default .job-documentation-view-theme .job-personnal .flex-group {
  justify-content: flex-start;
}
.default .job-page-theme .job-personnal .view-all-sm, .default .customer-page-theme .job-personnal .view-all-sm, .default .suppliers-page .job-personnal .view-all-sm, .default .deviation-page-theme .job-personnal .view-all-sm, .default .upload-video-page .job-personnal .view-all-sm, .default .emailClient-page-theme .job-personnal .view-all-sm, .default .vat-periods-page .job-personnal .view-all-sm, .default .procedure-view-theme .job-personnal .view-all-sm, .default .crm-settings-page-theme .job-personnal .view-all-sm, .default .accounting-st-page-theme .job-personnal .view-all-sm, .default .equipment-page-theme .job-personnal .view-all-sm, .default .project-management .job-personnal .view-all-sm, .default .hr-settings-page .job-personnal .view-all-sm, .default .job-documentation-view-theme .job-personnal .view-all-sm {
  margin-top: 15px;
}
.default .job-page-theme .view-all-sm, .default .customer-page-theme .view-all-sm, .default .suppliers-page .view-all-sm, .default .deviation-page-theme .view-all-sm, .default .upload-video-page .view-all-sm, .default .emailClient-page-theme .view-all-sm, .default .vat-periods-page .view-all-sm, .default .procedure-view-theme .view-all-sm, .default .crm-settings-page-theme .view-all-sm, .default .accounting-st-page-theme .view-all-sm, .default .equipment-page-theme .view-all-sm, .default .project-management .view-all-sm, .default .hr-settings-page .view-all-sm, .default .job-documentation-view-theme .view-all-sm {
  padding: 10px 10px;
  border-radius: 8px;
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .job-page-theme .ov-sec, .default .customer-page-theme .ov-sec, .default .suppliers-page .ov-sec, .default .deviation-page-theme .ov-sec, .default .upload-video-page .ov-sec, .default .emailClient-page-theme .ov-sec, .default .vat-periods-page .ov-sec, .default .procedure-view-theme .ov-sec, .default .crm-settings-page-theme .ov-sec, .default .accounting-st-page-theme .ov-sec, .default .equipment-page-theme .ov-sec, .default .project-management .ov-sec, .default .hr-settings-page .ov-sec, .default .job-documentation-view-theme .ov-sec {
  position: relative;
  z-index: 1;
  border-bottom: unset;
}
.default .job-page-theme .ov-sec:after, .default .customer-page-theme .ov-sec:after, .default .suppliers-page .ov-sec:after, .default .deviation-page-theme .ov-sec:after, .default .upload-video-page .ov-sec:after, .default .emailClient-page-theme .ov-sec:after, .default .vat-periods-page .ov-sec:after, .default .procedure-view-theme .ov-sec:after, .default .crm-settings-page-theme .ov-sec:after, .default .accounting-st-page-theme .ov-sec:after, .default .equipment-page-theme .ov-sec:after, .default .project-management .ov-sec:after, .default .hr-settings-page .ov-sec:after, .default .job-documentation-view-theme .ov-sec:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 15px;
  width: 85%;
  border-bottom: 3px solid #fff !important;
  left: 50%;
  transform: translate(-50%, -50%);
}
.default .job-page-theme .ov-wrapper, .default .customer-page-theme .ov-wrapper, .default .suppliers-page .ov-wrapper, .default .deviation-page-theme .ov-wrapper, .default .upload-video-page .ov-wrapper, .default .emailClient-page-theme .ov-wrapper, .default .vat-periods-page .ov-wrapper, .default .procedure-view-theme .ov-wrapper, .default .crm-settings-page-theme .ov-wrapper, .default .accounting-st-page-theme .ov-wrapper, .default .equipment-page-theme .ov-wrapper, .default .project-management .ov-wrapper, .default .hr-settings-page .ov-wrapper, .default .job-documentation-view-theme .ov-wrapper {
  padding: 45px 50px;
}
.default .job-page-theme .ov-wrapper .form-group label, .default .customer-page-theme .ov-wrapper .form-group label, .default .suppliers-page .ov-wrapper .form-group label, .default .deviation-page-theme .ov-wrapper .form-group label, .default .upload-video-page .ov-wrapper .form-group label, .default .emailClient-page-theme .ov-wrapper .form-group label, .default .vat-periods-page .ov-wrapper .form-group label, .default .procedure-view-theme .ov-wrapper .form-group label, .default .crm-settings-page-theme .ov-wrapper .form-group label, .default .accounting-st-page-theme .ov-wrapper .form-group label, .default .equipment-page-theme .ov-wrapper .form-group label, .default .project-management .ov-wrapper .form-group label, .default .hr-settings-page .ov-wrapper .form-group label, .default .job-documentation-view-theme .ov-wrapper .form-group label {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .job-page-theme .ov-wrapper .button, .default .customer-page-theme .ov-wrapper .button, .default .suppliers-page .ov-wrapper .button, .default .deviation-page-theme .ov-wrapper .button, .default .upload-video-page .ov-wrapper .button, .default .emailClient-page-theme .ov-wrapper .button, .default .vat-periods-page .ov-wrapper .button, .default .procedure-view-theme .ov-wrapper .button, .default .crm-settings-page-theme .ov-wrapper .button, .default .accounting-st-page-theme .ov-wrapper .button, .default .equipment-page-theme .ov-wrapper .button, .default .project-management .ov-wrapper .button, .default .hr-settings-page .ov-wrapper .button, .default .job-documentation-view-theme .ov-wrapper .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-radius: 9px;
  font-size: 13px !important;
  text-transform: lowercase !important;
  height: 30px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .job-page-theme .ov-wrapper input[type=checkbox]:checked + label::after, .default .customer-page-theme .ov-wrapper input[type=checkbox]:checked + label::after, .default .suppliers-page .ov-wrapper input[type=checkbox]:checked + label::after, .default .deviation-page-theme .ov-wrapper input[type=checkbox]:checked + label::after, .default .upload-video-page .ov-wrapper input[type=checkbox]:checked + label::after, .default .emailClient-page-theme .ov-wrapper input[type=checkbox]:checked + label::after, .default .vat-periods-page .ov-wrapper input[type=checkbox]:checked + label::after, .default .procedure-view-theme .ov-wrapper input[type=checkbox]:checked + label::after, .default .crm-settings-page-theme .ov-wrapper input[type=checkbox]:checked + label::after, .default .accounting-st-page-theme .ov-wrapper input[type=checkbox]:checked + label::after, .default .equipment-page-theme .ov-wrapper input[type=checkbox]:checked + label::after, .default .project-management .ov-wrapper input[type=checkbox]:checked + label::after, .default .hr-settings-page .ov-wrapper input[type=checkbox]:checked + label::after, .default .job-documentation-view-theme .ov-wrapper input[type=checkbox]:checked + label::after {
  background: #000;
  border-color: #000;
}
.default .job-page-theme .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .customer-page-theme .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .suppliers-page .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .deviation-page-theme .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .upload-video-page .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .emailClient-page-theme .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .vat-periods-page .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .procedure-view-theme .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .crm-settings-page-theme .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .accounting-st-page-theme .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .equipment-page-theme .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .project-management .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .hr-settings-page .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .job-documentation-view-theme .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before {
  background: #000;
}
.default .job-page-theme .ov-wrapper .radio-btn div, .default .customer-page-theme .ov-wrapper .radio-btn div, .default .suppliers-page .ov-wrapper .radio-btn div, .default .deviation-page-theme .ov-wrapper .radio-btn div, .default .upload-video-page .ov-wrapper .radio-btn div, .default .emailClient-page-theme .ov-wrapper .radio-btn div, .default .vat-periods-page .ov-wrapper .radio-btn div, .default .procedure-view-theme .ov-wrapper .radio-btn div, .default .crm-settings-page-theme .ov-wrapper .radio-btn div, .default .accounting-st-page-theme .ov-wrapper .radio-btn div, .default .equipment-page-theme .ov-wrapper .radio-btn div, .default .project-management .ov-wrapper .radio-btn div, .default .hr-settings-page .ov-wrapper .radio-btn div, .default .job-documentation-view-theme .ov-wrapper .radio-btn div {
  border: 2px solid #000;
}
.default .job-page-theme .ov-wrapper .filter-options, .default .customer-page-theme .ov-wrapper .filter-options, .default .suppliers-page .ov-wrapper .filter-options, .default .deviation-page-theme .ov-wrapper .filter-options, .default .upload-video-page .ov-wrapper .filter-options, .default .emailClient-page-theme .ov-wrapper .filter-options, .default .vat-periods-page .ov-wrapper .filter-options, .default .procedure-view-theme .ov-wrapper .filter-options, .default .crm-settings-page-theme .ov-wrapper .filter-options, .default .accounting-st-page-theme .ov-wrapper .filter-options, .default .equipment-page-theme .ov-wrapper .filter-options, .default .project-management .ov-wrapper .filter-options, .default .hr-settings-page .ov-wrapper .filter-options, .default .job-documentation-view-theme .ov-wrapper .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .job-page-theme .ov-wrapper .filter-options .button, .default .customer-page-theme .ov-wrapper .filter-options .button, .default .suppliers-page .ov-wrapper .filter-options .button, .default .deviation-page-theme .ov-wrapper .filter-options .button, .default .upload-video-page .ov-wrapper .filter-options .button, .default .emailClient-page-theme .ov-wrapper .filter-options .button, .default .vat-periods-page .ov-wrapper .filter-options .button, .default .procedure-view-theme .ov-wrapper .filter-options .button, .default .crm-settings-page-theme .ov-wrapper .filter-options .button, .default .accounting-st-page-theme .ov-wrapper .filter-options .button, .default .equipment-page-theme .ov-wrapper .filter-options .button, .default .project-management .ov-wrapper .filter-options .button, .default .hr-settings-page .ov-wrapper .filter-options .button, .default .job-documentation-view-theme .ov-wrapper .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .job-page-theme .ov-wrapper .filter-options .filter-item select, .default .customer-page-theme .ov-wrapper .filter-options .filter-item select, .default .suppliers-page .ov-wrapper .filter-options .filter-item select, .default .deviation-page-theme .ov-wrapper .filter-options .filter-item select, .default .upload-video-page .ov-wrapper .filter-options .filter-item select, .default .emailClient-page-theme .ov-wrapper .filter-options .filter-item select, .default .vat-periods-page .ov-wrapper .filter-options .filter-item select, .default .procedure-view-theme .ov-wrapper .filter-options .filter-item select, .default .crm-settings-page-theme .ov-wrapper .filter-options .filter-item select, .default .accounting-st-page-theme .ov-wrapper .filter-options .filter-item select, .default .equipment-page-theme .ov-wrapper .filter-options .filter-item select, .default .project-management .ov-wrapper .filter-options .filter-item select, .default .hr-settings-page .ov-wrapper .filter-options .filter-item select, .default .job-documentation-view-theme .ov-wrapper .filter-options .filter-item select {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .job-page-theme .ov-wrapper .filter-options .filter-item:after, .default .customer-page-theme .ov-wrapper .filter-options .filter-item:after, .default .suppliers-page .ov-wrapper .filter-options .filter-item:after, .default .deviation-page-theme .ov-wrapper .filter-options .filter-item:after, .default .upload-video-page .ov-wrapper .filter-options .filter-item:after, .default .emailClient-page-theme .ov-wrapper .filter-options .filter-item:after, .default .vat-periods-page .ov-wrapper .filter-options .filter-item:after, .default .procedure-view-theme .ov-wrapper .filter-options .filter-item:after, .default .crm-settings-page-theme .ov-wrapper .filter-options .filter-item:after, .default .accounting-st-page-theme .ov-wrapper .filter-options .filter-item:after, .default .equipment-page-theme .ov-wrapper .filter-options .filter-item:after, .default .project-management .ov-wrapper .filter-options .filter-item:after, .default .hr-settings-page .ov-wrapper .filter-options .filter-item:after, .default .job-documentation-view-theme .ov-wrapper .filter-options .filter-item:after {
  background: none;
}
.default .job-page-theme .ov-wrapper .search-filter, .default .job-page-theme .ov-wrapper .map-search, .default .customer-page-theme .ov-wrapper .search-filter, .default .customer-page-theme .ov-wrapper .map-search, .default .suppliers-page .ov-wrapper .search-filter, .default .suppliers-page .ov-wrapper .map-search, .default .deviation-page-theme .ov-wrapper .search-filter, .default .deviation-page-theme .ov-wrapper .map-search, .default .upload-video-page .ov-wrapper .search-filter, .default .upload-video-page .ov-wrapper .map-search, .default .emailClient-page-theme .ov-wrapper .search-filter, .default .emailClient-page-theme .ov-wrapper .map-search, .default .vat-periods-page .ov-wrapper .search-filter, .default .vat-periods-page .ov-wrapper .map-search, .default .procedure-view-theme .ov-wrapper .search-filter, .default .procedure-view-theme .ov-wrapper .map-search, .default .crm-settings-page-theme .ov-wrapper .search-filter, .default .crm-settings-page-theme .ov-wrapper .map-search, .default .accounting-st-page-theme .ov-wrapper .search-filter, .default .accounting-st-page-theme .ov-wrapper .map-search, .default .equipment-page-theme .ov-wrapper .search-filter, .default .equipment-page-theme .ov-wrapper .map-search, .default .project-management .ov-wrapper .search-filter, .default .project-management .ov-wrapper .map-search, .default .hr-settings-page .ov-wrapper .search-filter, .default .hr-settings-page .ov-wrapper .map-search, .default .job-documentation-view-theme .ov-wrapper .search-filter, .default .job-documentation-view-theme .ov-wrapper .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .job-page-theme .ov-wrapper .search-filter .form-control, .default .job-page-theme .ov-wrapper .map-search .form-control, .default .customer-page-theme .ov-wrapper .search-filter .form-control, .default .customer-page-theme .ov-wrapper .map-search .form-control, .default .suppliers-page .ov-wrapper .search-filter .form-control, .default .suppliers-page .ov-wrapper .map-search .form-control, .default .deviation-page-theme .ov-wrapper .search-filter .form-control, .default .deviation-page-theme .ov-wrapper .map-search .form-control, .default .upload-video-page .ov-wrapper .search-filter .form-control, .default .upload-video-page .ov-wrapper .map-search .form-control, .default .emailClient-page-theme .ov-wrapper .search-filter .form-control, .default .emailClient-page-theme .ov-wrapper .map-search .form-control, .default .vat-periods-page .ov-wrapper .search-filter .form-control, .default .vat-periods-page .ov-wrapper .map-search .form-control, .default .procedure-view-theme .ov-wrapper .search-filter .form-control, .default .procedure-view-theme .ov-wrapper .map-search .form-control, .default .crm-settings-page-theme .ov-wrapper .search-filter .form-control, .default .crm-settings-page-theme .ov-wrapper .map-search .form-control, .default .accounting-st-page-theme .ov-wrapper .search-filter .form-control, .default .accounting-st-page-theme .ov-wrapper .map-search .form-control, .default .equipment-page-theme .ov-wrapper .search-filter .form-control, .default .equipment-page-theme .ov-wrapper .map-search .form-control, .default .project-management .ov-wrapper .search-filter .form-control, .default .project-management .ov-wrapper .map-search .form-control, .default .hr-settings-page .ov-wrapper .search-filter .form-control, .default .hr-settings-page .ov-wrapper .map-search .form-control, .default .job-documentation-view-theme .ov-wrapper .search-filter .form-control, .default .job-documentation-view-theme .ov-wrapper .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .job-page-theme .ov-wrapper .search-filter .form-control:hover, .default .job-page-theme .ov-wrapper .map-search .form-control:hover, .default .customer-page-theme .ov-wrapper .search-filter .form-control:hover, .default .customer-page-theme .ov-wrapper .map-search .form-control:hover, .default .suppliers-page .ov-wrapper .search-filter .form-control:hover, .default .suppliers-page .ov-wrapper .map-search .form-control:hover, .default .deviation-page-theme .ov-wrapper .search-filter .form-control:hover, .default .deviation-page-theme .ov-wrapper .map-search .form-control:hover, .default .upload-video-page .ov-wrapper .search-filter .form-control:hover, .default .upload-video-page .ov-wrapper .map-search .form-control:hover, .default .emailClient-page-theme .ov-wrapper .search-filter .form-control:hover, .default .emailClient-page-theme .ov-wrapper .map-search .form-control:hover, .default .vat-periods-page .ov-wrapper .search-filter .form-control:hover, .default .vat-periods-page .ov-wrapper .map-search .form-control:hover, .default .procedure-view-theme .ov-wrapper .search-filter .form-control:hover, .default .procedure-view-theme .ov-wrapper .map-search .form-control:hover, .default .crm-settings-page-theme .ov-wrapper .search-filter .form-control:hover, .default .crm-settings-page-theme .ov-wrapper .map-search .form-control:hover, .default .accounting-st-page-theme .ov-wrapper .search-filter .form-control:hover, .default .accounting-st-page-theme .ov-wrapper .map-search .form-control:hover, .default .equipment-page-theme .ov-wrapper .search-filter .form-control:hover, .default .equipment-page-theme .ov-wrapper .map-search .form-control:hover, .default .project-management .ov-wrapper .search-filter .form-control:hover, .default .project-management .ov-wrapper .map-search .form-control:hover, .default .hr-settings-page .ov-wrapper .search-filter .form-control:hover, .default .hr-settings-page .ov-wrapper .map-search .form-control:hover, .default .job-documentation-view-theme .ov-wrapper .search-filter .form-control:hover, .default .job-documentation-view-theme .ov-wrapper .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .job-page-theme .ov-wrapper .search-filter .anticon, .default .job-page-theme .ov-wrapper .map-search .anticon, .default .customer-page-theme .ov-wrapper .search-filter .anticon, .default .customer-page-theme .ov-wrapper .map-search .anticon, .default .suppliers-page .ov-wrapper .search-filter .anticon, .default .suppliers-page .ov-wrapper .map-search .anticon, .default .deviation-page-theme .ov-wrapper .search-filter .anticon, .default .deviation-page-theme .ov-wrapper .map-search .anticon, .default .upload-video-page .ov-wrapper .search-filter .anticon, .default .upload-video-page .ov-wrapper .map-search .anticon, .default .emailClient-page-theme .ov-wrapper .search-filter .anticon, .default .emailClient-page-theme .ov-wrapper .map-search .anticon, .default .vat-periods-page .ov-wrapper .search-filter .anticon, .default .vat-periods-page .ov-wrapper .map-search .anticon, .default .procedure-view-theme .ov-wrapper .search-filter .anticon, .default .procedure-view-theme .ov-wrapper .map-search .anticon, .default .crm-settings-page-theme .ov-wrapper .search-filter .anticon, .default .crm-settings-page-theme .ov-wrapper .map-search .anticon, .default .accounting-st-page-theme .ov-wrapper .search-filter .anticon, .default .accounting-st-page-theme .ov-wrapper .map-search .anticon, .default .equipment-page-theme .ov-wrapper .search-filter .anticon, .default .equipment-page-theme .ov-wrapper .map-search .anticon, .default .project-management .ov-wrapper .search-filter .anticon, .default .project-management .ov-wrapper .map-search .anticon, .default .hr-settings-page .ov-wrapper .search-filter .anticon, .default .hr-settings-page .ov-wrapper .map-search .anticon, .default .job-documentation-view-theme .ov-wrapper .search-filter .anticon, .default .job-documentation-view-theme .ov-wrapper .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .job-page-theme .ov-wrapper .title h2, .default .customer-page-theme .ov-wrapper .title h2, .default .suppliers-page .ov-wrapper .title h2, .default .deviation-page-theme .ov-wrapper .title h2, .default .upload-video-page .ov-wrapper .title h2, .default .emailClient-page-theme .ov-wrapper .title h2, .default .vat-periods-page .ov-wrapper .title h2, .default .procedure-view-theme .ov-wrapper .title h2, .default .crm-settings-page-theme .ov-wrapper .title h2, .default .accounting-st-page-theme .ov-wrapper .title h2, .default .equipment-page-theme .ov-wrapper .title h2, .default .project-management .ov-wrapper .title h2, .default .hr-settings-page .ov-wrapper .title h2, .default .job-documentation-view-theme .ov-wrapper .title h2 {
  color: #414e57;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .job-page-theme .ov-wrapper .add-btn-primary, .default .job-page-theme .ov-wrapper .add-new-btn, .default .customer-page-theme .ov-wrapper .add-btn-primary, .default .customer-page-theme .ov-wrapper .add-new-btn, .default .suppliers-page .ov-wrapper .add-btn-primary, .default .suppliers-page .ov-wrapper .add-new-btn, .default .deviation-page-theme .ov-wrapper .add-btn-primary, .default .deviation-page-theme .ov-wrapper .add-new-btn, .default .upload-video-page .ov-wrapper .add-btn-primary, .default .upload-video-page .ov-wrapper .add-new-btn, .default .emailClient-page-theme .ov-wrapper .add-btn-primary, .default .emailClient-page-theme .ov-wrapper .add-new-btn, .default .vat-periods-page .ov-wrapper .add-btn-primary, .default .vat-periods-page .ov-wrapper .add-new-btn, .default .procedure-view-theme .ov-wrapper .add-btn-primary, .default .procedure-view-theme .ov-wrapper .add-new-btn, .default .crm-settings-page-theme .ov-wrapper .add-btn-primary, .default .crm-settings-page-theme .ov-wrapper .add-new-btn, .default .accounting-st-page-theme .ov-wrapper .add-btn-primary, .default .accounting-st-page-theme .ov-wrapper .add-new-btn, .default .equipment-page-theme .ov-wrapper .add-btn-primary, .default .equipment-page-theme .ov-wrapper .add-new-btn, .default .project-management .ov-wrapper .add-btn-primary, .default .project-management .ov-wrapper .add-new-btn, .default .hr-settings-page .ov-wrapper .add-btn-primary, .default .hr-settings-page .ov-wrapper .add-new-btn, .default .job-documentation-view-theme .ov-wrapper .add-btn-primary, .default .job-documentation-view-theme .ov-wrapper .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .job-page-theme .ov-wrapper .add-btn-primary .badge, .default .job-page-theme .ov-wrapper .add-new-btn .badge, .default .customer-page-theme .ov-wrapper .add-btn-primary .badge, .default .customer-page-theme .ov-wrapper .add-new-btn .badge, .default .suppliers-page .ov-wrapper .add-btn-primary .badge, .default .suppliers-page .ov-wrapper .add-new-btn .badge, .default .deviation-page-theme .ov-wrapper .add-btn-primary .badge, .default .deviation-page-theme .ov-wrapper .add-new-btn .badge, .default .upload-video-page .ov-wrapper .add-btn-primary .badge, .default .upload-video-page .ov-wrapper .add-new-btn .badge, .default .emailClient-page-theme .ov-wrapper .add-btn-primary .badge, .default .emailClient-page-theme .ov-wrapper .add-new-btn .badge, .default .vat-periods-page .ov-wrapper .add-btn-primary .badge, .default .vat-periods-page .ov-wrapper .add-new-btn .badge, .default .procedure-view-theme .ov-wrapper .add-btn-primary .badge, .default .procedure-view-theme .ov-wrapper .add-new-btn .badge, .default .crm-settings-page-theme .ov-wrapper .add-btn-primary .badge, .default .crm-settings-page-theme .ov-wrapper .add-new-btn .badge, .default .accounting-st-page-theme .ov-wrapper .add-btn-primary .badge, .default .accounting-st-page-theme .ov-wrapper .add-new-btn .badge, .default .equipment-page-theme .ov-wrapper .add-btn-primary .badge, .default .equipment-page-theme .ov-wrapper .add-new-btn .badge, .default .project-management .ov-wrapper .add-btn-primary .badge, .default .project-management .ov-wrapper .add-new-btn .badge, .default .hr-settings-page .ov-wrapper .add-btn-primary .badge, .default .hr-settings-page .ov-wrapper .add-new-btn .badge, .default .job-documentation-view-theme .ov-wrapper .add-btn-primary .badge, .default .job-documentation-view-theme .ov-wrapper .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .job-page-theme .ov-wrapper .add-btn-primary .badge i, .default .job-page-theme .ov-wrapper .add-new-btn .badge i, .default .customer-page-theme .ov-wrapper .add-btn-primary .badge i, .default .customer-page-theme .ov-wrapper .add-new-btn .badge i, .default .suppliers-page .ov-wrapper .add-btn-primary .badge i, .default .suppliers-page .ov-wrapper .add-new-btn .badge i, .default .deviation-page-theme .ov-wrapper .add-btn-primary .badge i, .default .deviation-page-theme .ov-wrapper .add-new-btn .badge i, .default .upload-video-page .ov-wrapper .add-btn-primary .badge i, .default .upload-video-page .ov-wrapper .add-new-btn .badge i, .default .emailClient-page-theme .ov-wrapper .add-btn-primary .badge i, .default .emailClient-page-theme .ov-wrapper .add-new-btn .badge i, .default .vat-periods-page .ov-wrapper .add-btn-primary .badge i, .default .vat-periods-page .ov-wrapper .add-new-btn .badge i, .default .procedure-view-theme .ov-wrapper .add-btn-primary .badge i, .default .procedure-view-theme .ov-wrapper .add-new-btn .badge i, .default .crm-settings-page-theme .ov-wrapper .add-btn-primary .badge i, .default .crm-settings-page-theme .ov-wrapper .add-new-btn .badge i, .default .accounting-st-page-theme .ov-wrapper .add-btn-primary .badge i, .default .accounting-st-page-theme .ov-wrapper .add-new-btn .badge i, .default .equipment-page-theme .ov-wrapper .add-btn-primary .badge i, .default .equipment-page-theme .ov-wrapper .add-new-btn .badge i, .default .project-management .ov-wrapper .add-btn-primary .badge i, .default .project-management .ov-wrapper .add-new-btn .badge i, .default .hr-settings-page .ov-wrapper .add-btn-primary .badge i, .default .hr-settings-page .ov-wrapper .add-new-btn .badge i, .default .job-documentation-view-theme .ov-wrapper .add-btn-primary .badge i, .default .job-documentation-view-theme .ov-wrapper .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .job-page-theme .ov-wrapper .quill, .default .customer-page-theme .ov-wrapper .quill, .default .suppliers-page .ov-wrapper .quill, .default .deviation-page-theme .ov-wrapper .quill, .default .upload-video-page .ov-wrapper .quill, .default .emailClient-page-theme .ov-wrapper .quill, .default .vat-periods-page .ov-wrapper .quill, .default .procedure-view-theme .ov-wrapper .quill, .default .crm-settings-page-theme .ov-wrapper .quill, .default .accounting-st-page-theme .ov-wrapper .quill, .default .equipment-page-theme .ov-wrapper .quill, .default .project-management .ov-wrapper .quill, .default .hr-settings-page .ov-wrapper .quill, .default .job-documentation-view-theme .ov-wrapper .quill {
  background: #fff;
  border-radius: 9px;
}
.default .job-page-theme .ov-wrapper .quill .ql-editor, .default .customer-page-theme .ov-wrapper .quill .ql-editor, .default .suppliers-page .ov-wrapper .quill .ql-editor, .default .deviation-page-theme .ov-wrapper .quill .ql-editor, .default .upload-video-page .ov-wrapper .quill .ql-editor, .default .emailClient-page-theme .ov-wrapper .quill .ql-editor, .default .vat-periods-page .ov-wrapper .quill .ql-editor, .default .procedure-view-theme .ov-wrapper .quill .ql-editor, .default .crm-settings-page-theme .ov-wrapper .quill .ql-editor, .default .accounting-st-page-theme .ov-wrapper .quill .ql-editor, .default .equipment-page-theme .ov-wrapper .quill .ql-editor, .default .project-management .ov-wrapper .quill .ql-editor, .default .hr-settings-page .ov-wrapper .quill .ql-editor, .default .job-documentation-view-theme .ov-wrapper .quill .ql-editor {
  border: 0 !important;
}
.default .job-page-theme .ov-wrapper .video-link, .default .customer-page-theme .ov-wrapper .video-link, .default .suppliers-page .ov-wrapper .video-link, .default .deviation-page-theme .ov-wrapper .video-link, .default .upload-video-page .ov-wrapper .video-link, .default .emailClient-page-theme .ov-wrapper .video-link, .default .vat-periods-page .ov-wrapper .video-link, .default .procedure-view-theme .ov-wrapper .video-link, .default .crm-settings-page-theme .ov-wrapper .video-link, .default .accounting-st-page-theme .ov-wrapper .video-link, .default .equipment-page-theme .ov-wrapper .video-link, .default .project-management .ov-wrapper .video-link, .default .hr-settings-page .ov-wrapper .video-link, .default .job-documentation-view-theme .ov-wrapper .video-link {
  width: 50%;
}
.default .job-page-theme .ov-wrapper .video-link label, .default .customer-page-theme .ov-wrapper .video-link label, .default .suppliers-page .ov-wrapper .video-link label, .default .deviation-page-theme .ov-wrapper .video-link label, .default .upload-video-page .ov-wrapper .video-link label, .default .emailClient-page-theme .ov-wrapper .video-link label, .default .vat-periods-page .ov-wrapper .video-link label, .default .procedure-view-theme .ov-wrapper .video-link label, .default .crm-settings-page-theme .ov-wrapper .video-link label, .default .accounting-st-page-theme .ov-wrapper .video-link label, .default .equipment-page-theme .ov-wrapper .video-link label, .default .project-management .ov-wrapper .video-link label, .default .hr-settings-page .ov-wrapper .video-link label, .default .job-documentation-view-theme .ov-wrapper .video-link label {
  display: flex;
  flex-basis: 100px;
  align-items: center;
  font-weight: 500;
}
.default .job-page-theme .ov-wrapper .video-link .quill, .default .customer-page-theme .ov-wrapper .video-link .quill, .default .suppliers-page .ov-wrapper .video-link .quill, .default .deviation-page-theme .ov-wrapper .video-link .quill, .default .upload-video-page .ov-wrapper .video-link .quill, .default .emailClient-page-theme .ov-wrapper .video-link .quill, .default .vat-periods-page .ov-wrapper .video-link .quill, .default .procedure-view-theme .ov-wrapper .video-link .quill, .default .crm-settings-page-theme .ov-wrapper .video-link .quill, .default .accounting-st-page-theme .ov-wrapper .video-link .quill, .default .equipment-page-theme .ov-wrapper .video-link .quill, .default .project-management .ov-wrapper .video-link .quill, .default .hr-settings-page .ov-wrapper .video-link .quill, .default .job-documentation-view-theme .ov-wrapper .video-link .quill {
  flex-basis: 100%;
}
.default .job-page-theme .ov-wrapper .video-link .ql-editor p, .default .customer-page-theme .ov-wrapper .video-link .ql-editor p, .default .suppliers-page .ov-wrapper .video-link .ql-editor p, .default .deviation-page-theme .ov-wrapper .video-link .ql-editor p, .default .upload-video-page .ov-wrapper .video-link .ql-editor p, .default .emailClient-page-theme .ov-wrapper .video-link .ql-editor p, .default .vat-periods-page .ov-wrapper .video-link .ql-editor p, .default .procedure-view-theme .ov-wrapper .video-link .ql-editor p, .default .crm-settings-page-theme .ov-wrapper .video-link .ql-editor p, .default .accounting-st-page-theme .ov-wrapper .video-link .ql-editor p, .default .equipment-page-theme .ov-wrapper .video-link .ql-editor p, .default .project-management .ov-wrapper .video-link .ql-editor p, .default .hr-settings-page .ov-wrapper .video-link .ql-editor p, .default .job-documentation-view-theme .ov-wrapper .video-link .ql-editor p {
  display: inline-block;
  width: 395px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.default .job-page-theme .ov-wrapper .catalogue, .default .customer-page-theme .ov-wrapper .catalogue, .default .suppliers-page .ov-wrapper .catalogue, .default .deviation-page-theme .ov-wrapper .catalogue, .default .upload-video-page .ov-wrapper .catalogue, .default .emailClient-page-theme .ov-wrapper .catalogue, .default .vat-periods-page .ov-wrapper .catalogue, .default .procedure-view-theme .ov-wrapper .catalogue, .default .crm-settings-page-theme .ov-wrapper .catalogue, .default .accounting-st-page-theme .ov-wrapper .catalogue, .default .equipment-page-theme .ov-wrapper .catalogue, .default .project-management .ov-wrapper .catalogue, .default .hr-settings-page .ov-wrapper .catalogue, .default .job-documentation-view-theme .ov-wrapper .catalogue {
  background: unset !important;
  margin-top: unset !important;
  border: 0 !important;
}
.default .job-page-theme .ov-wrapper .catalogue:hover, .default .customer-page-theme .ov-wrapper .catalogue:hover, .default .suppliers-page .ov-wrapper .catalogue:hover, .default .deviation-page-theme .ov-wrapper .catalogue:hover, .default .upload-video-page .ov-wrapper .catalogue:hover, .default .emailClient-page-theme .ov-wrapper .catalogue:hover, .default .vat-periods-page .ov-wrapper .catalogue:hover, .default .procedure-view-theme .ov-wrapper .catalogue:hover, .default .crm-settings-page-theme .ov-wrapper .catalogue:hover, .default .accounting-st-page-theme .ov-wrapper .catalogue:hover, .default .equipment-page-theme .ov-wrapper .catalogue:hover, .default .project-management .ov-wrapper .catalogue:hover, .default .hr-settings-page .ov-wrapper .catalogue:hover, .default .job-documentation-view-theme .ov-wrapper .catalogue:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .customer-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .suppliers-page .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .upload-video-page .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .vat-periods-page .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .project-management .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .hr-settings-page .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title {
  padding-right: 20px;
  max-width: 80%;
  word-wrap: break-word;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .customer-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .suppliers-page .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .upload-video-page .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .vat-periods-page .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .project-management .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .hr-settings-page .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter {
  text-transform: uppercase !important;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group, .default .customer-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group, .default .suppliers-page .ov-wrapper .catalogue .catalogue-header .btn-group, .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group, .default .upload-video-page .ov-wrapper .catalogue .catalogue-header .btn-group, .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group, .default .vat-periods-page .ov-wrapper .catalogue .catalogue-header .btn-group, .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-header .btn-group, .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group, .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group, .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group, .default .project-management .ov-wrapper .catalogue .catalogue-header .btn-group, .default .hr-settings-page .ov-wrapper .catalogue .catalogue-header .btn-group, .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-header .btn-group {
  margin-left: auto;
  width: max-content;
  flex: auto;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .customer-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .suppliers-page .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .upload-video-page .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .vat-periods-page .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .project-management .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .hr-settings-page .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle {
  background: #f2f2f2;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .customer-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .suppliers-page .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .upload-video-page .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .vat-periods-page .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .project-management .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .hr-settings-page .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat {
  margin-left: auto;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-container, .default .customer-page-theme .ov-wrapper .catalogue .catalogue-container, .default .suppliers-page .ov-wrapper .catalogue .catalogue-container, .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-container, .default .upload-video-page .ov-wrapper .catalogue .catalogue-container, .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-container, .default .vat-periods-page .ov-wrapper .catalogue .catalogue-container, .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-container, .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-container, .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-container, .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-container, .default .project-management .ov-wrapper .catalogue .catalogue-container, .default .hr-settings-page .ov-wrapper .catalogue .catalogue-container, .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-container {
  background: #f7f7f7;
  padding: 16px 20px;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-container .file-area, .default .customer-page-theme .ov-wrapper .catalogue .catalogue-container .file-area, .default .suppliers-page .ov-wrapper .catalogue .catalogue-container .file-area, .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-container .file-area, .default .upload-video-page .ov-wrapper .catalogue .catalogue-container .file-area, .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-container .file-area, .default .vat-periods-page .ov-wrapper .catalogue .catalogue-container .file-area, .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-container .file-area, .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-container .file-area, .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-container .file-area, .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-container .file-area, .default .project-management .ov-wrapper .catalogue .catalogue-container .file-area, .default .hr-settings-page .ov-wrapper .catalogue .catalogue-container .file-area, .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-container .file-area {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding-left: unset;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container, .default .customer-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container, .default .suppliers-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container, .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container, .default .upload-video-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container, .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container, .default .vat-periods-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container, .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container, .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container, .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container, .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container, .default .project-management .ov-wrapper .catalogue .catalogue-container .file-area .file-container, .default .hr-settings-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container, .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container {
  margin-top: 5px;
  gap: 10px;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .file, .default .customer-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .file, .default .suppliers-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container .file, .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .file, .default .upload-video-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container .file, .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .file, .default .vat-periods-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container .file, .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .file, .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .file, .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .file, .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .file, .default .project-management .ov-wrapper .catalogue .catalogue-container .file-area .file-container .file, .default .hr-settings-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container .file, .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .file {
  margin-left: 0px;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view, .default .customer-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view, .default .suppliers-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view, .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view, .default .upload-video-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view, .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view, .default .vat-periods-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view, .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view, .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view, .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view, .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view, .default .project-management .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view, .default .hr-settings-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view, .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view {
  padding: 0px;
  background: #f7f7f7;
  margin: 0 !important;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details, .default .customer-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details, .default .suppliers-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details, .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details, .default .upload-video-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details, .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details, .default .vat-periods-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details, .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details, .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details, .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details, .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details, .default .project-management .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details, .default .hr-settings-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details, .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details {
  background-color: #f7f7f7;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details .card-view-title, .default .customer-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details .card-view-title, .default .suppliers-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details .card-view-title, .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details .card-view-title, .default .upload-video-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details .card-view-title, .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details .card-view-title, .default .vat-periods-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details .card-view-title, .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details .card-view-title, .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details .card-view-title, .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details .card-view-title, .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details .card-view-title, .default .project-management .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details .card-view-title, .default .hr-settings-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details .card-view-title, .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container .card-view .card-view-details .card-view-title {
  font-weight: 500;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .customer-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .suppliers-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .upload-video-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .vat-periods-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .project-management .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .hr-settings-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) {
  flex: 0 1 auto;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)), .default .customer-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)), .default .suppliers-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)), .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)), .default .upload-video-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)), .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)), .default .vat-periods-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)), .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)), .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)), .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)), .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)), .default .project-management .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)), .default .hr-settings-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)), .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)) {
  display: flex;
  align-items: baseline;
  flex-basis: auto;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)) .file, .default .customer-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)) .file, .default .suppliers-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)) .file, .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)) .file, .default .upload-video-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)) .file, .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)) .file, .default .vat-periods-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)) .file, .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)) .file, .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)) .file, .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)) .file, .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)) .file, .default .project-management .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)) .file, .default .hr-settings-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)) .file, .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:not(.file-container:has(> .card-view)) .file {
  width: 185px;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .customer-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .suppliers-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .upload-video-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .vat-periods-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .project-management .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .hr-settings-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view), .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) {
  flex-basis: 100%;
  display: contents;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view, .default .customer-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view, .default .suppliers-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view, .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view, .default .upload-video-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view, .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view, .default .vat-periods-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view, .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view, .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view, .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view, .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view, .default .project-management .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view, .default .hr-settings-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view, .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view {
  min-width: 140px;
  max-width: 140px;
  box-shadow: none;
  border: 0;
}
.default .job-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view .card-view-details, .default .customer-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view .card-view-details, .default .suppliers-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view .card-view-details, .default .deviation-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view .card-view-details, .default .upload-video-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view .card-view-details, .default .emailClient-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view .card-view-details, .default .vat-periods-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view .card-view-details, .default .procedure-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view .card-view-details, .default .crm-settings-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view .card-view-details, .default .accounting-st-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view .card-view-details, .default .equipment-page-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view .card-view-details, .default .project-management .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view .card-view-details, .default .hr-settings-page .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view .card-view-details, .default .job-documentation-view-theme .ov-wrapper .catalogue .catalogue-container .file-area .file-container:has(> .card-view) .card-view .card-view-details {
  margin-top: 3px;
}
.default .job-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .customer-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .suppliers-page .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .deviation-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .upload-video-page .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .emailClient-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .vat-periods-page .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .procedure-view-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .crm-settings-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .accounting-st-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .equipment-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .project-management .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .hr-settings-page .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .job-documentation-view-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)) {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: max-content auto;
  align-items: baseline;
}
.default .job-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .customer-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .suppliers-page .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .deviation-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .upload-video-page .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .emailClient-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .vat-periods-page .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .procedure-view-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .crm-settings-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .accounting-st-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .equipment-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .project-management .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .hr-settings-page .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .job-documentation-view-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file {
  width: max-content;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .job-page-theme .ov-wrapper .file-container:has(> .card-view), .default .customer-page-theme .ov-wrapper .file-container:has(> .card-view), .default .suppliers-page .ov-wrapper .file-container:has(> .card-view), .default .deviation-page-theme .ov-wrapper .file-container:has(> .card-view), .default .upload-video-page .ov-wrapper .file-container:has(> .card-view), .default .emailClient-page-theme .ov-wrapper .file-container:has(> .card-view), .default .vat-periods-page .ov-wrapper .file-container:has(> .card-view), .default .procedure-view-theme .ov-wrapper .file-container:has(> .card-view), .default .crm-settings-page-theme .ov-wrapper .file-container:has(> .card-view), .default .accounting-st-page-theme .ov-wrapper .file-container:has(> .card-view), .default .equipment-page-theme .ov-wrapper .file-container:has(> .card-view), .default .project-management .ov-wrapper .file-container:has(> .card-view), .default .hr-settings-page .ov-wrapper .file-container:has(> .card-view), .default .job-documentation-view-theme .ov-wrapper .file-container:has(> .card-view) {
  flex-basis: 100%;
}
.default .job-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view, .default .customer-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view, .default .suppliers-page .ov-wrapper .file-container:has(> .card-view) .card-view, .default .deviation-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view, .default .upload-video-page .ov-wrapper .file-container:has(> .card-view) .card-view, .default .emailClient-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view, .default .vat-periods-page .ov-wrapper .file-container:has(> .card-view) .card-view, .default .procedure-view-theme .ov-wrapper .file-container:has(> .card-view) .card-view, .default .crm-settings-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view, .default .accounting-st-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view, .default .equipment-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view, .default .project-management .ov-wrapper .file-container:has(> .card-view) .card-view, .default .hr-settings-page .ov-wrapper .file-container:has(> .card-view) .card-view, .default .job-documentation-view-theme .ov-wrapper .file-container:has(> .card-view) .card-view {
  min-width: 140px;
  box-shadow: none;
  border: 0;
}
.default .job-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .customer-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .suppliers-page .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .deviation-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .upload-video-page .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .emailClient-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .vat-periods-page .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .procedure-view-theme .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .crm-settings-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .accounting-st-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .equipment-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .project-management .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .hr-settings-page .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .job-documentation-view-theme .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details {
  margin-top: 3px;
}
.default .job-page-theme .ov-wrapper .file-container, .default .customer-page-theme .ov-wrapper .file-container, .default .suppliers-page .ov-wrapper .file-container, .default .deviation-page-theme .ov-wrapper .file-container, .default .upload-video-page .ov-wrapper .file-container, .default .emailClient-page-theme .ov-wrapper .file-container, .default .vat-periods-page .ov-wrapper .file-container, .default .procedure-view-theme .ov-wrapper .file-container, .default .crm-settings-page-theme .ov-wrapper .file-container, .default .accounting-st-page-theme .ov-wrapper .file-container, .default .equipment-page-theme .ov-wrapper .file-container, .default .project-management .ov-wrapper .file-container, .default .hr-settings-page .ov-wrapper .file-container, .default .job-documentation-view-theme .ov-wrapper .file-container {
  margin: unset;
  align-items: flex-start;
  margin-top: 20px;
}
.default .job-page-theme .ov-wrapper .table .table-header, .default .customer-page-theme .ov-wrapper .table .table-header, .default .suppliers-page .ov-wrapper .table .table-header, .default .deviation-page-theme .ov-wrapper .table .table-header, .default .upload-video-page .ov-wrapper .table .table-header, .default .emailClient-page-theme .ov-wrapper .table .table-header, .default .vat-periods-page .ov-wrapper .table .table-header, .default .procedure-view-theme .ov-wrapper .table .table-header, .default .crm-settings-page-theme .ov-wrapper .table .table-header, .default .accounting-st-page-theme .ov-wrapper .table .table-header, .default .equipment-page-theme .ov-wrapper .table .table-header, .default .project-management .ov-wrapper .table .table-header, .default .hr-settings-page .ov-wrapper .table .table-header, .default .job-documentation-view-theme .ov-wrapper .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .job-page-theme .ov-wrapper .table .table-header .th-column, .default .customer-page-theme .ov-wrapper .table .table-header .th-column, .default .suppliers-page .ov-wrapper .table .table-header .th-column, .default .deviation-page-theme .ov-wrapper .table .table-header .th-column, .default .upload-video-page .ov-wrapper .table .table-header .th-column, .default .emailClient-page-theme .ov-wrapper .table .table-header .th-column, .default .vat-periods-page .ov-wrapper .table .table-header .th-column, .default .procedure-view-theme .ov-wrapper .table .table-header .th-column, .default .crm-settings-page-theme .ov-wrapper .table .table-header .th-column, .default .accounting-st-page-theme .ov-wrapper .table .table-header .th-column, .default .equipment-page-theme .ov-wrapper .table .table-header .th-column, .default .project-management .ov-wrapper .table .table-header .th-column, .default .hr-settings-page .ov-wrapper .table .table-header .th-column, .default .job-documentation-view-theme .ov-wrapper .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-group .table, .default .customer-page-theme .ov-wrapper .table .table-body .table-group .table, .default .suppliers-page .ov-wrapper .table .table-body .table-group .table, .default .deviation-page-theme .ov-wrapper .table .table-body .table-group .table, .default .upload-video-page .ov-wrapper .table .table-body .table-group .table, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-group .table, .default .vat-periods-page .ov-wrapper .table .table-body .table-group .table, .default .procedure-view-theme .ov-wrapper .table .table-body .table-group .table, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-group .table, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-group .table, .default .equipment-page-theme .ov-wrapper .table .table-body .table-group .table, .default .project-management .ov-wrapper .table .table-body .table-group .table, .default .hr-settings-page .ov-wrapper .table .table-body .table-group .table, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-row, .default .customer-page-theme .ov-wrapper .table .table-body .table-row, .default .suppliers-page .ov-wrapper .table .table-body .table-row, .default .deviation-page-theme .ov-wrapper .table .table-body .table-row, .default .upload-video-page .ov-wrapper .table .table-body .table-row, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-row, .default .vat-periods-page .ov-wrapper .table .table-body .table-row, .default .procedure-view-theme .ov-wrapper .table .table-body .table-row, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-row, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-row, .default .equipment-page-theme .ov-wrapper .table .table-body .table-row, .default .project-management .ov-wrapper .table .table-body .table-row, .default .hr-settings-page .ov-wrapper .table .table-body .table-row, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .customer-page-theme .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .suppliers-page .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .deviation-page-theme .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .upload-video-page .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .emailClient-page-theme .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .vat-periods-page .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .procedure-view-theme .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .equipment-page-theme .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .project-management .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .hr-settings-page .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .customer-page-theme .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .suppliers-page .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .deviation-page-theme .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .upload-video-page .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .vat-periods-page .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .procedure-view-theme .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .equipment-page-theme .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .project-management .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .hr-settings-page .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-row .currencyCode, .default .customer-page-theme .ov-wrapper .table .table-body .table-row .currencyCode, .default .suppliers-page .ov-wrapper .table .table-body .table-row .currencyCode, .default .deviation-page-theme .ov-wrapper .table .table-body .table-row .currencyCode, .default .upload-video-page .ov-wrapper .table .table-body .table-row .currencyCode, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-row .currencyCode, .default .vat-periods-page .ov-wrapper .table .table-body .table-row .currencyCode, .default .procedure-view-theme .ov-wrapper .table .table-body .table-row .currencyCode, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-row .currencyCode, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-row .currencyCode, .default .equipment-page-theme .ov-wrapper .table .table-body .table-row .currencyCode, .default .project-management .ov-wrapper .table .table-body .table-row .currencyCode, .default .hr-settings-page .ov-wrapper .table .table-body .table-row .currencyCode, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .customer-page-theme .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .suppliers-page .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .deviation-page-theme .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .upload-video-page .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .vat-periods-page .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .procedure-view-theme .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .equipment-page-theme .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .project-management .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .hr-settings-page .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-row .icon-btn, .default .customer-page-theme .ov-wrapper .table .table-body .table-row .icon-btn, .default .suppliers-page .ov-wrapper .table .table-body .table-row .icon-btn, .default .deviation-page-theme .ov-wrapper .table .table-body .table-row .icon-btn, .default .upload-video-page .ov-wrapper .table .table-body .table-row .icon-btn, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-row .icon-btn, .default .vat-periods-page .ov-wrapper .table .table-body .table-row .icon-btn, .default .procedure-view-theme .ov-wrapper .table .table-body .table-row .icon-btn, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-row .icon-btn, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-row .icon-btn, .default .equipment-page-theme .ov-wrapper .table .table-body .table-row .icon-btn, .default .project-management .ov-wrapper .table .table-body .table-row .icon-btn, .default .hr-settings-page .ov-wrapper .table .table-body .table-row .icon-btn, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .customer-page-theme .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .suppliers-page .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .deviation-page-theme .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .upload-video-page .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .vat-periods-page .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .procedure-view-theme .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .equipment-page-theme .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .project-management .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .hr-settings-page .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .customer-page-theme .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .suppliers-page .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .deviation-page-theme .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .upload-video-page .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .vat-periods-page .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .procedure-view-theme .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .equipment-page-theme .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .project-management .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .hr-settings-page .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-row div, .default .customer-page-theme .ov-wrapper .table .table-body .table-row div, .default .suppliers-page .ov-wrapper .table .table-body .table-row div, .default .deviation-page-theme .ov-wrapper .table .table-body .table-row div, .default .upload-video-page .ov-wrapper .table .table-body .table-row div, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-row div, .default .vat-periods-page .ov-wrapper .table .table-body .table-row div, .default .procedure-view-theme .ov-wrapper .table .table-body .table-row div, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-row div, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-row div, .default .equipment-page-theme .ov-wrapper .table .table-body .table-row div, .default .project-management .ov-wrapper .table .table-body .table-row div, .default .hr-settings-page .ov-wrapper .table .table-body .table-row div, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-row:hover div, .default .customer-page-theme .ov-wrapper .table .table-body .table-row:hover div, .default .suppliers-page .ov-wrapper .table .table-body .table-row:hover div, .default .deviation-page-theme .ov-wrapper .table .table-body .table-row:hover div, .default .upload-video-page .ov-wrapper .table .table-body .table-row:hover div, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-row:hover div, .default .vat-periods-page .ov-wrapper .table .table-body .table-row:hover div, .default .procedure-view-theme .ov-wrapper .table .table-body .table-row:hover div, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-row:hover div, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-row:hover div, .default .equipment-page-theme .ov-wrapper .table .table-body .table-row:hover div, .default .project-management .ov-wrapper .table .table-body .table-row:hover div, .default .hr-settings-page .ov-wrapper .table .table-body .table-row:hover div, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .customer-page-theme .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .suppliers-page .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .deviation-page-theme .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .upload-video-page .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .vat-periods-page .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .procedure-view-theme .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .equipment-page-theme .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .project-management .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .hr-settings-page .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-row .expand-icon, .default .customer-page-theme .ov-wrapper .table .table-body .table-row .expand-icon, .default .suppliers-page .ov-wrapper .table .table-body .table-row .expand-icon, .default .deviation-page-theme .ov-wrapper .table .table-body .table-row .expand-icon, .default .upload-video-page .ov-wrapper .table .table-body .table-row .expand-icon, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-row .expand-icon, .default .vat-periods-page .ov-wrapper .table .table-body .table-row .expand-icon, .default .procedure-view-theme .ov-wrapper .table .table-body .table-row .expand-icon, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-row .expand-icon, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-row .expand-icon, .default .equipment-page-theme .ov-wrapper .table .table-body .table-row .expand-icon, .default .project-management .ov-wrapper .table .table-body .table-row .expand-icon, .default .hr-settings-page .ov-wrapper .table .table-body .table-row .expand-icon, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .customer-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .suppliers-page .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .deviation-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .upload-video-page .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .vat-periods-page .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .procedure-view-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .equipment-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .project-management .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .hr-settings-page .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .customer-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .suppliers-page .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .deviation-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .upload-video-page .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .vat-periods-page .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .procedure-view-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .equipment-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .project-management .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .hr-settings-page .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .customer-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .suppliers-page .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .deviation-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .upload-video-page .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .vat-periods-page .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .procedure-view-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .equipment-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .project-management .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .hr-settings-page .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .customer-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .suppliers-page .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .deviation-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .upload-video-page .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .vat-periods-page .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .procedure-view-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .equipment-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .project-management .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .hr-settings-page .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .customer-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .suppliers-page .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .deviation-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .upload-video-page .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .vat-periods-page .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .procedure-view-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .equipment-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .project-management .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .hr-settings-page .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .customer-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .suppliers-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .deviation-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .upload-video-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .vat-periods-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .procedure-view-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .equipment-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .project-management .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .hr-settings-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .job-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .customer-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .customer-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .suppliers-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .suppliers-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .deviation-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .deviation-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .upload-video-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .upload-video-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .vat-periods-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .vat-periods-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .procedure-view-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .procedure-view-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .equipment-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .equipment-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .project-management .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .project-management .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .hr-settings-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .hr-settings-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .job-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .job-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .job-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .job-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .customer-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .customer-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .customer-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .customer-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .suppliers-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .suppliers-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .suppliers-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .suppliers-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .deviation-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .deviation-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .deviation-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .deviation-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .upload-video-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .upload-video-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .upload-video-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .upload-video-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .emailClient-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .vat-periods-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .vat-periods-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .vat-periods-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .vat-periods-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .procedure-view-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .procedure-view-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .procedure-view-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .procedure-view-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .crm-settings-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .accounting-st-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .equipment-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .equipment-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .equipment-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .equipment-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .project-management .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .project-management .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .project-management .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .project-management .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .hr-settings-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .hr-settings-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .hr-settings-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .hr-settings-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .job-documentation-view-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .job-page-theme .ov-wrapper .table .table-body .grouped-row, .default .customer-page-theme .ov-wrapper .table .table-body .grouped-row, .default .suppliers-page .ov-wrapper .table .table-body .grouped-row, .default .deviation-page-theme .ov-wrapper .table .table-body .grouped-row, .default .upload-video-page .ov-wrapper .table .table-body .grouped-row, .default .emailClient-page-theme .ov-wrapper .table .table-body .grouped-row, .default .vat-periods-page .ov-wrapper .table .table-body .grouped-row, .default .procedure-view-theme .ov-wrapper .table .table-body .grouped-row, .default .crm-settings-page-theme .ov-wrapper .table .table-body .grouped-row, .default .accounting-st-page-theme .ov-wrapper .table .table-body .grouped-row, .default .equipment-page-theme .ov-wrapper .table .table-body .grouped-row, .default .project-management .ov-wrapper .table .table-body .grouped-row, .default .hr-settings-page .ov-wrapper .table .table-body .grouped-row, .default .job-documentation-view-theme .ov-wrapper .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .job-page-theme .ov-wrapper .table .summary-count-row div, .default .customer-page-theme .ov-wrapper .table .summary-count-row div, .default .suppliers-page .ov-wrapper .table .summary-count-row div, .default .deviation-page-theme .ov-wrapper .table .summary-count-row div, .default .upload-video-page .ov-wrapper .table .summary-count-row div, .default .emailClient-page-theme .ov-wrapper .table .summary-count-row div, .default .vat-periods-page .ov-wrapper .table .summary-count-row div, .default .procedure-view-theme .ov-wrapper .table .summary-count-row div, .default .crm-settings-page-theme .ov-wrapper .table .summary-count-row div, .default .accounting-st-page-theme .ov-wrapper .table .summary-count-row div, .default .equipment-page-theme .ov-wrapper .table .summary-count-row div, .default .project-management .ov-wrapper .table .summary-count-row div, .default .hr-settings-page .ov-wrapper .table .summary-count-row div, .default .job-documentation-view-theme .ov-wrapper .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .job-page-theme .ov-wrapper .table .ov-supplier-invoice-list, .default .customer-page-theme .ov-wrapper .table .ov-supplier-invoice-list, .default .suppliers-page .ov-wrapper .table .ov-supplier-invoice-list, .default .deviation-page-theme .ov-wrapper .table .ov-supplier-invoice-list, .default .upload-video-page .ov-wrapper .table .ov-supplier-invoice-list, .default .emailClient-page-theme .ov-wrapper .table .ov-supplier-invoice-list, .default .vat-periods-page .ov-wrapper .table .ov-supplier-invoice-list, .default .procedure-view-theme .ov-wrapper .table .ov-supplier-invoice-list, .default .crm-settings-page-theme .ov-wrapper .table .ov-supplier-invoice-list, .default .accounting-st-page-theme .ov-wrapper .table .ov-supplier-invoice-list, .default .equipment-page-theme .ov-wrapper .table .ov-supplier-invoice-list, .default .project-management .ov-wrapper .table .ov-supplier-invoice-list, .default .hr-settings-page .ov-wrapper .table .ov-supplier-invoice-list, .default .job-documentation-view-theme .ov-wrapper .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .job-page-theme .ov-wrapper .table .table-footer, .default .customer-page-theme .ov-wrapper .table .table-footer, .default .suppliers-page .ov-wrapper .table .table-footer, .default .deviation-page-theme .ov-wrapper .table .table-footer, .default .upload-video-page .ov-wrapper .table .table-footer, .default .emailClient-page-theme .ov-wrapper .table .table-footer, .default .vat-periods-page .ov-wrapper .table .table-footer, .default .procedure-view-theme .ov-wrapper .table .table-footer, .default .crm-settings-page-theme .ov-wrapper .table .table-footer, .default .accounting-st-page-theme .ov-wrapper .table .table-footer, .default .equipment-page-theme .ov-wrapper .table .table-footer, .default .project-management .ov-wrapper .table .table-footer, .default .hr-settings-page .ov-wrapper .table .table-footer, .default .job-documentation-view-theme .ov-wrapper .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .job-page-theme .ov-wrapper .table .load-more, .default .customer-page-theme .ov-wrapper .table .load-more, .default .suppliers-page .ov-wrapper .table .load-more, .default .deviation-page-theme .ov-wrapper .table .load-more, .default .upload-video-page .ov-wrapper .table .load-more, .default .emailClient-page-theme .ov-wrapper .table .load-more, .default .vat-periods-page .ov-wrapper .table .load-more, .default .procedure-view-theme .ov-wrapper .table .load-more, .default .crm-settings-page-theme .ov-wrapper .table .load-more, .default .accounting-st-page-theme .ov-wrapper .table .load-more, .default .equipment-page-theme .ov-wrapper .table .load-more, .default .project-management .ov-wrapper .table .load-more, .default .hr-settings-page .ov-wrapper .table .load-more, .default .job-documentation-view-theme .ov-wrapper .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .job-page-theme .ov-wrapper .table .toolbar, .default .customer-page-theme .ov-wrapper .table .toolbar, .default .suppliers-page .ov-wrapper .table .toolbar, .default .deviation-page-theme .ov-wrapper .table .toolbar, .default .upload-video-page .ov-wrapper .table .toolbar, .default .emailClient-page-theme .ov-wrapper .table .toolbar, .default .vat-periods-page .ov-wrapper .table .toolbar, .default .procedure-view-theme .ov-wrapper .table .toolbar, .default .crm-settings-page-theme .ov-wrapper .table .toolbar, .default .accounting-st-page-theme .ov-wrapper .table .toolbar, .default .equipment-page-theme .ov-wrapper .table .toolbar, .default .project-management .ov-wrapper .table .toolbar, .default .hr-settings-page .ov-wrapper .table .toolbar, .default .job-documentation-view-theme .ov-wrapper .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .job-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .customer-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .suppliers-page .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .deviation-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .upload-video-page .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .emailClient-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .vat-periods-page .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .procedure-view-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .crm-settings-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .accounting-st-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .equipment-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .project-management .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .hr-settings-page .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .job-documentation-view-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .job-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .customer-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .suppliers-page .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .deviation-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .upload-video-page .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .emailClient-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .vat-periods-page .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .procedure-view-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .crm-settings-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .accounting-st-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .equipment-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .project-management .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .hr-settings-page .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .job-documentation-view-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .job-page-theme .ov-wrapper .table-group .table .table-header, .default .customer-page-theme .ov-wrapper .table-group .table .table-header, .default .suppliers-page .ov-wrapper .table-group .table .table-header, .default .deviation-page-theme .ov-wrapper .table-group .table .table-header, .default .upload-video-page .ov-wrapper .table-group .table .table-header, .default .emailClient-page-theme .ov-wrapper .table-group .table .table-header, .default .vat-periods-page .ov-wrapper .table-group .table .table-header, .default .procedure-view-theme .ov-wrapper .table-group .table .table-header, .default .crm-settings-page-theme .ov-wrapper .table-group .table .table-header, .default .accounting-st-page-theme .ov-wrapper .table-group .table .table-header, .default .equipment-page-theme .ov-wrapper .table-group .table .table-header, .default .project-management .ov-wrapper .table-group .table .table-header, .default .hr-settings-page .ov-wrapper .table-group .table .table-header, .default .job-documentation-view-theme .ov-wrapper .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .job-page-theme .ov-wrapper .table-group .table .table-header .th-column, .default .customer-page-theme .ov-wrapper .table-group .table .table-header .th-column, .default .suppliers-page .ov-wrapper .table-group .table .table-header .th-column, .default .deviation-page-theme .ov-wrapper .table-group .table .table-header .th-column, .default .upload-video-page .ov-wrapper .table-group .table .table-header .th-column, .default .emailClient-page-theme .ov-wrapper .table-group .table .table-header .th-column, .default .vat-periods-page .ov-wrapper .table-group .table .table-header .th-column, .default .procedure-view-theme .ov-wrapper .table-group .table .table-header .th-column, .default .crm-settings-page-theme .ov-wrapper .table-group .table .table-header .th-column, .default .accounting-st-page-theme .ov-wrapper .table-group .table .table-header .th-column, .default .equipment-page-theme .ov-wrapper .table-group .table .table-header .th-column, .default .project-management .ov-wrapper .table-group .table .table-header .th-column, .default .hr-settings-page .ov-wrapper .table-group .table .table-header .th-column, .default .job-documentation-view-theme .ov-wrapper .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .job-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .customer-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .suppliers-page .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .deviation-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .upload-video-page .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .emailClient-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .vat-periods-page .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .procedure-view-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .crm-settings-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .accounting-st-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .equipment-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .project-management .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .hr-settings-page .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .job-documentation-view-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .job-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .customer-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .suppliers-page .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .deviation-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .upload-video-page .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .emailClient-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .vat-periods-page .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .procedure-view-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .crm-settings-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .accounting-st-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .equipment-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .project-management .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .hr-settings-page .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .job-documentation-view-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .job-page-theme .ov-wrapper .role-listing .designation-name, .default .customer-page-theme .ov-wrapper .role-listing .designation-name, .default .suppliers-page .ov-wrapper .role-listing .designation-name, .default .deviation-page-theme .ov-wrapper .role-listing .designation-name, .default .upload-video-page .ov-wrapper .role-listing .designation-name, .default .emailClient-page-theme .ov-wrapper .role-listing .designation-name, .default .vat-periods-page .ov-wrapper .role-listing .designation-name, .default .procedure-view-theme .ov-wrapper .role-listing .designation-name, .default .crm-settings-page-theme .ov-wrapper .role-listing .designation-name, .default .accounting-st-page-theme .ov-wrapper .role-listing .designation-name, .default .equipment-page-theme .ov-wrapper .role-listing .designation-name, .default .project-management .ov-wrapper .role-listing .designation-name, .default .hr-settings-page .ov-wrapper .role-listing .designation-name, .default .job-documentation-view-theme .ov-wrapper .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .job-page-theme .ov-wrapper .table.role-inner-listing .table-header, .default .job-page-theme .ov-wrapper .table.role-inner-listing .th-column, .default .job-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .customer-page-theme .ov-wrapper .table.role-inner-listing .table-header, .default .customer-page-theme .ov-wrapper .table.role-inner-listing .th-column, .default .customer-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .suppliers-page .ov-wrapper .table.role-inner-listing .table-header, .default .suppliers-page .ov-wrapper .table.role-inner-listing .th-column, .default .suppliers-page .ov-wrapper .table.role-inner-listing .table-row, .default .deviation-page-theme .ov-wrapper .table.role-inner-listing .table-header, .default .deviation-page-theme .ov-wrapper .table.role-inner-listing .th-column, .default .deviation-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .upload-video-page .ov-wrapper .table.role-inner-listing .table-header, .default .upload-video-page .ov-wrapper .table.role-inner-listing .th-column, .default .upload-video-page .ov-wrapper .table.role-inner-listing .table-row, .default .emailClient-page-theme .ov-wrapper .table.role-inner-listing .table-header, .default .emailClient-page-theme .ov-wrapper .table.role-inner-listing .th-column, .default .emailClient-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .vat-periods-page .ov-wrapper .table.role-inner-listing .table-header, .default .vat-periods-page .ov-wrapper .table.role-inner-listing .th-column, .default .vat-periods-page .ov-wrapper .table.role-inner-listing .table-row, .default .procedure-view-theme .ov-wrapper .table.role-inner-listing .table-header, .default .procedure-view-theme .ov-wrapper .table.role-inner-listing .th-column, .default .procedure-view-theme .ov-wrapper .table.role-inner-listing .table-row, .default .crm-settings-page-theme .ov-wrapper .table.role-inner-listing .table-header, .default .crm-settings-page-theme .ov-wrapper .table.role-inner-listing .th-column, .default .crm-settings-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .accounting-st-page-theme .ov-wrapper .table.role-inner-listing .table-header, .default .accounting-st-page-theme .ov-wrapper .table.role-inner-listing .th-column, .default .accounting-st-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .equipment-page-theme .ov-wrapper .table.role-inner-listing .table-header, .default .equipment-page-theme .ov-wrapper .table.role-inner-listing .th-column, .default .equipment-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .project-management .ov-wrapper .table.role-inner-listing .table-header, .default .project-management .ov-wrapper .table.role-inner-listing .th-column, .default .project-management .ov-wrapper .table.role-inner-listing .table-row, .default .hr-settings-page .ov-wrapper .table.role-inner-listing .table-header, .default .hr-settings-page .ov-wrapper .table.role-inner-listing .th-column, .default .hr-settings-page .ov-wrapper .table.role-inner-listing .table-row, .default .job-documentation-view-theme .ov-wrapper .table.role-inner-listing .table-header, .default .job-documentation-view-theme .ov-wrapper .table.role-inner-listing .th-column, .default .job-documentation-view-theme .ov-wrapper .table.role-inner-listing .table-row {
  border: 0px;
}
.default .job-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .customer-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .suppliers-page .ov-wrapper .table.role-inner-listing .table-row, .default .deviation-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .upload-video-page .ov-wrapper .table.role-inner-listing .table-row, .default .emailClient-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .vat-periods-page .ov-wrapper .table.role-inner-listing .table-row, .default .procedure-view-theme .ov-wrapper .table.role-inner-listing .table-row, .default .crm-settings-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .accounting-st-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .equipment-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .project-management .ov-wrapper .table.role-inner-listing .table-row, .default .hr-settings-page .ov-wrapper .table.role-inner-listing .table-row, .default .job-documentation-view-theme .ov-wrapper .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .job-page-theme .ov-wrapper .table.role-inner-listing .table-row div, .default .customer-page-theme .ov-wrapper .table.role-inner-listing .table-row div, .default .suppliers-page .ov-wrapper .table.role-inner-listing .table-row div, .default .deviation-page-theme .ov-wrapper .table.role-inner-listing .table-row div, .default .upload-video-page .ov-wrapper .table.role-inner-listing .table-row div, .default .emailClient-page-theme .ov-wrapper .table.role-inner-listing .table-row div, .default .vat-periods-page .ov-wrapper .table.role-inner-listing .table-row div, .default .procedure-view-theme .ov-wrapper .table.role-inner-listing .table-row div, .default .crm-settings-page-theme .ov-wrapper .table.role-inner-listing .table-row div, .default .accounting-st-page-theme .ov-wrapper .table.role-inner-listing .table-row div, .default .equipment-page-theme .ov-wrapper .table.role-inner-listing .table-row div, .default .project-management .ov-wrapper .table.role-inner-listing .table-row div, .default .hr-settings-page .ov-wrapper .table.role-inner-listing .table-row div, .default .job-documentation-view-theme .ov-wrapper .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .job-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .customer-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .suppliers-page .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .deviation-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .upload-video-page .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .emailClient-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .vat-periods-page .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .procedure-view-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .crm-settings-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .accounting-st-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .equipment-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .project-management .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .hr-settings-page .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .job-documentation-view-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .job-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .customer-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .suppliers-page .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .deviation-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .upload-video-page .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .emailClient-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .vat-periods-page .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .procedure-view-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .crm-settings-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .accounting-st-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .equipment-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .project-management .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .hr-settings-page .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .job-documentation-view-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .job-page-theme .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .job-page-theme .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .customer-page-theme .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .customer-page-theme .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .suppliers-page .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .suppliers-page .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .deviation-page-theme .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .deviation-page-theme .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .upload-video-page .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .upload-video-page .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .emailClient-page-theme .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .emailClient-page-theme .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .vat-periods-page .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .vat-periods-page .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .procedure-view-theme .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .procedure-view-theme .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .crm-settings-page-theme .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .crm-settings-page-theme .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .accounting-st-page-theme .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .accounting-st-page-theme .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .equipment-page-theme .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .equipment-page-theme .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .project-management .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .project-management .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .hr-settings-page .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .hr-settings-page .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .job-documentation-view-theme .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .job-documentation-view-theme .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn {
  color: #ff3c00;
}
.default .job-page-theme .ov-wrapper .ov-sales-articles, .default .job-page-theme .ov-wrapper .ov-credit-note-list, .default .customer-page-theme .ov-wrapper .ov-sales-articles, .default .customer-page-theme .ov-wrapper .ov-credit-note-list, .default .suppliers-page .ov-wrapper .ov-sales-articles, .default .suppliers-page .ov-wrapper .ov-credit-note-list, .default .deviation-page-theme .ov-wrapper .ov-sales-articles, .default .deviation-page-theme .ov-wrapper .ov-credit-note-list, .default .upload-video-page .ov-wrapper .ov-sales-articles, .default .upload-video-page .ov-wrapper .ov-credit-note-list, .default .emailClient-page-theme .ov-wrapper .ov-sales-articles, .default .emailClient-page-theme .ov-wrapper .ov-credit-note-list, .default .vat-periods-page .ov-wrapper .ov-sales-articles, .default .vat-periods-page .ov-wrapper .ov-credit-note-list, .default .procedure-view-theme .ov-wrapper .ov-sales-articles, .default .procedure-view-theme .ov-wrapper .ov-credit-note-list, .default .crm-settings-page-theme .ov-wrapper .ov-sales-articles, .default .crm-settings-page-theme .ov-wrapper .ov-credit-note-list, .default .accounting-st-page-theme .ov-wrapper .ov-sales-articles, .default .accounting-st-page-theme .ov-wrapper .ov-credit-note-list, .default .equipment-page-theme .ov-wrapper .ov-sales-articles, .default .equipment-page-theme .ov-wrapper .ov-credit-note-list, .default .project-management .ov-wrapper .ov-sales-articles, .default .project-management .ov-wrapper .ov-credit-note-list, .default .hr-settings-page .ov-wrapper .ov-sales-articles, .default .hr-settings-page .ov-wrapper .ov-credit-note-list, .default .job-documentation-view-theme .ov-wrapper .ov-sales-articles, .default .job-documentation-view-theme .ov-wrapper .ov-credit-note-list {
  border-bottom: 1px solid #e9e8e6 !important;
}
.default .job-page-theme .ov-wrapper .ov-sales-articles .table-header, .default .job-page-theme .ov-wrapper .ov-credit-note-list .table-header, .default .customer-page-theme .ov-wrapper .ov-sales-articles .table-header, .default .customer-page-theme .ov-wrapper .ov-credit-note-list .table-header, .default .suppliers-page .ov-wrapper .ov-sales-articles .table-header, .default .suppliers-page .ov-wrapper .ov-credit-note-list .table-header, .default .deviation-page-theme .ov-wrapper .ov-sales-articles .table-header, .default .deviation-page-theme .ov-wrapper .ov-credit-note-list .table-header, .default .upload-video-page .ov-wrapper .ov-sales-articles .table-header, .default .upload-video-page .ov-wrapper .ov-credit-note-list .table-header, .default .emailClient-page-theme .ov-wrapper .ov-sales-articles .table-header, .default .emailClient-page-theme .ov-wrapper .ov-credit-note-list .table-header, .default .vat-periods-page .ov-wrapper .ov-sales-articles .table-header, .default .vat-periods-page .ov-wrapper .ov-credit-note-list .table-header, .default .procedure-view-theme .ov-wrapper .ov-sales-articles .table-header, .default .procedure-view-theme .ov-wrapper .ov-credit-note-list .table-header, .default .crm-settings-page-theme .ov-wrapper .ov-sales-articles .table-header, .default .crm-settings-page-theme .ov-wrapper .ov-credit-note-list .table-header, .default .accounting-st-page-theme .ov-wrapper .ov-sales-articles .table-header, .default .accounting-st-page-theme .ov-wrapper .ov-credit-note-list .table-header, .default .equipment-page-theme .ov-wrapper .ov-sales-articles .table-header, .default .equipment-page-theme .ov-wrapper .ov-credit-note-list .table-header, .default .project-management .ov-wrapper .ov-sales-articles .table-header, .default .project-management .ov-wrapper .ov-credit-note-list .table-header, .default .hr-settings-page .ov-wrapper .ov-sales-articles .table-header, .default .hr-settings-page .ov-wrapper .ov-credit-note-list .table-header, .default .job-documentation-view-theme .ov-wrapper .ov-sales-articles .table-header, .default .job-documentation-view-theme .ov-wrapper .ov-credit-note-list .table-header {
  border-top: 1px solid #e9e8e6 !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .job-page-theme .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .job-page-theme .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .customer-page-theme .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .customer-page-theme .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .suppliers-page .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .suppliers-page .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .deviation-page-theme .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .deviation-page-theme .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .upload-video-page .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .upload-video-page .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .emailClient-page-theme .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .emailClient-page-theme .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .vat-periods-page .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .vat-periods-page .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .procedure-view-theme .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .procedure-view-theme .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .crm-settings-page-theme .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .crm-settings-page-theme .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .accounting-st-page-theme .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .accounting-st-page-theme .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .equipment-page-theme .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .equipment-page-theme .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .project-management .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .project-management .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .hr-settings-page .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .hr-settings-page .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .job-documentation-view-theme .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .job-documentation-view-theme .ov-wrapper .ov-credit-note-list .table-body .table-row div {
  border-bottom: 1px solid #e9e8e6 !important;
}
.default .job-page-theme .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .job-page-theme .ov-wrapper .ov-sales-articles .table-row div, .default .job-page-theme .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .job-page-theme .ov-wrapper .ov-credit-note-list .table-row div, .default .customer-page-theme .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .customer-page-theme .ov-wrapper .ov-sales-articles .table-row div, .default .customer-page-theme .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .customer-page-theme .ov-wrapper .ov-credit-note-list .table-row div, .default .suppliers-page .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .suppliers-page .ov-wrapper .ov-sales-articles .table-row div, .default .suppliers-page .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .suppliers-page .ov-wrapper .ov-credit-note-list .table-row div, .default .deviation-page-theme .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .deviation-page-theme .ov-wrapper .ov-sales-articles .table-row div, .default .deviation-page-theme .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .deviation-page-theme .ov-wrapper .ov-credit-note-list .table-row div, .default .upload-video-page .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .upload-video-page .ov-wrapper .ov-sales-articles .table-row div, .default .upload-video-page .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .upload-video-page .ov-wrapper .ov-credit-note-list .table-row div, .default .emailClient-page-theme .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .emailClient-page-theme .ov-wrapper .ov-sales-articles .table-row div, .default .emailClient-page-theme .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .emailClient-page-theme .ov-wrapper .ov-credit-note-list .table-row div, .default .vat-periods-page .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .vat-periods-page .ov-wrapper .ov-sales-articles .table-row div, .default .vat-periods-page .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .vat-periods-page .ov-wrapper .ov-credit-note-list .table-row div, .default .procedure-view-theme .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .procedure-view-theme .ov-wrapper .ov-sales-articles .table-row div, .default .procedure-view-theme .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .procedure-view-theme .ov-wrapper .ov-credit-note-list .table-row div, .default .crm-settings-page-theme .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .crm-settings-page-theme .ov-wrapper .ov-sales-articles .table-row div, .default .crm-settings-page-theme .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .crm-settings-page-theme .ov-wrapper .ov-credit-note-list .table-row div, .default .accounting-st-page-theme .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .accounting-st-page-theme .ov-wrapper .ov-sales-articles .table-row div, .default .accounting-st-page-theme .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .accounting-st-page-theme .ov-wrapper .ov-credit-note-list .table-row div, .default .equipment-page-theme .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .equipment-page-theme .ov-wrapper .ov-sales-articles .table-row div, .default .equipment-page-theme .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .equipment-page-theme .ov-wrapper .ov-credit-note-list .table-row div, .default .project-management .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .project-management .ov-wrapper .ov-sales-articles .table-row div, .default .project-management .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .project-management .ov-wrapper .ov-credit-note-list .table-row div, .default .hr-settings-page .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .hr-settings-page .ov-wrapper .ov-sales-articles .table-row div, .default .hr-settings-page .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .hr-settings-page .ov-wrapper .ov-credit-note-list .table-row div, .default .job-documentation-view-theme .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .job-documentation-view-theme .ov-wrapper .ov-sales-articles .table-row div, .default .job-documentation-view-theme .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .job-documentation-view-theme .ov-wrapper .ov-credit-note-list .table-row div {
  padding: 0px 10px 0px 10px;
}
.default .job-page-theme .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .job-page-theme .ov-wrapper .ov-sales-articles .table-row .align-right, .default .job-page-theme .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .job-page-theme .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .customer-page-theme .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .customer-page-theme .ov-wrapper .ov-sales-articles .table-row .align-right, .default .customer-page-theme .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .customer-page-theme .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .suppliers-page .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .suppliers-page .ov-wrapper .ov-sales-articles .table-row .align-right, .default .suppliers-page .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .suppliers-page .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .deviation-page-theme .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .deviation-page-theme .ov-wrapper .ov-sales-articles .table-row .align-right, .default .deviation-page-theme .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .deviation-page-theme .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .upload-video-page .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .upload-video-page .ov-wrapper .ov-sales-articles .table-row .align-right, .default .upload-video-page .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .upload-video-page .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .emailClient-page-theme .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .emailClient-page-theme .ov-wrapper .ov-sales-articles .table-row .align-right, .default .emailClient-page-theme .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .emailClient-page-theme .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .vat-periods-page .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .vat-periods-page .ov-wrapper .ov-sales-articles .table-row .align-right, .default .vat-periods-page .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .vat-periods-page .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .procedure-view-theme .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .procedure-view-theme .ov-wrapper .ov-sales-articles .table-row .align-right, .default .procedure-view-theme .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .procedure-view-theme .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .crm-settings-page-theme .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .crm-settings-page-theme .ov-wrapper .ov-sales-articles .table-row .align-right, .default .crm-settings-page-theme .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .crm-settings-page-theme .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .accounting-st-page-theme .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .accounting-st-page-theme .ov-wrapper .ov-sales-articles .table-row .align-right, .default .accounting-st-page-theme .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .accounting-st-page-theme .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .equipment-page-theme .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .equipment-page-theme .ov-wrapper .ov-sales-articles .table-row .align-right, .default .equipment-page-theme .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .equipment-page-theme .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .project-management .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .project-management .ov-wrapper .ov-sales-articles .table-row .align-right, .default .project-management .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .project-management .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .hr-settings-page .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .hr-settings-page .ov-wrapper .ov-sales-articles .table-row .align-right, .default .hr-settings-page .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .hr-settings-page .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .job-documentation-view-theme .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .job-documentation-view-theme .ov-wrapper .ov-sales-articles .table-row .align-right, .default .job-documentation-view-theme .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .job-documentation-view-theme .ov-wrapper .ov-credit-note-list .table-row .align-right {
  padding: 0px 10px 0px 10px;
}
.default .job-page-theme .ov-wrapper .ov-sales-articles .icon-btn, .default .job-page-theme .ov-wrapper .ov-credit-note-list .icon-btn, .default .customer-page-theme .ov-wrapper .ov-sales-articles .icon-btn, .default .customer-page-theme .ov-wrapper .ov-credit-note-list .icon-btn, .default .suppliers-page .ov-wrapper .ov-sales-articles .icon-btn, .default .suppliers-page .ov-wrapper .ov-credit-note-list .icon-btn, .default .deviation-page-theme .ov-wrapper .ov-sales-articles .icon-btn, .default .deviation-page-theme .ov-wrapper .ov-credit-note-list .icon-btn, .default .upload-video-page .ov-wrapper .ov-sales-articles .icon-btn, .default .upload-video-page .ov-wrapper .ov-credit-note-list .icon-btn, .default .emailClient-page-theme .ov-wrapper .ov-sales-articles .icon-btn, .default .emailClient-page-theme .ov-wrapper .ov-credit-note-list .icon-btn, .default .vat-periods-page .ov-wrapper .ov-sales-articles .icon-btn, .default .vat-periods-page .ov-wrapper .ov-credit-note-list .icon-btn, .default .procedure-view-theme .ov-wrapper .ov-sales-articles .icon-btn, .default .procedure-view-theme .ov-wrapper .ov-credit-note-list .icon-btn, .default .crm-settings-page-theme .ov-wrapper .ov-sales-articles .icon-btn, .default .crm-settings-page-theme .ov-wrapper .ov-credit-note-list .icon-btn, .default .accounting-st-page-theme .ov-wrapper .ov-sales-articles .icon-btn, .default .accounting-st-page-theme .ov-wrapper .ov-credit-note-list .icon-btn, .default .equipment-page-theme .ov-wrapper .ov-sales-articles .icon-btn, .default .equipment-page-theme .ov-wrapper .ov-credit-note-list .icon-btn, .default .project-management .ov-wrapper .ov-sales-articles .icon-btn, .default .project-management .ov-wrapper .ov-credit-note-list .icon-btn, .default .hr-settings-page .ov-wrapper .ov-sales-articles .icon-btn, .default .hr-settings-page .ov-wrapper .ov-credit-note-list .icon-btn, .default .job-documentation-view-theme .ov-wrapper .ov-sales-articles .icon-btn, .default .job-documentation-view-theme .ov-wrapper .ov-credit-note-list .icon-btn {
  padding: 6px 0 !important;
}
.default .job-page-theme .ov-wrapper .email .filter-section .date-year-filters, .default .customer-page-theme .ov-wrapper .email .filter-section .date-year-filters, .default .suppliers-page .ov-wrapper .email .filter-section .date-year-filters, .default .deviation-page-theme .ov-wrapper .email .filter-section .date-year-filters, .default .upload-video-page .ov-wrapper .email .filter-section .date-year-filters, .default .emailClient-page-theme .ov-wrapper .email .filter-section .date-year-filters, .default .vat-periods-page .ov-wrapper .email .filter-section .date-year-filters, .default .procedure-view-theme .ov-wrapper .email .filter-section .date-year-filters, .default .crm-settings-page-theme .ov-wrapper .email .filter-section .date-year-filters, .default .accounting-st-page-theme .ov-wrapper .email .filter-section .date-year-filters, .default .equipment-page-theme .ov-wrapper .email .filter-section .date-year-filters, .default .project-management .ov-wrapper .email .filter-section .date-year-filters, .default .hr-settings-page .ov-wrapper .email .filter-section .date-year-filters, .default .job-documentation-view-theme .ov-wrapper .email .filter-section .date-year-filters {
  margin-left: auto !important;
}
.default .job-page-theme .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .customer-page-theme .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .suppliers-page .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .deviation-page-theme .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .upload-video-page .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .emailClient-page-theme .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .vat-periods-page .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .procedure-view-theme .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .crm-settings-page-theme .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .accounting-st-page-theme .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .equipment-page-theme .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .project-management .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .hr-settings-page .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .job-documentation-view-theme .ov-wrapper .email .filter-section .date-year-filters .filter-by-label {
  color: #000;
}
.default .job-page-theme .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .customer-page-theme .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .suppliers-page .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .deviation-page-theme .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .upload-video-page .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .emailClient-page-theme .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .vat-periods-page .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .procedure-view-theme .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .crm-settings-page-theme .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .accounting-st-page-theme .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .equipment-page-theme .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .project-management .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .hr-settings-page .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .job-documentation-view-theme .ov-wrapper .email .filter-section .date-year-filters .radio-btn span {
  color: #000;
}
.default .job-page-theme .ov-wrapper .email .filter-section .ov-email-nav a, .default .customer-page-theme .ov-wrapper .email .filter-section .ov-email-nav a, .default .suppliers-page .ov-wrapper .email .filter-section .ov-email-nav a, .default .deviation-page-theme .ov-wrapper .email .filter-section .ov-email-nav a, .default .upload-video-page .ov-wrapper .email .filter-section .ov-email-nav a, .default .emailClient-page-theme .ov-wrapper .email .filter-section .ov-email-nav a, .default .vat-periods-page .ov-wrapper .email .filter-section .ov-email-nav a, .default .procedure-view-theme .ov-wrapper .email .filter-section .ov-email-nav a, .default .crm-settings-page-theme .ov-wrapper .email .filter-section .ov-email-nav a, .default .accounting-st-page-theme .ov-wrapper .email .filter-section .ov-email-nav a, .default .equipment-page-theme .ov-wrapper .email .filter-section .ov-email-nav a, .default .project-management .ov-wrapper .email .filter-section .ov-email-nav a, .default .hr-settings-page .ov-wrapper .email .filter-section .ov-email-nav a, .default .job-documentation-view-theme .ov-wrapper .email .filter-section .ov-email-nav a {
  background: #dedede;
  color: #000000;
  border: 0;
  border-radius: 8px;
  font-size: 12px;
  padding: 9px 16px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .job-page-theme .ov-wrapper .email .filter-section .ov-email-nav a span, .default .customer-page-theme .ov-wrapper .email .filter-section .ov-email-nav a span, .default .suppliers-page .ov-wrapper .email .filter-section .ov-email-nav a span, .default .deviation-page-theme .ov-wrapper .email .filter-section .ov-email-nav a span, .default .upload-video-page .ov-wrapper .email .filter-section .ov-email-nav a span, .default .emailClient-page-theme .ov-wrapper .email .filter-section .ov-email-nav a span, .default .vat-periods-page .ov-wrapper .email .filter-section .ov-email-nav a span, .default .procedure-view-theme .ov-wrapper .email .filter-section .ov-email-nav a span, .default .crm-settings-page-theme .ov-wrapper .email .filter-section .ov-email-nav a span, .default .accounting-st-page-theme .ov-wrapper .email .filter-section .ov-email-nav a span, .default .equipment-page-theme .ov-wrapper .email .filter-section .ov-email-nav a span, .default .project-management .ov-wrapper .email .filter-section .ov-email-nav a span, .default .hr-settings-page .ov-wrapper .email .filter-section .ov-email-nav a span, .default .job-documentation-view-theme .ov-wrapper .email .filter-section .ov-email-nav a span {
  margin-left: 5px;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .job-page-theme .ov-wrapper .email .filter-section .ov-email-nav a.active, .default .customer-page-theme .ov-wrapper .email .filter-section .ov-email-nav a.active, .default .suppliers-page .ov-wrapper .email .filter-section .ov-email-nav a.active, .default .deviation-page-theme .ov-wrapper .email .filter-section .ov-email-nav a.active, .default .upload-video-page .ov-wrapper .email .filter-section .ov-email-nav a.active, .default .emailClient-page-theme .ov-wrapper .email .filter-section .ov-email-nav a.active, .default .vat-periods-page .ov-wrapper .email .filter-section .ov-email-nav a.active, .default .procedure-view-theme .ov-wrapper .email .filter-section .ov-email-nav a.active, .default .crm-settings-page-theme .ov-wrapper .email .filter-section .ov-email-nav a.active, .default .accounting-st-page-theme .ov-wrapper .email .filter-section .ov-email-nav a.active, .default .equipment-page-theme .ov-wrapper .email .filter-section .ov-email-nav a.active, .default .project-management .ov-wrapper .email .filter-section .ov-email-nav a.active, .default .hr-settings-page .ov-wrapper .email .filter-section .ov-email-nav a.active, .default .job-documentation-view-theme .ov-wrapper .email .filter-section .ov-email-nav a.active {
  color: #ffffff;
  background: #31c1fd;
}
.default .job-page-theme .ov-wrapper .email .emails, .default .customer-page-theme .ov-wrapper .email .emails, .default .suppliers-page .ov-wrapper .email .emails, .default .deviation-page-theme .ov-wrapper .email .emails, .default .upload-video-page .ov-wrapper .email .emails, .default .emailClient-page-theme .ov-wrapper .email .emails, .default .vat-periods-page .ov-wrapper .email .emails, .default .procedure-view-theme .ov-wrapper .email .emails, .default .crm-settings-page-theme .ov-wrapper .email .emails, .default .accounting-st-page-theme .ov-wrapper .email .emails, .default .equipment-page-theme .ov-wrapper .email .emails, .default .project-management .ov-wrapper .email .emails, .default .hr-settings-page .ov-wrapper .email .emails, .default .job-documentation-view-theme .ov-wrapper .email .emails {
  border-bottom: 2px solid #e9e8e6;
}
.default .job-page-theme .ov-wrapper .email .emails .emailTitle, .default .customer-page-theme .ov-wrapper .email .emails .emailTitle, .default .suppliers-page .ov-wrapper .email .emails .emailTitle, .default .deviation-page-theme .ov-wrapper .email .emails .emailTitle, .default .upload-video-page .ov-wrapper .email .emails .emailTitle, .default .emailClient-page-theme .ov-wrapper .email .emails .emailTitle, .default .vat-periods-page .ov-wrapper .email .emails .emailTitle, .default .procedure-view-theme .ov-wrapper .email .emails .emailTitle, .default .crm-settings-page-theme .ov-wrapper .email .emails .emailTitle, .default .accounting-st-page-theme .ov-wrapper .email .emails .emailTitle, .default .equipment-page-theme .ov-wrapper .email .emails .emailTitle, .default .project-management .ov-wrapper .email .emails .emailTitle, .default .hr-settings-page .ov-wrapper .email .emails .emailTitle, .default .job-documentation-view-theme .ov-wrapper .email .emails .emailTitle {
  display: flex;
}
.default .job-page-theme .ov-wrapper .email .emails .emailTitle .email-area-list, .default .customer-page-theme .ov-wrapper .email .emails .emailTitle .email-area-list, .default .suppliers-page .ov-wrapper .email .emails .emailTitle .email-area-list, .default .deviation-page-theme .ov-wrapper .email .emails .emailTitle .email-area-list, .default .upload-video-page .ov-wrapper .email .emails .emailTitle .email-area-list, .default .emailClient-page-theme .ov-wrapper .email .emails .emailTitle .email-area-list, .default .vat-periods-page .ov-wrapper .email .emails .emailTitle .email-area-list, .default .procedure-view-theme .ov-wrapper .email .emails .emailTitle .email-area-list, .default .crm-settings-page-theme .ov-wrapper .email .emails .emailTitle .email-area-list, .default .accounting-st-page-theme .ov-wrapper .email .emails .emailTitle .email-area-list, .default .equipment-page-theme .ov-wrapper .email .emails .emailTitle .email-area-list, .default .project-management .ov-wrapper .email .emails .emailTitle .email-area-list, .default .hr-settings-page .ov-wrapper .email .emails .emailTitle .email-area-list, .default .job-documentation-view-theme .ov-wrapper .email .emails .emailTitle .email-area-list {
  flex: 2;
  padding: 10px 102px 10px 13px;
  border: 2px solid #e9e8e6;
  border-left: 0px;
  max-width: 448px;
}
.default .job-page-theme .ov-wrapper .email .emails .emailTitle .email-area-container, .default .customer-page-theme .ov-wrapper .email .emails .emailTitle .email-area-container, .default .suppliers-page .ov-wrapper .email .emails .emailTitle .email-area-container, .default .deviation-page-theme .ov-wrapper .email .emails .emailTitle .email-area-container, .default .upload-video-page .ov-wrapper .email .emails .emailTitle .email-area-container, .default .emailClient-page-theme .ov-wrapper .email .emails .emailTitle .email-area-container, .default .vat-periods-page .ov-wrapper .email .emails .emailTitle .email-area-container, .default .procedure-view-theme .ov-wrapper .email .emails .emailTitle .email-area-container, .default .crm-settings-page-theme .ov-wrapper .email .emails .emailTitle .email-area-container, .default .accounting-st-page-theme .ov-wrapper .email .emails .emailTitle .email-area-container, .default .equipment-page-theme .ov-wrapper .email .emails .emailTitle .email-area-container, .default .project-management .ov-wrapper .email .emails .emailTitle .email-area-container, .default .hr-settings-page .ov-wrapper .email .emails .emailTitle .email-area-container, .default .job-documentation-view-theme .ov-wrapper .email .emails .emailTitle .email-area-container {
  flex: 3;
  padding: 10px 130px 10px 40px;
  border: 2px solid #e9e8e6;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container, .default .customer-page-theme .ov-wrapper .email .emails .email-container, .default .suppliers-page .ov-wrapper .email .emails .email-container, .default .deviation-page-theme .ov-wrapper .email .emails .email-container, .default .upload-video-page .ov-wrapper .email .emails .email-container, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container, .default .vat-periods-page .ov-wrapper .email .emails .email-container, .default .procedure-view-theme .ov-wrapper .email .emails .email-container, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container, .default .equipment-page-theme .ov-wrapper .email .emails .email-container, .default .project-management .ov-wrapper .email .emails .email-container, .default .hr-settings-page .ov-wrapper .email .emails .email-container, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container {
  border-top: unset;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list, .default .project-management .ov-wrapper .email .emails .email-container .email-list, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list {
  border: 0;
  background-color: #fcfcfc;
  overflow-y: scroll !important;
  max-width: 450px;
  padding: 0px 10px 7px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-track, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-track, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-track, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-track, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-track, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-track, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-track, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-track, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-track, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-track, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-track, .default .project-management .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-track, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-track, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-track {
  background: #c5ced2 !important;
  border-radius: 6px !important;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar, .default .project-management .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar {
  width: 8px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-thumb, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-thumb, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-thumb, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-thumb, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-thumb, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-thumb, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-thumb, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-thumb, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-thumb, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-thumb, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-thumb, .default .project-management .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-thumb, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-thumb, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list::-webkit-scrollbar-thumb {
  background-color: #403c3c;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .scrollarea-content, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .scrollarea-content, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .scrollarea-content, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .scrollarea-content, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .scrollarea-content, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .scrollarea-content, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .scrollarea-content, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .scrollarea-content, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .scrollarea-content, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .scrollarea-content, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .scrollarea-content, .default .project-management .ov-wrapper .email .emails .email-container .email-list .scrollarea-content, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .scrollarea-content, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .scrollarea-content {
  padding: 8px 10px 0px 20px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list .loader-container, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list .loader-container, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list .loader-container, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list .loader-container, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list .loader-container, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list .loader-container, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list .loader-container, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list .loader-container, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list .loader-container, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list .loader-container, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list .loader-container, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list .loader-container, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list .loader-container, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list .loader-container {
  top: -2px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item {
  border-bottom: 0;
  padding: 10px 20px 10px 10px;
  padding-left: 30px;
  border-radius: 4px;
  margin-bottom: 4px;
  min-height: 100px;
  min-width: 380px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item:hover, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item:hover, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item:hover, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item:hover, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item:hover, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item:hover, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item:hover, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item:hover, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item:hover, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item:hover, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item:hover, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item:hover, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item:hover, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item:hover {
  box-shadow: none;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .checkbox, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-icon, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-label-badge, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .checkbox, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-icon, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-label-badge, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .checkbox, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-icon, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-label-badge, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .checkbox, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-icon, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-label-badge, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .checkbox, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-icon, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-label-badge, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .checkbox, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-icon, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-label-badge, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .checkbox, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-icon, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-label-badge, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .checkbox, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-icon, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-label-badge, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .checkbox, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-icon, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-label-badge, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .checkbox, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-icon, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-label-badge, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .checkbox, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-icon, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-label-badge, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .checkbox, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-icon, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-label-badge, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .checkbox, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-icon, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-label-badge, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .checkbox, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-icon, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-label-badge {
  display: none;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon {
  left: 20px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.forward-icon, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.forward-icon, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.forward-icon, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.forward-icon, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.forward-icon, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.forward-icon, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.forward-icon, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.forward-icon, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.forward-icon, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.forward-icon, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.forward-icon, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.forward-icon, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.forward-icon, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.forward-icon {
  top: 65px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.main-forward-icon, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.main-forward-icon, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.main-forward-icon, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.main-forward-icon, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.main-forward-icon, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.main-forward-icon, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.main-forward-icon, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.main-forward-icon, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.main-forward-icon, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.main-forward-icon, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.main-forward-icon, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.main-forward-icon, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.main-forward-icon, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .option-email-icon.main-forward-icon {
  top: 43px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex {
  flex-wrap: wrap;
  justify-content: space-between;
  flex-basis: 100%;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details {
  flex-shrink: 0 !important;
  width: 70%;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-title, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-title, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-title, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-title, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-title, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-title, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-title, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-title, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-title, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-title, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-title, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-title, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-title, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-title {
  max-width: unset;
  margin-top: 5px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-sender-name, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-sender-name, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-sender-name, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-sender-name, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-sender-name, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-sender-name, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-sender-name, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-sender-name, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-sender-name, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-sender-name, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-sender-name, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-sender-name, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-sender-name, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-sender-name {
  max-width: unset;
  margin-top: 5px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-date, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-date, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-date, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-date, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-date, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-date, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-date, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-date, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-date, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-date, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-date, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-date, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-date, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .email-date {
  margin-top: 5px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .attachment-icon, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .attachment-icon, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .attachment-icon, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .attachment-icon, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .attachment-icon, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .attachment-icon, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .attachment-icon, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .attachment-icon, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .attachment-icon, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .attachment-icon, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .attachment-icon, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .attachment-icon, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .attachment-icon, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-flex .email-details .attachment-icon {
  margin-left: auto;
  margin-right: 7px;
  color: #7c7979;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option {
  display: flex;
  align-items: center;
  background-color: #efebec;
  color: #000;
  border-radius: 4px;
  max-height: 22px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name {
  display: flex;
  align-items: center;
  padding-right: 30px;
  font-size: 12px;
  font-synthesis: none;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name i, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name i, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name i, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name i, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name i, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name i, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name i, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name i, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name i, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name i, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name i, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name i, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name i, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name i {
  font-size: 20px;
  padding-right: 10px;
  padding-left: 10px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name:hover, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name:hover, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name:hover, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name:hover, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name:hover, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name:hover, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name:hover, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name:hover, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name:hover, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name:hover, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name:hover, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name:hover, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name:hover, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name:hover {
  background: #ccc;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .more-options, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .more-options, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .more-options, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .more-options, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .more-options, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .more-options, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .more-options, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .more-options, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .more-options, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .more-options, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .more-options, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .more-options, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .more-options, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .main-option .more-options {
  background-color: #d8d8d8;
  max-height: 22px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list {
  background-color: #efebec;
  color: #000;
  margin-top: 3px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item {
  font-size: 12px;
  display: flex;
  align-items: center;
  padding-right: 30px;
  padding-bottom: 3px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:first-child, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:first-child, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:first-child, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:first-child, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:first-child, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:first-child, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:first-child, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:first-child, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:first-child, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:first-child, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:first-child, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:first-child, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:first-child, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:first-child {
  padding-top: 3px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child {
  padding-bottom: 3px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child:hover, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child:hover, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child:hover, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child:hover, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child:hover, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child:hover, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child:hover, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child:hover, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child:hover, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child:hover, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child:hover, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child:hover, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child:hover, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child:hover {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item i, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item i, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item i, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item i, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item i, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item i, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item i, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item i, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item i, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item i, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item i, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item i, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item i, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item i {
  font-size: 20px;
  padding-right: 10px;
  padding-left: 10px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:hover, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:hover, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:hover, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:hover, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:hover, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:hover, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:hover, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:hover, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:hover, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:hover, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:hover, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:hover, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:hover, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:hover {
  background: #ccc;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn {
  padding-top: 0px;
  padding-bottom: 10px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn .material-icons, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn .material-icons, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn .material-icons, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn .material-icons, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn .material-icons, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn .material-icons, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn .material-icons, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn .material-icons, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn .material-icons, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn .material-icons, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn .material-icons, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn .material-icons, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn .material-icons, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .delete-btn .material-icons {
  font-size: 20px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-delete:hover, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-delete:hover, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-delete:hover, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-delete:hover, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-delete:hover, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-delete:hover, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-delete:hover, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-delete:hover, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-delete:hover, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-delete:hover, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-delete:hover, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-delete:hover, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-delete:hover, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-delete:hover {
  color: #ec7676;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close {
  color: #637280;
  top: 25px !important;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close i:hover, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close i:hover, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close i:hover, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close i:hover, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close i:hover, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close i:hover, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close i:hover, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close i:hover, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close i:hover, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close i:hover, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close i:hover, .default .project-management .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close i:hover, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close i:hover, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-item-close i:hover {
  background: #ccc;
  color: #637280;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .project-management .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email {
  background: #8e8e8e;
  color: #fff;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-sender-name, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-sender-name, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-sender-name, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-sender-name, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-sender-name, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-sender-name, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-sender-name, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-sender-name, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-sender-name, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-sender-name, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-sender-name, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-sender-name, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-sender-name, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-sender-name, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-sender-name, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-sender-name, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-sender-name, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-sender-name, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-sender-name, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-sender-name, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-sender-name, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-sender-name, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-sender-name, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-sender-name, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-sender-name, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-sender-name, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-sender-name, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-sender-name, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-sender-name, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-sender-name, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-sender-name, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-sender-name, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-sender-name, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-sender-name, .default .project-management .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-sender-name, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-sender-name, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-sender-name, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-sender-name, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-sender-name, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-sender-name, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-sender-name, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-sender-name {
  color: #fff;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-title, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-title, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-title, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-title, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-title, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-title, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-title, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-title, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-title, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-title, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-title, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-title, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-title, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-title, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-title, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-title, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-title, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-title, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-title, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-title, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-title, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-title, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-title, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-title, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-title, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-title, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-title, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-title, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-title, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-title, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-title, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-title, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-title, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-title, .default .project-management .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-title, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-title, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-title, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-title, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-title, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-title, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-title, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-title {
  color: #fff;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-date, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-date, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-date, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-date, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-date, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-date, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-date, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-date, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-date, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-date, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-date, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-date, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-date, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-date, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-date, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-date, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-date, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-date, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-date, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-date, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-date, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-date, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-date, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-date, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-date, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-date, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-date, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-date, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-date, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-date, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-date, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-date, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-date, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-date, .default .project-management .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-date, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-date, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-date, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-date, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-date, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-details .email-date, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-details .email-date, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-details .email-date {
  color: #fff;
  position: unset !important;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .delete-btn, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .delete-btn, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .delete-btn, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .delete-btn, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .delete-btn, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .delete-btn, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row .delete-btn, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .delete-btn, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .delete-btn, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .delete-btn, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .delete-btn, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .delete-btn, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row .delete-btn, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .delete-btn, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .delete-btn, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .delete-btn, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .delete-btn, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .delete-btn, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row .delete-btn, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .delete-btn, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .delete-btn, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .delete-btn, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .delete-btn, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .delete-btn, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .delete-btn, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .delete-btn, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .delete-btn, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .delete-btn, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .delete-btn, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .delete-btn, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .delete-btn, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .delete-btn, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .delete-btn, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row .delete-btn, .default .project-management .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .delete-btn, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .delete-btn, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row .delete-btn, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .delete-btn, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .delete-btn, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .delete-btn, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .delete-btn, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .delete-btn {
  color: #fff;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-item-delete:hover, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-item-delete:hover, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-item-delete:hover, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-item-delete:hover, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-item-delete:hover, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-item-delete:hover, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row .email-item-delete:hover, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-item-delete:hover, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-item-delete:hover, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-item-delete:hover, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-item-delete:hover, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-item-delete:hover, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row .email-item-delete:hover, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-item-delete:hover, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-item-delete:hover, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-item-delete:hover, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-item-delete:hover, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-item-delete:hover, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row .email-item-delete:hover, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-item-delete:hover, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-item-delete:hover, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-item-delete:hover, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-item-delete:hover, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-item-delete:hover, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-item-delete:hover, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-item-delete:hover, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-item-delete:hover, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-item-delete:hover, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-item-delete:hover, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-item-delete:hover, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-item-delete:hover, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-item-delete:hover, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-item-delete:hover, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row .email-item-delete:hover, .default .project-management .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-item-delete:hover, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-item-delete:hover, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row .email-item-delete:hover, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-item-delete:hover, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-item-delete:hover, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .email-item-delete:hover, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .email-item-delete:hover, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .email-item-delete:hover {
  color: #ec7676;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row:hover, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row:hover, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email:hover, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row:hover, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row:hover, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email:hover, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row:hover, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row:hover, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email:hover, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row:hover, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row:hover, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email:hover, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row:hover, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row:hover, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email:hover, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row:hover, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row:hover, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email:hover, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row:hover, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row:hover, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email:hover, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row:hover, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row:hover, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email:hover, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row:hover, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row:hover, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email:hover, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row:hover, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row:hover, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email:hover, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row:hover, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row:hover, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email:hover, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row:hover, .default .project-management .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row:hover, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email:hover, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row:hover, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row:hover, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email:hover, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row:hover, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row:hover, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email:hover {
  background: #8e8e8e;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon, .default .project-management .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon {
  color: #000;
  left: 20px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.forward-icon, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.forward-icon, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.forward-icon, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.forward-icon, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.forward-icon, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.forward-icon, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.forward-icon, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.forward-icon, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.forward-icon, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.forward-icon, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.forward-icon, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.forward-icon, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.forward-icon, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.forward-icon, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.forward-icon, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.forward-icon, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.forward-icon, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.forward-icon, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.forward-icon, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.forward-icon, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.forward-icon, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.forward-icon, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.forward-icon, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.forward-icon, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.forward-icon, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.forward-icon, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.forward-icon, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.forward-icon, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.forward-icon, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.forward-icon, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.forward-icon, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.forward-icon, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.forward-icon, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.forward-icon, .default .project-management .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.forward-icon, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.forward-icon, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.forward-icon, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.forward-icon, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.forward-icon, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.forward-icon, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.forward-icon, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.forward-icon {
  color: #000;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.main-forard-icon, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.main-forard-icon, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.main-forard-icon, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.main-forard-icon, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.main-forard-icon, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.main-forard-icon, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.main-forard-icon, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.main-forard-icon, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.main-forard-icon, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.main-forard-icon, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.main-forard-icon, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.main-forard-icon, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.main-forard-icon, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.main-forard-icon, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.main-forard-icon, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.main-forard-icon, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.main-forard-icon, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.main-forard-icon, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.main-forard-icon, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.main-forard-icon, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.main-forard-icon, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.main-forard-icon, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.main-forard-icon, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.main-forard-icon, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.main-forard-icon, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.main-forard-icon, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.main-forard-icon, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.main-forard-icon, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.main-forard-icon, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.main-forard-icon, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.main-forard-icon, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.main-forard-icon, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.main-forard-icon, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.main-forard-icon, .default .project-management .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.main-forard-icon, .default .project-management .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.main-forard-icon, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.main-forard-icon, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.main-forard-icon, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.main-forard-icon, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row .option-email-icon.main-forard-icon, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email.selected-row .option-email-icon.main-forard-icon, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .selected-row.new-email .option-email-icon.main-forard-icon {
  color: #fff;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .new-email, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .new-email, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .new-email, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .new-email, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email, .default .project-management .ov-wrapper .email .emails .email-container .email-list .new-email, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .new-email, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .new-email {
  background: unset;
  color: #494949;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-sender-name, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-sender-name, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-sender-name, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-sender-name, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-sender-name, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-sender-name, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-sender-name, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-sender-name, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-sender-name, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-sender-name, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-sender-name, .default .project-management .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-sender-name, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-sender-name, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-sender-name {
  color: #494949;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-title, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-title, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-title, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-title, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-title, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-title, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-title, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-title, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-title, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-title, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-title, .default .project-management .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-title, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-title, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-title {
  color: #494949;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-message, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-message, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-message, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-message, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-message, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-message, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-message, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-message, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-message, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-message, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-message, .default .project-management .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-message, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-message, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-message {
  color: #494949;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-date, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-date, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-date, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-date, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-date, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-date, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-date, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-date, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-date, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-date, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-date, .default .project-management .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-date, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-date, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .new-email .email-details .email-date {
  color: #494949;
  position: unset !important;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .emailReplynOptions .main-option .more-options, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .emailReplynOptions .main-option .more-options, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .new-email .emailReplynOptions .main-option .more-options, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .emailReplynOptions .main-option .more-options, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .new-email .emailReplynOptions .main-option .more-options, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .emailReplynOptions .main-option .more-options, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .new-email .emailReplynOptions .main-option .more-options, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .new-email .emailReplynOptions .main-option .more-options, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .emailReplynOptions .main-option .more-options, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .emailReplynOptions .main-option .more-options, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email .emailReplynOptions .main-option .more-options, .default .project-management .ov-wrapper .email .emails .email-container .email-list .new-email .emailReplynOptions .main-option .more-options, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .new-email .emailReplynOptions .main-option .more-options, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .new-email .emailReplynOptions .main-option .more-options {
  background-color: #f7f7f7 !important;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email:hover, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email:hover, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .new-email:hover, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email:hover, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .new-email:hover, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email:hover, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .new-email:hover, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .new-email:hover, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email:hover, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email:hover, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .new-email:hover, .default .project-management .ov-wrapper .email .emails .email-container .email-list .new-email:hover, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .new-email:hover, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .new-email:hover {
  background-color: #bbbaba;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .read-email, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .read-email, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .read-email, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email, .default .project-management .ov-wrapper .email .emails .email-container .email-list .read-email, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .read-email, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email {
  color: #494949;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-sender-name, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-sender-name, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-sender-name, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-sender-name, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-sender-name, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-sender-name, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-sender-name, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-sender-name, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-sender-name, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-sender-name, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-sender-name, .default .project-management .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-sender-name, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-sender-name, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-sender-name {
  color: #494949;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-title, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-title, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-title, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-title, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-title, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-title, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-title, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-title, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-title, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-title, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-title, .default .project-management .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-title, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-title, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-title {
  color: #494949;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-message, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-message, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-message, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-message, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-message, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-message, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-message, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-message, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-message, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-message, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-message, .default .project-management .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-message, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-message, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-message {
  color: #494949;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-date, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-date, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-date, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-date, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-date, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-date, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-date, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-date, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-date, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-date, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-date, .default .project-management .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-date, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-date, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email .email-details .email-date {
  color: #494949;
  position: unset !important;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email:hover, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email:hover, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list .read-email:hover, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email:hover, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list .read-email:hover, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email:hover, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list .read-email:hover, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email:hover, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email:hover, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email:hover, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list .read-email:hover, .default .project-management .ov-wrapper .email .emails .email-container .email-list .read-email:hover, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list .read-email:hover, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list .read-email:hover {
  background-color: #f4f7fc;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-list-item, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-list-item, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-list-item, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-list-item, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-list-item, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-list-item, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-list-item, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-list-item, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-list-item, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-list-item, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-list-item, .default .project-management .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-list-item, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-list-item, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-list-item {
  min-width: 400px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-details, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-details, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-details, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-details, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-details, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-details, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-details, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-details, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-details, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-details, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-details, .default .project-management .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-details, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-details, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.email-draft-trash-box .email-details {
  width: 100% !important;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list {
  padding: unset;
  padding-right: 5px;
  margin-right: 5px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-track, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-track, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-track, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-track, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-track, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-track, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-track, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-track, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-track, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-track, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-track, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-track, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-track, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-track {
  width: 10px !important;
  background: #fafafa !important;
  border-radius: 6px !important;
  margin: 0px 5px;
  padding: 0px 20px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar {
  width: 8px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-thumb, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-thumb, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-thumb, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-thumb, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-thumb, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-thumb, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-thumb, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-thumb, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-thumb, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-thumb, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-thumb, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-thumb, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-thumb, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
  width: 6px !important;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item {
  border-radius: unset;
  margin-bottom: unset;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ececec;
  padding: 10px 10px 0px 10px !important;
  min-height: 90px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row {
  background-color: #dbf6fd;
  color: #000;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-sender-name, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-title, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-message, .default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-date, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-sender-name, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-title, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-message, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-date, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-sender-name, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-title, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-message, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-date, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-sender-name, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-title, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-message, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-date, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-sender-name, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-title, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-message, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-date, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-sender-name, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-title, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-message, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-date, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-sender-name, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-title, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-message, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-date, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-sender-name, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-title, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-message, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-date, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-sender-name, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-title, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-message, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-date, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-sender-name, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-title, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-message, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-date, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-sender-name, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-title, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-message, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-date, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-sender-name, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-title, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-message, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-date, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-sender-name, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-title, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-message, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-date, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-sender-name, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-title, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-message, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-date {
  color: #000;
  margin-top: 5px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .delete-btn, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .delete-btn, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .delete-btn, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .delete-btn, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .delete-btn, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .delete-btn, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .delete-btn, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .delete-btn, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .delete-btn, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .delete-btn, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .delete-btn, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .delete-btn, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .delete-btn, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row .delete-btn {
  color: #000;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row:hover, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row:hover, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row:hover, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row:hover, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row:hover, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row:hover, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row:hover, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row:hover, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row:hover, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row:hover, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row:hover, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row:hover, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row:hover, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.selected-row:hover {
  background-color: #dbf6fd;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .emailReplynOptions, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .emailReplynOptions, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .emailReplynOptions, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .emailReplynOptions, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .emailReplynOptions, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .emailReplynOptions, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .emailReplynOptions, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .emailReplynOptions, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .emailReplynOptions, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .emailReplynOptions, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .emailReplynOptions, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .emailReplynOptions, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .emailReplynOptions, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .emailReplynOptions {
  display: none;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-sender-name, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-sender-name, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-sender-name, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-sender-name, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-sender-name, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-sender-name, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-sender-name, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-sender-name, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-sender-name, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-sender-name, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-sender-name, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-sender-name, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-sender-name, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-sender-name {
  margin-bottom: 3px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.new-email, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.new-email, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.new-email, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.new-email, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.new-email, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.new-email, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.new-email, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.new-email, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.new-email, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.new-email, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.new-email, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.new-email, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.new-email, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item.new-email {
  background-color: unset !important;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex {
  width: 92%;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details {
  width: 100% !important;
  width: 100% !important;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right {
  justify-content: start !important;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right .time, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right .time, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right .time, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right .time, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right .time, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right .time, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right .time, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right .time, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right .time, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right .time, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right .time, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right .time, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right .time, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right .time {
  margin-left: auto;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-sender-name, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-sender-name, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-sender-name, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-sender-name, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-sender-name, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-sender-name, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-sender-name, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-sender-name, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-sender-name, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-sender-name, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-sender-name, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-sender-name, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-sender-name, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-sender-name {
  max-width: 83%;
  font-weight: 700;
  font-size: 13px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-title, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-title, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-title, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-title, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-title, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-title, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-title, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-title, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-title, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-title, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-title, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-title, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-title, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-title {
  grid-area: emailTitle;
  max-width: 200px;
  font-size: 12px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-message, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-message, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-message, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-message, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-message, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-message, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-message, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-message, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-message, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-message, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-message, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-message, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-message, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-message {
  max-width: 90%;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .attachment, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .attachment, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .attachment, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .attachment, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .attachment, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .attachment, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .attachment, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .attachment, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .attachment, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .attachment, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .attachment, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .attachment, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .attachment, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .attachment {
  grid-area: attachment;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date {
  grid-area: emailDate;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons {
  max-width: 10%;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn {
  padding-right: 5px;
  padding-top: 0px !important;
  height: fit-content !important;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn.delete-btn, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn.delete-btn, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn.delete-btn, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn.delete-btn, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn.delete-btn, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn.delete-btn, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn.delete-btn, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn.delete-btn, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn.delete-btn, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn.delete-btn, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn.delete-btn, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn.delete-btn, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn.delete-btn, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn.delete-btn {
  padding-top: 5px !important;
  padding-bottom: 5px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn .material-icons, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn .material-icons, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn .material-icons, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn .material-icons, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn .material-icons, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn .material-icons, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn .material-icons, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn .material-icons, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn .material-icons, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn .material-icons, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn .material-icons, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn .material-icons, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn .material-icons, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn .material-icons {
  font-size: 20px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-view-upperArea .mv-label, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-view-upperArea .mv-label, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-view-upperArea .mv-label, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-view-upperArea .mv-label, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-view-upperArea .mv-label, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-view-upperArea .mv-label, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-view-upperArea .mv-label, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-view-upperArea .mv-label, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-view-upperArea .mv-label, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-view-upperArea .mv-label, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-view-upperArea .mv-label, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-view-upperArea .mv-label, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-view-upperArea .mv-label, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-view-upperArea .mv-label {
  color: #000;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right {
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .red, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .red, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .red, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .red, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .red, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .red, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .red, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .red, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .red, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .red, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .red, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .red, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .red, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .red {
  font-size: 17px;
  margin-left: 5px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .read, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .read, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .read, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .read, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .read, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .read, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .read, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .read, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .read, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .read, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .read, .default .project-management .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .read, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .read, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-list.pc-email-list .email-date-right .read {
  margin-right: 12px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-view, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-view, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-view, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-view, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-view, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-view, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-view, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-view, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-view, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-view, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-view, .default .project-management .ov-wrapper .email .emails .email-container .email-view, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-view, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-view {
  border-right: 1px solid #e9e8e6;
  border-top: 2px solid #e9e8e6;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .project-management .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i {
  color: #000;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .project-management .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i {
  color: #a7b6c2;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .project-management .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label {
  color: #000;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .project-management .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after {
  color: #000;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-email-name, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-email-name, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-email-name, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-email-name, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-email-name, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-email-name, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-email-name, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-email-name, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-email-name, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-email-name, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-email-name, .default .project-management .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-email-name, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-email-name, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-email-name {
  color: #000;
  font-weight: 700 !important;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .project-management .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .project-management .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject {
  color: #000;
  border-bottom: unset;
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps, .default .project-management .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps {
  cursor: pointer;
  padding: 10px;
  background-color: #e4e4e4;
  margin: 10px 20px 10px 0px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail, .default .project-management .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail {
  padding-top: 10px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail p:last-child, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail p:last-child, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail p:last-child, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail p:last-child, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail p:last-child, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail p:last-child, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail p:last-child, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail p:last-child, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail p:last-child, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail p:last-child, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail p:last-child, .default .project-management .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail p:last-child, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail p:last-child, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail p:last-child {
  margin-bottom: 0px;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .Title, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .Title, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .Title, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .Title, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .Title, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .Title, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .Title, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .Title, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .Title, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .Title, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .Title, .default .project-management .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .Title, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .Title, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .Title {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .job-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .subject, .default .customer-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .subject, .default .suppliers-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .subject, .default .deviation-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .subject, .default .upload-video-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .subject, .default .emailClient-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .subject, .default .vat-periods-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .subject, .default .procedure-view-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .subject, .default .crm-settings-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .subject, .default .accounting-st-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .subject, .default .equipment-page-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .subject, .default .project-management .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .subject, .default .hr-settings-page .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .subject, .default .job-documentation-view-theme .ov-wrapper .email .emails .email-container .email-view .collapsable-email-view .collaps .detail .subject {
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .job-page-theme .timeSheets .filter-options .filter-item #year-dropdown, .default .job-page-theme .timeSheets .filter-options .filter-item select, .default .job-page-theme .deviations .filter-options .filter-item #year-dropdown, .default .job-page-theme .deviations .filter-options .filter-item select, .default .customer-page-theme .timeSheets .filter-options .filter-item #year-dropdown, .default .customer-page-theme .timeSheets .filter-options .filter-item select, .default .customer-page-theme .deviations .filter-options .filter-item #year-dropdown, .default .customer-page-theme .deviations .filter-options .filter-item select, .default .suppliers-page .timeSheets .filter-options .filter-item #year-dropdown, .default .suppliers-page .timeSheets .filter-options .filter-item select, .default .suppliers-page .deviations .filter-options .filter-item #year-dropdown, .default .suppliers-page .deviations .filter-options .filter-item select, .default .deviation-page-theme .timeSheets .filter-options .filter-item #year-dropdown, .default .deviation-page-theme .timeSheets .filter-options .filter-item select, .default .deviation-page-theme .deviations .filter-options .filter-item #year-dropdown, .default .deviation-page-theme .deviations .filter-options .filter-item select, .default .upload-video-page .timeSheets .filter-options .filter-item #year-dropdown, .default .upload-video-page .timeSheets .filter-options .filter-item select, .default .upload-video-page .deviations .filter-options .filter-item #year-dropdown, .default .upload-video-page .deviations .filter-options .filter-item select, .default .emailClient-page-theme .timeSheets .filter-options .filter-item #year-dropdown, .default .emailClient-page-theme .timeSheets .filter-options .filter-item select, .default .emailClient-page-theme .deviations .filter-options .filter-item #year-dropdown, .default .emailClient-page-theme .deviations .filter-options .filter-item select, .default .vat-periods-page .timeSheets .filter-options .filter-item #year-dropdown, .default .vat-periods-page .timeSheets .filter-options .filter-item select, .default .vat-periods-page .deviations .filter-options .filter-item #year-dropdown, .default .vat-periods-page .deviations .filter-options .filter-item select, .default .procedure-view-theme .timeSheets .filter-options .filter-item #year-dropdown, .default .procedure-view-theme .timeSheets .filter-options .filter-item select, .default .procedure-view-theme .deviations .filter-options .filter-item #year-dropdown, .default .procedure-view-theme .deviations .filter-options .filter-item select, .default .crm-settings-page-theme .timeSheets .filter-options .filter-item #year-dropdown, .default .crm-settings-page-theme .timeSheets .filter-options .filter-item select, .default .crm-settings-page-theme .deviations .filter-options .filter-item #year-dropdown, .default .crm-settings-page-theme .deviations .filter-options .filter-item select, .default .accounting-st-page-theme .timeSheets .filter-options .filter-item #year-dropdown, .default .accounting-st-page-theme .timeSheets .filter-options .filter-item select, .default .accounting-st-page-theme .deviations .filter-options .filter-item #year-dropdown, .default .accounting-st-page-theme .deviations .filter-options .filter-item select, .default .equipment-page-theme .timeSheets .filter-options .filter-item #year-dropdown, .default .equipment-page-theme .timeSheets .filter-options .filter-item select, .default .equipment-page-theme .deviations .filter-options .filter-item #year-dropdown, .default .equipment-page-theme .deviations .filter-options .filter-item select, .default .project-management .timeSheets .filter-options .filter-item #year-dropdown, .default .project-management .timeSheets .filter-options .filter-item select, .default .project-management .deviations .filter-options .filter-item #year-dropdown, .default .project-management .deviations .filter-options .filter-item select, .default .hr-settings-page .timeSheets .filter-options .filter-item #year-dropdown, .default .hr-settings-page .timeSheets .filter-options .filter-item select, .default .hr-settings-page .deviations .filter-options .filter-item #year-dropdown, .default .hr-settings-page .deviations .filter-options .filter-item select, .default .job-documentation-view-theme .timeSheets .filter-options .filter-item #year-dropdown, .default .job-documentation-view-theme .timeSheets .filter-options .filter-item select, .default .job-documentation-view-theme .deviations .filter-options .filter-item #year-dropdown, .default .job-documentation-view-theme .deviations .filter-options .filter-item select {
  border-radius: 4px;
}
.default .job-page-theme .timeSheets .filter-options .button, .default .job-page-theme .deviations .filter-options .button, .default .customer-page-theme .timeSheets .filter-options .button, .default .customer-page-theme .deviations .filter-options .button, .default .suppliers-page .timeSheets .filter-options .button, .default .suppliers-page .deviations .filter-options .button, .default .deviation-page-theme .timeSheets .filter-options .button, .default .deviation-page-theme .deviations .filter-options .button, .default .upload-video-page .timeSheets .filter-options .button, .default .upload-video-page .deviations .filter-options .button, .default .emailClient-page-theme .timeSheets .filter-options .button, .default .emailClient-page-theme .deviations .filter-options .button, .default .vat-periods-page .timeSheets .filter-options .button, .default .vat-periods-page .deviations .filter-options .button, .default .procedure-view-theme .timeSheets .filter-options .button, .default .procedure-view-theme .deviations .filter-options .button, .default .crm-settings-page-theme .timeSheets .filter-options .button, .default .crm-settings-page-theme .deviations .filter-options .button, .default .accounting-st-page-theme .timeSheets .filter-options .button, .default .accounting-st-page-theme .deviations .filter-options .button, .default .equipment-page-theme .timeSheets .filter-options .button, .default .equipment-page-theme .deviations .filter-options .button, .default .project-management .timeSheets .filter-options .button, .default .project-management .deviations .filter-options .button, .default .hr-settings-page .timeSheets .filter-options .button, .default .hr-settings-page .deviations .filter-options .button, .default .job-documentation-view-theme .timeSheets .filter-options .button, .default .job-documentation-view-theme .deviations .filter-options .button {
  border-radius: 5px;
}
.default .job-page-theme .timeSheets .timesheet-select-emp .react__searchable.form-control, .default .job-page-theme .deviations .timesheet-select-emp .react__searchable.form-control, .default .customer-page-theme .timeSheets .timesheet-select-emp .react__searchable.form-control, .default .customer-page-theme .deviations .timesheet-select-emp .react__searchable.form-control, .default .suppliers-page .timeSheets .timesheet-select-emp .react__searchable.form-control, .default .suppliers-page .deviations .timesheet-select-emp .react__searchable.form-control, .default .deviation-page-theme .timeSheets .timesheet-select-emp .react__searchable.form-control, .default .deviation-page-theme .deviations .timesheet-select-emp .react__searchable.form-control, .default .upload-video-page .timeSheets .timesheet-select-emp .react__searchable.form-control, .default .upload-video-page .deviations .timesheet-select-emp .react__searchable.form-control, .default .emailClient-page-theme .timeSheets .timesheet-select-emp .react__searchable.form-control, .default .emailClient-page-theme .deviations .timesheet-select-emp .react__searchable.form-control, .default .vat-periods-page .timeSheets .timesheet-select-emp .react__searchable.form-control, .default .vat-periods-page .deviations .timesheet-select-emp .react__searchable.form-control, .default .procedure-view-theme .timeSheets .timesheet-select-emp .react__searchable.form-control, .default .procedure-view-theme .deviations .timesheet-select-emp .react__searchable.form-control, .default .crm-settings-page-theme .timeSheets .timesheet-select-emp .react__searchable.form-control, .default .crm-settings-page-theme .deviations .timesheet-select-emp .react__searchable.form-control, .default .accounting-st-page-theme .timeSheets .timesheet-select-emp .react__searchable.form-control, .default .accounting-st-page-theme .deviations .timesheet-select-emp .react__searchable.form-control, .default .equipment-page-theme .timeSheets .timesheet-select-emp .react__searchable.form-control, .default .equipment-page-theme .deviations .timesheet-select-emp .react__searchable.form-control, .default .project-management .timeSheets .timesheet-select-emp .react__searchable.form-control, .default .project-management .deviations .timesheet-select-emp .react__searchable.form-control, .default .hr-settings-page .timeSheets .timesheet-select-emp .react__searchable.form-control, .default .hr-settings-page .deviations .timesheet-select-emp .react__searchable.form-control, .default .job-documentation-view-theme .timeSheets .timesheet-select-emp .react__searchable.form-control, .default .job-documentation-view-theme .deviations .timesheet-select-emp .react__searchable.form-control {
  height: 32px !important;
  min-width: 180px;
}
.default .job-page-theme .collapse-body .table .table-header, .default .customer-page-theme .collapse-body .table .table-header, .default .suppliers-page .collapse-body .table .table-header, .default .deviation-page-theme .collapse-body .table .table-header, .default .upload-video-page .collapse-body .table .table-header, .default .emailClient-page-theme .collapse-body .table .table-header, .default .vat-periods-page .collapse-body .table .table-header, .default .procedure-view-theme .collapse-body .table .table-header, .default .crm-settings-page-theme .collapse-body .table .table-header, .default .accounting-st-page-theme .collapse-body .table .table-header, .default .equipment-page-theme .collapse-body .table .table-header, .default .project-management .collapse-body .table .table-header, .default .hr-settings-page .collapse-body .table .table-header, .default .job-documentation-view-theme .collapse-body .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .job-page-theme .collapse-body .table .table-header .th-column, .default .customer-page-theme .collapse-body .table .table-header .th-column, .default .suppliers-page .collapse-body .table .table-header .th-column, .default .deviation-page-theme .collapse-body .table .table-header .th-column, .default .upload-video-page .collapse-body .table .table-header .th-column, .default .emailClient-page-theme .collapse-body .table .table-header .th-column, .default .vat-periods-page .collapse-body .table .table-header .th-column, .default .procedure-view-theme .collapse-body .table .table-header .th-column, .default .crm-settings-page-theme .collapse-body .table .table-header .th-column, .default .accounting-st-page-theme .collapse-body .table .table-header .th-column, .default .equipment-page-theme .collapse-body .table .table-header .th-column, .default .project-management .collapse-body .table .table-header .th-column, .default .hr-settings-page .collapse-body .table .table-header .th-column, .default .job-documentation-view-theme .collapse-body .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .job-page-theme .collapse-body .table .table-body .table-group .table, .default .customer-page-theme .collapse-body .table .table-body .table-group .table, .default .suppliers-page .collapse-body .table .table-body .table-group .table, .default .deviation-page-theme .collapse-body .table .table-body .table-group .table, .default .upload-video-page .collapse-body .table .table-body .table-group .table, .default .emailClient-page-theme .collapse-body .table .table-body .table-group .table, .default .vat-periods-page .collapse-body .table .table-body .table-group .table, .default .procedure-view-theme .collapse-body .table .table-body .table-group .table, .default .crm-settings-page-theme .collapse-body .table .table-body .table-group .table, .default .accounting-st-page-theme .collapse-body .table .table-body .table-group .table, .default .equipment-page-theme .collapse-body .table .table-body .table-group .table, .default .project-management .collapse-body .table .table-body .table-group .table, .default .hr-settings-page .collapse-body .table .table-body .table-group .table, .default .job-documentation-view-theme .collapse-body .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .job-page-theme .collapse-body .table .table-body .table-row, .default .customer-page-theme .collapse-body .table .table-body .table-row, .default .suppliers-page .collapse-body .table .table-body .table-row, .default .deviation-page-theme .collapse-body .table .table-body .table-row, .default .upload-video-page .collapse-body .table .table-body .table-row, .default .emailClient-page-theme .collapse-body .table .table-body .table-row, .default .vat-periods-page .collapse-body .table .table-body .table-row, .default .procedure-view-theme .collapse-body .table .table-body .table-row, .default .crm-settings-page-theme .collapse-body .table .table-body .table-row, .default .accounting-st-page-theme .collapse-body .table .table-body .table-row, .default .equipment-page-theme .collapse-body .table .table-body .table-row, .default .project-management .collapse-body .table .table-body .table-row, .default .hr-settings-page .collapse-body .table .table-body .table-row, .default .job-documentation-view-theme .collapse-body .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .job-page-theme .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .customer-page-theme .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .suppliers-page .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .deviation-page-theme .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .upload-video-page .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .emailClient-page-theme .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .vat-periods-page .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .procedure-view-theme .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .crm-settings-page-theme .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .accounting-st-page-theme .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .equipment-page-theme .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .project-management .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .hr-settings-page .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .job-documentation-view-theme .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .job-page-theme .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .customer-page-theme .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .suppliers-page .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .deviation-page-theme .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .upload-video-page .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .emailClient-page-theme .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .vat-periods-page .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .procedure-view-theme .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .crm-settings-page-theme .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .accounting-st-page-theme .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .equipment-page-theme .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .project-management .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .hr-settings-page .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .job-documentation-view-theme .collapse-body .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .job-page-theme .collapse-body .table .table-body .table-row .currencyCode, .default .customer-page-theme .collapse-body .table .table-body .table-row .currencyCode, .default .suppliers-page .collapse-body .table .table-body .table-row .currencyCode, .default .deviation-page-theme .collapse-body .table .table-body .table-row .currencyCode, .default .upload-video-page .collapse-body .table .table-body .table-row .currencyCode, .default .emailClient-page-theme .collapse-body .table .table-body .table-row .currencyCode, .default .vat-periods-page .collapse-body .table .table-body .table-row .currencyCode, .default .procedure-view-theme .collapse-body .table .table-body .table-row .currencyCode, .default .crm-settings-page-theme .collapse-body .table .table-body .table-row .currencyCode, .default .accounting-st-page-theme .collapse-body .table .table-body .table-row .currencyCode, .default .equipment-page-theme .collapse-body .table .table-body .table-row .currencyCode, .default .project-management .collapse-body .table .table-body .table-row .currencyCode, .default .hr-settings-page .collapse-body .table .table-body .table-row .currencyCode, .default .job-documentation-view-theme .collapse-body .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .job-page-theme .collapse-body .table .table-body .table-row .currencyCode + div, .default .customer-page-theme .collapse-body .table .table-body .table-row .currencyCode + div, .default .suppliers-page .collapse-body .table .table-body .table-row .currencyCode + div, .default .deviation-page-theme .collapse-body .table .table-body .table-row .currencyCode + div, .default .upload-video-page .collapse-body .table .table-body .table-row .currencyCode + div, .default .emailClient-page-theme .collapse-body .table .table-body .table-row .currencyCode + div, .default .vat-periods-page .collapse-body .table .table-body .table-row .currencyCode + div, .default .procedure-view-theme .collapse-body .table .table-body .table-row .currencyCode + div, .default .crm-settings-page-theme .collapse-body .table .table-body .table-row .currencyCode + div, .default .accounting-st-page-theme .collapse-body .table .table-body .table-row .currencyCode + div, .default .equipment-page-theme .collapse-body .table .table-body .table-row .currencyCode + div, .default .project-management .collapse-body .table .table-body .table-row .currencyCode + div, .default .hr-settings-page .collapse-body .table .table-body .table-row .currencyCode + div, .default .job-documentation-view-theme .collapse-body .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .job-page-theme .collapse-body .table .table-body .table-row .icon-btn, .default .customer-page-theme .collapse-body .table .table-body .table-row .icon-btn, .default .suppliers-page .collapse-body .table .table-body .table-row .icon-btn, .default .deviation-page-theme .collapse-body .table .table-body .table-row .icon-btn, .default .upload-video-page .collapse-body .table .table-body .table-row .icon-btn, .default .emailClient-page-theme .collapse-body .table .table-body .table-row .icon-btn, .default .vat-periods-page .collapse-body .table .table-body .table-row .icon-btn, .default .procedure-view-theme .collapse-body .table .table-body .table-row .icon-btn, .default .crm-settings-page-theme .collapse-body .table .table-body .table-row .icon-btn, .default .accounting-st-page-theme .collapse-body .table .table-body .table-row .icon-btn, .default .equipment-page-theme .collapse-body .table .table-body .table-row .icon-btn, .default .project-management .collapse-body .table .table-body .table-row .icon-btn, .default .hr-settings-page .collapse-body .table .table-body .table-row .icon-btn, .default .job-documentation-view-theme .collapse-body .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .job-page-theme .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .customer-page-theme .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .suppliers-page .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .deviation-page-theme .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .upload-video-page .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .emailClient-page-theme .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .vat-periods-page .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .procedure-view-theme .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .crm-settings-page-theme .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .accounting-st-page-theme .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .equipment-page-theme .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .project-management .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .hr-settings-page .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .job-documentation-view-theme .collapse-body .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .job-page-theme .collapse-body .table .table-body .table-row .icon-inside-table, .default .customer-page-theme .collapse-body .table .table-body .table-row .icon-inside-table, .default .suppliers-page .collapse-body .table .table-body .table-row .icon-inside-table, .default .deviation-page-theme .collapse-body .table .table-body .table-row .icon-inside-table, .default .upload-video-page .collapse-body .table .table-body .table-row .icon-inside-table, .default .emailClient-page-theme .collapse-body .table .table-body .table-row .icon-inside-table, .default .vat-periods-page .collapse-body .table .table-body .table-row .icon-inside-table, .default .procedure-view-theme .collapse-body .table .table-body .table-row .icon-inside-table, .default .crm-settings-page-theme .collapse-body .table .table-body .table-row .icon-inside-table, .default .accounting-st-page-theme .collapse-body .table .table-body .table-row .icon-inside-table, .default .equipment-page-theme .collapse-body .table .table-body .table-row .icon-inside-table, .default .project-management .collapse-body .table .table-body .table-row .icon-inside-table, .default .hr-settings-page .collapse-body .table .table-body .table-row .icon-inside-table, .default .job-documentation-view-theme .collapse-body .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .job-page-theme .collapse-body .table .table-body .table-row div, .default .customer-page-theme .collapse-body .table .table-body .table-row div, .default .suppliers-page .collapse-body .table .table-body .table-row div, .default .deviation-page-theme .collapse-body .table .table-body .table-row div, .default .upload-video-page .collapse-body .table .table-body .table-row div, .default .emailClient-page-theme .collapse-body .table .table-body .table-row div, .default .vat-periods-page .collapse-body .table .table-body .table-row div, .default .procedure-view-theme .collapse-body .table .table-body .table-row div, .default .crm-settings-page-theme .collapse-body .table .table-body .table-row div, .default .accounting-st-page-theme .collapse-body .table .table-body .table-row div, .default .equipment-page-theme .collapse-body .table .table-body .table-row div, .default .project-management .collapse-body .table .table-body .table-row div, .default .hr-settings-page .collapse-body .table .table-body .table-row div, .default .job-documentation-view-theme .collapse-body .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .job-page-theme .collapse-body .table .table-body .table-row:hover div, .default .customer-page-theme .collapse-body .table .table-body .table-row:hover div, .default .suppliers-page .collapse-body .table .table-body .table-row:hover div, .default .deviation-page-theme .collapse-body .table .table-body .table-row:hover div, .default .upload-video-page .collapse-body .table .table-body .table-row:hover div, .default .emailClient-page-theme .collapse-body .table .table-body .table-row:hover div, .default .vat-periods-page .collapse-body .table .table-body .table-row:hover div, .default .procedure-view-theme .collapse-body .table .table-body .table-row:hover div, .default .crm-settings-page-theme .collapse-body .table .table-body .table-row:hover div, .default .accounting-st-page-theme .collapse-body .table .table-body .table-row:hover div, .default .equipment-page-theme .collapse-body .table .table-body .table-row:hover div, .default .project-management .collapse-body .table .table-body .table-row:hover div, .default .hr-settings-page .collapse-body .table .table-body .table-row:hover div, .default .job-documentation-view-theme .collapse-body .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .job-page-theme .collapse-body .table .table-body .table-row .icon-btn:hover, .default .customer-page-theme .collapse-body .table .table-body .table-row .icon-btn:hover, .default .suppliers-page .collapse-body .table .table-body .table-row .icon-btn:hover, .default .deviation-page-theme .collapse-body .table .table-body .table-row .icon-btn:hover, .default .upload-video-page .collapse-body .table .table-body .table-row .icon-btn:hover, .default .emailClient-page-theme .collapse-body .table .table-body .table-row .icon-btn:hover, .default .vat-periods-page .collapse-body .table .table-body .table-row .icon-btn:hover, .default .procedure-view-theme .collapse-body .table .table-body .table-row .icon-btn:hover, .default .crm-settings-page-theme .collapse-body .table .table-body .table-row .icon-btn:hover, .default .accounting-st-page-theme .collapse-body .table .table-body .table-row .icon-btn:hover, .default .equipment-page-theme .collapse-body .table .table-body .table-row .icon-btn:hover, .default .project-management .collapse-body .table .table-body .table-row .icon-btn:hover, .default .hr-settings-page .collapse-body .table .table-body .table-row .icon-btn:hover, .default .job-documentation-view-theme .collapse-body .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .job-page-theme .collapse-body .table .table-body .table-row .expand-icon, .default .customer-page-theme .collapse-body .table .table-body .table-row .expand-icon, .default .suppliers-page .collapse-body .table .table-body .table-row .expand-icon, .default .deviation-page-theme .collapse-body .table .table-body .table-row .expand-icon, .default .upload-video-page .collapse-body .table .table-body .table-row .expand-icon, .default .emailClient-page-theme .collapse-body .table .table-body .table-row .expand-icon, .default .vat-periods-page .collapse-body .table .table-body .table-row .expand-icon, .default .procedure-view-theme .collapse-body .table .table-body .table-row .expand-icon, .default .crm-settings-page-theme .collapse-body .table .table-body .table-row .expand-icon, .default .accounting-st-page-theme .collapse-body .table .table-body .table-row .expand-icon, .default .equipment-page-theme .collapse-body .table .table-body .table-row .expand-icon, .default .project-management .collapse-body .table .table-body .table-row .expand-icon, .default .hr-settings-page .collapse-body .table .table-body .table-row .expand-icon, .default .job-documentation-view-theme .collapse-body .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .job-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .customer-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .suppliers-page .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .deviation-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .upload-video-page .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .emailClient-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .vat-periods-page .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .procedure-view-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .crm-settings-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .accounting-st-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .equipment-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .project-management .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .hr-settings-page .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .job-documentation-view-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .job-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .customer-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .suppliers-page .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .deviation-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .upload-video-page .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .emailClient-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .vat-periods-page .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .procedure-view-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .crm-settings-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .accounting-st-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .equipment-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .project-management .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .hr-settings-page .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .job-documentation-view-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .job-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .customer-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .suppliers-page .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .deviation-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .upload-video-page .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .emailClient-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .vat-periods-page .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .procedure-view-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .crm-settings-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .accounting-st-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .equipment-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .project-management .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .hr-settings-page .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .job-documentation-view-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .job-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .customer-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .suppliers-page .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .deviation-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .upload-video-page .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .emailClient-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .vat-periods-page .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .procedure-view-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .crm-settings-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .accounting-st-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .equipment-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .project-management .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .hr-settings-page .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .job-documentation-view-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .job-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .customer-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .suppliers-page .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .deviation-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .upload-video-page .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .emailClient-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .vat-periods-page .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .procedure-view-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .crm-settings-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .accounting-st-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .equipment-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .project-management .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .hr-settings-page .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .job-documentation-view-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .job-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .customer-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .suppliers-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .deviation-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .upload-video-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .emailClient-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .vat-periods-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .procedure-view-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .crm-settings-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .accounting-st-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .equipment-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .project-management .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .hr-settings-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .job-documentation-view-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .job-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .job-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .customer-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .customer-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .suppliers-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .suppliers-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .deviation-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .deviation-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .upload-video-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .upload-video-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .emailClient-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .emailClient-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .vat-periods-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .vat-periods-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .procedure-view-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .procedure-view-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .crm-settings-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .crm-settings-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .accounting-st-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .accounting-st-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .equipment-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .equipment-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .project-management .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .project-management .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .hr-settings-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .hr-settings-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .job-documentation-view-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .job-documentation-view-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .job-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .job-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .job-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .job-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .customer-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .customer-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .customer-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .customer-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .suppliers-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .suppliers-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .suppliers-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .suppliers-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .deviation-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .deviation-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .deviation-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .deviation-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .upload-video-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .upload-video-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .upload-video-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .upload-video-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .emailClient-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .emailClient-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .emailClient-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .emailClient-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .vat-periods-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .vat-periods-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .vat-periods-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .vat-periods-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .procedure-view-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .procedure-view-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .procedure-view-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .procedure-view-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .crm-settings-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .crm-settings-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .crm-settings-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .crm-settings-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .accounting-st-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .accounting-st-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .accounting-st-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .accounting-st-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .equipment-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .equipment-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .equipment-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .equipment-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .project-management .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .project-management .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .project-management .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .project-management .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .hr-settings-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .hr-settings-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .hr-settings-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .hr-settings-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .job-documentation-view-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .job-documentation-view-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .job-documentation-view-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .job-documentation-view-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .job-page-theme .collapse-body .table .table-body .grouped-row, .default .customer-page-theme .collapse-body .table .table-body .grouped-row, .default .suppliers-page .collapse-body .table .table-body .grouped-row, .default .deviation-page-theme .collapse-body .table .table-body .grouped-row, .default .upload-video-page .collapse-body .table .table-body .grouped-row, .default .emailClient-page-theme .collapse-body .table .table-body .grouped-row, .default .vat-periods-page .collapse-body .table .table-body .grouped-row, .default .procedure-view-theme .collapse-body .table .table-body .grouped-row, .default .crm-settings-page-theme .collapse-body .table .table-body .grouped-row, .default .accounting-st-page-theme .collapse-body .table .table-body .grouped-row, .default .equipment-page-theme .collapse-body .table .table-body .grouped-row, .default .project-management .collapse-body .table .table-body .grouped-row, .default .hr-settings-page .collapse-body .table .table-body .grouped-row, .default .job-documentation-view-theme .collapse-body .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .job-page-theme .collapse-body .table .summary-count-row div, .default .customer-page-theme .collapse-body .table .summary-count-row div, .default .suppliers-page .collapse-body .table .summary-count-row div, .default .deviation-page-theme .collapse-body .table .summary-count-row div, .default .upload-video-page .collapse-body .table .summary-count-row div, .default .emailClient-page-theme .collapse-body .table .summary-count-row div, .default .vat-periods-page .collapse-body .table .summary-count-row div, .default .procedure-view-theme .collapse-body .table .summary-count-row div, .default .crm-settings-page-theme .collapse-body .table .summary-count-row div, .default .accounting-st-page-theme .collapse-body .table .summary-count-row div, .default .equipment-page-theme .collapse-body .table .summary-count-row div, .default .project-management .collapse-body .table .summary-count-row div, .default .hr-settings-page .collapse-body .table .summary-count-row div, .default .job-documentation-view-theme .collapse-body .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .job-page-theme .collapse-body .table .ov-supplier-invoice-list, .default .customer-page-theme .collapse-body .table .ov-supplier-invoice-list, .default .suppliers-page .collapse-body .table .ov-supplier-invoice-list, .default .deviation-page-theme .collapse-body .table .ov-supplier-invoice-list, .default .upload-video-page .collapse-body .table .ov-supplier-invoice-list, .default .emailClient-page-theme .collapse-body .table .ov-supplier-invoice-list, .default .vat-periods-page .collapse-body .table .ov-supplier-invoice-list, .default .procedure-view-theme .collapse-body .table .ov-supplier-invoice-list, .default .crm-settings-page-theme .collapse-body .table .ov-supplier-invoice-list, .default .accounting-st-page-theme .collapse-body .table .ov-supplier-invoice-list, .default .equipment-page-theme .collapse-body .table .ov-supplier-invoice-list, .default .project-management .collapse-body .table .ov-supplier-invoice-list, .default .hr-settings-page .collapse-body .table .ov-supplier-invoice-list, .default .job-documentation-view-theme .collapse-body .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .job-page-theme .collapse-body .table .table-footer, .default .customer-page-theme .collapse-body .table .table-footer, .default .suppliers-page .collapse-body .table .table-footer, .default .deviation-page-theme .collapse-body .table .table-footer, .default .upload-video-page .collapse-body .table .table-footer, .default .emailClient-page-theme .collapse-body .table .table-footer, .default .vat-periods-page .collapse-body .table .table-footer, .default .procedure-view-theme .collapse-body .table .table-footer, .default .crm-settings-page-theme .collapse-body .table .table-footer, .default .accounting-st-page-theme .collapse-body .table .table-footer, .default .equipment-page-theme .collapse-body .table .table-footer, .default .project-management .collapse-body .table .table-footer, .default .hr-settings-page .collapse-body .table .table-footer, .default .job-documentation-view-theme .collapse-body .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .job-page-theme .collapse-body .table .load-more, .default .customer-page-theme .collapse-body .table .load-more, .default .suppliers-page .collapse-body .table .load-more, .default .deviation-page-theme .collapse-body .table .load-more, .default .upload-video-page .collapse-body .table .load-more, .default .emailClient-page-theme .collapse-body .table .load-more, .default .vat-periods-page .collapse-body .table .load-more, .default .procedure-view-theme .collapse-body .table .load-more, .default .crm-settings-page-theme .collapse-body .table .load-more, .default .accounting-st-page-theme .collapse-body .table .load-more, .default .equipment-page-theme .collapse-body .table .load-more, .default .project-management .collapse-body .table .load-more, .default .hr-settings-page .collapse-body .table .load-more, .default .job-documentation-view-theme .collapse-body .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .job-page-theme .collapse-body .table .toolbar, .default .customer-page-theme .collapse-body .table .toolbar, .default .suppliers-page .collapse-body .table .toolbar, .default .deviation-page-theme .collapse-body .table .toolbar, .default .upload-video-page .collapse-body .table .toolbar, .default .emailClient-page-theme .collapse-body .table .toolbar, .default .vat-periods-page .collapse-body .table .toolbar, .default .procedure-view-theme .collapse-body .table .toolbar, .default .crm-settings-page-theme .collapse-body .table .toolbar, .default .accounting-st-page-theme .collapse-body .table .toolbar, .default .equipment-page-theme .collapse-body .table .toolbar, .default .project-management .collapse-body .table .toolbar, .default .hr-settings-page .collapse-body .table .toolbar, .default .job-documentation-view-theme .collapse-body .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .job-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .customer-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .suppliers-page .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .deviation-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .upload-video-page .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .emailClient-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .vat-periods-page .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .procedure-view-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .crm-settings-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .accounting-st-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .equipment-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .project-management .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .hr-settings-page .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .job-documentation-view-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .job-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .customer-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .suppliers-page .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .deviation-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .upload-video-page .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .emailClient-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .vat-periods-page .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .procedure-view-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .crm-settings-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .accounting-st-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .equipment-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .project-management .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .hr-settings-page .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .job-documentation-view-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .job-page-theme .collapse-body .table-group .table .table-header, .default .customer-page-theme .collapse-body .table-group .table .table-header, .default .suppliers-page .collapse-body .table-group .table .table-header, .default .deviation-page-theme .collapse-body .table-group .table .table-header, .default .upload-video-page .collapse-body .table-group .table .table-header, .default .emailClient-page-theme .collapse-body .table-group .table .table-header, .default .vat-periods-page .collapse-body .table-group .table .table-header, .default .procedure-view-theme .collapse-body .table-group .table .table-header, .default .crm-settings-page-theme .collapse-body .table-group .table .table-header, .default .accounting-st-page-theme .collapse-body .table-group .table .table-header, .default .equipment-page-theme .collapse-body .table-group .table .table-header, .default .project-management .collapse-body .table-group .table .table-header, .default .hr-settings-page .collapse-body .table-group .table .table-header, .default .job-documentation-view-theme .collapse-body .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .job-page-theme .collapse-body .table-group .table .table-header .th-column, .default .customer-page-theme .collapse-body .table-group .table .table-header .th-column, .default .suppliers-page .collapse-body .table-group .table .table-header .th-column, .default .deviation-page-theme .collapse-body .table-group .table .table-header .th-column, .default .upload-video-page .collapse-body .table-group .table .table-header .th-column, .default .emailClient-page-theme .collapse-body .table-group .table .table-header .th-column, .default .vat-periods-page .collapse-body .table-group .table .table-header .th-column, .default .procedure-view-theme .collapse-body .table-group .table .table-header .th-column, .default .crm-settings-page-theme .collapse-body .table-group .table .table-header .th-column, .default .accounting-st-page-theme .collapse-body .table-group .table .table-header .th-column, .default .equipment-page-theme .collapse-body .table-group .table .table-header .th-column, .default .project-management .collapse-body .table-group .table .table-header .th-column, .default .hr-settings-page .collapse-body .table-group .table .table-header .th-column, .default .job-documentation-view-theme .collapse-body .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .job-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .customer-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .suppliers-page .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .deviation-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .upload-video-page .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .emailClient-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .vat-periods-page .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .procedure-view-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .crm-settings-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .accounting-st-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .equipment-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .project-management .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .hr-settings-page .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .job-documentation-view-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .job-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .customer-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .suppliers-page .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .deviation-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .upload-video-page .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .emailClient-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .vat-periods-page .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .procedure-view-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .crm-settings-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .accounting-st-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .equipment-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .project-management .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .hr-settings-page .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .job-documentation-view-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .job-page-theme .collapse-body .role-listing .designation-name, .default .customer-page-theme .collapse-body .role-listing .designation-name, .default .suppliers-page .collapse-body .role-listing .designation-name, .default .deviation-page-theme .collapse-body .role-listing .designation-name, .default .upload-video-page .collapse-body .role-listing .designation-name, .default .emailClient-page-theme .collapse-body .role-listing .designation-name, .default .vat-periods-page .collapse-body .role-listing .designation-name, .default .procedure-view-theme .collapse-body .role-listing .designation-name, .default .crm-settings-page-theme .collapse-body .role-listing .designation-name, .default .accounting-st-page-theme .collapse-body .role-listing .designation-name, .default .equipment-page-theme .collapse-body .role-listing .designation-name, .default .project-management .collapse-body .role-listing .designation-name, .default .hr-settings-page .collapse-body .role-listing .designation-name, .default .job-documentation-view-theme .collapse-body .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .job-page-theme .collapse-body .table.role-inner-listing .table-header, .default .job-page-theme .collapse-body .table.role-inner-listing .th-column, .default .job-page-theme .collapse-body .table.role-inner-listing .table-row, .default .customer-page-theme .collapse-body .table.role-inner-listing .table-header, .default .customer-page-theme .collapse-body .table.role-inner-listing .th-column, .default .customer-page-theme .collapse-body .table.role-inner-listing .table-row, .default .suppliers-page .collapse-body .table.role-inner-listing .table-header, .default .suppliers-page .collapse-body .table.role-inner-listing .th-column, .default .suppliers-page .collapse-body .table.role-inner-listing .table-row, .default .deviation-page-theme .collapse-body .table.role-inner-listing .table-header, .default .deviation-page-theme .collapse-body .table.role-inner-listing .th-column, .default .deviation-page-theme .collapse-body .table.role-inner-listing .table-row, .default .upload-video-page .collapse-body .table.role-inner-listing .table-header, .default .upload-video-page .collapse-body .table.role-inner-listing .th-column, .default .upload-video-page .collapse-body .table.role-inner-listing .table-row, .default .emailClient-page-theme .collapse-body .table.role-inner-listing .table-header, .default .emailClient-page-theme .collapse-body .table.role-inner-listing .th-column, .default .emailClient-page-theme .collapse-body .table.role-inner-listing .table-row, .default .vat-periods-page .collapse-body .table.role-inner-listing .table-header, .default .vat-periods-page .collapse-body .table.role-inner-listing .th-column, .default .vat-periods-page .collapse-body .table.role-inner-listing .table-row, .default .procedure-view-theme .collapse-body .table.role-inner-listing .table-header, .default .procedure-view-theme .collapse-body .table.role-inner-listing .th-column, .default .procedure-view-theme .collapse-body .table.role-inner-listing .table-row, .default .crm-settings-page-theme .collapse-body .table.role-inner-listing .table-header, .default .crm-settings-page-theme .collapse-body .table.role-inner-listing .th-column, .default .crm-settings-page-theme .collapse-body .table.role-inner-listing .table-row, .default .accounting-st-page-theme .collapse-body .table.role-inner-listing .table-header, .default .accounting-st-page-theme .collapse-body .table.role-inner-listing .th-column, .default .accounting-st-page-theme .collapse-body .table.role-inner-listing .table-row, .default .equipment-page-theme .collapse-body .table.role-inner-listing .table-header, .default .equipment-page-theme .collapse-body .table.role-inner-listing .th-column, .default .equipment-page-theme .collapse-body .table.role-inner-listing .table-row, .default .project-management .collapse-body .table.role-inner-listing .table-header, .default .project-management .collapse-body .table.role-inner-listing .th-column, .default .project-management .collapse-body .table.role-inner-listing .table-row, .default .hr-settings-page .collapse-body .table.role-inner-listing .table-header, .default .hr-settings-page .collapse-body .table.role-inner-listing .th-column, .default .hr-settings-page .collapse-body .table.role-inner-listing .table-row, .default .job-documentation-view-theme .collapse-body .table.role-inner-listing .table-header, .default .job-documentation-view-theme .collapse-body .table.role-inner-listing .th-column, .default .job-documentation-view-theme .collapse-body .table.role-inner-listing .table-row {
  border: 0px;
}
.default .job-page-theme .collapse-body .table.role-inner-listing .table-row, .default .customer-page-theme .collapse-body .table.role-inner-listing .table-row, .default .suppliers-page .collapse-body .table.role-inner-listing .table-row, .default .deviation-page-theme .collapse-body .table.role-inner-listing .table-row, .default .upload-video-page .collapse-body .table.role-inner-listing .table-row, .default .emailClient-page-theme .collapse-body .table.role-inner-listing .table-row, .default .vat-periods-page .collapse-body .table.role-inner-listing .table-row, .default .procedure-view-theme .collapse-body .table.role-inner-listing .table-row, .default .crm-settings-page-theme .collapse-body .table.role-inner-listing .table-row, .default .accounting-st-page-theme .collapse-body .table.role-inner-listing .table-row, .default .equipment-page-theme .collapse-body .table.role-inner-listing .table-row, .default .project-management .collapse-body .table.role-inner-listing .table-row, .default .hr-settings-page .collapse-body .table.role-inner-listing .table-row, .default .job-documentation-view-theme .collapse-body .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .job-page-theme .collapse-body .table.role-inner-listing .table-row div, .default .customer-page-theme .collapse-body .table.role-inner-listing .table-row div, .default .suppliers-page .collapse-body .table.role-inner-listing .table-row div, .default .deviation-page-theme .collapse-body .table.role-inner-listing .table-row div, .default .upload-video-page .collapse-body .table.role-inner-listing .table-row div, .default .emailClient-page-theme .collapse-body .table.role-inner-listing .table-row div, .default .vat-periods-page .collapse-body .table.role-inner-listing .table-row div, .default .procedure-view-theme .collapse-body .table.role-inner-listing .table-row div, .default .crm-settings-page-theme .collapse-body .table.role-inner-listing .table-row div, .default .accounting-st-page-theme .collapse-body .table.role-inner-listing .table-row div, .default .equipment-page-theme .collapse-body .table.role-inner-listing .table-row div, .default .project-management .collapse-body .table.role-inner-listing .table-row div, .default .hr-settings-page .collapse-body .table.role-inner-listing .table-row div, .default .job-documentation-view-theme .collapse-body .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .job-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .customer-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .suppliers-page .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .deviation-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .upload-video-page .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .emailClient-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .vat-periods-page .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .procedure-view-theme .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .crm-settings-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .accounting-st-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .equipment-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .project-management .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .hr-settings-page .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .job-documentation-view-theme .collapse-body .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .job-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .customer-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .suppliers-page .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .deviation-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .upload-video-page .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .emailClient-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .vat-periods-page .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .procedure-view-theme .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .crm-settings-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .accounting-st-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .equipment-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .project-management .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .hr-settings-page .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .job-documentation-view-theme .collapse-body .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .job-page-theme .job-view-email .email-view-attachment-wrapper, .default .customer-page-theme .job-view-email .email-view-attachment-wrapper, .default .suppliers-page .job-view-email .email-view-attachment-wrapper, .default .deviation-page-theme .job-view-email .email-view-attachment-wrapper, .default .upload-video-page .job-view-email .email-view-attachment-wrapper, .default .emailClient-page-theme .job-view-email .email-view-attachment-wrapper, .default .vat-periods-page .job-view-email .email-view-attachment-wrapper, .default .procedure-view-theme .job-view-email .email-view-attachment-wrapper, .default .crm-settings-page-theme .job-view-email .email-view-attachment-wrapper, .default .accounting-st-page-theme .job-view-email .email-view-attachment-wrapper, .default .equipment-page-theme .job-view-email .email-view-attachment-wrapper, .default .project-management .job-view-email .email-view-attachment-wrapper, .default .hr-settings-page .job-view-email .email-view-attachment-wrapper, .default .job-documentation-view-theme .job-view-email .email-view-attachment-wrapper {
  width: unset;
}
.default .job-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Bold], .default .job-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Italic], .default .job-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Underline], .default .job-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Bullet list"], .default .job-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Numbered list"], .default .customer-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Bold], .default .customer-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Italic], .default .customer-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Underline], .default .customer-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Bullet list"], .default .customer-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Numbered list"], .default .suppliers-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Bold], .default .suppliers-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Italic], .default .suppliers-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Underline], .default .suppliers-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Bullet list"], .default .suppliers-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Numbered list"], .default .deviation-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Bold], .default .deviation-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Italic], .default .deviation-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Underline], .default .deviation-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Bullet list"], .default .deviation-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Numbered list"], .default .upload-video-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Bold], .default .upload-video-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Italic], .default .upload-video-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Underline], .default .upload-video-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Bullet list"], .default .upload-video-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Numbered list"], .default .emailClient-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Bold], .default .emailClient-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Italic], .default .emailClient-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Underline], .default .emailClient-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Bullet list"], .default .emailClient-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Numbered list"], .default .vat-periods-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Bold], .default .vat-periods-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Italic], .default .vat-periods-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Underline], .default .vat-periods-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Bullet list"], .default .vat-periods-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Numbered list"], .default .procedure-view-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Bold], .default .procedure-view-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Italic], .default .procedure-view-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Underline], .default .procedure-view-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Bullet list"], .default .procedure-view-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Numbered list"], .default .crm-settings-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Bold], .default .crm-settings-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Italic], .default .crm-settings-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Underline], .default .crm-settings-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Bullet list"], .default .crm-settings-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Numbered list"], .default .accounting-st-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Bold], .default .accounting-st-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Italic], .default .accounting-st-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Underline], .default .accounting-st-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Bullet list"], .default .accounting-st-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Numbered list"], .default .equipment-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Bold], .default .equipment-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Italic], .default .equipment-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Underline], .default .equipment-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Bullet list"], .default .equipment-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Numbered list"], .default .project-management .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Bold], .default .project-management .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Italic], .default .project-management .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Underline], .default .project-management .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Bullet list"], .default .project-management .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Numbered list"], .default .hr-settings-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Bold], .default .hr-settings-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Italic], .default .hr-settings-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Underline], .default .hr-settings-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Bullet list"], .default .hr-settings-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Numbered list"], .default .job-documentation-view-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Bold], .default .job-documentation-view-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Italic], .default .job-documentation-view-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Underline], .default .job-documentation-view-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Bullet list"], .default .job-documentation-view-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title="Numbered list"] {
  display: none;
}
.default .job-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Print], .default .customer-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Print], .default .suppliers-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Print], .default .deviation-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Print], .default .upload-video-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Print], .default .emailClient-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Print], .default .vat-periods-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Print], .default .procedure-view-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Print], .default .crm-settings-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Print], .default .accounting-st-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Print], .default .equipment-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Print], .default .project-management .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Print], .default .hr-settings-page .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Print], .default .job-documentation-view-theme .job-view-email .email-viewEditor-area .tox-toolbar__group button[title=Print] {
  cursor: pointer;
}
.default .job-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Background], .default .job-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Text], .default .customer-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Background], .default .customer-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Text], .default .suppliers-page .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Background], .default .suppliers-page .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Text], .default .deviation-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Background], .default .deviation-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Text], .default .upload-video-page .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Background], .default .upload-video-page .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Text], .default .emailClient-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Background], .default .emailClient-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Text], .default .vat-periods-page .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Background], .default .vat-periods-page .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Text], .default .procedure-view-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Background], .default .procedure-view-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Text], .default .crm-settings-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Background], .default .crm-settings-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Text], .default .accounting-st-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Background], .default .accounting-st-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Text], .default .equipment-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Background], .default .equipment-page-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Text], .default .project-management .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Background], .default .project-management .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Text], .default .hr-settings-page .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Background], .default .hr-settings-page .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Text], .default .job-documentation-view-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Background], .default .job-documentation-view-theme .job-view-email .email-viewEditor-area .tox-toolbar__group div[title*=Text] {
  display: none;
}
.default .job-page-theme .job-view-email .top-panel, .default .customer-page-theme .job-view-email .top-panel, .default .suppliers-page .job-view-email .top-panel, .default .deviation-page-theme .job-view-email .top-panel, .default .upload-video-page .job-view-email .top-panel, .default .emailClient-page-theme .job-view-email .top-panel, .default .vat-periods-page .job-view-email .top-panel, .default .procedure-view-theme .job-view-email .top-panel, .default .crm-settings-page-theme .job-view-email .top-panel, .default .accounting-st-page-theme .job-view-email .top-panel, .default .equipment-page-theme .job-view-email .top-panel, .default .project-management .job-view-email .top-panel, .default .hr-settings-page .job-view-email .top-panel, .default .job-documentation-view-theme .job-view-email .top-panel {
  display: flex;
  gap: 10px;
  padding: 10px 10px 10px 40px;
}
.default .job-page-theme .job-view-email .top-panel .cta-btn, .default .customer-page-theme .job-view-email .top-panel .cta-btn, .default .suppliers-page .job-view-email .top-panel .cta-btn, .default .deviation-page-theme .job-view-email .top-panel .cta-btn, .default .upload-video-page .job-view-email .top-panel .cta-btn, .default .emailClient-page-theme .job-view-email .top-panel .cta-btn, .default .vat-periods-page .job-view-email .top-panel .cta-btn, .default .procedure-view-theme .job-view-email .top-panel .cta-btn, .default .crm-settings-page-theme .job-view-email .top-panel .cta-btn, .default .accounting-st-page-theme .job-view-email .top-panel .cta-btn, .default .equipment-page-theme .job-view-email .top-panel .cta-btn, .default .project-management .job-view-email .top-panel .cta-btn, .default .hr-settings-page .job-view-email .top-panel .cta-btn, .default .job-documentation-view-theme .job-view-email .top-panel .cta-btn {
  display: flex;
  padding: 5px;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  cursor: pointer;
  background-color: #f3f3f3;
}
.default .job-page-theme .job-view-email .top-panel .cta-btn:hover, .default .customer-page-theme .job-view-email .top-panel .cta-btn:hover, .default .suppliers-page .job-view-email .top-panel .cta-btn:hover, .default .deviation-page-theme .job-view-email .top-panel .cta-btn:hover, .default .upload-video-page .job-view-email .top-panel .cta-btn:hover, .default .emailClient-page-theme .job-view-email .top-panel .cta-btn:hover, .default .vat-periods-page .job-view-email .top-panel .cta-btn:hover, .default .procedure-view-theme .job-view-email .top-panel .cta-btn:hover, .default .crm-settings-page-theme .job-view-email .top-panel .cta-btn:hover, .default .accounting-st-page-theme .job-view-email .top-panel .cta-btn:hover, .default .equipment-page-theme .job-view-email .top-panel .cta-btn:hover, .default .project-management .job-view-email .top-panel .cta-btn:hover, .default .hr-settings-page .job-view-email .top-panel .cta-btn:hover, .default .job-documentation-view-theme .job-view-email .top-panel .cta-btn:hover {
  background-color: #d3d0d0;
}
.default .job-page-theme .job-view-email .top-panel .cta-btn.selected-cta-btn, .default .customer-page-theme .job-view-email .top-panel .cta-btn.selected-cta-btn, .default .suppliers-page .job-view-email .top-panel .cta-btn.selected-cta-btn, .default .deviation-page-theme .job-view-email .top-panel .cta-btn.selected-cta-btn, .default .upload-video-page .job-view-email .top-panel .cta-btn.selected-cta-btn, .default .emailClient-page-theme .job-view-email .top-panel .cta-btn.selected-cta-btn, .default .vat-periods-page .job-view-email .top-panel .cta-btn.selected-cta-btn, .default .procedure-view-theme .job-view-email .top-panel .cta-btn.selected-cta-btn, .default .crm-settings-page-theme .job-view-email .top-panel .cta-btn.selected-cta-btn, .default .accounting-st-page-theme .job-view-email .top-panel .cta-btn.selected-cta-btn, .default .equipment-page-theme .job-view-email .top-panel .cta-btn.selected-cta-btn, .default .project-management .job-view-email .top-panel .cta-btn.selected-cta-btn, .default .hr-settings-page .job-view-email .top-panel .cta-btn.selected-cta-btn, .default .job-documentation-view-theme .job-view-email .top-panel .cta-btn.selected-cta-btn {
  background-color: #fff;
  font-weight: bold;
}
.default .job-page-theme .job-view-email .top-panel .cta-btn.selected-cta-btn:hover, .default .customer-page-theme .job-view-email .top-panel .cta-btn.selected-cta-btn:hover, .default .suppliers-page .job-view-email .top-panel .cta-btn.selected-cta-btn:hover, .default .deviation-page-theme .job-view-email .top-panel .cta-btn.selected-cta-btn:hover, .default .upload-video-page .job-view-email .top-panel .cta-btn.selected-cta-btn:hover, .default .emailClient-page-theme .job-view-email .top-panel .cta-btn.selected-cta-btn:hover, .default .vat-periods-page .job-view-email .top-panel .cta-btn.selected-cta-btn:hover, .default .procedure-view-theme .job-view-email .top-panel .cta-btn.selected-cta-btn:hover, .default .crm-settings-page-theme .job-view-email .top-panel .cta-btn.selected-cta-btn:hover, .default .accounting-st-page-theme .job-view-email .top-panel .cta-btn.selected-cta-btn:hover, .default .equipment-page-theme .job-view-email .top-panel .cta-btn.selected-cta-btn:hover, .default .project-management .job-view-email .top-panel .cta-btn.selected-cta-btn:hover, .default .hr-settings-page .job-view-email .top-panel .cta-btn.selected-cta-btn:hover, .default .job-documentation-view-theme .job-view-email .top-panel .cta-btn.selected-cta-btn:hover {
  background-color: #d3d0d0;
}
.default .job-page-theme .job-view-email .top-panel .cta-btn span, .default .customer-page-theme .job-view-email .top-panel .cta-btn span, .default .suppliers-page .job-view-email .top-panel .cta-btn span, .default .deviation-page-theme .job-view-email .top-panel .cta-btn span, .default .upload-video-page .job-view-email .top-panel .cta-btn span, .default .emailClient-page-theme .job-view-email .top-panel .cta-btn span, .default .vat-periods-page .job-view-email .top-panel .cta-btn span, .default .procedure-view-theme .job-view-email .top-panel .cta-btn span, .default .crm-settings-page-theme .job-view-email .top-panel .cta-btn span, .default .accounting-st-page-theme .job-view-email .top-panel .cta-btn span, .default .equipment-page-theme .job-view-email .top-panel .cta-btn span, .default .project-management .job-view-email .top-panel .cta-btn span, .default .hr-settings-page .job-view-email .top-panel .cta-btn span, .default .job-documentation-view-theme .job-view-email .top-panel .cta-btn span {
  padding: 5px;
  color: #000;
}
.default .job-page-theme .job-view-email .top-panel .cta-btn div, .default .customer-page-theme .job-view-email .top-panel .cta-btn div, .default .suppliers-page .job-view-email .top-panel .cta-btn div, .default .deviation-page-theme .job-view-email .top-panel .cta-btn div, .default .upload-video-page .job-view-email .top-panel .cta-btn div, .default .emailClient-page-theme .job-view-email .top-panel .cta-btn div, .default .vat-periods-page .job-view-email .top-panel .cta-btn div, .default .procedure-view-theme .job-view-email .top-panel .cta-btn div, .default .crm-settings-page-theme .job-view-email .top-panel .cta-btn div, .default .accounting-st-page-theme .job-view-email .top-panel .cta-btn div, .default .equipment-page-theme .job-view-email .top-panel .cta-btn div, .default .project-management .job-view-email .top-panel .cta-btn div, .default .hr-settings-page .job-view-email .top-panel .cta-btn div, .default .job-documentation-view-theme .job-view-email .top-panel .cta-btn div {
  color: #000;
}
@keyframes rotateA {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotateContinuous {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.default .job-page-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .cta-refresh-btn-icon, .default .customer-page-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .cta-refresh-btn-icon, .default .suppliers-page .job-view-email .top-panel .cta-btn.cta-refresh-btn .cta-refresh-btn-icon, .default .deviation-page-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .cta-refresh-btn-icon, .default .upload-video-page .job-view-email .top-panel .cta-btn.cta-refresh-btn .cta-refresh-btn-icon, .default .emailClient-page-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .cta-refresh-btn-icon, .default .vat-periods-page .job-view-email .top-panel .cta-btn.cta-refresh-btn .cta-refresh-btn-icon, .default .procedure-view-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .cta-refresh-btn-icon, .default .crm-settings-page-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .cta-refresh-btn-icon, .default .accounting-st-page-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .cta-refresh-btn-icon, .default .equipment-page-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .cta-refresh-btn-icon, .default .project-management .job-view-email .top-panel .cta-btn.cta-refresh-btn .cta-refresh-btn-icon, .default .hr-settings-page .job-view-email .top-panel .cta-btn.cta-refresh-btn .cta-refresh-btn-icon, .default .job-documentation-view-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .cta-refresh-btn-icon {
  -webkit-animation: rotateA 500ms linear forwards;
  -moz-animation: rotateA 500ms linear forwards;
  animation: rotateA 500ms linear forwards;
}
.default .job-page-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .active, .default .customer-page-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .active, .default .suppliers-page .job-view-email .top-panel .cta-btn.cta-refresh-btn .active, .default .deviation-page-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .active, .default .upload-video-page .job-view-email .top-panel .cta-btn.cta-refresh-btn .active, .default .emailClient-page-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .active, .default .vat-periods-page .job-view-email .top-panel .cta-btn.cta-refresh-btn .active, .default .procedure-view-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .active, .default .crm-settings-page-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .active, .default .accounting-st-page-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .active, .default .equipment-page-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .active, .default .project-management .job-view-email .top-panel .cta-btn.cta-refresh-btn .active, .default .hr-settings-page .job-view-email .top-panel .cta-btn.cta-refresh-btn .active, .default .job-documentation-view-theme .job-view-email .top-panel .cta-btn.cta-refresh-btn .active {
  -webkit-animation: rotateContinuous 500ms linear infinite;
  -moz-animation: rotateContinuous 500ms linear infinite;
  animation: rotateContinuous 500ms linear infinite;
}
.default .job-page-theme .job-view-email .top-panel .cta-btn .unblock-icon, .default .customer-page-theme .job-view-email .top-panel .cta-btn .unblock-icon, .default .suppliers-page .job-view-email .top-panel .cta-btn .unblock-icon, .default .deviation-page-theme .job-view-email .top-panel .cta-btn .unblock-icon, .default .upload-video-page .job-view-email .top-panel .cta-btn .unblock-icon, .default .emailClient-page-theme .job-view-email .top-panel .cta-btn .unblock-icon, .default .vat-periods-page .job-view-email .top-panel .cta-btn .unblock-icon, .default .procedure-view-theme .job-view-email .top-panel .cta-btn .unblock-icon, .default .crm-settings-page-theme .job-view-email .top-panel .cta-btn .unblock-icon, .default .accounting-st-page-theme .job-view-email .top-panel .cta-btn .unblock-icon, .default .equipment-page-theme .job-view-email .top-panel .cta-btn .unblock-icon, .default .project-management .job-view-email .top-panel .cta-btn .unblock-icon, .default .hr-settings-page .job-view-email .top-panel .cta-btn .unblock-icon, .default .job-documentation-view-theme .job-view-email .top-panel .cta-btn .unblock-icon {
  width: 27px;
}
.default .job-page-theme .job-view-email .email-view-upperArea .mv-label, .default .customer-page-theme .job-view-email .email-view-upperArea .mv-label, .default .suppliers-page .job-view-email .email-view-upperArea .mv-label, .default .deviation-page-theme .job-view-email .email-view-upperArea .mv-label, .default .upload-video-page .job-view-email .email-view-upperArea .mv-label, .default .emailClient-page-theme .job-view-email .email-view-upperArea .mv-label, .default .vat-periods-page .job-view-email .email-view-upperArea .mv-label, .default .procedure-view-theme .job-view-email .email-view-upperArea .mv-label, .default .crm-settings-page-theme .job-view-email .email-view-upperArea .mv-label, .default .accounting-st-page-theme .job-view-email .email-view-upperArea .mv-label, .default .equipment-page-theme .job-view-email .email-view-upperArea .mv-label, .default .project-management .job-view-email .email-view-upperArea .mv-label, .default .hr-settings-page .job-view-email .email-view-upperArea .mv-label, .default .job-documentation-view-theme .job-view-email .email-view-upperArea .mv-label {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .job-page-theme .job-view-email .email-view-upperArea .mv-label:after, .default .customer-page-theme .job-view-email .email-view-upperArea .mv-label:after, .default .suppliers-page .job-view-email .email-view-upperArea .mv-label:after, .default .deviation-page-theme .job-view-email .email-view-upperArea .mv-label:after, .default .upload-video-page .job-view-email .email-view-upperArea .mv-label:after, .default .emailClient-page-theme .job-view-email .email-view-upperArea .mv-label:after, .default .vat-periods-page .job-view-email .email-view-upperArea .mv-label:after, .default .procedure-view-theme .job-view-email .email-view-upperArea .mv-label:after, .default .crm-settings-page-theme .job-view-email .email-view-upperArea .mv-label:after, .default .accounting-st-page-theme .job-view-email .email-view-upperArea .mv-label:after, .default .equipment-page-theme .job-view-email .email-view-upperArea .mv-label:after, .default .project-management .job-view-email .email-view-upperArea .mv-label:after, .default .hr-settings-page .job-view-email .email-view-upperArea .mv-label:after, .default .job-documentation-view-theme .job-view-email .email-view-upperArea .mv-label:after {
  color: #000;
}
.default .job-page-theme .job-view-email .email-view-upperArea .mv-subject, .default .customer-page-theme .job-view-email .email-view-upperArea .mv-subject, .default .suppliers-page .job-view-email .email-view-upperArea .mv-subject, .default .deviation-page-theme .job-view-email .email-view-upperArea .mv-subject, .default .upload-video-page .job-view-email .email-view-upperArea .mv-subject, .default .emailClient-page-theme .job-view-email .email-view-upperArea .mv-subject, .default .vat-periods-page .job-view-email .email-view-upperArea .mv-subject, .default .procedure-view-theme .job-view-email .email-view-upperArea .mv-subject, .default .crm-settings-page-theme .job-view-email .email-view-upperArea .mv-subject, .default .accounting-st-page-theme .job-view-email .email-view-upperArea .mv-subject, .default .equipment-page-theme .job-view-email .email-view-upperArea .mv-subject, .default .project-management .job-view-email .email-view-upperArea .mv-subject, .default .hr-settings-page .job-view-email .email-view-upperArea .mv-subject, .default .job-documentation-view-theme .job-view-email .email-view-upperArea .mv-subject {
  color: #000;
  font-weight: 600;
  border-bottom: 0;
  padding-bottom: 6px;
}
.default .job-page-theme .job-view-email .email-view-upperArea .mv-subject.skeleton, .default .customer-page-theme .job-view-email .email-view-upperArea .mv-subject.skeleton, .default .suppliers-page .job-view-email .email-view-upperArea .mv-subject.skeleton, .default .deviation-page-theme .job-view-email .email-view-upperArea .mv-subject.skeleton, .default .upload-video-page .job-view-email .email-view-upperArea .mv-subject.skeleton, .default .emailClient-page-theme .job-view-email .email-view-upperArea .mv-subject.skeleton, .default .vat-periods-page .job-view-email .email-view-upperArea .mv-subject.skeleton, .default .procedure-view-theme .job-view-email .email-view-upperArea .mv-subject.skeleton, .default .crm-settings-page-theme .job-view-email .email-view-upperArea .mv-subject.skeleton, .default .accounting-st-page-theme .job-view-email .email-view-upperArea .mv-subject.skeleton, .default .equipment-page-theme .job-view-email .email-view-upperArea .mv-subject.skeleton, .default .project-management .job-view-email .email-view-upperArea .mv-subject.skeleton, .default .hr-settings-page .job-view-email .email-view-upperArea .mv-subject.skeleton, .default .job-documentation-view-theme .job-view-email .email-view-upperArea .mv-subject.skeleton {
  max-width: 350px;
}
.default .job-page-theme .job-view-email .email-view-upperArea .email-data, .default .customer-page-theme .job-view-email .email-view-upperArea .email-data, .default .suppliers-page .job-view-email .email-view-upperArea .email-data, .default .deviation-page-theme .job-view-email .email-view-upperArea .email-data, .default .upload-video-page .job-view-email .email-view-upperArea .email-data, .default .emailClient-page-theme .job-view-email .email-view-upperArea .email-data, .default .vat-periods-page .job-view-email .email-view-upperArea .email-data, .default .procedure-view-theme .job-view-email .email-view-upperArea .email-data, .default .crm-settings-page-theme .job-view-email .email-view-upperArea .email-data, .default .accounting-st-page-theme .job-view-email .email-view-upperArea .email-data, .default .equipment-page-theme .job-view-email .email-view-upperArea .email-data, .default .project-management .job-view-email .email-view-upperArea .email-data, .default .hr-settings-page .job-view-email .email-view-upperArea .email-data, .default .job-documentation-view-theme .job-view-email .email-view-upperArea .email-data {
  margin-right: 60px;
}
.default .job-page-theme .job-view-email .email-view-upperArea .name-date-inline, .default .customer-page-theme .job-view-email .email-view-upperArea .name-date-inline, .default .suppliers-page .job-view-email .email-view-upperArea .name-date-inline, .default .deviation-page-theme .job-view-email .email-view-upperArea .name-date-inline, .default .upload-video-page .job-view-email .email-view-upperArea .name-date-inline, .default .emailClient-page-theme .job-view-email .email-view-upperArea .name-date-inline, .default .vat-periods-page .job-view-email .email-view-upperArea .name-date-inline, .default .procedure-view-theme .job-view-email .email-view-upperArea .name-date-inline, .default .crm-settings-page-theme .job-view-email .email-view-upperArea .name-date-inline, .default .accounting-st-page-theme .job-view-email .email-view-upperArea .name-date-inline, .default .equipment-page-theme .job-view-email .email-view-upperArea .name-date-inline, .default .project-management .job-view-email .email-view-upperArea .name-date-inline, .default .hr-settings-page .job-view-email .email-view-upperArea .name-date-inline, .default .job-documentation-view-theme .job-view-email .email-view-upperArea .name-date-inline {
  justify-content: space-between;
  margin-top: 7px;
}
.default .job-page-theme .job-view-email .email-view-upperArea .mv-email-name, .default .customer-page-theme .job-view-email .email-view-upperArea .mv-email-name, .default .suppliers-page .job-view-email .email-view-upperArea .mv-email-name, .default .deviation-page-theme .job-view-email .email-view-upperArea .mv-email-name, .default .upload-video-page .job-view-email .email-view-upperArea .mv-email-name, .default .emailClient-page-theme .job-view-email .email-view-upperArea .mv-email-name, .default .vat-periods-page .job-view-email .email-view-upperArea .mv-email-name, .default .procedure-view-theme .job-view-email .email-view-upperArea .mv-email-name, .default .crm-settings-page-theme .job-view-email .email-view-upperArea .mv-email-name, .default .accounting-st-page-theme .job-view-email .email-view-upperArea .mv-email-name, .default .equipment-page-theme .job-view-email .email-view-upperArea .mv-email-name, .default .project-management .job-view-email .email-view-upperArea .mv-email-name, .default .hr-settings-page .job-view-email .email-view-upperArea .mv-email-name, .default .job-documentation-view-theme .job-view-email .email-view-upperArea .mv-email-name {
  font-size: 16px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .job-page-theme .job-view-email .email-view-upperArea .mv-name, .default .customer-page-theme .job-view-email .email-view-upperArea .mv-name, .default .suppliers-page .job-view-email .email-view-upperArea .mv-name, .default .deviation-page-theme .job-view-email .email-view-upperArea .mv-name, .default .upload-video-page .job-view-email .email-view-upperArea .mv-name, .default .emailClient-page-theme .job-view-email .email-view-upperArea .mv-name, .default .vat-periods-page .job-view-email .email-view-upperArea .mv-name, .default .procedure-view-theme .job-view-email .email-view-upperArea .mv-name, .default .crm-settings-page-theme .job-view-email .email-view-upperArea .mv-name, .default .accounting-st-page-theme .job-view-email .email-view-upperArea .mv-name, .default .equipment-page-theme .job-view-email .email-view-upperArea .mv-name, .default .project-management .job-view-email .email-view-upperArea .mv-name, .default .hr-settings-page .job-view-email .email-view-upperArea .mv-name, .default .job-documentation-view-theme .job-view-email .email-view-upperArea .mv-name {
  color: #000;
}
.default .job-page-theme .job-view-email .email-view-upperArea .mv-name.skeleton, .default .customer-page-theme .job-view-email .email-view-upperArea .mv-name.skeleton, .default .suppliers-page .job-view-email .email-view-upperArea .mv-name.skeleton, .default .deviation-page-theme .job-view-email .email-view-upperArea .mv-name.skeleton, .default .upload-video-page .job-view-email .email-view-upperArea .mv-name.skeleton, .default .emailClient-page-theme .job-view-email .email-view-upperArea .mv-name.skeleton, .default .vat-periods-page .job-view-email .email-view-upperArea .mv-name.skeleton, .default .procedure-view-theme .job-view-email .email-view-upperArea .mv-name.skeleton, .default .crm-settings-page-theme .job-view-email .email-view-upperArea .mv-name.skeleton, .default .accounting-st-page-theme .job-view-email .email-view-upperArea .mv-name.skeleton, .default .equipment-page-theme .job-view-email .email-view-upperArea .mv-name.skeleton, .default .project-management .job-view-email .email-view-upperArea .mv-name.skeleton, .default .hr-settings-page .job-view-email .email-view-upperArea .mv-name.skeleton, .default .job-documentation-view-theme .job-view-email .email-view-upperArea .mv-name.skeleton {
  height: 15px;
  width: 150px;
  display: inline-flex;
}
.default .job-page-theme .job-view-email .email-view-upperArea .inlineFlex, .default .customer-page-theme .job-view-email .email-view-upperArea .inlineFlex, .default .suppliers-page .job-view-email .email-view-upperArea .inlineFlex, .default .deviation-page-theme .job-view-email .email-view-upperArea .inlineFlex, .default .upload-video-page .job-view-email .email-view-upperArea .inlineFlex, .default .emailClient-page-theme .job-view-email .email-view-upperArea .inlineFlex, .default .vat-periods-page .job-view-email .email-view-upperArea .inlineFlex, .default .procedure-view-theme .job-view-email .email-view-upperArea .inlineFlex, .default .crm-settings-page-theme .job-view-email .email-view-upperArea .inlineFlex, .default .accounting-st-page-theme .job-view-email .email-view-upperArea .inlineFlex, .default .equipment-page-theme .job-view-email .email-view-upperArea .inlineFlex, .default .project-management .job-view-email .email-view-upperArea .inlineFlex, .default .hr-settings-page .job-view-email .email-view-upperArea .inlineFlex, .default .job-documentation-view-theme .job-view-email .email-view-upperArea .inlineFlex {
  display: flex;
  align-items: center;
}
.default .job-page-theme .job-view-email .email-view-upperArea .email-assign-tag-con, .default .customer-page-theme .job-view-email .email-view-upperArea .email-assign-tag-con, .default .suppliers-page .job-view-email .email-view-upperArea .email-assign-tag-con, .default .deviation-page-theme .job-view-email .email-view-upperArea .email-assign-tag-con, .default .upload-video-page .job-view-email .email-view-upperArea .email-assign-tag-con, .default .emailClient-page-theme .job-view-email .email-view-upperArea .email-assign-tag-con, .default .vat-periods-page .job-view-email .email-view-upperArea .email-assign-tag-con, .default .procedure-view-theme .job-view-email .email-view-upperArea .email-assign-tag-con, .default .crm-settings-page-theme .job-view-email .email-view-upperArea .email-assign-tag-con, .default .accounting-st-page-theme .job-view-email .email-view-upperArea .email-assign-tag-con, .default .equipment-page-theme .job-view-email .email-view-upperArea .email-assign-tag-con, .default .project-management .job-view-email .email-view-upperArea .email-assign-tag-con, .default .hr-settings-page .job-view-email .email-view-upperArea .email-assign-tag-con, .default .job-documentation-view-theme .job-view-email .email-view-upperArea .email-assign-tag-con {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  align-items: start;
}
.default .job-page-theme .job-view-email .email-view-upperArea .skeleton, .default .customer-page-theme .job-view-email .email-view-upperArea .skeleton, .default .suppliers-page .job-view-email .email-view-upperArea .skeleton, .default .deviation-page-theme .job-view-email .email-view-upperArea .skeleton, .default .upload-video-page .job-view-email .email-view-upperArea .skeleton, .default .emailClient-page-theme .job-view-email .email-view-upperArea .skeleton, .default .vat-periods-page .job-view-email .email-view-upperArea .skeleton, .default .procedure-view-theme .job-view-email .email-view-upperArea .skeleton, .default .crm-settings-page-theme .job-view-email .email-view-upperArea .skeleton, .default .accounting-st-page-theme .job-view-email .email-view-upperArea .skeleton, .default .equipment-page-theme .job-view-email .email-view-upperArea .skeleton, .default .project-management .job-view-email .email-view-upperArea .skeleton, .default .hr-settings-page .job-view-email .email-view-upperArea .skeleton, .default .job-documentation-view-theme .job-view-email .email-view-upperArea .skeleton {
  border-radius: 4px;
  background-color: #eee;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-size: 40px 100%;
  background-repeat: no-repeat;
  background-position: left -40px top 0;
  animation: shine 1s ease infinite;
}
@keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}
.default .job-page-theme .job-view-email .email-viewEditor-area, .default .customer-page-theme .job-view-email .email-viewEditor-area, .default .suppliers-page .job-view-email .email-viewEditor-area, .default .deviation-page-theme .job-view-email .email-viewEditor-area, .default .upload-video-page .job-view-email .email-viewEditor-area, .default .emailClient-page-theme .job-view-email .email-viewEditor-area, .default .vat-periods-page .job-view-email .email-viewEditor-area, .default .procedure-view-theme .job-view-email .email-viewEditor-area, .default .crm-settings-page-theme .job-view-email .email-viewEditor-area, .default .accounting-st-page-theme .job-view-email .email-viewEditor-area, .default .equipment-page-theme .job-view-email .email-viewEditor-area, .default .project-management .job-view-email .email-viewEditor-area, .default .hr-settings-page .job-view-email .email-viewEditor-area, .default .job-documentation-view-theme .job-view-email .email-viewEditor-area {
  margin: 0px 15px;
}
.default .job-page-theme .job-view-email .email-viewEditor-area .skeleton-continar, .default .customer-page-theme .job-view-email .email-viewEditor-area .skeleton-continar, .default .suppliers-page .job-view-email .email-viewEditor-area .skeleton-continar, .default .deviation-page-theme .job-view-email .email-viewEditor-area .skeleton-continar, .default .upload-video-page .job-view-email .email-viewEditor-area .skeleton-continar, .default .emailClient-page-theme .job-view-email .email-viewEditor-area .skeleton-continar, .default .vat-periods-page .job-view-email .email-viewEditor-area .skeleton-continar, .default .procedure-view-theme .job-view-email .email-viewEditor-area .skeleton-continar, .default .crm-settings-page-theme .job-view-email .email-viewEditor-area .skeleton-continar, .default .accounting-st-page-theme .job-view-email .email-viewEditor-area .skeleton-continar, .default .equipment-page-theme .job-view-email .email-viewEditor-area .skeleton-continar, .default .project-management .job-view-email .email-viewEditor-area .skeleton-continar, .default .hr-settings-page .job-view-email .email-viewEditor-area .skeleton-continar, .default .job-documentation-view-theme .job-view-email .email-viewEditor-area .skeleton-continar {
  margin: 0px 15px;
}
.default .job-page-theme .job-view-email .email-viewEditor-area .skeleton-continar, .default .customer-page-theme .job-view-email .email-viewEditor-area .skeleton-continar, .default .suppliers-page .job-view-email .email-viewEditor-area .skeleton-continar, .default .deviation-page-theme .job-view-email .email-viewEditor-area .skeleton-continar, .default .upload-video-page .job-view-email .email-viewEditor-area .skeleton-continar, .default .emailClient-page-theme .job-view-email .email-viewEditor-area .skeleton-continar, .default .vat-periods-page .job-view-email .email-viewEditor-area .skeleton-continar, .default .procedure-view-theme .job-view-email .email-viewEditor-area .skeleton-continar, .default .crm-settings-page-theme .job-view-email .email-viewEditor-area .skeleton-continar, .default .accounting-st-page-theme .job-view-email .email-viewEditor-area .skeleton-continar, .default .equipment-page-theme .job-view-email .email-viewEditor-area .skeleton-continar, .default .project-management .job-view-email .email-viewEditor-area .skeleton-continar, .default .hr-settings-page .job-view-email .email-viewEditor-area .skeleton-continar, .default .job-documentation-view-theme .job-view-email .email-viewEditor-area .skeleton-continar {
  padding: 20px 20px 20px 15px;
  margin-bottom: 10px;
  background-color: #fff;
}
.default .job-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .customer-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .suppliers-page .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .deviation-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .upload-video-page .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .emailClient-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .vat-periods-page .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .procedure-view-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .crm-settings-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .accounting-st-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .equipment-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .project-management .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .hr-settings-page .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .job-documentation-view-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton {
  width: 80%;
  height: 15px;
}
.default .job-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:first-child, .default .customer-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:first-child, .default .suppliers-page .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:first-child, .default .deviation-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:first-child, .default .upload-video-page .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:first-child, .default .emailClient-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:first-child, .default .vat-periods-page .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:first-child, .default .procedure-view-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:first-child, .default .crm-settings-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:first-child, .default .accounting-st-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:first-child, .default .equipment-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:first-child, .default .project-management .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:first-child, .default .hr-settings-page .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:first-child, .default .job-documentation-view-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:first-child {
  width: 70%;
}
.default .job-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:nth-child(2), .default .customer-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:nth-child(2), .default .suppliers-page .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:nth-child(2), .default .deviation-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:nth-child(2), .default .upload-video-page .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:nth-child(2), .default .emailClient-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:nth-child(2), .default .vat-periods-page .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:nth-child(2), .default .procedure-view-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:nth-child(2), .default .crm-settings-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:nth-child(2), .default .accounting-st-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:nth-child(2), .default .equipment-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:nth-child(2), .default .project-management .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:nth-child(2), .default .hr-settings-page .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:nth-child(2), .default .job-documentation-view-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton:nth-child(2) {
  width: 75%;
}
.default .job-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .customer-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .suppliers-page .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .deviation-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .upload-video-page .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .emailClient-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .vat-periods-page .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .procedure-view-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .crm-settings-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .accounting-st-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .equipment-page-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .project-management .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .hr-settings-page .job-view-email .email-viewEditor-area .skeleton-continar .skeleton, .default .job-documentation-view-theme .job-view-email .email-viewEditor-area .skeleton-continar .skeleton {
  border-radius: 4px;
  background-color: #eee;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-size: 40px 100%;
  background-repeat: no-repeat;
  background-position: left -40px top 0;
  animation: shine 1s ease infinite;
}
@keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}
.default .job-page-theme .job-view-email .email-container, .default .customer-page-theme .job-view-email .email-container, .default .suppliers-page .job-view-email .email-container, .default .deviation-page-theme .job-view-email .email-container, .default .upload-video-page .job-view-email .email-container, .default .emailClient-page-theme .job-view-email .email-container, .default .vat-periods-page .job-view-email .email-container, .default .procedure-view-theme .job-view-email .email-container, .default .crm-settings-page-theme .job-view-email .email-container, .default .accounting-st-page-theme .job-view-email .email-container, .default .equipment-page-theme .job-view-email .email-container, .default .project-management .job-view-email .email-container, .default .hr-settings-page .job-view-email .email-container, .default .job-documentation-view-theme .job-view-email .email-container {
  min-height: 740px;
}
.default .job-page-theme .job-view-email .email-list, .default .customer-page-theme .job-view-email .email-list, .default .suppliers-page .job-view-email .email-list, .default .deviation-page-theme .job-view-email .email-list, .default .upload-video-page .job-view-email .email-list, .default .emailClient-page-theme .job-view-email .email-list, .default .vat-periods-page .job-view-email .email-list, .default .procedure-view-theme .job-view-email .email-list, .default .crm-settings-page-theme .job-view-email .email-list, .default .accounting-st-page-theme .job-view-email .email-list, .default .equipment-page-theme .job-view-email .email-list, .default .project-management .job-view-email .email-list, .default .hr-settings-page .job-view-email .email-list, .default .job-documentation-view-theme .job-view-email .email-list {
  min-width: 450px;
  overflow-x: hidden !important;
}
.default .job-page-theme .job-view-email .email-list .email-list-item:first-child, .default .customer-page-theme .job-view-email .email-list .email-list-item:first-child, .default .suppliers-page .job-view-email .email-list .email-list-item:first-child, .default .deviation-page-theme .job-view-email .email-list .email-list-item:first-child, .default .upload-video-page .job-view-email .email-list .email-list-item:first-child, .default .emailClient-page-theme .job-view-email .email-list .email-list-item:first-child, .default .vat-periods-page .job-view-email .email-list .email-list-item:first-child, .default .procedure-view-theme .job-view-email .email-list .email-list-item:first-child, .default .crm-settings-page-theme .job-view-email .email-list .email-list-item:first-child, .default .accounting-st-page-theme .job-view-email .email-list .email-list-item:first-child, .default .equipment-page-theme .job-view-email .email-list .email-list-item:first-child, .default .project-management .job-view-email .email-list .email-list-item:first-child, .default .hr-settings-page .job-view-email .email-list .email-list-item:first-child, .default .job-documentation-view-theme .job-view-email .email-list .email-list-item:first-child {
  margin-top: 10px;
}
.default .job-page-theme .job-view-email .email-area-list, .default .customer-page-theme .job-view-email .email-area-list, .default .suppliers-page .job-view-email .email-area-list, .default .deviation-page-theme .job-view-email .email-area-list, .default .upload-video-page .job-view-email .email-area-list, .default .emailClient-page-theme .job-view-email .email-area-list, .default .vat-periods-page .job-view-email .email-area-list, .default .procedure-view-theme .job-view-email .email-area-list, .default .crm-settings-page-theme .job-view-email .email-area-list, .default .accounting-st-page-theme .job-view-email .email-area-list, .default .equipment-page-theme .job-view-email .email-area-list, .default .project-management .job-view-email .email-area-list, .default .hr-settings-page .job-view-email .email-area-list, .default .job-documentation-view-theme .job-view-email .email-area-list {
  min-width: 448px;
}
.default .job-page-theme .job-view-email .empty-email-container, .default .customer-page-theme .job-view-email .empty-email-container, .default .suppliers-page .job-view-email .empty-email-container, .default .deviation-page-theme .job-view-email .empty-email-container, .default .upload-video-page .job-view-email .empty-email-container, .default .emailClient-page-theme .job-view-email .empty-email-container, .default .vat-periods-page .job-view-email .empty-email-container, .default .procedure-view-theme .job-view-email .empty-email-container, .default .crm-settings-page-theme .job-view-email .empty-email-container, .default .accounting-st-page-theme .job-view-email .empty-email-container, .default .equipment-page-theme .job-view-email .empty-email-container, .default .project-management .job-view-email .empty-email-container, .default .hr-settings-page .job-view-email .empty-email-container, .default .job-documentation-view-theme .job-view-email .empty-email-container {
  min-height: unset !important;
}
.default .job-page-theme .job-view-email .empty-email-container .load-more, .default .customer-page-theme .job-view-email .empty-email-container .load-more, .default .suppliers-page .job-view-email .empty-email-container .load-more, .default .deviation-page-theme .job-view-email .empty-email-container .load-more, .default .upload-video-page .job-view-email .empty-email-container .load-more, .default .emailClient-page-theme .job-view-email .empty-email-container .load-more, .default .vat-periods-page .job-view-email .empty-email-container .load-more, .default .procedure-view-theme .job-view-email .empty-email-container .load-more, .default .crm-settings-page-theme .job-view-email .empty-email-container .load-more, .default .accounting-st-page-theme .job-view-email .empty-email-container .load-more, .default .equipment-page-theme .job-view-email .empty-email-container .load-more, .default .project-management .job-view-email .empty-email-container .load-more, .default .hr-settings-page .job-view-email .empty-email-container .load-more, .default .job-documentation-view-theme .job-view-email .empty-email-container .load-more {
  width: 100%;
}
.default .job-page-theme .job-view-email .empty-email-container .load-more .no-records-message, .default .customer-page-theme .job-view-email .empty-email-container .load-more .no-records-message, .default .suppliers-page .job-view-email .empty-email-container .load-more .no-records-message, .default .deviation-page-theme .job-view-email .empty-email-container .load-more .no-records-message, .default .upload-video-page .job-view-email .empty-email-container .load-more .no-records-message, .default .emailClient-page-theme .job-view-email .empty-email-container .load-more .no-records-message, .default .vat-periods-page .job-view-email .empty-email-container .load-more .no-records-message, .default .procedure-view-theme .job-view-email .empty-email-container .load-more .no-records-message, .default .crm-settings-page-theme .job-view-email .empty-email-container .load-more .no-records-message, .default .accounting-st-page-theme .job-view-email .empty-email-container .load-more .no-records-message, .default .equipment-page-theme .job-view-email .empty-email-container .load-more .no-records-message, .default .project-management .job-view-email .empty-email-container .load-more .no-records-message, .default .hr-settings-page .job-view-email .empty-email-container .load-more .no-records-message, .default .job-documentation-view-theme .job-view-email .empty-email-container .load-more .no-records-message {
  display: flex;
  justify-content: center;
}
.default .job-page-theme .job-view-email .email-module-view-attachment, .default .customer-page-theme .job-view-email .email-module-view-attachment, .default .suppliers-page .job-view-email .email-module-view-attachment, .default .deviation-page-theme .job-view-email .email-module-view-attachment, .default .upload-video-page .job-view-email .email-module-view-attachment, .default .emailClient-page-theme .job-view-email .email-module-view-attachment, .default .vat-periods-page .job-view-email .email-module-view-attachment, .default .procedure-view-theme .job-view-email .email-module-view-attachment, .default .crm-settings-page-theme .job-view-email .email-module-view-attachment, .default .accounting-st-page-theme .job-view-email .email-module-view-attachment, .default .equipment-page-theme .job-view-email .email-module-view-attachment, .default .project-management .job-view-email .email-module-view-attachment, .default .hr-settings-page .job-view-email .email-module-view-attachment, .default .job-documentation-view-theme .job-view-email .email-module-view-attachment {
  max-height: 100%;
}
.default .job-page-theme .job-view-email .email-list:not(.mobile-job-email .email-list), .default .customer-page-theme .job-view-email .email-list:not(.mobile-job-email .email-list), .default .suppliers-page .job-view-email .email-list:not(.mobile-job-email .email-list), .default .deviation-page-theme .job-view-email .email-list:not(.mobile-job-email .email-list), .default .upload-video-page .job-view-email .email-list:not(.mobile-job-email .email-list), .default .emailClient-page-theme .job-view-email .email-list:not(.mobile-job-email .email-list), .default .vat-periods-page .job-view-email .email-list:not(.mobile-job-email .email-list), .default .procedure-view-theme .job-view-email .email-list:not(.mobile-job-email .email-list), .default .crm-settings-page-theme .job-view-email .email-list:not(.mobile-job-email .email-list), .default .accounting-st-page-theme .job-view-email .email-list:not(.mobile-job-email .email-list), .default .equipment-page-theme .job-view-email .email-list:not(.mobile-job-email .email-list), .default .project-management .job-view-email .email-list:not(.mobile-job-email .email-list), .default .hr-settings-page .job-view-email .email-list:not(.mobile-job-email .email-list), .default .job-documentation-view-theme .job-view-email .email-list:not(.mobile-job-email .email-list) {
  height: calc(-203px + 100vh);
}
.default .view-documentation, .default .view-offer {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .view-documentation .ov-procedure-sec .title, .default .view-offer .ov-procedure-sec .title {
  margin-left: unset !important;
}
.default .view-documentation .title, .default .view-offer .title {
  margin-left: 10px;
}
.default .view-documentation .title h2, .default .view-offer .title h2 {
  color: #000;
  font-size: 17px;
  padding-top: 20px;
  padding-bottom: 10px;
}
.default .view-documentation .ov-sec strong, .default .view-offer .ov-sec strong {
  color: #000 !important;
}
.default .view-documentation .user-agreement-info .agreement-view, .default .view-offer .user-agreement-info .agreement-view {
  border: unset;
}
.default .view-documentation .catalogue, .default .view-offer .catalogue {
  border-radius: unset;
  padding: 20px 50px 0px 50px;
  background-color: #e9e9e9;
}
.default .view-documentation .catalogue .catalogue-header .catalogue-title, .default .view-offer .catalogue .catalogue-header .catalogue-title {
  display: flex;
  align-items: center;
}
.default .view-documentation .catalogue .catalogue-header .catalogue-title::before, .default .view-offer .catalogue .catalogue-header .catalogue-title::before {
  content: "·";
  padding-right: 5px;
  font-size: 6em;
  line-height: 0;
  padding-bottom: 4px;
}
.default .view-documentation .catalogue .card-view, .default .view-offer .catalogue .card-view {
  background: unset !important;
}
.default .view-documentation .catalogue .card-view .card-view-details, .default .view-offer .catalogue .card-view .card-view-details {
  width: 125px;
}
.default .view-documentation .catalogue .file-container:not(.file-container:has(> .card-view)), .default .view-offer .catalogue .file-container:not(.file-container:has(> .card-view)) {
  margin-top: 0px !important;
}
.default .view-documentation .offer-catalogue .title, .default .view-offer .offer-catalogue .title {
  display: none;
}
.default .view-documentation .offer-catalogue .ov-wrapper, .default .view-offer .offer-catalogue .ov-wrapper {
  padding: unset;
}
.default .view-documentation .offer-catalogue .catalogue, .default .view-offer .offer-catalogue .catalogue {
  border-bottom: 2px solid #fff !important;
}
.default .view-documentation .offer-catalogue .catalogue:last-of-type, .default .view-offer .offer-catalogue .catalogue:last-of-type {
  padding-bottom: 20px;
}
.default .view-documentation .job-doc-view, .default .view-offer .job-doc-view {
  box-shadow: unset;
}
.default .view-documentation .job-doc-view .invoice-header, .default .view-offer .job-doc-view .invoice-header {
  padding: 45px 50px;
  align-items: flex-start;
}
.default .view-documentation .job-doc-view .invoice-header img, .default .view-offer .job-doc-view .invoice-header img {
  margin-bottom: 30px;
}
.default .view-documentation .job-doc-view .invoice-header .invoice-info .invoice-no, .default .view-offer .job-doc-view .invoice-header .invoice-info .invoice-no {
  margin-bottom: unset;
  line-height: 0;
}
.default .view-documentation .job-doc-view .invoice-header .invoice-info .invoice-date, .default .view-offer .job-doc-view .invoice-header .invoice-info .invoice-date {
  margin-bottom: 20px;
  line-height: 1;
}
.default .view-documentation .job-doc-view .invoice-header .invoice-info .cus-address, .default .view-documentation .job-doc-view .invoice-header .invoice-info .cus-email, .default .view-documentation .job-doc-view .invoice-header .invoice-info .cus-orgNo, .default .view-documentation .job-doc-view .invoice-header .invoice-info .com-address, .default .view-offer .job-doc-view .invoice-header .invoice-info .cus-address, .default .view-offer .job-doc-view .invoice-header .invoice-info .cus-email, .default .view-offer .job-doc-view .invoice-header .invoice-info .cus-orgNo, .default .view-offer .job-doc-view .invoice-header .invoice-info .com-address {
  line-height: 1;
}
.default .view-documentation .job-doc-view .invoice-header .invoice-info .com-web, .default .view-documentation .job-doc-view .invoice-header .invoice-info .com-regNo, .default .view-documentation .job-doc-view .invoice-header .invoice-info .com-email, .default .view-offer .job-doc-view .invoice-header .invoice-info .com-web, .default .view-offer .job-doc-view .invoice-header .invoice-info .com-regNo, .default .view-offer .job-doc-view .invoice-header .invoice-info .com-email {
  line-height: 1.5;
}
.default .view-documentation .job-doc-view .invoice-header .invoice-info .cus-phone, .default .view-documentation .job-doc-view .invoice-header .invoice-info .cus-web, .default .view-documentation .job-doc-view .invoice-header .invoice-info .com-phone, .default .view-documentation .job-doc-view .invoice-header .invoice-info .com-email, .default .view-offer .job-doc-view .invoice-header .invoice-info .cus-phone, .default .view-offer .job-doc-view .invoice-header .invoice-info .cus-web, .default .view-offer .job-doc-view .invoice-header .invoice-info .com-phone, .default .view-offer .job-doc-view .invoice-header .invoice-info .com-email {
  margin-top: 20px;
}
.default .view-documentation .ov-wrapper:has(.jd-job-info), .default .view-offer .ov-wrapper:has(.jd-job-info) {
  background: #fff;
}
.default .view-documentation .ov-sec-bg, .default .view-offer .ov-sec-bg {
  background: #e9e9e9;
}
.default .view-documentation .customer-info-sec, .default .view-offer .customer-info-sec {
  display: flex;
  flex-wrap: nowrap;
}
.default .view-documentation .main-contacts, .default .view-offer .main-contacts {
  padding-right: 15px;
}
.default .view-documentation .card-view, .default .view-offer .card-view {
  border: 0;
  box-shadow: none;
}
.default .view-documentation .view-all-sm, .default .view-offer .view-all-sm {
  width: fit-content;
}
.default .view-documentation .file-container:not(.file-container:has(> .card-view)), .default .view-offer .file-container:not(.file-container:has(> .card-view)) {
  margin-top: 20px;
}
.default .view-documentation .file-container:not(.file-container:has(> .card-view)) .file, .default .view-offer .file-container:not(.file-container:has(> .card-view)) .file {
  width: max-content;
  border: 0;
  box-shadow: none;
}
.default .view-documentation .risk-bg .panel-box, .default .view-offer .risk-bg .panel-box {
  box-shadow: none;
}
.default .view-documentation p, .default .view-offer p {
  margin-bottom: unset;
}
.default .view-documentation .contact-info {
  width: 33%;
}
.default .ov-procedure-sec .card-view {
  margin: 0 15px 15px 0;
}
.default .ov-procedure-sec .file-container .card-view .ant-skeleton-element {
  height: calc(100% - 44px) !important;
  width: 100%;
}
.default .ov-procedure-sec .file-container .card-view .ant-skeleton-element .ant-skeleton-image {
  width: 100%;
  height: 100% !important;
}
.default .view-offer .title h2 {
  color: #000;
}
.default .view-offer .ov-sec {
  border-bottom: 0px !important;
}
.default .view-offer .ov-procedure-sec {
  background-color: #f7f7f7;
}
.default .view-offer .user-agreement-info {
  height: auto;
}
.default .view-offer .user-agreement-info .agreement-view {
  height: auto;
}
.default .view-offer .user-agreement-info .agreement-header .sub-header {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
}
.default .view-offer .agreement-desc {
  column-count: 2;
  column-gap: 30px;
  text-align: justify;
  max-height: unset !important;
  overflow: unset !important;
  overflow: unset !important;
}
.default .view-offer .agreement-desc body {
  background: #fff !important;
}
.default .view-offer .agreement-desc ul {
  list-style: inherit !important;
  margin-left: 15px !important;
  margin-bottom: 10px !important;
}
.default .view-offer .catalogue {
  background: #e9e9e9;
  border: unset;
}
.default .view-offer .catalogue:hover {
  box-shadow: none;
}
@media only screen and (min-width: 1030px) and (max-width: 1366px) {
  .default .order-top-sec .left-sec .job-personnal .contact-info {
    width: calc(28% + 8px) !important;
  }
  .default .order-top-sec .right-sec {
    width: unset !important;
  }
}
.default .modal-sec-collapsible {
  border: unset;
}
.default .job-documentation-view-theme {
  background-color: #d5d2d2;
}
.default .job-documentation-view-theme .customer-info-sec {
  background-color: #fff !important;
}
.default .job-documentation-view-theme .report {
  margin-top: unset;
}
.default .job-documentation-view-theme .report .report-section-title {
  padding-top: 15px;
}
.default .job-documentation-view-theme .jr-wrapper {
  padding: 45px 0px;
}
.default .job-documentation-view-theme .jr-wrapper .title {
  margin-left: 50px;
}
.default .job-documentation-view-theme .ov-wrapper {
  background: #e9e8e6 !important;
}
.default .job-documentation-view-theme .jd-job-info {
  background: #e9e8e6;
}
.default .job-documentation-view-theme .jd-job-info h2 {
  padding-bottom: 10px;
  color: #000;
}
.default .job-documentation-view-theme .catalogue {
  padding: 20px 0px 0px 0px;
}
.default .job-documentation-view-theme .customer-info-sec {
  background-color: #f7f7f7;
}
.default .job-documentation-view-theme .customer-info-sec .c-i-main {
  width: 66.6%;
  background: unset;
  padding-top: unset;
}
.default .job-documentation-view-theme .customer-info-sec .c-i-main > div {
  width: 50%;
}
.default .job-documentation-view-theme .customer-info-sec .c-i-main > div .contact-group .contact-info {
  margin-left: unset;
}
.default .job-documentation-view-theme .customer-info-sec .c-i-main .main-contacts {
  border-left: 1px solid #ccc;
}
.default .job-documentation-view-theme .customer-info-sec .job-personnal {
  width: 33.3%;
  border-left: 1px solid #ccc;
  padding: 0px 0px 20px 0px;
}
.default .job-documentation-view-theme .customer-info-sec .job-personnal .contact-group .flex-group {
  gap: 10px;
}
.default .job-documentation-view-theme .customer-info-sec .job-personnal .contact-info {
  margin-left: unset !important;
}
.default .job-documentation-view-theme .customer-info-sec .view-all-sm {
  margin-left: unset;
  border: 1px solid #e5e3e3;
}
.default .job-documentation-view-theme .customer-info-sec .btn-inline {
  background: rgb(255, 255, 255);
  color: rgb(82, 98, 112) !important;
  border: 1px solid #e5e3e3;
}
.default .job-documentation-view-theme .ov-risk-wrapper .risk-collapse-body {
  border: 0;
  width: 85%;
}
.default .job-documentation-view-theme .ov-risk-wrapper .risk-collapse-body .collapse-header {
  position: relative;
  background: unset;
  padding: 0px 10px 0px 0px;
  border-radius: unset;
  background-color: #4d4d4d;
}
.default .job-documentation-view-theme .ov-risk-wrapper .risk-collapse-body .collapse-header .color-box {
  width: 25px;
  background: red;
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  height: 80%;
  margin: auto 8px;
  border-radius: 6px;
}
.default .job-documentation-view-theme .ov-risk-wrapper .risk-collapse-body .collapse-header .medium {
  background: #e3b938;
}
.default .job-documentation-view-theme .ov-risk-wrapper .risk-collapse-body .collapse-header .high {
  background: #ff0000;
}
.default .job-documentation-view-theme .ov-risk-wrapper .risk-collapse-body .collapse-header .low {
  background: #2c8e43;
}
.default .job-documentation-view-theme .ov-risk-wrapper .risk-collapse-body .collapse-header .collapse-title {
  background-color: #4d4d4d;
  color: #fff;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.default .job-documentation-view-theme .ov-risk-wrapper .risk-collapse-body .collapse-header .collpase-btn {
  background: #c4cfd8;
  color: #526270;
  border: 1px solid #c4cfd8;
}
.default .job-documentation-view-theme .ov-risk-wrapper .risk-collapse-body .collapse-header .collpase-btn i {
  color: #526270;
}
.default .job-documentation-view-theme .ov-risk-wrapper .risk-collapse-body .collapse-header .title-header {
  color: #fff !important;
}
.default .job-documentation-view-theme .ov-risk-wrapper .risk-collapse-body .collapse-body {
  background-color: #e9f9ff;
}
.default .job-documentation-view-theme .table .table-header {
  background-color: #d7d6d4;
}
.default .job-documentation-view-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6 !important;
}
.default .job-documentation-view-theme .table .table-header .th-column:nth-last-child(2) {
  border-right: 0px solid #dbdad8 !important;
}
.default .job-documentation-view-theme .table .red-highlight {
  background-color: #f3f3f2;
}
.default .job-documentation-view-print {
  background-color: #d5d2d2;
}
.default .ov-sec .time-sheet-container {
  flex-basis: 42%;
}
.default .ov-sec .table-report-group:has(.deviation-container):has(.time-sheet-container) .deviation-container {
  flex-basis: 50%;
}
.default .ov-sec .table-report-group:has(.deviation-container):has(.time-sheet-container) .time-sheet-container {
  flex-basis: 40%;
  margin-left: 20px;
}
.default .ov-sec .table-report-group .ov-deviation .table-header .th-column:nth-child(2), .default .ov-sec .table-report-group .ov-deviation .table-row div:nth-child(2) {
  width: 17%;
}
.default .report {
  border-radius: 20px;
  box-shadow: none !important;
}
.default .report .report-info {
  border: 0px;
  left: 0px !important;
  top: 0px;
  background-color: #dddddd;
}
.default .report .report-no, .default .report .report-no h2 {
  color: #474747;
  font-size: 40px;
  font-weight: 700;
}
.default .report .report-day {
  color: #474747;
  font-size: 11px;
}
.default .report .d-flex-a-center {
  display: flex;
  align-items: center;
}
.default .report .d-flex-a-center i {
  font-size: 17px;
}
.default .report .report-main-container {
  padding: 15px 0px 3px 50px;
}
.default .report .report-main-container .report-container {
  padding: 5px 5px 5px 0px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  margin-top: 10px;
}
.default .report .report-main-container .report-container .file-area {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 10px;
}
.default .report .report-main-container .report-container .file-area .file-container {
  margin-top: 5px;
  gap: 10px;
}
.default .report .report-main-container .report-container .file-area .file-container .file {
  margin-left: 0px;
}
.default .report .report-main-container .report-container .file-area .file-container .card-view {
  padding: 0px;
  background: #f7f7f7;
  margin: 0 !important;
}
.default .report .report-main-container .report-container .file-area .file-container .card-view .card-view-details .card-view-title {
  font-weight: 500;
}
.default .report .report-main-container .report-container .file-area .file-container:has(> .card-view) {
  flex: 0 1 auto;
}
.default .report .report-main-container .report-container .file-area .file-container:not(.file-container:has(> .card-view)) {
  display: flex;
  align-items: baseline;
  flex-basis: auto;
}
.default .report .report-main-container .report-container .file-area .file-container:not(.file-container:has(> .card-view)) .file {
  width: 185px;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .report .report-main-container .report-container .file-area .file-container:has(> .card-view) {
  flex-basis: 100%;
  display: contents;
}
.default .report .report-main-container .report-container .file-area .file-container:has(> .card-view) .card-view {
  min-width: 140px;
  max-width: 140px;
  box-shadow: none;
  border: 0;
}
.default .report .report-main-container .report-container .file-area .file-container:has(> .card-view) .card-view .card-view-details {
  margin-top: 3px;
}
.default .report .report-main-container .report-container .no-records-message {
  border-bottom: 0px;
}
.default .report .report-main-container .report-container .no-records-message::before {
  content: "";
  display: block;
  height: 32px;
  width: 51px;
  opacity: 0.6;
  position: relative;
  top: -7px;
  left: 48%;
  background: url(https://qa.dev.bluetag.no/assets/img/empty.svg) no-repeat;
}
.default .report .report-header {
  flex-direction: column-reverse !important;
}
.default .report .report-header::before {
  background: #ede6dc;
  top: 0px;
}
.default .report .report-header .report-tile .comment-header {
  color: #484848;
}
.default .report .report-header .report-tile .report-desc, .default .report .report-header .report-tile .comment-desc {
  font-weight: 500;
  word-break: break-word;
}
.default .report .report-header .report-tile .report-desc-container {
  overflow-y: auto;
  max-width: 99%;
  padding: 0px 20px 10px 0px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.default .report .report-header .report-tile .report-desc-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  border-radius: 2px;
}
.default .report .report-header .report-tile .report-desc-container::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}
.default .report .report-header .report-tile .report-desc-container::-webkit-scrollbar-thumb {
  background-color: #8b8f95;
  border: 2px solid #8b8f95;
  border-radius: 2px;
}
.default .report .report-header .report-tile .commented-user-icon {
  display: inline-block;
  position: relative;
  border-radius: 50%;
  margin-right: 7px;
}
.default .report .report-header .report-tile .commented-user-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #000000;
}
.default .report .report-header .report-tile .commented-user {
  overflow-wrap: break-word;
  word-break: break-word;
}
.default .report .report-header .report-tile .commented-user label b {
  font-weight: 600;
}
.default .report .report-header .report-tile .line-sep {
  margin-left: 10px;
}
.default .report .report-header .report-tile .line-sep.btn-not-show {
  display: none;
}
.default .report .report-header .report-tile .commented-time {
  margin-left: 0px;
  display: none;
}
.default .report .time-sheet-container {
  flex-basis: 42%;
  margin-top: 15px;
  padding: 0px 50px 5px 50px;
  background: unset !important;
}
.default .report .time-sheet-container .time-sheet-title {
  background: unset !important;
  padding: 0px;
  color: #484848;
}
.default .report .time-sheet-container .time-sheet-inner-container {
  padding: 5px 15px 15px 15px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  margin-top: 5px;
}
.default .report .time-sheet-container .time-sheet-inner-container .jr-time-sheet {
  width: 100%;
}
.default .report .time-sheet-container .time-sheet-inner-container .jr-time-sheet .table-header {
  background-color: #d7d6d4;
}
.default .report .time-sheet-container .time-sheet-inner-container .jr-time-sheet .table-header .th-column {
  height: 36px;
  padding: 10px 10px 6px;
}
.default .report .time-sheet-container .time-sheet-inner-container .jr-time-sheet .table-row {
  background: #f2f2f2;
}
.default .report .time-sheet-container .time-sheet-inner-container .jr-time-sheet .table-footer {
  background: #f3f3f3;
}
.default .report .time-sheet-container .time-sheet-inner-container .jr-time-sheet .table-footer .bg-orange {
  background: #f3f3f3;
  border-left: 2px solid #e9e8e6;
}
.default .report .deviation-container {
  margin-top: 15px;
  padding: 0px 50px 5px 50px;
}
.default .report .deviation-container .cc-deviation .table-header .th-column {
  display: flex;
}
.default .report .deviation-container .cc-deviation .table-header .th-column:nth-child(1) {
  width: 20%;
}
.default .report .deviation-container .cc-deviation .table-header .th-column:nth-child(2) {
  width: 17%;
}
.default .report .deviation-container .cc-deviation .table-header .th-column:nth-child(3) {
  width: 15%;
}
.default .report .deviation-container .cc-deviation .table-header .th-column:nth-child(4) {
  width: 15%;
}
.default .report .deviation-container .cc-deviation .table-header .th-column:nth-child(5) {
  width: 20%;
}
.default .report .deviation-container .cc-deviation .table-header .th-column:nth-child(6) {
  width: calc(25% + 8px);
}
.default .report .deviation-container .cc-deviation .table-row div:nth-child(1) {
  width: 20%;
}
.default .report .deviation-container .cc-deviation .table-row div:nth-child(2) {
  width: 17%;
}
.default .report .deviation-container .cc-deviation .table-row div:nth-child(3) {
  width: 15%;
}
.default .report .deviation-container .cc-deviation .table-row div:nth-child(4) {
  width: 15%;
}
.default .report .deviation-container .cc-deviation .table-row div:nth-child(5) {
  width: 20%;
}
.default .report .deviation-container .cc-deviation .table-row div:nth-child(6) {
  width: 25%;
}
.default .report .deviation-container .deviation-title {
  background: unset !important;
  padding: 0px;
  color: #484848;
}
.default .report .deviation-container .deviation-inner-container {
  width: 100%;
  padding: 5px 15px 15px 15px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  margin-top: 5px;
  margin-bottom: 0px;
}
.default .report .deviation-container .deviation-inner-container .table-header .th-column {
  height: 36px;
  padding: 10px 10px 6px;
}
.default .report .deviation-container .deviation-inner-container .table-body .table-row {
  background-color: #f3f3f2;
}
.default .report .report-section-title {
  font-size: 15px;
  font-weight: 600;
}
.default .report .report-section-title i {
  font-size: 17px;
}
.default .report .ChecklistAnswersAndRiskContainer {
  background: rgba(207, 242, 255, 0.4588235294);
}
.default .report .checklist-jr-container {
  padding: 0px 0px 0px 50px;
}
.default .report .checklist-jr-container .time-sheet-title {
  background: unset !important;
  padding: 0px;
  color: #484848;
}
.default .report .checklist-jr-container .checklist-jr-inner-container {
  padding: 15px 15px 5px 0px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  margin-top: 10px;
}
.default .report .checklist-jr-container .checklist-jr-inner-container .checklist-container {
  background: unset;
  border: 0;
  padding: 0px;
}
.default .report .checklist-jr-container .checklist-jr-inner-container .checklist-container .file-container {
  margin-top: 0px;
}
.default .report .checklist-jr-container .checklist-jr-inner-container .checklist-container .file-container .file {
  margin: 5px 15px 5px 0px !important;
}
.default .report .checklist-jr-container .checklist-jr-inner-container .checklist-container .file-container .file .file-info .checklist-p-content {
  align-items: baseline;
  display: flex;
}
.default .report .checklist-jr-container .checklist-jr-inner-container .checklist-container .file-container .file .file-info .checklist-p-content .checklist-p-name {
  font-weight: 600;
  color: #484848;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.default .report .checklist-jr-container .checklist-jr-inner-container .checklist-container .file-container .file .file-info .checklist-p-content .file-date {
  margin-left: 2px;
}
.default .report .checklist-jr-container .checklist-jr-inner-container .checklist {
  border: 0;
  padding: 0px;
}
.default .report .risk-container {
  padding: 0px 0px 15px 50px;
}
.default .report .risk-container .time-sheet-title {
  background: unset !important;
  padding: 0px;
  color: #484848;
}
.default .report .risk-container .risk-inner-container {
  padding: 15px 15px 5px 0px;
  margin-top: 10px;
}
.default .report .risk-container .risk-inner-container .collapse-header {
  position: relative;
  background: unset;
  padding: 0px 10px 0px 0px;
  border-radius: unset;
  background-color: #4d4d4d;
}
.default .report .risk-container .risk-inner-container .collapse-header .color-box {
  width: 25px;
  background: red;
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  height: 80%;
  margin: auto 8px;
  border-radius: 6px;
}
.default .report .risk-container .risk-inner-container .collapse-header .medium {
  background: #e3b938;
}
.default .report .risk-container .risk-inner-container .collapse-header .high {
  background: #ff0000;
}
.default .report .risk-container .risk-inner-container .collapse-header .low {
  background: #2c8e43;
}
.default .report .risk-container .risk-inner-container .collapse-header .collapse-title {
  background-color: #4d4d4d;
  color: #fff;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.default .report .risk-container .risk-inner-container .collapse-header .collpase-btn {
  background: #c4cfd8;
  color: #526270;
  border: 1px solid #c4cfd8;
}
.default .report .risk-container .risk-inner-container .collapse-header .collpase-btn i {
  color: #526270;
}
.default .report .risk-container .risk-inner-container .collapse-header .title-header {
  color: #fff !important;
}
.default .report .risk-container .risk-inner-container .risk-collapse-body {
  margin-bottom: 0px;
  border: 0;
  max-width: 85%;
}
.default .report .risk-container .risk-inner-container .risk-collapse-body .collapse-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.default .report .pilot-container {
  padding: 20px 0px 15px 50px;
  width: 50%;
  margin-top: 15px;
}
.default .report .pilot-container .time-sheet-title {
  background: unset !important;
  padding: 0px;
  color: #484848;
}
.default .report .pilot-container .pilot-inner-container {
  padding: 5px 15px 5px 15px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  margin-top: 5px;
}
.default .report .pilot-container .pilot-inner-container .table-header .th-column:nth-child(1),
.default .report .pilot-container .pilot-inner-container .table-row div:nth-child(1) {
  width: 45px;
}
.default .report .pilot-container .pilot-inner-container .table-header .th-column:nth-child(2),
.default .report .pilot-container .pilot-inner-container .table-row div:nth-child(2) {
  width: 30%;
}
.default .report .pilot-container .pilot-inner-container .table-header .th-column:nth-child(3),
.default .report .pilot-container .pilot-inner-container .table-row div:nth-child(3) {
  width: 21%;
}
.default .report .pilot-container .pilot-inner-container .table-header .th-column:nth-child(4),
.default .report .pilot-container .pilot-inner-container .table-row div:nth-child(4) {
  width: 21%;
}
.default .report .pilot-container .pilot-inner-container .table-header .th-column:nth-child(5),
.default .report .pilot-container .pilot-inner-container .table-row div:nth-child(5) {
  width: 25%;
}
.default .report .pilot-container .pilot-inner-container .table-header .th-column:nth-child(6),
.default .report .pilot-container .pilot-inner-container .table-row div:nth-child(6) {
  width: 50px;
}
.default .report .daily-report-main-wrapper {
  border-radius: 18px;
}
.default .report .daily-report-main-wrapper .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .report .daily-report-main-wrapper .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .report .daily-report-main-wrapper .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .report .daily-report-main-wrapper .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .report .daily-report-main-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .report .daily-report-main-wrapper .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .report .daily-report-main-wrapper .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .report .daily-report-main-wrapper .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .report .daily-report-main-wrapper .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .report .daily-report-main-wrapper .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .report .daily-report-main-wrapper .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .report .daily-report-main-wrapper .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .report .daily-report-main-wrapper .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .report .daily-report-main-wrapper .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .report .daily-report-main-wrapper .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .report .daily-report-main-wrapper .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .report .daily-report-main-wrapper .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .report .daily-report-main-wrapper .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .report .daily-report-main-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .report .daily-report-main-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .report .daily-report-main-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .report .daily-report-main-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .report .daily-report-main-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .report .daily-report-main-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .report .daily-report-main-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .report .daily-report-main-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .report .daily-report-main-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .report .daily-report-main-wrapper .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .report .daily-report-main-wrapper .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .report .daily-report-main-wrapper .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .report .daily-report-main-wrapper .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .report .daily-report-main-wrapper .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .report .daily-report-main-wrapper .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .report .daily-report-main-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .report .daily-report-main-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .report .daily-report-main-wrapper .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .report .daily-report-main-wrapper .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .report .daily-report-main-wrapper .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .report .daily-report-main-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .report .daily-report-main-wrapper .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .report .daily-report-main-wrapper .table.role-inner-listing .table-header, .default .report .daily-report-main-wrapper .table.role-inner-listing .th-column, .default .report .daily-report-main-wrapper .table.role-inner-listing .table-row {
  border: 0px;
}
.default .report .daily-report-main-wrapper .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .report .daily-report-main-wrapper .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .report .daily-report-main-wrapper .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .report .daily-report-main-wrapper .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .report .daily-report-main-wrapper .risk-collapse-body {
  box-shadow: none !important;
}
.default .report .daily-report-main-wrapper .table-header {
  border-top-right-radius: unset !important;
}
.default .report .daily-report-main-wrapper .comment-header {
  margin-left: 10px;
}
.default .report .daily-report-main-wrapper .comment-header .commented-user {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.default .report .daily-report-main-wrapper .comment-header .job-icon {
  padding-bottom: 3px;
}
.default .report .daily-report-main-wrapper .seperator:hover {
  background: unset !important;
}
.default .report .daily-report-main-wrapper .file-container:not(.file-container:has(> .card-view)) {
  display: flex;
  align-items: baseline;
  flex-basis: auto;
}
.default .report .daily-report-main-wrapper .file-container:not(.file-container:has(> .card-view)) .file {
  width: 185px;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .report .daily-report-main-wrapper .file-container:has(> .card-view) {
  flex-basis: 100%;
  display: contents;
}
.default .report .daily-report-main-wrapper .file-container:has(> .card-view) .card-view {
  min-width: 140px;
  max-width: 140px;
  box-shadow: none;
  border: 0;
}
.default .report .daily-report-main-wrapper .file-container:has(> .card-view) .card-view .card-view-details {
  margin-top: 3px;
}
.default .report .daily-report-main-wrapper .file-container {
  margin: unset;
}
.default .report .daily-report-main-wrapper .cl-padding {
  padding-left: 0px;
}
.default .report .daily-report-main-wrapper .collpase-btn {
  background-color: #fff !important;
}
.default .ov-wrapper .deviation-container {
  width: 54%;
}
.default .ov-wrapper .deviation-container, .default .ov-wrapper .time-sheet-container, .default .ov-wrapper .pilot-container, .default .ov-wrapper .report-section-title {
  padding: 0px 0px 5px;
  margin-left: 40px;
}
.default .ov-wrapper .deviation-container .material-icons, .default .ov-wrapper .time-sheet-container .material-icons, .default .ov-wrapper .pilot-container .material-icons, .default .ov-wrapper .report-section-title .material-icons {
  margin-right: 5px;
  font-size: 14px;
}
.default .jnumlink {
  color: #fff;
}
.default .jnumlink:hover {
  text-decoration: underline;
}
.default .profile-page-theme, .default .security-settings, .default .salary-page, .default .agreement-template, .default .document-page-theme, .default .site-manager-theme, .default .qulity-control-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .profile-page-theme .lg-bg, .default .profile-page-theme .c-i-ov, .default .profile-page-theme .ov-sec, .default .security-settings .lg-bg, .default .security-settings .c-i-ov, .default .security-settings .ov-sec, .default .salary-page .lg-bg, .default .salary-page .c-i-ov, .default .salary-page .ov-sec, .default .agreement-template .lg-bg, .default .agreement-template .c-i-ov, .default .agreement-template .ov-sec, .default .document-page-theme .lg-bg, .default .document-page-theme .c-i-ov, .default .document-page-theme .ov-sec, .default .site-manager-theme .lg-bg, .default .site-manager-theme .c-i-ov, .default .site-manager-theme .ov-sec, .default .qulity-control-theme .lg-bg, .default .qulity-control-theme .c-i-ov, .default .qulity-control-theme .ov-sec {
  background-color: #e9e8e6;
}
.default .profile-page-theme .jp-ov, .default .security-settings .jp-ov, .default .salary-page .jp-ov, .default .agreement-template .jp-ov, .default .document-page-theme .jp-ov, .default .site-manager-theme .jp-ov, .default .qulity-control-theme .jp-ov {
  background-color: #f3f3f1;
  min-height: 151px;
}
.default .profile-page-theme .c-i-ov, .default .security-settings .c-i-ov, .default .salary-page .c-i-ov, .default .agreement-template .c-i-ov, .default .document-page-theme .c-i-ov, .default .site-manager-theme .c-i-ov, .default .qulity-control-theme .c-i-ov {
  padding-left: 35px;
  min-height: 230px;
}
.default .profile-page-theme .order-top-sec, .default .security-settings .order-top-sec, .default .salary-page .order-top-sec, .default .agreement-template .order-top-sec, .default .document-page-theme .order-top-sec, .default .site-manager-theme .order-top-sec, .default .qulity-control-theme .order-top-sec {
  border: 0;
}
.default .profile-page-theme .order-top-sec .order-title, .default .security-settings .order-top-sec .order-title, .default .salary-page .order-top-sec .order-title, .default .agreement-template .order-top-sec .order-title, .default .document-page-theme .order-top-sec .order-title, .default .site-manager-theme .order-top-sec .order-title, .default .qulity-control-theme .order-top-sec .order-title {
  padding-left: 75px;
  padding-top: 60px;
  min-height: 200px;
}
.default .profile-page-theme .order-top-sec .order-title .sub-title, .default .security-settings .order-top-sec .order-title .sub-title, .default .salary-page .order-top-sec .order-title .sub-title, .default .agreement-template .order-top-sec .order-title .sub-title, .default .document-page-theme .order-top-sec .order-title .sub-title, .default .site-manager-theme .order-top-sec .order-title .sub-title, .default .qulity-control-theme .order-top-sec .order-title .sub-title {
  margin-top: 5px;
  word-break: break-word;
}
.default .profile-page-theme button, .default .profile-page-theme .button, .default .security-settings button, .default .security-settings .button, .default .salary-page button, .default .salary-page .button, .default .agreement-template button, .default .agreement-template .button, .default .document-page-theme button, .default .document-page-theme .button, .default .site-manager-theme button, .default .site-manager-theme .button, .default .qulity-control-theme button, .default .qulity-control-theme .button {
  text-transform: unset !important;
  font-size: 13px !important;
}
.default .profile-page-theme .cta-btn, .default .security-settings .cta-btn, .default .salary-page .cta-btn, .default .agreement-template .cta-btn, .default .document-page-theme .cta-btn, .default .site-manager-theme .cta-btn, .default .qulity-control-theme .cta-btn {
  white-space: nowrap;
  min-width: 150px;
  width: max-content;
}
.default .profile-page-theme .view-all-sm, .default .security-settings .view-all-sm, .default .salary-page .view-all-sm, .default .agreement-template .view-all-sm, .default .document-page-theme .view-all-sm, .default .site-manager-theme .view-all-sm, .default .qulity-control-theme .view-all-sm {
  background: #fff;
  margin-left: 38px;
  text-transform: unset !important;
  border-radius: 10px;
  width: 90px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .text-dark, .default .security-settings .text-dark, .default .salary-page .text-dark, .default .agreement-template .text-dark, .default .document-page-theme .text-dark, .default .site-manager-theme .text-dark, .default .qulity-control-theme .text-dark {
  max-width: 100%;
  color: #000;
  font-size: 13px;
  inline-size: 180px;
  overflow-wrap: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .left-sec, .default .security-settings .left-sec, .default .salary-page .left-sec, .default .agreement-template .left-sec, .default .document-page-theme .left-sec, .default .site-manager-theme .left-sec, .default .qulity-control-theme .left-sec {
  width: calc(100% - 30vw);
}
.default .profile-page-theme .left-sec .action-btn-group .btn-inline, .default .security-settings .left-sec .action-btn-group .btn-inline, .default .salary-page .left-sec .action-btn-group .btn-inline, .default .agreement-template .left-sec .action-btn-group .btn-inline, .default .document-page-theme .left-sec .action-btn-group .btn-inline, .default .site-manager-theme .left-sec .action-btn-group .btn-inline, .default .qulity-control-theme .left-sec .action-btn-group .btn-inline {
  background: #fff;
  color: #000;
  text-transform: unset !important;
  border-radius: 10px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .right-sec, .default .security-settings .right-sec, .default .salary-page .right-sec, .default .agreement-template .right-sec, .default .document-page-theme .right-sec, .default .site-manager-theme .right-sec, .default .qulity-control-theme .right-sec {
  width: 30vw;
  padding-left: 0px;
  padding-right: 0px;
  background: #677a88;
}
.default .profile-page-theme .right-sec .btn-primary, .default .security-settings .right-sec .btn-primary, .default .salary-page .right-sec .btn-primary, .default .agreement-template .right-sec .btn-primary, .default .document-page-theme .right-sec .btn-primary, .default .site-manager-theme .right-sec .btn-primary, .default .qulity-control-theme .right-sec .btn-primary {
  background: #fac238;
  width: 88%;
  color: #000;
  text-transform: unset !important;
  font-size: 12px !important;
  display: block;
  text-align: left;
  border-radius: 11px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .right-sec .btn-primary .material-icons, .default .security-settings .right-sec .btn-primary .material-icons, .default .salary-page .right-sec .btn-primary .material-icons, .default .agreement-template .right-sec .btn-primary .material-icons, .default .document-page-theme .right-sec .btn-primary .material-icons, .default .site-manager-theme .right-sec .btn-primary .material-icons, .default .qulity-control-theme .right-sec .btn-primary .material-icons {
  display: none;
}
.default .profile-page-theme .right-sec .panel-box, .default .security-settings .right-sec .panel-box, .default .salary-page .right-sec .panel-box, .default .agreement-template .right-sec .panel-box, .default .document-page-theme .right-sec .panel-box, .default .site-manager-theme .right-sec .panel-box, .default .qulity-control-theme .right-sec .panel-box {
  margin: 10px;
}
.default .profile-page-theme .stat-gorup, .default .security-settings .stat-gorup, .default .salary-page .stat-gorup, .default .agreement-template .stat-gorup, .default .document-page-theme .stat-gorup, .default .site-manager-theme .stat-gorup, .default .qulity-control-theme .stat-gorup {
  padding-left: 30px;
  padding-right: 20px;
}
.default .profile-page-theme .stat-gorup .stat-inline-icon, .default .security-settings .stat-gorup .stat-inline-icon, .default .salary-page .stat-gorup .stat-inline-icon, .default .agreement-template .stat-gorup .stat-inline-icon, .default .document-page-theme .stat-gorup .stat-inline-icon, .default .site-manager-theme .stat-gorup .stat-inline-icon, .default .qulity-control-theme .stat-gorup .stat-inline-icon {
  padding-left: 13px;
}
.default .profile-page-theme .stat-gorup .stat-inline-icon span.stat-label, .default .security-settings .stat-gorup .stat-inline-icon span.stat-label, .default .salary-page .stat-gorup .stat-inline-icon span.stat-label, .default .agreement-template .stat-gorup .stat-inline-icon span.stat-label, .default .document-page-theme .stat-gorup .stat-inline-icon span.stat-label, .default .site-manager-theme .stat-gorup .stat-inline-icon span.stat-label, .default .qulity-control-theme .stat-gorup .stat-inline-icon span.stat-label {
  font-size: 12px;
  color: #fff;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .stat-gorup .stat-inline-icon span, .default .security-settings .stat-gorup .stat-inline-icon span, .default .salary-page .stat-gorup .stat-inline-icon span, .default .agreement-template .stat-gorup .stat-inline-icon span, .default .document-page-theme .stat-gorup .stat-inline-icon span, .default .site-manager-theme .stat-gorup .stat-inline-icon span, .default .qulity-control-theme .stat-gorup .stat-inline-icon span {
  font-size: 12px;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .profile-page-theme .stat-gorup div::before, .default .security-settings .stat-gorup div::before, .default .salary-page .stat-gorup div::before, .default .agreement-template .stat-gorup div::before, .default .document-page-theme .stat-gorup div::before, .default .site-manager-theme .stat-gorup div::before, .default .qulity-control-theme .stat-gorup div::before {
  background-image: none !important;
  display: none;
}
.default .profile-page-theme .stat-gorup .stat-inline, .default .security-settings .stat-gorup .stat-inline, .default .salary-page .stat-gorup .stat-inline, .default .agreement-template .stat-gorup .stat-inline, .default .document-page-theme .stat-gorup .stat-inline, .default .site-manager-theme .stat-gorup .stat-inline, .default .qulity-control-theme .stat-gorup .stat-inline {
  font-size: 12px;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .profile-page-theme .stat-gorup .stat-inline .stat-label, .default .security-settings .stat-gorup .stat-inline .stat-label, .default .salary-page .stat-gorup .stat-inline .stat-label, .default .agreement-template .stat-gorup .stat-inline .stat-label, .default .document-page-theme .stat-gorup .stat-inline .stat-label, .default .site-manager-theme .stat-gorup .stat-inline .stat-label, .default .qulity-control-theme .stat-gorup .stat-inline .stat-label {
  font-size: 12px;
  color: #fff;
  text-transform: unset !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .stat-gorup:nth-child(1), .default .security-settings .stat-gorup:nth-child(1), .default .salary-page .stat-gorup:nth-child(1), .default .agreement-template .stat-gorup:nth-child(1), .default .document-page-theme .stat-gorup:nth-child(1), .default .site-manager-theme .stat-gorup:nth-child(1), .default .qulity-control-theme .stat-gorup:nth-child(1) {
  background-color: #414e57;
  min-height: 200px;
}
.default .profile-page-theme .stat-gorup:nth-child(2), .default .security-settings .stat-gorup:nth-child(2), .default .salary-page .stat-gorup:nth-child(2), .default .agreement-template .stat-gorup:nth-child(2), .default .document-page-theme .stat-gorup:nth-child(2), .default .site-manager-theme .stat-gorup:nth-child(2), .default .qulity-control-theme .stat-gorup:nth-child(2) {
  background-color: #52636d;
  padding-bottom: 21px;
  padding-top: 40px;
  min-height: 230px;
}
.default .profile-page-theme .stat-gorup:nth-child(3), .default .security-settings .stat-gorup:nth-child(3), .default .salary-page .stat-gorup:nth-child(3), .default .agreement-template .stat-gorup:nth-child(3), .default .document-page-theme .stat-gorup:nth-child(3), .default .site-manager-theme .stat-gorup:nth-child(3), .default .qulity-control-theme .stat-gorup:nth-child(3) {
  background-color: #677a88;
  padding-bottom: 9px;
}
.default .profile-page-theme .stat-gorup.bb::after, .default .security-settings .stat-gorup.bb::after, .default .salary-page .stat-gorup.bb::after, .default .agreement-template .stat-gorup.bb::after, .default .document-page-theme .stat-gorup.bb::after, .default .site-manager-theme .stat-gorup.bb::after, .default .qulity-control-theme .stat-gorup.bb::after {
  background-color: unset;
}
.default .profile-page-theme .main-title, .default .security-settings .main-title, .default .salary-page .main-title, .default .agreement-template .main-title, .default .document-page-theme .main-title, .default .site-manager-theme .main-title, .default .qulity-control-theme .main-title {
  color: #000;
  font-size: 27px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .sub-title, .default .security-settings .sub-title, .default .salary-page .sub-title, .default .agreement-template .sub-title, .default .document-page-theme .sub-title, .default .site-manager-theme .sub-title, .default .qulity-control-theme .sub-title {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .profile-page-theme .c-i-main, .default .security-settings .c-i-main, .default .salary-page .c-i-main, .default .agreement-template .c-i-main, .default .document-page-theme .c-i-main, .default .site-manager-theme .c-i-main, .default .qulity-control-theme .c-i-main {
  line-height: 20px;
}
.default .profile-page-theme .c-i-main > div, .default .security-settings .c-i-main > div, .default .salary-page .c-i-main > div, .default .agreement-template .c-i-main > div, .default .document-page-theme .c-i-main > div, .default .site-manager-theme .c-i-main > div, .default .qulity-control-theme .c-i-main > div {
  width: 25%;
}
.default .profile-page-theme .c-i-main > div .contact-group .contact-info, .default .security-settings .c-i-main > div .contact-group .contact-info, .default .salary-page .c-i-main > div .contact-group .contact-info, .default .agreement-template .c-i-main > div .contact-group .contact-info, .default .document-page-theme .c-i-main > div .contact-group .contact-info, .default .site-manager-theme .c-i-main > div .contact-group .contact-info, .default .qulity-control-theme .c-i-main > div .contact-group .contact-info {
  margin-left: 38px;
  display: grid;
  word-wrap: break-word;
  word-break: break-all;
  max-width: min-content;
  height: fit-content;
}
.default .profile-page-theme .c-i-main .customer, .default .security-settings .c-i-main .customer, .default .salary-page .c-i-main .customer, .default .agreement-template .c-i-main .customer, .default .document-page-theme .c-i-main .customer, .default .site-manager-theme .c-i-main .customer, .default .qulity-control-theme .c-i-main .customer {
  width: fit-content;
}
.default .profile-page-theme .c-i-main .customer .contact-group, .default .security-settings .c-i-main .customer .contact-group, .default .salary-page .c-i-main .customer .contact-group, .default .agreement-template .c-i-main .customer .contact-group, .default .document-page-theme .c-i-main .customer .contact-group, .default .site-manager-theme .c-i-main .customer .contact-group, .default .qulity-control-theme .c-i-main .customer .contact-group {
  display: grid;
}
.default .profile-page-theme .c-i-main .customer .contact-info, .default .security-settings .c-i-main .customer .contact-info, .default .salary-page .c-i-main .customer .contact-info, .default .agreement-template .c-i-main .customer .contact-info, .default .document-page-theme .c-i-main .customer .contact-info, .default .site-manager-theme .c-i-main .customer .contact-info, .default .qulity-control-theme .c-i-main .customer .contact-info {
  margin-left: 38px;
  margin-bottom: 9px;
  display: block !important;
  max-width: 75% !important;
}
.default .profile-page-theme .contact-group .contact-title, .default .security-settings .contact-group .contact-title, .default .salary-page .contact-group .contact-title, .default .agreement-template .contact-group .contact-title, .default .document-page-theme .contact-group .contact-title, .default .site-manager-theme .contact-group .contact-title, .default .qulity-control-theme .contact-group .contact-title {
  margin-bottom: unset;
}
.default .profile-page-theme .contact-group .contact-title h2, .default .security-settings .contact-group .contact-title h2, .default .salary-page .contact-group .contact-title h2, .default .agreement-template .contact-group .contact-title h2, .default .document-page-theme .contact-group .contact-title h2, .default .site-manager-theme .contact-group .contact-title h2, .default .qulity-control-theme .contact-group .contact-title h2 {
  color: #000;
  font-size: 13px;
  margin-bottom: 6px !important;
  padding-top: 5px;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .profile-page-theme .contact-info, .default .security-settings .contact-info, .default .salary-page .contact-info, .default .agreement-template .contact-info, .default .document-page-theme .contact-info, .default .site-manager-theme .contact-info, .default .qulity-control-theme .contact-info {
  color: #000;
  margin-left: 38px;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .profile-page-theme .contact-info #customer-name, .default .security-settings .contact-info #customer-name, .default .salary-page .contact-info #customer-name, .default .agreement-template .contact-info #customer-name, .default .document-page-theme .contact-info #customer-name, .default .site-manager-theme .contact-info #customer-name, .default .qulity-control-theme .contact-info #customer-name {
  color: #000;
  font-size: 13px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .contact-info .mt-5, .default .security-settings .contact-info .mt-5, .default .salary-page .contact-info .mt-5, .default .agreement-template .contact-info .mt-5, .default .document-page-theme .contact-info .mt-5, .default .site-manager-theme .contact-info .mt-5, .default .qulity-control-theme .contact-info .mt-5 {
  margin-top: 0px;
}
.default .profile-page-theme .btn-circle.circle-sm, .default .security-settings .btn-circle.circle-sm, .default .salary-page .btn-circle.circle-sm, .default .agreement-template .btn-circle.circle-sm, .default .document-page-theme .btn-circle.circle-sm, .default .site-manager-theme .btn-circle.circle-sm, .default .qulity-control-theme .btn-circle.circle-sm {
  background: #f2f2f2;
  margin-right: 10px;
}
.default .profile-page-theme .btn-circle.circle-sm:not(#edit-order-title-btn), .default .security-settings .btn-circle.circle-sm:not(#edit-order-title-btn), .default .salary-page .btn-circle.circle-sm:not(#edit-order-title-btn), .default .agreement-template .btn-circle.circle-sm:not(#edit-order-title-btn), .default .document-page-theme .btn-circle.circle-sm:not(#edit-order-title-btn), .default .site-manager-theme .btn-circle.circle-sm:not(#edit-order-title-btn), .default .qulity-control-theme .btn-circle.circle-sm:not(#edit-order-title-btn) {
  margin-left: 0px;
}
.default .profile-page-theme .btn-circle.circle-sm:hover, .default .security-settings .btn-circle.circle-sm:hover, .default .salary-page .btn-circle.circle-sm:hover, .default .agreement-template .btn-circle.circle-sm:hover, .default .document-page-theme .btn-circle.circle-sm:hover, .default .site-manager-theme .btn-circle.circle-sm:hover, .default .qulity-control-theme .btn-circle.circle-sm:hover {
  color: #555454;
}
.default .profile-page-theme .main-contacts, .default .security-settings .main-contacts, .default .salary-page .main-contacts, .default .agreement-template .main-contacts, .default .document-page-theme .main-contacts, .default .site-manager-theme .main-contacts, .default .qulity-control-theme .main-contacts {
  margin-left: 15px;
}
.default .profile-page-theme .main-contacts .main-contacts-person, .default .security-settings .main-contacts .main-contacts-person, .default .salary-page .main-contacts .main-contacts-person, .default .agreement-template .main-contacts .main-contacts-person, .default .document-page-theme .main-contacts .main-contacts-person, .default .site-manager-theme .main-contacts .main-contacts-person, .default .qulity-control-theme .main-contacts .main-contacts-person {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  grid-gap: 10px;
}
.default .profile-page-theme .main-contacts .main-contacts-person .contact-info:nth-child(odd), .default .security-settings .main-contacts .main-contacts-person .contact-info:nth-child(odd), .default .salary-page .main-contacts .main-contacts-person .contact-info:nth-child(odd), .default .agreement-template .main-contacts .main-contacts-person .contact-info:nth-child(odd), .default .document-page-theme .main-contacts .main-contacts-person .contact-info:nth-child(odd), .default .site-manager-theme .main-contacts .main-contacts-person .contact-info:nth-child(odd), .default .qulity-control-theme .main-contacts .main-contacts-person .contact-info:nth-child(odd) {
  grid-row: 1;
}
.default .profile-page-theme .main-contacts .main-contacts-person .contact-info:nth-child(even), .default .security-settings .main-contacts .main-contacts-person .contact-info:nth-child(even), .default .salary-page .main-contacts .main-contacts-person .contact-info:nth-child(even), .default .agreement-template .main-contacts .main-contacts-person .contact-info:nth-child(even), .default .document-page-theme .main-contacts .main-contacts-person .contact-info:nth-child(even), .default .site-manager-theme .main-contacts .main-contacts-person .contact-info:nth-child(even), .default .qulity-control-theme .main-contacts .main-contacts-person .contact-info:nth-child(even) {
  grid-row: 2;
}
.default .profile-page-theme .main-contacts .main-contacts-person .contact-info, .default .security-settings .main-contacts .main-contacts-person .contact-info, .default .salary-page .main-contacts .main-contacts-person .contact-info, .default .agreement-template .main-contacts .main-contacts-person .contact-info, .default .document-page-theme .main-contacts .main-contacts-person .contact-info, .default .site-manager-theme .main-contacts .main-contacts-person .contact-info, .default .qulity-control-theme .main-contacts .main-contacts-person .contact-info {
  color: #000;
  white-space: normal !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .profile-page-theme .main-contacts .main-contacts-person .error-msg, .default .security-settings .main-contacts .main-contacts-person .error-msg, .default .salary-page .main-contacts .main-contacts-person .error-msg, .default .agreement-template .main-contacts .main-contacts-person .error-msg, .default .document-page-theme .main-contacts .main-contacts-person .error-msg, .default .site-manager-theme .main-contacts .main-contacts-person .error-msg, .default .qulity-control-theme .main-contacts .main-contacts-person .error-msg {
  margin-top: 5px;
  margin-left: 35px;
}
.default .profile-page-theme .main-contacts .view-all-sm, .default .security-settings .main-contacts .view-all-sm, .default .salary-page .main-contacts .view-all-sm, .default .agreement-template .main-contacts .view-all-sm, .default .document-page-theme .main-contacts .view-all-sm, .default .site-manager-theme .main-contacts .view-all-sm, .default .qulity-control-theme .main-contacts .view-all-sm {
  margin-left: 38px;
  text-transform: unset !important;
  border-radius: 10px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  width: 90px;
}
.default .profile-page-theme .job-personnal, .default .security-settings .job-personnal, .default .salary-page .job-personnal, .default .agreement-template .job-personnal, .default .document-page-theme .job-personnal, .default .site-manager-theme .job-personnal, .default .qulity-control-theme .job-personnal {
  padding-left: 35px;
  padding-top: 35px;
  padding-bottom: 30px;
}
.default .profile-page-theme .job-personnal .contact-info, .default .security-settings .job-personnal .contact-info, .default .salary-page .job-personnal .contact-info, .default .agreement-template .job-personnal .contact-info, .default .document-page-theme .job-personnal .contact-info, .default .site-manager-theme .job-personnal .contact-info, .default .qulity-control-theme .job-personnal .contact-info {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .profile-page-theme .job-personnal .contact-info:not(.default .profile-page-theme .job-personnal .contact-info:first-child, .default .security-settings .job-personnal .contact-info:first-child, .default .salary-page .job-personnal .contact-info:first-child, .default .agreement-template .job-personnal .contact-info:first-child, .default .document-page-theme .job-personnal .contact-info:first-child, .default .site-manager-theme .job-personnal .contact-info:first-child, .default .qulity-control-theme .job-personnal .contact-info:first-child), .default .security-settings .job-personnal .contact-info:not(.default .profile-page-theme .job-personnal .contact-info:first-child, .default .security-settings .job-personnal .contact-info:first-child, .default .salary-page .job-personnal .contact-info:first-child, .default .agreement-template .job-personnal .contact-info:first-child, .default .document-page-theme .job-personnal .contact-info:first-child, .default .site-manager-theme .job-personnal .contact-info:first-child, .default .qulity-control-theme .job-personnal .contact-info:first-child), .default .salary-page .job-personnal .contact-info:not(.default .profile-page-theme .job-personnal .contact-info:first-child, .default .security-settings .job-personnal .contact-info:first-child, .default .salary-page .job-personnal .contact-info:first-child, .default .agreement-template .job-personnal .contact-info:first-child, .default .document-page-theme .job-personnal .contact-info:first-child, .default .site-manager-theme .job-personnal .contact-info:first-child, .default .qulity-control-theme .job-personnal .contact-info:first-child), .default .agreement-template .job-personnal .contact-info:not(.default .profile-page-theme .job-personnal .contact-info:first-child, .default .security-settings .job-personnal .contact-info:first-child, .default .salary-page .job-personnal .contact-info:first-child, .default .agreement-template .job-personnal .contact-info:first-child, .default .document-page-theme .job-personnal .contact-info:first-child, .default .site-manager-theme .job-personnal .contact-info:first-child, .default .qulity-control-theme .job-personnal .contact-info:first-child), .default .document-page-theme .job-personnal .contact-info:not(.default .profile-page-theme .job-personnal .contact-info:first-child, .default .security-settings .job-personnal .contact-info:first-child, .default .salary-page .job-personnal .contact-info:first-child, .default .agreement-template .job-personnal .contact-info:first-child, .default .document-page-theme .job-personnal .contact-info:first-child, .default .site-manager-theme .job-personnal .contact-info:first-child, .default .qulity-control-theme .job-personnal .contact-info:first-child), .default .site-manager-theme .job-personnal .contact-info:not(.default .profile-page-theme .job-personnal .contact-info:first-child, .default .security-settings .job-personnal .contact-info:first-child, .default .salary-page .job-personnal .contact-info:first-child, .default .agreement-template .job-personnal .contact-info:first-child, .default .document-page-theme .job-personnal .contact-info:first-child, .default .site-manager-theme .job-personnal .contact-info:first-child, .default .qulity-control-theme .job-personnal .contact-info:first-child), .default .qulity-control-theme .job-personnal .contact-info:not(.default .profile-page-theme .job-personnal .contact-info:first-child, .default .security-settings .job-personnal .contact-info:first-child, .default .salary-page .job-personnal .contact-info:first-child, .default .agreement-template .job-personnal .contact-info:first-child, .default .document-page-theme .job-personnal .contact-info:first-child, .default .site-manager-theme .job-personnal .contact-info:first-child, .default .qulity-control-theme .job-personnal .contact-info:first-child) {
  margin-left: 20px;
}
.default .profile-page-theme .job-personnal .btn-circle, .default .security-settings .job-personnal .btn-circle, .default .salary-page .job-personnal .btn-circle, .default .agreement-template .job-personnal .btn-circle, .default .document-page-theme .job-personnal .btn-circle, .default .site-manager-theme .job-personnal .btn-circle, .default .qulity-control-theme .job-personnal .btn-circle {
  background: #fff;
}
.default .profile-page-theme .ov-sec, .default .security-settings .ov-sec, .default .salary-page .ov-sec, .default .agreement-template .ov-sec, .default .document-page-theme .ov-sec, .default .site-manager-theme .ov-sec, .default .qulity-control-theme .ov-sec {
  position: relative;
  z-index: 1;
  border-bottom: unset;
}
.default .profile-page-theme .ov-sec:after, .default .security-settings .ov-sec:after, .default .salary-page .ov-sec:after, .default .agreement-template .ov-sec:after, .default .document-page-theme .ov-sec:after, .default .site-manager-theme .ov-sec:after, .default .qulity-control-theme .ov-sec:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 15px;
  width: 85%;
  border-bottom: 3px solid #fff !important;
  left: 50%;
  transform: translate(-50%, -50%);
}
.default .profile-page-theme .ov-wrapper, .default .security-settings .ov-wrapper, .default .salary-page .ov-wrapper, .default .agreement-template .ov-wrapper, .default .document-page-theme .ov-wrapper, .default .site-manager-theme .ov-wrapper, .default .qulity-control-theme .ov-wrapper {
  padding: 45px 50px;
}
.default .profile-page-theme .ov-wrapper .form-group label, .default .security-settings .ov-wrapper .form-group label, .default .salary-page .ov-wrapper .form-group label, .default .agreement-template .ov-wrapper .form-group label, .default .document-page-theme .ov-wrapper .form-group label, .default .site-manager-theme .ov-wrapper .form-group label, .default .qulity-control-theme .ov-wrapper .form-group label {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .profile-page-theme .ov-wrapper .button, .default .security-settings .ov-wrapper .button, .default .salary-page .ov-wrapper .button, .default .agreement-template .ov-wrapper .button, .default .document-page-theme .ov-wrapper .button, .default .site-manager-theme .ov-wrapper .button, .default .qulity-control-theme .ov-wrapper .button {
  background-color: #fac238 !important;
  color: #000;
  width: 100px;
  border-radius: 9px;
  font-size: 13px !important;
  text-transform: lowercase !important;
  height: 30px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .ov-wrapper input[type=checkbox]:checked + label::after, .default .security-settings .ov-wrapper input[type=checkbox]:checked + label::after, .default .salary-page .ov-wrapper input[type=checkbox]:checked + label::after, .default .agreement-template .ov-wrapper input[type=checkbox]:checked + label::after, .default .document-page-theme .ov-wrapper input[type=checkbox]:checked + label::after, .default .site-manager-theme .ov-wrapper input[type=checkbox]:checked + label::after, .default .qulity-control-theme .ov-wrapper input[type=checkbox]:checked + label::after {
  background: #000;
  border-color: #000;
}
.default .profile-page-theme .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .security-settings .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .salary-page .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .agreement-template .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .document-page-theme .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .site-manager-theme .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before, .default .qulity-control-theme .ov-wrapper .radio-btn input[type=radio]:checked ~ .checked::before {
  background: #000;
}
.default .profile-page-theme .ov-wrapper .radio-btn div, .default .security-settings .ov-wrapper .radio-btn div, .default .salary-page .ov-wrapper .radio-btn div, .default .agreement-template .ov-wrapper .radio-btn div, .default .document-page-theme .ov-wrapper .radio-btn div, .default .site-manager-theme .ov-wrapper .radio-btn div, .default .qulity-control-theme .ov-wrapper .radio-btn div {
  border: 2px solid #000;
}
.default .profile-page-theme .ov-wrapper .filter-options, .default .security-settings .ov-wrapper .filter-options, .default .salary-page .ov-wrapper .filter-options, .default .agreement-template .ov-wrapper .filter-options, .default .document-page-theme .ov-wrapper .filter-options, .default .site-manager-theme .ov-wrapper .filter-options, .default .qulity-control-theme .ov-wrapper .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .profile-page-theme .ov-wrapper .filter-options .button, .default .security-settings .ov-wrapper .filter-options .button, .default .salary-page .ov-wrapper .filter-options .button, .default .agreement-template .ov-wrapper .filter-options .button, .default .document-page-theme .ov-wrapper .filter-options .button, .default .site-manager-theme .ov-wrapper .filter-options .button, .default .qulity-control-theme .ov-wrapper .filter-options .button {
  background-color: #fac238;
  color: #000;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .ov-wrapper .filter-options .filter-item select, .default .security-settings .ov-wrapper .filter-options .filter-item select, .default .salary-page .ov-wrapper .filter-options .filter-item select, .default .agreement-template .ov-wrapper .filter-options .filter-item select, .default .document-page-theme .ov-wrapper .filter-options .filter-item select, .default .site-manager-theme .ov-wrapper .filter-options .filter-item select, .default .qulity-control-theme .ov-wrapper .filter-options .filter-item select {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .profile-page-theme .ov-wrapper .filter-options .filter-item:after, .default .security-settings .ov-wrapper .filter-options .filter-item:after, .default .salary-page .ov-wrapper .filter-options .filter-item:after, .default .agreement-template .ov-wrapper .filter-options .filter-item:after, .default .document-page-theme .ov-wrapper .filter-options .filter-item:after, .default .site-manager-theme .ov-wrapper .filter-options .filter-item:after, .default .qulity-control-theme .ov-wrapper .filter-options .filter-item:after {
  background: none;
}
.default .profile-page-theme .ov-wrapper .search-filter, .default .profile-page-theme .ov-wrapper .map-search, .default .security-settings .ov-wrapper .search-filter, .default .security-settings .ov-wrapper .map-search, .default .salary-page .ov-wrapper .search-filter, .default .salary-page .ov-wrapper .map-search, .default .agreement-template .ov-wrapper .search-filter, .default .agreement-template .ov-wrapper .map-search, .default .document-page-theme .ov-wrapper .search-filter, .default .document-page-theme .ov-wrapper .map-search, .default .site-manager-theme .ov-wrapper .search-filter, .default .site-manager-theme .ov-wrapper .map-search, .default .qulity-control-theme .ov-wrapper .search-filter, .default .qulity-control-theme .ov-wrapper .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .profile-page-theme .ov-wrapper .search-filter .form-control, .default .profile-page-theme .ov-wrapper .map-search .form-control, .default .security-settings .ov-wrapper .search-filter .form-control, .default .security-settings .ov-wrapper .map-search .form-control, .default .salary-page .ov-wrapper .search-filter .form-control, .default .salary-page .ov-wrapper .map-search .form-control, .default .agreement-template .ov-wrapper .search-filter .form-control, .default .agreement-template .ov-wrapper .map-search .form-control, .default .document-page-theme .ov-wrapper .search-filter .form-control, .default .document-page-theme .ov-wrapper .map-search .form-control, .default .site-manager-theme .ov-wrapper .search-filter .form-control, .default .site-manager-theme .ov-wrapper .map-search .form-control, .default .qulity-control-theme .ov-wrapper .search-filter .form-control, .default .qulity-control-theme .ov-wrapper .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .profile-page-theme .ov-wrapper .search-filter .form-control:hover, .default .profile-page-theme .ov-wrapper .map-search .form-control:hover, .default .security-settings .ov-wrapper .search-filter .form-control:hover, .default .security-settings .ov-wrapper .map-search .form-control:hover, .default .salary-page .ov-wrapper .search-filter .form-control:hover, .default .salary-page .ov-wrapper .map-search .form-control:hover, .default .agreement-template .ov-wrapper .search-filter .form-control:hover, .default .agreement-template .ov-wrapper .map-search .form-control:hover, .default .document-page-theme .ov-wrapper .search-filter .form-control:hover, .default .document-page-theme .ov-wrapper .map-search .form-control:hover, .default .site-manager-theme .ov-wrapper .search-filter .form-control:hover, .default .site-manager-theme .ov-wrapper .map-search .form-control:hover, .default .qulity-control-theme .ov-wrapper .search-filter .form-control:hover, .default .qulity-control-theme .ov-wrapper .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .profile-page-theme .ov-wrapper .search-filter .anticon, .default .profile-page-theme .ov-wrapper .map-search .anticon, .default .security-settings .ov-wrapper .search-filter .anticon, .default .security-settings .ov-wrapper .map-search .anticon, .default .salary-page .ov-wrapper .search-filter .anticon, .default .salary-page .ov-wrapper .map-search .anticon, .default .agreement-template .ov-wrapper .search-filter .anticon, .default .agreement-template .ov-wrapper .map-search .anticon, .default .document-page-theme .ov-wrapper .search-filter .anticon, .default .document-page-theme .ov-wrapper .map-search .anticon, .default .site-manager-theme .ov-wrapper .search-filter .anticon, .default .site-manager-theme .ov-wrapper .map-search .anticon, .default .qulity-control-theme .ov-wrapper .search-filter .anticon, .default .qulity-control-theme .ov-wrapper .map-search .anticon {
  background-color: #fac238;
  color: #000;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .profile-page-theme .ov-wrapper .title h2, .default .security-settings .ov-wrapper .title h2, .default .salary-page .ov-wrapper .title h2, .default .agreement-template .ov-wrapper .title h2, .default .document-page-theme .ov-wrapper .title h2, .default .site-manager-theme .ov-wrapper .title h2, .default .qulity-control-theme .ov-wrapper .title h2 {
  color: #414e57;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .ov-wrapper .add-btn-primary, .default .profile-page-theme .ov-wrapper .add-new-btn, .default .security-settings .ov-wrapper .add-btn-primary, .default .security-settings .ov-wrapper .add-new-btn, .default .salary-page .ov-wrapper .add-btn-primary, .default .salary-page .ov-wrapper .add-new-btn, .default .agreement-template .ov-wrapper .add-btn-primary, .default .agreement-template .ov-wrapper .add-new-btn, .default .document-page-theme .ov-wrapper .add-btn-primary, .default .document-page-theme .ov-wrapper .add-new-btn, .default .site-manager-theme .ov-wrapper .add-btn-primary, .default .site-manager-theme .ov-wrapper .add-new-btn, .default .qulity-control-theme .ov-wrapper .add-btn-primary, .default .qulity-control-theme .ov-wrapper .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .profile-page-theme .ov-wrapper .add-btn-primary .badge, .default .profile-page-theme .ov-wrapper .add-new-btn .badge, .default .security-settings .ov-wrapper .add-btn-primary .badge, .default .security-settings .ov-wrapper .add-new-btn .badge, .default .salary-page .ov-wrapper .add-btn-primary .badge, .default .salary-page .ov-wrapper .add-new-btn .badge, .default .agreement-template .ov-wrapper .add-btn-primary .badge, .default .agreement-template .ov-wrapper .add-new-btn .badge, .default .document-page-theme .ov-wrapper .add-btn-primary .badge, .default .document-page-theme .ov-wrapper .add-new-btn .badge, .default .site-manager-theme .ov-wrapper .add-btn-primary .badge, .default .site-manager-theme .ov-wrapper .add-new-btn .badge, .default .qulity-control-theme .ov-wrapper .add-btn-primary .badge, .default .qulity-control-theme .ov-wrapper .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #fac238;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .profile-page-theme .ov-wrapper .add-btn-primary .badge i, .default .profile-page-theme .ov-wrapper .add-new-btn .badge i, .default .security-settings .ov-wrapper .add-btn-primary .badge i, .default .security-settings .ov-wrapper .add-new-btn .badge i, .default .salary-page .ov-wrapper .add-btn-primary .badge i, .default .salary-page .ov-wrapper .add-new-btn .badge i, .default .agreement-template .ov-wrapper .add-btn-primary .badge i, .default .agreement-template .ov-wrapper .add-new-btn .badge i, .default .document-page-theme .ov-wrapper .add-btn-primary .badge i, .default .document-page-theme .ov-wrapper .add-new-btn .badge i, .default .site-manager-theme .ov-wrapper .add-btn-primary .badge i, .default .site-manager-theme .ov-wrapper .add-new-btn .badge i, .default .qulity-control-theme .ov-wrapper .add-btn-primary .badge i, .default .qulity-control-theme .ov-wrapper .add-new-btn .badge i {
  color: #000;
  font-size: 18px;
  font-weight: bold;
}
.default .profile-page-theme .ov-wrapper .quill, .default .security-settings .ov-wrapper .quill, .default .salary-page .ov-wrapper .quill, .default .agreement-template .ov-wrapper .quill, .default .document-page-theme .ov-wrapper .quill, .default .site-manager-theme .ov-wrapper .quill, .default .qulity-control-theme .ov-wrapper .quill {
  background: #fff;
  border-radius: 9px;
}
.default .profile-page-theme .ov-wrapper .quill .ql-editor, .default .security-settings .ov-wrapper .quill .ql-editor, .default .salary-page .ov-wrapper .quill .ql-editor, .default .agreement-template .ov-wrapper .quill .ql-editor, .default .document-page-theme .ov-wrapper .quill .ql-editor, .default .site-manager-theme .ov-wrapper .quill .ql-editor, .default .qulity-control-theme .ov-wrapper .quill .ql-editor {
  border: 0 !important;
}
.default .profile-page-theme .ov-wrapper .video-link, .default .security-settings .ov-wrapper .video-link, .default .salary-page .ov-wrapper .video-link, .default .agreement-template .ov-wrapper .video-link, .default .document-page-theme .ov-wrapper .video-link, .default .site-manager-theme .ov-wrapper .video-link, .default .qulity-control-theme .ov-wrapper .video-link {
  display: flex;
}
.default .profile-page-theme .ov-wrapper .video-link label, .default .security-settings .ov-wrapper .video-link label, .default .salary-page .ov-wrapper .video-link label, .default .agreement-template .ov-wrapper .video-link label, .default .document-page-theme .ov-wrapper .video-link label, .default .site-manager-theme .ov-wrapper .video-link label, .default .qulity-control-theme .ov-wrapper .video-link label {
  display: flex;
  flex-basis: 100px;
  align-items: center;
  font-weight: 500;
}
.default .profile-page-theme .ov-wrapper .video-link .quill, .default .security-settings .ov-wrapper .video-link .quill, .default .salary-page .ov-wrapper .video-link .quill, .default .agreement-template .ov-wrapper .video-link .quill, .default .document-page-theme .ov-wrapper .video-link .quill, .default .site-manager-theme .ov-wrapper .video-link .quill, .default .qulity-control-theme .ov-wrapper .video-link .quill {
  flex-basis: 100%;
}
.default .profile-page-theme .ov-wrapper .catalogue, .default .security-settings .ov-wrapper .catalogue, .default .salary-page .ov-wrapper .catalogue, .default .agreement-template .ov-wrapper .catalogue, .default .document-page-theme .ov-wrapper .catalogue, .default .site-manager-theme .ov-wrapper .catalogue, .default .qulity-control-theme .ov-wrapper .catalogue {
  background: unset !important;
  margin-top: unset !important;
  border: 0 !important;
}
.default .profile-page-theme .ov-wrapper .catalogue:hover, .default .security-settings .ov-wrapper .catalogue:hover, .default .salary-page .ov-wrapper .catalogue:hover, .default .agreement-template .ov-wrapper .catalogue:hover, .default .document-page-theme .ov-wrapper .catalogue:hover, .default .site-manager-theme .ov-wrapper .catalogue:hover, .default .qulity-control-theme .ov-wrapper .catalogue:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .profile-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .security-settings .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .salary-page .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .agreement-template .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .document-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .site-manager-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title, .default .qulity-control-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title {
  padding-right: 20px;
}
.default .profile-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .security-settings .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .salary-page .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .agreement-template .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .document-page-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .site-manager-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter, .default .qulity-control-theme .ov-wrapper .catalogue .catalogue-header .catalogue-title:first-letter {
  text-transform: uppercase !important;
}
.default .profile-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group, .default .security-settings .ov-wrapper .catalogue .catalogue-header .btn-group, .default .salary-page .ov-wrapper .catalogue .catalogue-header .btn-group, .default .agreement-template .ov-wrapper .catalogue .catalogue-header .btn-group, .default .document-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group, .default .site-manager-theme .ov-wrapper .catalogue .catalogue-header .btn-group, .default .qulity-control-theme .ov-wrapper .catalogue .catalogue-header .btn-group {
  margin-left: auto;
  width: max-content;
  flex: auto;
}
.default .profile-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .security-settings .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .salary-page .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .agreement-template .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .document-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .site-manager-theme .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle, .default .qulity-control-theme .ov-wrapper .catalogue .catalogue-header .btn-group .btn-circle {
  background: #f2f2f2;
}
.default .profile-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .security-settings .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .salary-page .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .agreement-template .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .document-page-theme .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .site-manager-theme .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat, .default .qulity-control-theme .ov-wrapper .catalogue .catalogue-header .btn-group .catalogue-stat {
  margin-left: auto;
}
.default .profile-page-theme .ov-wrapper .catalogue .catalogue-container, .default .security-settings .ov-wrapper .catalogue .catalogue-container, .default .salary-page .ov-wrapper .catalogue .catalogue-container, .default .agreement-template .ov-wrapper .catalogue .catalogue-container, .default .document-page-theme .ov-wrapper .catalogue .catalogue-container, .default .site-manager-theme .ov-wrapper .catalogue .catalogue-container, .default .qulity-control-theme .ov-wrapper .catalogue .catalogue-container {
  display: grid;
  grid-template-columns: max-content auto;
  padding: 16px 20px;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  background: #ffffff;
  grid-template-areas: "file image" "footer footer";
}
.default .profile-page-theme .ov-wrapper .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)), .default .security-settings .ov-wrapper .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)), .default .salary-page .ov-wrapper .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)), .default .agreement-template .ov-wrapper .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)), .default .document-page-theme .ov-wrapper .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)), .default .site-manager-theme .ov-wrapper .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)), .default .qulity-control-theme .ov-wrapper .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)) {
  grid-area: file;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  align-items: baseline;
  max-height: 1000px;
}
.default .profile-page-theme .ov-wrapper .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)) .file, .default .security-settings .ov-wrapper .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)) .file, .default .salary-page .ov-wrapper .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)) .file, .default .agreement-template .ov-wrapper .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)) .file, .default .document-page-theme .ov-wrapper .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)) .file, .default .site-manager-theme .ov-wrapper .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)) .file, .default .qulity-control-theme .ov-wrapper .catalogue .catalogue-container .file-container:not(.file-container:has(> .card-view)) .file {
  width: 230px !important;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .profile-page-theme .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view), .default .security-settings .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view), .default .salary-page .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view), .default .agreement-template .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view), .default .document-page-theme .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view), .default .site-manager-theme .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view), .default .qulity-control-theme .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view) {
  grid-area: image;
  flex-basis: 100%;
}
.default .profile-page-theme .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view) .card-view, .default .security-settings .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view) .card-view, .default .salary-page .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view) .card-view, .default .agreement-template .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view) .card-view, .default .document-page-theme .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view) .card-view, .default .site-manager-theme .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view) .card-view, .default .qulity-control-theme .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view) .card-view {
  max-width: 300px !important;
  box-shadow: none;
  border: 0;
  padding: 0px;
}
.default .profile-page-theme .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view) .card-view .card-view-details, .default .security-settings .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view) .card-view .card-view-details, .default .salary-page .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view) .card-view .card-view-details, .default .agreement-template .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view) .card-view .card-view-details, .default .document-page-theme .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view) .card-view .card-view-details, .default .site-manager-theme .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view) .card-view .card-view-details, .default .qulity-control-theme .ov-wrapper .catalogue .catalogue-container .file-container:has(> .card-view) .card-view .card-view-details {
  padding: 0px 6px;
}
.default .profile-page-theme .ov-wrapper .catalogue .catalogue-container .load-more, .default .security-settings .ov-wrapper .catalogue .catalogue-container .load-more, .default .salary-page .ov-wrapper .catalogue .catalogue-container .load-more, .default .agreement-template .ov-wrapper .catalogue .catalogue-container .load-more, .default .document-page-theme .ov-wrapper .catalogue .catalogue-container .load-more, .default .site-manager-theme .ov-wrapper .catalogue .catalogue-container .load-more, .default .qulity-control-theme .ov-wrapper .catalogue .catalogue-container .load-more {
  grid-area: footer;
}
.default .profile-page-theme .ov-wrapper .catalogue .catalogue-container .file-container, .default .security-settings .ov-wrapper .catalogue .catalogue-container .file-container, .default .salary-page .ov-wrapper .catalogue .catalogue-container .file-container, .default .agreement-template .ov-wrapper .catalogue .catalogue-container .file-container, .default .document-page-theme .ov-wrapper .catalogue .catalogue-container .file-container, .default .site-manager-theme .ov-wrapper .catalogue .catalogue-container .file-container, .default .qulity-control-theme .ov-wrapper .catalogue .catalogue-container .file-container {
  margin: unset;
}
.default .profile-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .security-settings .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .salary-page .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .agreement-template .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .document-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .site-manager-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)), .default .qulity-control-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)) {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: max-content auto;
  align-items: baseline;
}
.default .profile-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .security-settings .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .salary-page .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .agreement-template .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .document-page-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .site-manager-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file, .default .qulity-control-theme .ov-wrapper .file-container:not(.file-container:has(> .card-view)) .file {
  width: max-content;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .profile-page-theme .ov-wrapper .file-container:has(> .card-view), .default .security-settings .ov-wrapper .file-container:has(> .card-view), .default .salary-page .ov-wrapper .file-container:has(> .card-view), .default .agreement-template .ov-wrapper .file-container:has(> .card-view), .default .document-page-theme .ov-wrapper .file-container:has(> .card-view), .default .site-manager-theme .ov-wrapper .file-container:has(> .card-view), .default .qulity-control-theme .ov-wrapper .file-container:has(> .card-view) {
  flex-basis: 100%;
}
.default .profile-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view, .default .security-settings .ov-wrapper .file-container:has(> .card-view) .card-view, .default .salary-page .ov-wrapper .file-container:has(> .card-view) .card-view, .default .agreement-template .ov-wrapper .file-container:has(> .card-view) .card-view, .default .document-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view, .default .site-manager-theme .ov-wrapper .file-container:has(> .card-view) .card-view, .default .qulity-control-theme .ov-wrapper .file-container:has(> .card-view) .card-view {
  min-width: 140px;
  box-shadow: none;
  border: 0;
}
.default .profile-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .security-settings .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .salary-page .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .agreement-template .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .document-page-theme .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .site-manager-theme .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details, .default .qulity-control-theme .ov-wrapper .file-container:has(> .card-view) .card-view .card-view-details {
  margin-top: 3px;
}
.default .profile-page-theme .ov-wrapper .file-container, .default .security-settings .ov-wrapper .file-container, .default .salary-page .ov-wrapper .file-container, .default .agreement-template .ov-wrapper .file-container, .default .document-page-theme .ov-wrapper .file-container, .default .site-manager-theme .ov-wrapper .file-container, .default .qulity-control-theme .ov-wrapper .file-container {
  margin: unset;
  align-items: flex-start;
  margin-top: 20px;
}
.default .profile-page-theme .ov-wrapper .table .table-header, .default .security-settings .ov-wrapper .table .table-header, .default .salary-page .ov-wrapper .table .table-header, .default .agreement-template .ov-wrapper .table .table-header, .default .document-page-theme .ov-wrapper .table .table-header, .default .site-manager-theme .ov-wrapper .table .table-header, .default .qulity-control-theme .ov-wrapper .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .profile-page-theme .ov-wrapper .table .table-header .th-column, .default .security-settings .ov-wrapper .table .table-header .th-column, .default .salary-page .ov-wrapper .table .table-header .th-column, .default .agreement-template .ov-wrapper .table .table-header .th-column, .default .document-page-theme .ov-wrapper .table .table-header .th-column, .default .site-manager-theme .ov-wrapper .table .table-header .th-column, .default .qulity-control-theme .ov-wrapper .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-group .table, .default .security-settings .ov-wrapper .table .table-body .table-group .table, .default .salary-page .ov-wrapper .table .table-body .table-group .table, .default .agreement-template .ov-wrapper .table .table-body .table-group .table, .default .document-page-theme .ov-wrapper .table .table-body .table-group .table, .default .site-manager-theme .ov-wrapper .table .table-body .table-group .table, .default .qulity-control-theme .ov-wrapper .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-row, .default .security-settings .ov-wrapper .table .table-body .table-row, .default .salary-page .ov-wrapper .table .table-body .table-row, .default .agreement-template .ov-wrapper .table .table-body .table-row, .default .document-page-theme .ov-wrapper .table .table-body .table-row, .default .site-manager-theme .ov-wrapper .table .table-body .table-row, .default .qulity-control-theme .ov-wrapper .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .security-settings .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .salary-page .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .agreement-template .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .document-page-theme .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .site-manager-theme .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .qulity-control-theme .ov-wrapper .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .security-settings .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .salary-page .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .agreement-template .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .document-page-theme .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .site-manager-theme .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div, .default .qulity-control-theme .ov-wrapper .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-row .currencyCode, .default .security-settings .ov-wrapper .table .table-body .table-row .currencyCode, .default .salary-page .ov-wrapper .table .table-body .table-row .currencyCode, .default .agreement-template .ov-wrapper .table .table-body .table-row .currencyCode, .default .document-page-theme .ov-wrapper .table .table-body .table-row .currencyCode, .default .site-manager-theme .ov-wrapper .table .table-body .table-row .currencyCode, .default .qulity-control-theme .ov-wrapper .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .security-settings .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .salary-page .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .agreement-template .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .document-page-theme .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .site-manager-theme .ov-wrapper .table .table-body .table-row .currencyCode + div, .default .qulity-control-theme .ov-wrapper .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-row .icon-btn, .default .security-settings .ov-wrapper .table .table-body .table-row .icon-btn, .default .salary-page .ov-wrapper .table .table-body .table-row .icon-btn, .default .agreement-template .ov-wrapper .table .table-body .table-row .icon-btn, .default .document-page-theme .ov-wrapper .table .table-body .table-row .icon-btn, .default .site-manager-theme .ov-wrapper .table .table-body .table-row .icon-btn, .default .qulity-control-theme .ov-wrapper .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .security-settings .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .salary-page .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .agreement-template .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .document-page-theme .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .site-manager-theme .ov-wrapper .table .table-body .table-row .icon-btn .material-icons, .default .qulity-control-theme .ov-wrapper .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .security-settings .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .salary-page .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .agreement-template .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .document-page-theme .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .site-manager-theme .ov-wrapper .table .table-body .table-row .icon-inside-table, .default .qulity-control-theme .ov-wrapper .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-row div, .default .security-settings .ov-wrapper .table .table-body .table-row div, .default .salary-page .ov-wrapper .table .table-body .table-row div, .default .agreement-template .ov-wrapper .table .table-body .table-row div, .default .document-page-theme .ov-wrapper .table .table-body .table-row div, .default .site-manager-theme .ov-wrapper .table .table-body .table-row div, .default .qulity-control-theme .ov-wrapper .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-row:hover div, .default .security-settings .ov-wrapper .table .table-body .table-row:hover div, .default .salary-page .ov-wrapper .table .table-body .table-row:hover div, .default .agreement-template .ov-wrapper .table .table-body .table-row:hover div, .default .document-page-theme .ov-wrapper .table .table-body .table-row:hover div, .default .site-manager-theme .ov-wrapper .table .table-body .table-row:hover div, .default .qulity-control-theme .ov-wrapper .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .security-settings .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .salary-page .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .agreement-template .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .document-page-theme .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .site-manager-theme .ov-wrapper .table .table-body .table-row .icon-btn:hover, .default .qulity-control-theme .ov-wrapper .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-row .expand-icon, .default .security-settings .ov-wrapper .table .table-body .table-row .expand-icon, .default .salary-page .ov-wrapper .table .table-body .table-row .expand-icon, .default .agreement-template .ov-wrapper .table .table-body .table-row .expand-icon, .default .document-page-theme .ov-wrapper .table .table-body .table-row .expand-icon, .default .site-manager-theme .ov-wrapper .table .table-body .table-row .expand-icon, .default .qulity-control-theme .ov-wrapper .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .security-settings .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .salary-page .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .agreement-template .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .document-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .site-manager-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new, .default .qulity-control-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .security-settings .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .salary-page .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .agreement-template .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .document-page-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .site-manager-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i, .default .qulity-control-theme .ov-wrapper .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .security-settings .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .salary-page .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .agreement-template .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .document-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .site-manager-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing, .default .qulity-control-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .security-settings .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .salary-page .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .agreement-template .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .document-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .site-manager-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .qulity-control-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .security-settings .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .salary-page .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .agreement-template .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .document-page-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .site-manager-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .qulity-control-theme .ov-wrapper .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .security-settings .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .salary-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .agreement-template .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .document-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .site-manager-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .qulity-control-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .profile-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .security-settings .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .security-settings .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .salary-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .salary-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .agreement-template .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .agreement-template .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .document-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .document-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .site-manager-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .site-manager-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row, .default .qulity-control-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header, .default .qulity-control-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .profile-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .profile-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .profile-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .profile-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .security-settings .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .security-settings .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .security-settings .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .security-settings .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .salary-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .salary-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .salary-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .salary-page .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .agreement-template .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .agreement-template .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .agreement-template .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .agreement-template .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .document-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .document-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .document-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .document-page-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .site-manager-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .site-manager-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .site-manager-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .site-manager-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .qulity-control-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .qulity-control-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .qulity-control-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .qulity-control-theme .ov-wrapper .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .profile-page-theme .ov-wrapper .table .table-body .grouped-row, .default .security-settings .ov-wrapper .table .table-body .grouped-row, .default .salary-page .ov-wrapper .table .table-body .grouped-row, .default .agreement-template .ov-wrapper .table .table-body .grouped-row, .default .document-page-theme .ov-wrapper .table .table-body .grouped-row, .default .site-manager-theme .ov-wrapper .table .table-body .grouped-row, .default .qulity-control-theme .ov-wrapper .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .profile-page-theme .ov-wrapper .table .summary-count-row div, .default .security-settings .ov-wrapper .table .summary-count-row div, .default .salary-page .ov-wrapper .table .summary-count-row div, .default .agreement-template .ov-wrapper .table .summary-count-row div, .default .document-page-theme .ov-wrapper .table .summary-count-row div, .default .site-manager-theme .ov-wrapper .table .summary-count-row div, .default .qulity-control-theme .ov-wrapper .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .profile-page-theme .ov-wrapper .table .ov-supplier-invoice-list, .default .security-settings .ov-wrapper .table .ov-supplier-invoice-list, .default .salary-page .ov-wrapper .table .ov-supplier-invoice-list, .default .agreement-template .ov-wrapper .table .ov-supplier-invoice-list, .default .document-page-theme .ov-wrapper .table .ov-supplier-invoice-list, .default .site-manager-theme .ov-wrapper .table .ov-supplier-invoice-list, .default .qulity-control-theme .ov-wrapper .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .profile-page-theme .ov-wrapper .table .table-footer, .default .security-settings .ov-wrapper .table .table-footer, .default .salary-page .ov-wrapper .table .table-footer, .default .agreement-template .ov-wrapper .table .table-footer, .default .document-page-theme .ov-wrapper .table .table-footer, .default .site-manager-theme .ov-wrapper .table .table-footer, .default .qulity-control-theme .ov-wrapper .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .profile-page-theme .ov-wrapper .table .load-more, .default .security-settings .ov-wrapper .table .load-more, .default .salary-page .ov-wrapper .table .load-more, .default .agreement-template .ov-wrapper .table .load-more, .default .document-page-theme .ov-wrapper .table .load-more, .default .site-manager-theme .ov-wrapper .table .load-more, .default .qulity-control-theme .ov-wrapper .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .profile-page-theme .ov-wrapper .table .toolbar, .default .security-settings .ov-wrapper .table .toolbar, .default .salary-page .ov-wrapper .table .toolbar, .default .agreement-template .ov-wrapper .table .toolbar, .default .document-page-theme .ov-wrapper .table .toolbar, .default .site-manager-theme .ov-wrapper .table .toolbar, .default .qulity-control-theme .ov-wrapper .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .profile-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .security-settings .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .salary-page .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .agreement-template .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .document-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .site-manager-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1), .default .qulity-control-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .profile-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .security-settings .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .salary-page .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .agreement-template .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .document-page-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .site-manager-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2), .default .qulity-control-theme .ov-wrapper .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .profile-page-theme .ov-wrapper .table-group .table .table-header, .default .security-settings .ov-wrapper .table-group .table .table-header, .default .salary-page .ov-wrapper .table-group .table .table-header, .default .agreement-template .ov-wrapper .table-group .table .table-header, .default .document-page-theme .ov-wrapper .table-group .table .table-header, .default .site-manager-theme .ov-wrapper .table-group .table .table-header, .default .qulity-control-theme .ov-wrapper .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .profile-page-theme .ov-wrapper .table-group .table .table-header .th-column, .default .security-settings .ov-wrapper .table-group .table .table-header .th-column, .default .salary-page .ov-wrapper .table-group .table .table-header .th-column, .default .agreement-template .ov-wrapper .table-group .table .table-header .th-column, .default .document-page-theme .ov-wrapper .table-group .table .table-header .th-column, .default .site-manager-theme .ov-wrapper .table-group .table .table-header .th-column, .default .qulity-control-theme .ov-wrapper .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .profile-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .security-settings .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .salary-page .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .agreement-template .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .document-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .site-manager-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn, .default .qulity-control-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .profile-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .security-settings .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .salary-page .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .agreement-template .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .document-page-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .site-manager-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .qulity-control-theme .ov-wrapper .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .profile-page-theme .ov-wrapper .role-listing .designation-name, .default .security-settings .ov-wrapper .role-listing .designation-name, .default .salary-page .ov-wrapper .role-listing .designation-name, .default .agreement-template .ov-wrapper .role-listing .designation-name, .default .document-page-theme .ov-wrapper .role-listing .designation-name, .default .site-manager-theme .ov-wrapper .role-listing .designation-name, .default .qulity-control-theme .ov-wrapper .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .profile-page-theme .ov-wrapper .table.role-inner-listing .table-header, .default .profile-page-theme .ov-wrapper .table.role-inner-listing .th-column, .default .profile-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .security-settings .ov-wrapper .table.role-inner-listing .table-header, .default .security-settings .ov-wrapper .table.role-inner-listing .th-column, .default .security-settings .ov-wrapper .table.role-inner-listing .table-row, .default .salary-page .ov-wrapper .table.role-inner-listing .table-header, .default .salary-page .ov-wrapper .table.role-inner-listing .th-column, .default .salary-page .ov-wrapper .table.role-inner-listing .table-row, .default .agreement-template .ov-wrapper .table.role-inner-listing .table-header, .default .agreement-template .ov-wrapper .table.role-inner-listing .th-column, .default .agreement-template .ov-wrapper .table.role-inner-listing .table-row, .default .document-page-theme .ov-wrapper .table.role-inner-listing .table-header, .default .document-page-theme .ov-wrapper .table.role-inner-listing .th-column, .default .document-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .site-manager-theme .ov-wrapper .table.role-inner-listing .table-header, .default .site-manager-theme .ov-wrapper .table.role-inner-listing .th-column, .default .site-manager-theme .ov-wrapper .table.role-inner-listing .table-row, .default .qulity-control-theme .ov-wrapper .table.role-inner-listing .table-header, .default .qulity-control-theme .ov-wrapper .table.role-inner-listing .th-column, .default .qulity-control-theme .ov-wrapper .table.role-inner-listing .table-row {
  border: 0px;
}
.default .profile-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .security-settings .ov-wrapper .table.role-inner-listing .table-row, .default .salary-page .ov-wrapper .table.role-inner-listing .table-row, .default .agreement-template .ov-wrapper .table.role-inner-listing .table-row, .default .document-page-theme .ov-wrapper .table.role-inner-listing .table-row, .default .site-manager-theme .ov-wrapper .table.role-inner-listing .table-row, .default .qulity-control-theme .ov-wrapper .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .profile-page-theme .ov-wrapper .table.role-inner-listing .table-row div, .default .security-settings .ov-wrapper .table.role-inner-listing .table-row div, .default .salary-page .ov-wrapper .table.role-inner-listing .table-row div, .default .agreement-template .ov-wrapper .table.role-inner-listing .table-row div, .default .document-page-theme .ov-wrapper .table.role-inner-listing .table-row div, .default .site-manager-theme .ov-wrapper .table.role-inner-listing .table-row div, .default .qulity-control-theme .ov-wrapper .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .profile-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .security-settings .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .salary-page .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .agreement-template .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .document-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .site-manager-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row, .default .qulity-control-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .profile-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .security-settings .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .salary-page .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .agreement-template .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .document-page-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .site-manager-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row div, .default .qulity-control-theme .ov-wrapper .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .profile-page-theme .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .profile-page-theme .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .security-settings .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .security-settings .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .salary-page .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .salary-page .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .agreement-template .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .agreement-template .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .document-page-theme .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .document-page-theme .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .site-manager-theme .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .site-manager-theme .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn, .default .qulity-control-theme .ov-wrapper .sa-not-invoiced-list .table-row:hover div .icon-btn, .default .qulity-control-theme .ov-wrapper .sales-article-listing-customer-card .table-row:hover div .icon-btn {
  color: #ff3c00;
}
.default .profile-page-theme .ov-wrapper .ov-sales-articles, .default .profile-page-theme .ov-wrapper .ov-credit-note-list, .default .security-settings .ov-wrapper .ov-sales-articles, .default .security-settings .ov-wrapper .ov-credit-note-list, .default .salary-page .ov-wrapper .ov-sales-articles, .default .salary-page .ov-wrapper .ov-credit-note-list, .default .agreement-template .ov-wrapper .ov-sales-articles, .default .agreement-template .ov-wrapper .ov-credit-note-list, .default .document-page-theme .ov-wrapper .ov-sales-articles, .default .document-page-theme .ov-wrapper .ov-credit-note-list, .default .site-manager-theme .ov-wrapper .ov-sales-articles, .default .site-manager-theme .ov-wrapper .ov-credit-note-list, .default .qulity-control-theme .ov-wrapper .ov-sales-articles, .default .qulity-control-theme .ov-wrapper .ov-credit-note-list {
  border-bottom: 1px solid #e9e8e6 !important;
}
.default .profile-page-theme .ov-wrapper .ov-sales-articles .table-header, .default .profile-page-theme .ov-wrapper .ov-credit-note-list .table-header, .default .security-settings .ov-wrapper .ov-sales-articles .table-header, .default .security-settings .ov-wrapper .ov-credit-note-list .table-header, .default .salary-page .ov-wrapper .ov-sales-articles .table-header, .default .salary-page .ov-wrapper .ov-credit-note-list .table-header, .default .agreement-template .ov-wrapper .ov-sales-articles .table-header, .default .agreement-template .ov-wrapper .ov-credit-note-list .table-header, .default .document-page-theme .ov-wrapper .ov-sales-articles .table-header, .default .document-page-theme .ov-wrapper .ov-credit-note-list .table-header, .default .site-manager-theme .ov-wrapper .ov-sales-articles .table-header, .default .site-manager-theme .ov-wrapper .ov-credit-note-list .table-header, .default .qulity-control-theme .ov-wrapper .ov-sales-articles .table-header, .default .qulity-control-theme .ov-wrapper .ov-credit-note-list .table-header {
  border-top: 1px solid #e9e8e6 !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .profile-page-theme .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .profile-page-theme .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .security-settings .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .security-settings .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .salary-page .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .salary-page .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .agreement-template .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .agreement-template .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .document-page-theme .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .document-page-theme .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .site-manager-theme .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .site-manager-theme .ov-wrapper .ov-credit-note-list .table-body .table-row div, .default .qulity-control-theme .ov-wrapper .ov-sales-articles .table-body .table-row div, .default .qulity-control-theme .ov-wrapper .ov-credit-note-list .table-body .table-row div {
  border-bottom: 1px solid #e9e8e6 !important;
}
.default .profile-page-theme .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .profile-page-theme .ov-wrapper .ov-sales-articles .table-row div, .default .profile-page-theme .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .profile-page-theme .ov-wrapper .ov-credit-note-list .table-row div, .default .security-settings .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .security-settings .ov-wrapper .ov-sales-articles .table-row div, .default .security-settings .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .security-settings .ov-wrapper .ov-credit-note-list .table-row div, .default .salary-page .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .salary-page .ov-wrapper .ov-sales-articles .table-row div, .default .salary-page .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .salary-page .ov-wrapper .ov-credit-note-list .table-row div, .default .agreement-template .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .agreement-template .ov-wrapper .ov-sales-articles .table-row div, .default .agreement-template .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .agreement-template .ov-wrapper .ov-credit-note-list .table-row div, .default .document-page-theme .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .document-page-theme .ov-wrapper .ov-sales-articles .table-row div, .default .document-page-theme .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .document-page-theme .ov-wrapper .ov-credit-note-list .table-row div, .default .site-manager-theme .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .site-manager-theme .ov-wrapper .ov-sales-articles .table-row div, .default .site-manager-theme .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .site-manager-theme .ov-wrapper .ov-credit-note-list .table-row div, .default .qulity-control-theme .ov-wrapper .ov-sales-articles .table-header .th-column,
.default .qulity-control-theme .ov-wrapper .ov-sales-articles .table-row div, .default .qulity-control-theme .ov-wrapper .ov-credit-note-list .table-header .th-column,
.default .qulity-control-theme .ov-wrapper .ov-credit-note-list .table-row div {
  padding: 0px 10px 0px 10px;
}
.default .profile-page-theme .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .profile-page-theme .ov-wrapper .ov-sales-articles .table-row .align-right, .default .profile-page-theme .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .profile-page-theme .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .security-settings .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .security-settings .ov-wrapper .ov-sales-articles .table-row .align-right, .default .security-settings .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .security-settings .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .salary-page .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .salary-page .ov-wrapper .ov-sales-articles .table-row .align-right, .default .salary-page .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .salary-page .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .agreement-template .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .agreement-template .ov-wrapper .ov-sales-articles .table-row .align-right, .default .agreement-template .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .agreement-template .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .document-page-theme .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .document-page-theme .ov-wrapper .ov-sales-articles .table-row .align-right, .default .document-page-theme .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .document-page-theme .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .site-manager-theme .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .site-manager-theme .ov-wrapper .ov-sales-articles .table-row .align-right, .default .site-manager-theme .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .site-manager-theme .ov-wrapper .ov-credit-note-list .table-row .align-right, .default .qulity-control-theme .ov-wrapper .ov-sales-articles .table-header .align-right,
.default .qulity-control-theme .ov-wrapper .ov-sales-articles .table-row .align-right, .default .qulity-control-theme .ov-wrapper .ov-credit-note-list .table-header .align-right,
.default .qulity-control-theme .ov-wrapper .ov-credit-note-list .table-row .align-right {
  padding: 0px 10px 0px 10px;
}
.default .profile-page-theme .ov-wrapper .email .filter-section .date-year-filters, .default .security-settings .ov-wrapper .email .filter-section .date-year-filters, .default .salary-page .ov-wrapper .email .filter-section .date-year-filters, .default .agreement-template .ov-wrapper .email .filter-section .date-year-filters, .default .document-page-theme .ov-wrapper .email .filter-section .date-year-filters, .default .site-manager-theme .ov-wrapper .email .filter-section .date-year-filters, .default .qulity-control-theme .ov-wrapper .email .filter-section .date-year-filters {
  margin-left: auto !important;
}
.default .profile-page-theme .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .security-settings .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .salary-page .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .agreement-template .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .document-page-theme .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .site-manager-theme .ov-wrapper .email .filter-section .date-year-filters .filter-by-label, .default .qulity-control-theme .ov-wrapper .email .filter-section .date-year-filters .filter-by-label {
  color: #000;
}
.default .profile-page-theme .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .security-settings .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .salary-page .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .agreement-template .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .document-page-theme .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .site-manager-theme .ov-wrapper .email .filter-section .date-year-filters .radio-btn span, .default .qulity-control-theme .ov-wrapper .email .filter-section .date-year-filters .radio-btn span {
  color: #000;
}
.default .profile-page-theme .ov-wrapper .email .filter-section .ov-email-nav a, .default .security-settings .ov-wrapper .email .filter-section .ov-email-nav a, .default .salary-page .ov-wrapper .email .filter-section .ov-email-nav a, .default .agreement-template .ov-wrapper .email .filter-section .ov-email-nav a, .default .document-page-theme .ov-wrapper .email .filter-section .ov-email-nav a, .default .site-manager-theme .ov-wrapper .email .filter-section .ov-email-nav a, .default .qulity-control-theme .ov-wrapper .email .filter-section .ov-email-nav a {
  background: #fac238;
  color: #000;
  border: 0;
  border-radius: 8px;
  font-size: 12px;
  padding: 9px 16px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .ov-wrapper .email .filter-section .ov-email-nav a span, .default .security-settings .ov-wrapper .email .filter-section .ov-email-nav a span, .default .salary-page .ov-wrapper .email .filter-section .ov-email-nav a span, .default .agreement-template .ov-wrapper .email .filter-section .ov-email-nav a span, .default .document-page-theme .ov-wrapper .email .filter-section .ov-email-nav a span, .default .site-manager-theme .ov-wrapper .email .filter-section .ov-email-nav a span, .default .qulity-control-theme .ov-wrapper .email .filter-section .ov-email-nav a span {
  margin-left: 5px;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .profile-page-theme .ov-wrapper .email .emails, .default .security-settings .ov-wrapper .email .emails, .default .salary-page .ov-wrapper .email .emails, .default .agreement-template .ov-wrapper .email .emails, .default .document-page-theme .ov-wrapper .email .emails, .default .site-manager-theme .ov-wrapper .email .emails, .default .qulity-control-theme .ov-wrapper .email .emails {
  border-bottom: 2px solid #e9e8e6;
}
.default .profile-page-theme .ov-wrapper .email .emails .emailTitle, .default .security-settings .ov-wrapper .email .emails .emailTitle, .default .salary-page .ov-wrapper .email .emails .emailTitle, .default .agreement-template .ov-wrapper .email .emails .emailTitle, .default .document-page-theme .ov-wrapper .email .emails .emailTitle, .default .site-manager-theme .ov-wrapper .email .emails .emailTitle, .default .qulity-control-theme .ov-wrapper .email .emails .emailTitle {
  display: flex;
}
.default .profile-page-theme .ov-wrapper .email .emails .emailTitle .email-area-list, .default .security-settings .ov-wrapper .email .emails .emailTitle .email-area-list, .default .salary-page .ov-wrapper .email .emails .emailTitle .email-area-list, .default .agreement-template .ov-wrapper .email .emails .emailTitle .email-area-list, .default .document-page-theme .ov-wrapper .email .emails .emailTitle .email-area-list, .default .site-manager-theme .ov-wrapper .email .emails .emailTitle .email-area-list, .default .qulity-control-theme .ov-wrapper .email .emails .emailTitle .email-area-list {
  flex: 2;
  padding: 10px 30px;
  border: 2px solid #e9e8e6;
}
.default .profile-page-theme .ov-wrapper .email .emails .emailTitle .email-area-container, .default .security-settings .ov-wrapper .email .emails .emailTitle .email-area-container, .default .salary-page .ov-wrapper .email .emails .emailTitle .email-area-container, .default .agreement-template .ov-wrapper .email .emails .emailTitle .email-area-container, .default .document-page-theme .ov-wrapper .email .emails .emailTitle .email-area-container, .default .site-manager-theme .ov-wrapper .email .emails .emailTitle .email-area-container, .default .qulity-control-theme .ov-wrapper .email .emails .emailTitle .email-area-container {
  flex: 3;
  padding: 10px 130px 10px 40px;
  border: 2px solid #e9e8e6;
}
.default .profile-page-theme .ov-wrapper .email .emails .email-container, .default .security-settings .ov-wrapper .email .emails .email-container, .default .salary-page .ov-wrapper .email .emails .email-container, .default .agreement-template .ov-wrapper .email .emails .email-container, .default .document-page-theme .ov-wrapper .email .emails .email-container, .default .site-manager-theme .ov-wrapper .email .emails .email-container, .default .qulity-control-theme .ov-wrapper .email .emails .email-container {
  border-top: unset;
}
.default .profile-page-theme .ov-wrapper .email .emails .email-container .email-list, .default .security-settings .ov-wrapper .email .emails .email-container .email-list, .default .salary-page .ov-wrapper .email .emails .email-container .email-list, .default .agreement-template .ov-wrapper .email .emails .email-container .email-list, .default .document-page-theme .ov-wrapper .email .emails .email-container .email-list, .default .site-manager-theme .ov-wrapper .email .emails .email-container .email-list, .default .qulity-control-theme .ov-wrapper .email .emails .email-container .email-list {
  border: 2px solid #e9e8e6;
}
.default .profile-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .security-settings .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .salary-page .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .agreement-template .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .document-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .site-manager-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item, .default .qulity-control-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item {
  background-color: #f3f3f2;
  border-bottom: 2px solid #fff;
}
.default .profile-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-details .email-sender-name, .default .security-settings .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-details .email-sender-name, .default .salary-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-details .email-sender-name, .default .agreement-template .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-details .email-sender-name, .default .document-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-details .email-sender-name, .default .site-manager-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-details .email-sender-name, .default .qulity-control-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-details .email-sender-name {
  color: #000;
}
.default .profile-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-details .email-title, .default .security-settings .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-details .email-title, .default .salary-page .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-details .email-title, .default .agreement-template .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-details .email-title, .default .document-page-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-details .email-title, .default .site-manager-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-details .email-title, .default .qulity-control-theme .ov-wrapper .email .emails .email-container .email-list .email-list-item .email-details .email-title {
  color: #000;
}
.default .profile-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .security-settings .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .salary-page .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .agreement-template .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .document-page-theme .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .site-manager-theme .ov-wrapper .email .emails .email-container .email-list .selected-row, .default .qulity-control-theme .ov-wrapper .email .emails .email-container .email-list .selected-row {
  background-color: #eaf3fc;
}
.default .profile-page-theme .ov-wrapper .email .emails .email-container .email-view, .default .security-settings .ov-wrapper .email .emails .email-container .email-view, .default .salary-page .ov-wrapper .email .emails .email-container .email-view, .default .agreement-template .ov-wrapper .email .emails .email-container .email-view, .default .document-page-theme .ov-wrapper .email .emails .email-container .email-view, .default .site-manager-theme .ov-wrapper .email .emails .email-container .email-view, .default .qulity-control-theme .ov-wrapper .email .emails .email-container .email-view {
  border-right: 1px solid #e9e8e6;
}
.default .profile-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .security-settings .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .salary-page .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .agreement-template .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .document-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .site-manager-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i, .default .qulity-control-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .btn-circle-wb i {
  color: #000;
}
.default .profile-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .security-settings .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .salary-page .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .agreement-template .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .document-page-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .site-manager-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i, .default .qulity-control-theme .ov-wrapper .email .emails .email-container .email-view .flex-group .close-email-btn i {
  color: #a7b6c2;
}
.default .profile-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .security-settings .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .salary-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .agreement-template .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .document-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .site-manager-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label, .default .qulity-control-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label {
  color: #000;
}
.default .profile-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .security-settings .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .salary-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .agreement-template .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .document-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .site-manager-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after, .default .qulity-control-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-label:after {
  color: #000;
}
.default .profile-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .security-settings .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .salary-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .agreement-template .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .document-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .site-manager-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name, .default .qulity-control-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-name {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .security-settings .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .salary-page .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .agreement-template .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .document-page-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .site-manager-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject, .default .qulity-control-theme .ov-wrapper .email .emails .email-container .email-view .email-view-body .mv-subject {
  color: #000;
  border-bottom: unset;
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .profile-page-theme .timeSheets .filter-options .filter-item #year-dropdown, .default .profile-page-theme .timeSheets .filter-options .filter-item select, .default .profile-page-theme .deviations .filter-options .filter-item #year-dropdown, .default .profile-page-theme .deviations .filter-options .filter-item select, .default .security-settings .timeSheets .filter-options .filter-item #year-dropdown, .default .security-settings .timeSheets .filter-options .filter-item select, .default .security-settings .deviations .filter-options .filter-item #year-dropdown, .default .security-settings .deviations .filter-options .filter-item select, .default .salary-page .timeSheets .filter-options .filter-item #year-dropdown, .default .salary-page .timeSheets .filter-options .filter-item select, .default .salary-page .deviations .filter-options .filter-item #year-dropdown, .default .salary-page .deviations .filter-options .filter-item select, .default .agreement-template .timeSheets .filter-options .filter-item #year-dropdown, .default .agreement-template .timeSheets .filter-options .filter-item select, .default .agreement-template .deviations .filter-options .filter-item #year-dropdown, .default .agreement-template .deviations .filter-options .filter-item select, .default .document-page-theme .timeSheets .filter-options .filter-item #year-dropdown, .default .document-page-theme .timeSheets .filter-options .filter-item select, .default .document-page-theme .deviations .filter-options .filter-item #year-dropdown, .default .document-page-theme .deviations .filter-options .filter-item select, .default .site-manager-theme .timeSheets .filter-options .filter-item #year-dropdown, .default .site-manager-theme .timeSheets .filter-options .filter-item select, .default .site-manager-theme .deviations .filter-options .filter-item #year-dropdown, .default .site-manager-theme .deviations .filter-options .filter-item select, .default .qulity-control-theme .timeSheets .filter-options .filter-item #year-dropdown, .default .qulity-control-theme .timeSheets .filter-options .filter-item select, .default .qulity-control-theme .deviations .filter-options .filter-item #year-dropdown, .default .qulity-control-theme .deviations .filter-options .filter-item select {
  border-radius: 4px;
}
.default .profile-page-theme .timeSheets .filter-options .button, .default .profile-page-theme .deviations .filter-options .button, .default .security-settings .timeSheets .filter-options .button, .default .security-settings .deviations .filter-options .button, .default .salary-page .timeSheets .filter-options .button, .default .salary-page .deviations .filter-options .button, .default .agreement-template .timeSheets .filter-options .button, .default .agreement-template .deviations .filter-options .button, .default .document-page-theme .timeSheets .filter-options .button, .default .document-page-theme .deviations .filter-options .button, .default .site-manager-theme .timeSheets .filter-options .button, .default .site-manager-theme .deviations .filter-options .button, .default .qulity-control-theme .timeSheets .filter-options .button, .default .qulity-control-theme .deviations .filter-options .button {
  border-radius: 5px;
}
.default .profile-page-theme .collapse-body .table .table-header, .default .security-settings .collapse-body .table .table-header, .default .salary-page .collapse-body .table .table-header, .default .agreement-template .collapse-body .table .table-header, .default .document-page-theme .collapse-body .table .table-header, .default .site-manager-theme .collapse-body .table .table-header, .default .qulity-control-theme .collapse-body .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .profile-page-theme .collapse-body .table .table-header .th-column, .default .security-settings .collapse-body .table .table-header .th-column, .default .salary-page .collapse-body .table .table-header .th-column, .default .agreement-template .collapse-body .table .table-header .th-column, .default .document-page-theme .collapse-body .table .table-header .th-column, .default .site-manager-theme .collapse-body .table .table-header .th-column, .default .qulity-control-theme .collapse-body .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .profile-page-theme .collapse-body .table .table-body .table-group .table, .default .security-settings .collapse-body .table .table-body .table-group .table, .default .salary-page .collapse-body .table .table-body .table-group .table, .default .agreement-template .collapse-body .table .table-body .table-group .table, .default .document-page-theme .collapse-body .table .table-body .table-group .table, .default .site-manager-theme .collapse-body .table .table-body .table-group .table, .default .qulity-control-theme .collapse-body .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .profile-page-theme .collapse-body .table .table-body .table-row, .default .security-settings .collapse-body .table .table-body .table-row, .default .salary-page .collapse-body .table .table-body .table-row, .default .agreement-template .collapse-body .table .table-body .table-row, .default .document-page-theme .collapse-body .table .table-body .table-row, .default .site-manager-theme .collapse-body .table .table-body .table-row, .default .qulity-control-theme .collapse-body .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .profile-page-theme .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .security-settings .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .salary-page .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .agreement-template .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .document-page-theme .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .site-manager-theme .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight), .default .qulity-control-theme .collapse-body .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .profile-page-theme .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .security-settings .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .salary-page .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .agreement-template .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .document-page-theme .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .site-manager-theme .collapse-body .table .table-body .table-row:has(.currencyCode):hover div, .default .qulity-control-theme .collapse-body .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .profile-page-theme .collapse-body .table .table-body .table-row .currencyCode, .default .security-settings .collapse-body .table .table-body .table-row .currencyCode, .default .salary-page .collapse-body .table .table-body .table-row .currencyCode, .default .agreement-template .collapse-body .table .table-body .table-row .currencyCode, .default .document-page-theme .collapse-body .table .table-body .table-row .currencyCode, .default .site-manager-theme .collapse-body .table .table-body .table-row .currencyCode, .default .qulity-control-theme .collapse-body .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .profile-page-theme .collapse-body .table .table-body .table-row .currencyCode + div, .default .security-settings .collapse-body .table .table-body .table-row .currencyCode + div, .default .salary-page .collapse-body .table .table-body .table-row .currencyCode + div, .default .agreement-template .collapse-body .table .table-body .table-row .currencyCode + div, .default .document-page-theme .collapse-body .table .table-body .table-row .currencyCode + div, .default .site-manager-theme .collapse-body .table .table-body .table-row .currencyCode + div, .default .qulity-control-theme .collapse-body .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .profile-page-theme .collapse-body .table .table-body .table-row .icon-btn, .default .security-settings .collapse-body .table .table-body .table-row .icon-btn, .default .salary-page .collapse-body .table .table-body .table-row .icon-btn, .default .agreement-template .collapse-body .table .table-body .table-row .icon-btn, .default .document-page-theme .collapse-body .table .table-body .table-row .icon-btn, .default .site-manager-theme .collapse-body .table .table-body .table-row .icon-btn, .default .qulity-control-theme .collapse-body .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .profile-page-theme .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .security-settings .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .salary-page .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .agreement-template .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .document-page-theme .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .site-manager-theme .collapse-body .table .table-body .table-row .icon-btn .material-icons, .default .qulity-control-theme .collapse-body .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .profile-page-theme .collapse-body .table .table-body .table-row .icon-inside-table, .default .security-settings .collapse-body .table .table-body .table-row .icon-inside-table, .default .salary-page .collapse-body .table .table-body .table-row .icon-inside-table, .default .agreement-template .collapse-body .table .table-body .table-row .icon-inside-table, .default .document-page-theme .collapse-body .table .table-body .table-row .icon-inside-table, .default .site-manager-theme .collapse-body .table .table-body .table-row .icon-inside-table, .default .qulity-control-theme .collapse-body .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .profile-page-theme .collapse-body .table .table-body .table-row div, .default .security-settings .collapse-body .table .table-body .table-row div, .default .salary-page .collapse-body .table .table-body .table-row div, .default .agreement-template .collapse-body .table .table-body .table-row div, .default .document-page-theme .collapse-body .table .table-body .table-row div, .default .site-manager-theme .collapse-body .table .table-body .table-row div, .default .qulity-control-theme .collapse-body .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .profile-page-theme .collapse-body .table .table-body .table-row:hover div, .default .security-settings .collapse-body .table .table-body .table-row:hover div, .default .salary-page .collapse-body .table .table-body .table-row:hover div, .default .agreement-template .collapse-body .table .table-body .table-row:hover div, .default .document-page-theme .collapse-body .table .table-body .table-row:hover div, .default .site-manager-theme .collapse-body .table .table-body .table-row:hover div, .default .qulity-control-theme .collapse-body .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .profile-page-theme .collapse-body .table .table-body .table-row .icon-btn:hover, .default .security-settings .collapse-body .table .table-body .table-row .icon-btn:hover, .default .salary-page .collapse-body .table .table-body .table-row .icon-btn:hover, .default .agreement-template .collapse-body .table .table-body .table-row .icon-btn:hover, .default .document-page-theme .collapse-body .table .table-body .table-row .icon-btn:hover, .default .site-manager-theme .collapse-body .table .table-body .table-row .icon-btn:hover, .default .qulity-control-theme .collapse-body .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .profile-page-theme .collapse-body .table .table-body .table-row .expand-icon, .default .security-settings .collapse-body .table .table-body .table-row .expand-icon, .default .salary-page .collapse-body .table .table-body .table-row .expand-icon, .default .agreement-template .collapse-body .table .table-body .table-row .expand-icon, .default .document-page-theme .collapse-body .table .table-body .table-row .expand-icon, .default .site-manager-theme .collapse-body .table .table-body .table-row .expand-icon, .default .qulity-control-theme .collapse-body .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .profile-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .security-settings .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .salary-page .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .agreement-template .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .document-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .site-manager-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new, .default .qulity-control-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .profile-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .security-settings .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .salary-page .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .agreement-template .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .document-page-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .site-manager-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new i, .default .qulity-control-theme .collapse-body .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .profile-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .security-settings .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .salary-page .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .agreement-template .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .document-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .site-manager-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing, .default .qulity-control-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .profile-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .security-settings .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .salary-page .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .agreement-template .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .document-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .site-manager-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div, .default .qulity-control-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .profile-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .security-settings .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .salary-page .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .agreement-template .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .document-page-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .site-manager-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total, .default .qulity-control-theme .collapse-body .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .profile-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .security-settings .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .salary-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .agreement-template .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .document-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .site-manager-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .qulity-control-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .profile-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .profile-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .security-settings .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .security-settings .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .salary-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .salary-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .agreement-template .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .agreement-template .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .document-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .document-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .site-manager-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .site-manager-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row, .default .qulity-control-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header, .default .qulity-control-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .profile-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .profile-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .profile-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .profile-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .security-settings .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .security-settings .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .security-settings .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .security-settings .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .salary-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .salary-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .salary-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .salary-page .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .agreement-template .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .agreement-template .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .agreement-template .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .agreement-template .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .document-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .document-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .document-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .document-page-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .site-manager-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .site-manager-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .site-manager-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .site-manager-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child, .default .qulity-control-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .qulity-control-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .qulity-control-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .qulity-control-theme .collapse-body .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .profile-page-theme .collapse-body .table .table-body .grouped-row, .default .security-settings .collapse-body .table .table-body .grouped-row, .default .salary-page .collapse-body .table .table-body .grouped-row, .default .agreement-template .collapse-body .table .table-body .grouped-row, .default .document-page-theme .collapse-body .table .table-body .grouped-row, .default .site-manager-theme .collapse-body .table .table-body .grouped-row, .default .qulity-control-theme .collapse-body .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .profile-page-theme .collapse-body .table .summary-count-row div, .default .security-settings .collapse-body .table .summary-count-row div, .default .salary-page .collapse-body .table .summary-count-row div, .default .agreement-template .collapse-body .table .summary-count-row div, .default .document-page-theme .collapse-body .table .summary-count-row div, .default .site-manager-theme .collapse-body .table .summary-count-row div, .default .qulity-control-theme .collapse-body .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .profile-page-theme .collapse-body .table .ov-supplier-invoice-list, .default .security-settings .collapse-body .table .ov-supplier-invoice-list, .default .salary-page .collapse-body .table .ov-supplier-invoice-list, .default .agreement-template .collapse-body .table .ov-supplier-invoice-list, .default .document-page-theme .collapse-body .table .ov-supplier-invoice-list, .default .site-manager-theme .collapse-body .table .ov-supplier-invoice-list, .default .qulity-control-theme .collapse-body .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .profile-page-theme .collapse-body .table .table-footer, .default .security-settings .collapse-body .table .table-footer, .default .salary-page .collapse-body .table .table-footer, .default .agreement-template .collapse-body .table .table-footer, .default .document-page-theme .collapse-body .table .table-footer, .default .site-manager-theme .collapse-body .table .table-footer, .default .qulity-control-theme .collapse-body .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .profile-page-theme .collapse-body .table .load-more, .default .security-settings .collapse-body .table .load-more, .default .salary-page .collapse-body .table .load-more, .default .agreement-template .collapse-body .table .load-more, .default .document-page-theme .collapse-body .table .load-more, .default .site-manager-theme .collapse-body .table .load-more, .default .qulity-control-theme .collapse-body .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .profile-page-theme .collapse-body .table .toolbar, .default .security-settings .collapse-body .table .toolbar, .default .salary-page .collapse-body .table .toolbar, .default .agreement-template .collapse-body .table .toolbar, .default .document-page-theme .collapse-body .table .toolbar, .default .site-manager-theme .collapse-body .table .toolbar, .default .qulity-control-theme .collapse-body .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .profile-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .security-settings .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .salary-page .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .agreement-template .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .document-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .site-manager-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1), .default .qulity-control-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .profile-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .security-settings .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .salary-page .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .agreement-template .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .document-page-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .site-manager-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2), .default .qulity-control-theme .collapse-body .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .profile-page-theme .collapse-body .table-group .table .table-header, .default .security-settings .collapse-body .table-group .table .table-header, .default .salary-page .collapse-body .table-group .table .table-header, .default .agreement-template .collapse-body .table-group .table .table-header, .default .document-page-theme .collapse-body .table-group .table .table-header, .default .site-manager-theme .collapse-body .table-group .table .table-header, .default .qulity-control-theme .collapse-body .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .profile-page-theme .collapse-body .table-group .table .table-header .th-column, .default .security-settings .collapse-body .table-group .table .table-header .th-column, .default .salary-page .collapse-body .table-group .table .table-header .th-column, .default .agreement-template .collapse-body .table-group .table .table-header .th-column, .default .document-page-theme .collapse-body .table-group .table .table-header .th-column, .default .site-manager-theme .collapse-body .table-group .table .table-header .th-column, .default .qulity-control-theme .collapse-body .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .profile-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .security-settings .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .salary-page .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .agreement-template .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .document-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .site-manager-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn, .default .qulity-control-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .profile-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .security-settings .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .salary-page .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .agreement-template .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .document-page-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .site-manager-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons, .default .qulity-control-theme .collapse-body .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .profile-page-theme .collapse-body .role-listing .designation-name, .default .security-settings .collapse-body .role-listing .designation-name, .default .salary-page .collapse-body .role-listing .designation-name, .default .agreement-template .collapse-body .role-listing .designation-name, .default .document-page-theme .collapse-body .role-listing .designation-name, .default .site-manager-theme .collapse-body .role-listing .designation-name, .default .qulity-control-theme .collapse-body .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .profile-page-theme .collapse-body .table.role-inner-listing .table-header, .default .profile-page-theme .collapse-body .table.role-inner-listing .th-column, .default .profile-page-theme .collapse-body .table.role-inner-listing .table-row, .default .security-settings .collapse-body .table.role-inner-listing .table-header, .default .security-settings .collapse-body .table.role-inner-listing .th-column, .default .security-settings .collapse-body .table.role-inner-listing .table-row, .default .salary-page .collapse-body .table.role-inner-listing .table-header, .default .salary-page .collapse-body .table.role-inner-listing .th-column, .default .salary-page .collapse-body .table.role-inner-listing .table-row, .default .agreement-template .collapse-body .table.role-inner-listing .table-header, .default .agreement-template .collapse-body .table.role-inner-listing .th-column, .default .agreement-template .collapse-body .table.role-inner-listing .table-row, .default .document-page-theme .collapse-body .table.role-inner-listing .table-header, .default .document-page-theme .collapse-body .table.role-inner-listing .th-column, .default .document-page-theme .collapse-body .table.role-inner-listing .table-row, .default .site-manager-theme .collapse-body .table.role-inner-listing .table-header, .default .site-manager-theme .collapse-body .table.role-inner-listing .th-column, .default .site-manager-theme .collapse-body .table.role-inner-listing .table-row, .default .qulity-control-theme .collapse-body .table.role-inner-listing .table-header, .default .qulity-control-theme .collapse-body .table.role-inner-listing .th-column, .default .qulity-control-theme .collapse-body .table.role-inner-listing .table-row {
  border: 0px;
}
.default .profile-page-theme .collapse-body .table.role-inner-listing .table-row, .default .security-settings .collapse-body .table.role-inner-listing .table-row, .default .salary-page .collapse-body .table.role-inner-listing .table-row, .default .agreement-template .collapse-body .table.role-inner-listing .table-row, .default .document-page-theme .collapse-body .table.role-inner-listing .table-row, .default .site-manager-theme .collapse-body .table.role-inner-listing .table-row, .default .qulity-control-theme .collapse-body .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .profile-page-theme .collapse-body .table.role-inner-listing .table-row div, .default .security-settings .collapse-body .table.role-inner-listing .table-row div, .default .salary-page .collapse-body .table.role-inner-listing .table-row div, .default .agreement-template .collapse-body .table.role-inner-listing .table-row div, .default .document-page-theme .collapse-body .table.role-inner-listing .table-row div, .default .site-manager-theme .collapse-body .table.role-inner-listing .table-row div, .default .qulity-control-theme .collapse-body .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .profile-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .security-settings .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .salary-page .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .agreement-template .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .document-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .site-manager-theme .collapse-body .table.role-inner-listing .draggingStart .table-row, .default .qulity-control-theme .collapse-body .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .profile-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .security-settings .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .salary-page .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .agreement-template .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .document-page-theme .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .site-manager-theme .collapse-body .table.role-inner-listing .draggingStart .table-row div, .default .qulity-control-theme .collapse-body .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .view-documentation, .default .view-offer {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .view-documentation .customer-info-sec, .default .view-offer .customer-info-sec {
  display: flex;
  flex-wrap: nowrap;
}
.default .view-documentation .main-contacts, .default .view-offer .main-contacts {
  padding-right: 15px;
}
.default .view-documentation .card-view, .default .view-offer .card-view {
  border: 0;
  box-shadow: none;
}
.default .view-documentation .view-all-sm, .default .view-offer .view-all-sm {
  width: fit-content;
}
.default .view-documentation .file-container:not(.file-container:has(> .card-view)), .default .view-offer .file-container:not(.file-container:has(> .card-view)) {
  margin-top: 20px;
}
.default .view-documentation .file-container:not(.file-container:has(> .card-view)) .file, .default .view-offer .file-container:not(.file-container:has(> .card-view)) .file {
  width: max-content;
  border: 0;
  box-shadow: none;
}
.default .view-documentation .risk-bg .panel-box, .default .view-offer .risk-bg .panel-box {
  box-shadow: none;
}
.default .view-documentation .contact-info {
  width: 33%;
}
.default .customer-page-theme .left-sec {
  background-color: #cfe7c8;
}
.default .customer-page-theme .left-sec .customer-info-sec .c-i-ov {
  background-color: #edfde8;
}
.default .customer-page-theme .left-sec .customer-info-sec .c-i-ov .contact-group .contact-title h2 {
  margin-left: 0px !important;
}
.default .customer-page-theme .left-sec .customer-info-sec .c-i-ov .contact-group .contact-info .view-all-sm {
  margin-left: 0px;
}
.default .customer-page-theme .left-sec .action-btn-group .btn-inline {
  background: #FFFFFF;
  color: #000;
}
.default .customer-page-theme .right-sec {
  background-color: #badbb1 !important;
}
.default .customer-page-theme .right-sec .long-panel-box {
  align-items: flex-start !important;
}
.default .customer-page-theme .right-sec .panel-box {
  background-color: #b0dba3 !important;
  align-items: center;
}
.default .customer-page-theme .right-sec .panel-box .flag-icon {
  width: 70px;
  margin-right: 20px;
  align-self: center;
}
.default .customer-page-theme .right-sec .panel-box .flag-icon i {
  font-size: 45px;
  background: #ffffff;
  font-weight: 200 !important;
  color: #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding: 8px;
}
.default .customer-page-theme .right-sec .panel-box .cb-info {
  padding-right: 18px;
  padding-left: 18px;
}
.default .customer-page-theme .right-sec .panel-box .cb-info.border-right {
  border-right: 2px solid #fff;
}
.default .customer-page-theme .right-sec .panel-box .cb-info .cb-label {
  font-size: 1em;
  padding-bottom: 4px;
  text-transform: unset;
}
.default .customer-page-theme .right-sec .panel-box .cb-info .cb-label, .default .customer-page-theme .right-sec .panel-box .cb-info .cb-value {
  text-align: end;
}
.default .customer-page-theme .right-sec .panel-box .cb-info .empty-heighlight-value {
  padding: 5px 15px;
  height: 28px;
  color: #000;
  border-radius: 18px;
  font-size: 13px;
}
.default .customer-page-theme .right-sec .panel-box .cb-info .empty-heighlight-value:not(.default .customer-page-theme .right-sec .panel-box .cb-info .empty-heighlight-value:first-child) {
  margin-top: 10px;
}
.default .customer-page-theme .right-sec .panel-box .cb-info .red-heighlight-value {
  background-color: #ffa3a8;
  padding: 5px 15px;
  color: #000;
  border-radius: 18px;
  font-size: 13px;
}
.default .customer-page-theme .right-sec .panel-box .cb-info .red-heighlight-value:not(.default .customer-page-theme .right-sec .panel-box .cb-info .red-heighlight-value:first-child) {
  margin-top: 10px;
}
.default .customer-page-theme .right-sec .panel-box .cb-info .gray-heighlight-value {
  background-color: #f2f2f2;
  border-radius: 15px;
  padding: 10px 8px;
  margin-top: 10px;
  width: 100%;
  float: right;
}
.default .customer-page-theme .right-sec .panel-box .cb-info .gray-heighlight-value p {
  margin-bottom: unset;
  padding: 3px;
}
.default .customer-page-theme .right-sec .panel-box .cb-info .gray-heighlight-value .cb-value {
  font-weight: 400;
  color: #000;
}
.default .customer-page-theme .right-sec .panel-box-max-width {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.default .customer-page-theme .right-sec .stat-gorup .btn-inline {
  width: fit-content;
  min-width: 150px;
}
.default .customer-page-theme .right-sec .stat-gorup:nth-child(2) {
  background-color: #cff1c5 !important;
}
.default .customer-page-theme .right-sec .stat-gorup:nth-child(3) {
  background-color: #badbb1 !important;
}
.default .customer-page-theme .right-sec .stat-gorup:nth-child(3) .btn-primary {
  background-color: #d9ffec;
}
.default .customer-page-theme .right-sec .stat-inline-icon, .default .customer-page-theme .right-sec .stat-label {
  color: #4e4e4e !important;
}
.default .customer-page-theme .right-sec .stat-inline-icon .stat-percentage, .default .customer-page-theme .right-sec .stat-label .stat-percentage {
  color: #fff;
}
.default .customer-page-theme .right-sec .stat-inline-icon.equal-icon .stat-label, .default .customer-page-theme .right-sec .stat-label.equal-icon .stat-label {
  margin-bottom: 7px;
}
.default .customer-page-theme .right-sec .stat-inline-icon.equal-icon .stat-percentage, .default .customer-page-theme .right-sec .stat-label.equal-icon .stat-percentage {
  margin-left: 0px;
}
.default .customer-page-theme .ov-wrapper .cc-credit-note-list .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .job-page-theme.customer-page-theme .panel-box, .default .job-page-theme.suppliers-page .panel-box, .default .customer-page-theme.customer-page-theme .panel-box, .default .customer-page-theme.suppliers-page .panel-box, .default .suppliers-page.customer-page-theme .panel-box, .default .suppliers-page.suppliers-page .panel-box, .default .deviation-page-theme.customer-page-theme .panel-box, .default .deviation-page-theme.suppliers-page .panel-box, .default .upload-video-page.customer-page-theme .panel-box, .default .upload-video-page.suppliers-page .panel-box, .default .emailClient-page-theme.customer-page-theme .panel-box, .default .emailClient-page-theme.suppliers-page .panel-box, .default .vat-periods-page.customer-page-theme .panel-box, .default .vat-periods-page.suppliers-page .panel-box, .default .procedure-view-theme.customer-page-theme .panel-box, .default .procedure-view-theme.suppliers-page .panel-box, .default .crm-settings-page-theme.customer-page-theme .panel-box, .default .crm-settings-page-theme.suppliers-page .panel-box, .default .accounting-st-page-theme.customer-page-theme .panel-box, .default .accounting-st-page-theme.suppliers-page .panel-box, .default .equipment-page-theme.customer-page-theme .panel-box, .default .equipment-page-theme.suppliers-page .panel-box, .default .project-management.customer-page-theme .panel-box, .default .project-management.suppliers-page .panel-box, .default .hr-settings-page.customer-page-theme .panel-box, .default .hr-settings-page.suppliers-page .panel-box, .default .job-documentation-view-theme.customer-page-theme .panel-box, .default .job-documentation-view-theme.suppliers-page .panel-box {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  min-height: 230px;
  width: 50%;
  padding-top: 0px;
  margin: 0px !important;
  box-shadow: unset;
  background-color: #31c1fd;
  padding: 10px 30px;
}
.default .job-page-theme .right-sec .stat-gorup:nth-child(2), .default .customer-page-theme .right-sec .stat-gorup:nth-child(2), .default .suppliers-page .right-sec .stat-gorup:nth-child(2), .default .deviation-page-theme .right-sec .stat-gorup:nth-child(2), .default .upload-video-page .right-sec .stat-gorup:nth-child(2), .default .emailClient-page-theme .right-sec .stat-gorup:nth-child(2), .default .vat-periods-page .right-sec .stat-gorup:nth-child(2), .default .procedure-view-theme .right-sec .stat-gorup:nth-child(2), .default .crm-settings-page-theme .right-sec .stat-gorup:nth-child(2), .default .accounting-st-page-theme .right-sec .stat-gorup:nth-child(2), .default .equipment-page-theme .right-sec .stat-gorup:nth-child(2), .default .project-management .right-sec .stat-gorup:nth-child(2), .default .hr-settings-page .right-sec .stat-gorup:nth-child(2), .default .job-documentation-view-theme .right-sec .stat-gorup:nth-child(2) {
  min-height: 230px !important;
}
@media only screen and (min-width: 1030px) and (max-width: 1366px) {
  .default .job-page-theme .right-sec, .default .customer-page-theme .right-sec, .default .suppliers-page .right-sec, .default .deviation-page-theme .right-sec, .default .upload-video-page .right-sec, .default .emailClient-page-theme .right-sec, .default .vat-periods-page .right-sec, .default .procedure-view-theme .right-sec, .default .crm-settings-page-theme .right-sec, .default .accounting-st-page-theme .right-sec, .default .equipment-page-theme .right-sec, .default .project-management .right-sec, .default .hr-settings-page .right-sec, .default .job-documentation-view-theme .right-sec {
    width: 100% !important;
  }
}
.default .suppliers-page .left-sec {
  background-color: #efe6b7;
}
.default .suppliers-page .left-sec .order-title {
  min-height: auto;
}
.default .suppliers-page .left-sec .customer-info-sec .c-i-ov {
  background-color: #fef8d9;
}
.default .suppliers-page .left-sec .customer-info-sec .c-i-ov .contact-group .contact-title h2 {
  margin-left: 0px !important;
}
.default .suppliers-page .left-sec .customer-info-sec .c-i-ov .contact-group .contact-info .view-all-sm {
  margin-left: 0px;
}
.default .suppliers-page .left-sec .customer-info-sec .c-i-ov .main-contacts .contact-title h2 {
  margin-left: 0px !important;
}
.default .suppliers-page .left-sec .action-btn-group .btn-inline {
  background: #FFFFFF;
  color: #000;
}
.default .suppliers-page .right-sec {
  background-color: #e1d7a9;
}
.default .suppliers-page .right-sec .panel-box {
  background-color: #e6d999;
}
.default .suppliers-page .right-sec .stat-gorup .btn-inline {
  width: fit-content;
  min-width: 150px;
}
.default .suppliers-page .right-sec .stat-gorup:nth-child(2) {
  min-height: auto;
  padding-bottom: 8px;
  padding-top: 40px;
  background-color: #dbcb7d;
  color: #4e4e4e;
}
.default .suppliers-page .right-sec .stat-gorup:nth-child(3) {
  background-color: #e1d7a9;
}
.default .suppliers-page .right-sec .stat-gorup:nth-child(3) .btn-primary {
  background-color: #ede9d8;
}
.default .suppliers-page .ov-wrapper .cc-credit-note-list .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .profile-page-theme .order-nav {
  background: #ffffff;
}
.default .profile-page-theme .order-nav:hover .left-menu-container {
  overflow-y: auto !important;
}
.default .profile-page-theme .order-nav-hide {
  background: #ffffff;
}
.default .profile-page-theme .show-all-module {
  padding: 23px 40px 25px;
}
.default .profile-page-theme .show-all-module button, .default .profile-page-theme .show-all-module .btn-primary, .default .profile-page-theme .show-all-module .jo-btn {
  text-transform: unset !important;
  display: block;
  background: unset !important;
  text-align: right;
  color: #414e57;
  justify-content: end;
  font-size: 14px !important;
  padding-right: 36px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  width: 102%;
}
.default .profile-page-theme .show-all-module button:hover, .default .profile-page-theme .show-all-module .btn-primary:hover, .default .profile-page-theme .show-all-module .jo-btn:hover {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  background-color: #fac238 !important;
  color: #000;
  width: 102%;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .show-all-module .jo-btn {
  margin-top: 0px;
}
.default .profile-page-theme .long-menu {
  padding: 5px 0px;
  width: 288px !important;
}
.default .profile-page-theme .long-menu .show-all-module {
  padding: 35px 30px 40px 20px;
}
.default .profile-page-theme .long-menu .show-all-module .btn-primary {
  min-height: 40px;
  text-align: left !important;
  padding-left: 25px;
  margin-bottom: 5px;
}
.default .profile-page-theme .long-menu .show-all-module .btn-primary:hover {
  border-radius: 8px;
  background-color: #d9f4ff !important;
}
.default .profile-page-theme .long-menu .left-menu-container .nav-item {
  margin: 0 40px 5px 20px;
  padding-left: 25px;
}
.default .profile-page-theme .long-menu .left-menu-container .nav-item .nav-item-name {
  text-align: left !important;
}
.default .profile-page-theme .long-menu .left-menu-container .nav-item:hover::after {
  background-color: #d9f4ff !important;
}
.default .profile-page-theme .long-menu .left-menu-container .nav-item:after {
  border-radius: 8px;
}
.default .profile-page-theme .long-menu .left-menu-container .selected-item:after {
  width: 115%;
  background-color: #e9e8e6 !important;
}
.default .profile-page-theme .long-menu .toggle-container-show {
  right: 40px;
}
@media only screen and (min-width: 1537px) {
  .default .profile-page-theme .long-menu .add-btn {
    left: 170px;
  }
}
@media only screen and (min-width: 1030px) and (max-width: 1366px) {
  .default .profile-page-theme .long-menu .add-btn {
    left: 155px;
    top: 7px;
  }
  .default .profile-page-theme .long-menu .left-menu-container .nav-item {
    font-size: 13px !important;
  }
}
.default .profile-page-theme .long-menu .left-menu-container {
  height: 60vh;
}
.default .profile-page-theme .left-menu-container {
  display: flex;
  flex-direction: column;
  scrollbar-gutter: stable;
  overflow-y: hidden !important;
  margin-top: 20px;
  background: #ffffff;
}
.default .profile-page-theme .left-menu-container .nav-item {
  color: #414e57;
  height: auto;
  min-height: 38px;
  font-size: 14px !important;
  margin-bottom: 5px;
}
.default .profile-page-theme .left-menu-container .nav-item .nav-item-name {
  display: grid;
  text-align: right;
  margin-right: 14px;
  min-height: 40px;
  height: auto;
  font-family: "Figtree", sans-serif;
  font-weight: 500;
}
.default .profile-page-theme .left-menu-container .nav-item:after {
  content: "";
  position: absolute;
  background: #e9e8e6;
  left: 0;
  width: 0%;
  height: 100%;
  color: #000 !important;
  z-index: -1;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: width 0.25s ease-in-out;
  -moz-transition: width 0.25s ease-in-out;
  -ms-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}
.default .profile-page-theme .left-menu-container .nav-item:hover::after {
  width: 115%;
}
.default .profile-page-theme .left-menu-container .nav-item:hover {
  margin-bottom: 5px;
}
.default .profile-page-theme .left-menu-container .nav-item:hover .nav-item-name {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .left-menu-container .selected-item {
  color: #000;
  max-height: fit-content;
  margin-bottom: 5px;
  min-height: 38px;
}
.default .profile-page-theme .left-menu-container .selected-item:after {
  content: "";
  position: absolute;
  background: #e9e8e6 !important;
  left: 0;
  width: 115%;
  height: 100%;
  z-index: -1;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: width 0.25s ease-in-out;
  -moz-transition: width 0.25s ease-in-out;
  -ms-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}
.default .profile-page-theme .left-menu-container .selected-item .selected {
  background: unset !important;
}
.default .profile-page-theme .left-menu-container .selected-item .add-btn {
  visibility: visible !important;
}
.default .profile-page-theme .left-menu-container .selected-item .nav-item-name {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .profile-page-theme .left-menu-container .email-template-module .email-template-title {
  margin-bottom: 10px;
  margin-left: 35px;
}
.default .profile-page-theme .toggle-button-left, .default .profile-page-theme .toggle-button-right {
  top: 0px;
  background-color: #e9e8e6 !important;
  color: #242424 !important;
  border: 4px solid #fff;
  box-sizing: content-box;
  box-shadow: none;
}
.default .profile-page-theme .toggle-button-left:hover, .default .profile-page-theme .toggle-button-right:hover {
  color: #4f4d4d !important;
  box-shadow: none !important;
}
.default .profile-page-theme .toggle-container-show, .default .profile-page-theme .toggle-container-hide {
  top: 10px;
}
.default .profile-page-theme .toggle-container-show::after, .default .profile-page-theme .toggle-container-hide::after, .default .profile-page-theme .toggle-container-show-email-nav::after, .default .profile-page-theme .toggle-container-show-email-container::after {
  animation: none !important;
  box-shadow: none !important;
}
.default .profile-page-theme .toggle-container-hide, .default .profile-page-theme .toggle-container-show {
  box-shadow: none !important;
}
.default .profile-page-theme .salary-view .nav-item:nth-child(6), .default .profile-page-theme .salary-view .nav-item:nth-child(7) {
  background: unset !important;
}
.default .profile-page-theme .order-top-sec .left-sec .order-title {
  padding-top: 50px;
  padding-bottom: 50px;
}
.default .profile-page-theme .emp-info:after,
.default .profile-page-theme .gov-info:after,
.default .profile-page-theme .handbook:after,
.default .profile-page-theme .emp-history:after,
.default .profile-page-theme .emp-competence:after,
.default .profile-page-theme .emp-leave:after {
  border-bottom: 0px solid !important;
}
.default .profile-page-theme .modal-sec-collapsible {
  padding: 10px 0px;
  margin-bottom: 0px;
  border: 0;
  border-radius: 0px;
  border-bottom: 1px solid;
}
.default .profile-page-theme .modal-sec-collapsible:first-child {
  border-top: 1px solid;
}
.default .profile-page-theme .modal-sec-collapsible .collapse-header {
  background-color: #f7f7f7;
  border-radius: unset;
}
.default .profile-page-theme .modal-sec-collapsible .collapse-header .prnt-btn-group {
  display: none;
}
.default .profile-page-theme .modal-sec-collapsible .collapse-header .collpase-btn {
  border: 1px solid transparent;
}
.default .profile-page-theme .modal-sec-collapsible .collapse-header .collpase-btn .material-icons {
  color: #000;
}
.default .profile-page-theme .modal-sec-collapsible.expand {
  padding: unset;
}
.default .profile-page-theme .modal-sec-collapsible.expand .collapse-header {
  padding-top: 20px;
}
.default .profile-page-theme .modal-sec-collapsible.expand .collapse-header .collapse-title {
  min-width: 700px;
  justify-content: space-between;
}
.default .profile-page-theme .modal-sec-collapsible.expand .collapse-header .collapse-title .prnt-btn-group {
  padding-right: 0px;
  margin: unset;
}
.default .profile-page-theme .modal-sec-collapsible.expand .collapse-header .collapse-title .expand-show {
  display: flex;
}
.default .profile-page-theme .modal-sec-collapsible.expand .collapse-header, .default .profile-page-theme .modal-sec-collapsible.expand .collapse-body {
  background-color: #e7f6fd;
}
.default .profile-page-theme .modal-sec-collapsible .page-container {
  justify-content: start;
  padding-left: 40px;
  padding-bottom: 20px;
  margin-top: 20px;
}
.default .profile-page-theme .modal-sec-collapsible .page-container .page-container-inner::-webkit-scrollbar {
  width: 13px;
}
.default .profile-page-theme .modal-sec-collapsible .page-container .page-container-inner::-webkit-scrollbar-thumb {
  background-color: #d0e6f1;
  border-radius: 0px !important;
}
.default .profile-page-theme .modal-sec-collapsible .page-container .page-container-inner::-webkit-scrollbar-track {
  background-color: #fff !important;
  border-radius: 0px !important;
}
.default .profile-page-theme .modal-sec-collapsible .page-container .page {
  border: 0 !important;
  padding-left: unset;
  padding-bottom: unset;
  padding-top: 10px;
  background-color: transparent;
}
.default .profile-page-theme .modal-sec-collapsible .page-container .page strong, .default .profile-page-theme .modal-sec-collapsible .page-container .page p {
  font-family: "Figtree";
}
.default .profile-page-theme .modal-sec-collapsible .page-container .page p {
  font-weight: 400;
}
.default .profile-page-theme .modal-sec-collapsible .page-container .flip-book {
  box-shadow: unset;
}
.default .profile-page-theme .left-sec {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #f7f7f7;
}
.default .profile-page-theme .left-sec .contact-title h2 {
  margin-left: 38px !important;
}
.default .profile-page-theme .left-sec .name-area {
  justify-content: space-between;
}
.default .profile-page-theme .left-sec .name-area .year-filter {
  margin-bottom: 0px;
}
.default .profile-page-theme .left-sec .name-area .year-filter .filter-options {
  margin-right: 0px;
}
.default .profile-page-theme .left-sec .contact-info {
  display: flex;
  margin-left: 38px !important;
  gap: 2%;
  flex-wrap: wrap;
}
.default .profile-page-theme .left-sec .contact-info div {
  min-width: 200px;
  max-width: 25%;
}
.default .profile-page-theme .left-sec .contact-info .flex-group {
  display: flex;
  flex-direction: column;
}
.default .profile-page-theme .left-sec .contact-info .flex-group .text-dark {
  width: 150px;
  text-align: left;
}
.default .profile-page-theme .left-sec .contact-info .flex-group .text-value {
  flex: 1;
  display: flex;
  align-items: center;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.default .profile-page-theme .customer-info-sec .job-personnal {
  background-color: #fff;
  border-top: 2px solid #e9e9e9;
  border-bottom: 2px solid #e9e9e9;
  border-left: 2px solid #e9e9e9;
}
.default .profile-page-theme .customer-info-sec .job-personnal .contact-group .contact-title {
  margin-left: 20px;
}
.default .profile-page-theme .customer-info-sec .job-personnal .contact-group .contact-title h2 {
  font-size: 1.2em;
  font-weight: 600;
  margin: 10px 0px !important;
}
.default .profile-page-theme .customer-info-sec .job-personnal .contact-group .column {
  margin-bottom: 15px;
  margin-right: 15px;
}
.default .profile-page-theme .customer-info-sec .c-i-ov {
  min-height: 40px !important;
}
.default .profile-page-theme .customer-info-sec .c-i-main {
  background: #f7f7f7;
}
.default .profile-page-theme .right-sec {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.default .profile-page-theme .right-sec .stat-gorup {
  padding-top: 39px;
  padding-bottom: 39px;
  grid-column-gap: 5px;
  grid-row-gap: 2px;
}
.default .profile-page-theme .right-sec .stat-gorup .stat-inline-icon {
  margin-bottom: unset;
  border-radius: unset;
  color: #000;
}
.default .profile-page-theme .right-sec .stat-gorup .stat-inline-icon .stat-label {
  color: #000;
}
.default .profile-page-theme .right-sec .stat-gorup .highlight-grey {
  background-color: #e2f0e3 !important;
}
.default .profile-page-theme .right-sec .stat-gorup .highlight-orange {
  background-color: #e9e9e9 !important;
}
.default .profile-page-theme .right-sec .stat-gorup .sent-date-icon, .default .profile-page-theme .right-sec .stat-gorup .hospital-icon, .default .profile-page-theme .right-sec .stat-gorup .equal-icon, .default .profile-page-theme .right-sec .stat-gorup .stat-inline-icon:nth-child(5) {
  background-color: #dcedf5 !important;
}
.default .profile-page-theme .right-sec .stat-gorup .highlight-grey, .default .profile-page-theme .right-sec .stat-gorup .highlight-orange, .default .profile-page-theme .right-sec .stat-gorup .highlight-white {
  margin-right: unset;
  margin-bottom: unset;
  border-radius: unset;
  width: 49% !important;
}
.default .profile-page-theme .right-sec .stat-gorup .highlight-white {
  background-color: #fff !important;
}
.default .profile-page-theme .right-sec .stat-gorup .highlight-white .btn-primary {
  background: unset;
  padding: unset;
  display: flex;
  gap: 10px;
}
.default .profile-page-theme .right-sec .stat-gorup .highlight-white .btn-primary .material-icons {
  display: inline-block;
  background-color: #00ccfb;
  color: #fff;
  border-radius: 50%;
}
.default .profile-page-theme .right-sec .stat-gorup:nth-child(1) {
  background-color: #f7f7f7;
}
.default .profile-page-theme .right-sec .stat-gorup:nth-child(2) {
  min-height: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  background-color: #52636d;
}
.default .profile-page-theme .right-sec .button-area {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 5%;
  width: 95%;
}
.default .profile-page-theme .right-sec .disable-ev {
  border-radius: 3px;
  padding: 5px 10px !important;
  width: 100%;
  color: #ccc !important;
}
.default .profile-page-theme .right-sec .disable-ev .material-icons {
  background-color: #aacbd3 !important;
}
.default .profile-page-theme .about-employment {
  flex-wrap: wrap;
}
.default .profile-page-theme .about-employment .contact-info {
  align-items: center;
  margin-left: 0px;
  margin-right: 10px;
  margin-top: 10px;
  width: auto;
}
.default .profile-page-theme .about-employment .joined-date {
  padding-left: 0px;
  background-color: unset;
  color: #000;
}
.default .profile-page-theme .about-employment .joined-date svg {
  color: #000;
}
.default .profile-page-theme .about-employment .joined-date .text-dark {
  color: #000;
}
.default .profile-page-theme .ov-sec {
  background-color: #f7f7f7;
}
.default .profile-page-theme .ov-sec::after {
  display: none !important;
  border: 0 !important;
}
.default .profile-page-theme .ov-sec h2 {
  font-size: 1.2em !important;
  font-weight: 600 !important;
}
.default .profile-page-theme .ov-sec .contact-title button, .default .profile-page-theme .ov-sec .title button {
  margin-left: 10px !important;
}
.default .profile-page-theme .filter-section .filter-options .filter-item select {
  border-radius: 4px;
}
.default .profile-page-theme .payslip {
  background-color: #fff !important;
}
.default .profile-page-theme .payslip .table .table-body .table-row {
  border-left: 1px solid #a9b3bb;
  background-color: unset !important;
}
.default .profile-page-theme .payslip .table .table-body .table-row div {
  border-right: 1px solid #a9b3bb;
  border-bottom: 1px solid #a9b3bb;
}
.default .profile-page-theme .job-doc-view {
  box-shadow: none;
}
.default .profile-page-theme .ov-wrapper {
  background-color: #e7f6fd;
}
.default .profile-page-theme .personal-profile-folder-sec .ov-wrapper, .default .profile-page-theme .employee-invoices .ov-wrapper, .default .profile-page-theme .deviation-listing .ov-wrapper, .default .profile-page-theme .emp-signature .ov-wrapper, .default .profile-page-theme .permission .ov-wrapper, .default .profile-page-theme .company-card-listing .ov-wrapper {
  border-bottom: 1px solid #c7c6c6;
}
.default .profile-page-theme .personal-profile-folder-sec .ov-wrapper .filter-section .button, .default .profile-page-theme .employee-invoices .ov-wrapper .filter-section .button, .default .profile-page-theme .deviation-listing .ov-wrapper .filter-section .button, .default .profile-page-theme .emp-signature .ov-wrapper .filter-section .button, .default .profile-page-theme .permission .ov-wrapper .filter-section .button, .default .profile-page-theme .company-card-listing .ov-wrapper .filter-section .button {
  background-color: #31c1fd !important;
  color: #fff !important;
}
.default .profile-page-theme .bg-lg {
  background-color: #e7f6fd;
  border-top: 2px solid #e9e9e9;
  border-bottom: unset;
}
.default .profile-page-theme .bg-lg .sub-sec-title {
  margin-bottom: unset;
}
.default .profile-page-theme .bg-lg .calendar-icon.month {
  width: 100px;
  height: 40px;
  background-image: unset;
  background-color: #fff;
}
.default .profile-page-theme .bg-lg .calendar-icon.current-month {
  width: 100px;
  height: 40px;
  background-image: unset;
  background-color: #36c7ff;
  color: #fff;
}
.default .profile-page-theme .bg-lg .calendar-icon.month .month-name, .default .profile-page-theme .bg-lg .calendar-icon.current-month .month-name {
  position: unset;
  transform: unset;
}
.default .profile-page-theme .bg-lg .calendar-icon.month .material-icons, .default .profile-page-theme .bg-lg .calendar-icon.current-month .material-icons {
  font-size: 18px;
  padding-left: 5px;
}
.default .profile-page-theme .month-area {
  padding-bottom: 0px;
}
.default .profile-page-theme .payslip-area {
  padding-top: 10px;
  border-bottom: 1px solid #a9b3bb;
}
.default .profile-page-theme .payslip-area .prnt-btn-group {
  margin: unset;
  flex-flow: unset;
  padding-left: 0px;
  padding-bottom: 20px;
}
.default .profile-page-theme .payslip-area .prnt-btn-group .btn-circle {
  margin-left: unset;
}
.default .profile-page-theme .payslip-area .job-doc-view {
  margin: unset !important;
}
.default .profile-page-theme .payslip-area .payslip {
  padding: unset;
}
.default .profile-page-theme .payslip-area .payslip .invoice-header {
  background-color: #00ccfb !important;
  padding: 45px 50px !important;
  color: #fff;
}
.default .profile-page-theme .payslip-area .payslip .invoice-header .emp-details {
  margin-left: unset !important;
}
.default .profile-page-theme .payslip-area .payslip .invoice-header .invoice-info {
  display: flex;
  align-items: end;
  flex-direction: column;
  line-height: 1.3;
}
.default .profile-page-theme .payslip-area .payslip .invoice-header .invoice-info img {
  max-width: fit-content;
}
.default .profile-page-theme .payslip-area .payslip .invoice-header .emp-details span {
  line-height: 1.3;
}
.default .profile-page-theme .payslip-area .payslip .invoice-header .address {
  max-width: 165px;
  margin-bottom: 10px;
}
.default .profile-page-theme .payslip-area .payslip .payslip-title {
  padding: 40px 50px;
  color: #757575;
  font-size: 2em;
}
.default .profile-page-theme .payslip-area .payslip .payslip-title::after {
  all: unset;
}
.default .profile-page-theme .payslip-area .payslip .table.payslip-table-1 {
  margin: unset !important;
}
.default .profile-page-theme .payslip-area .payslip .table.payslip-table-2 {
  padding-bottom: 20px;
}
.default .profile-page-theme .payslip-area .payslip .table.payslip-table-2 .table-header .th-column {
  border-right: 1px solid #ccc !important;
  border-top: 1px solid #ccc !important;
}
.default .profile-page-theme .payslip-area .payslip .table.payslip-table-2 .table-body .table-row div {
  border-right: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
}
.default .profile-page-theme .payslip-area .payslip .payslip-table-2, .default .profile-page-theme .payslip-area .payslip .payslip-upper-data, .default .profile-page-theme .payslip-area .payslip .payslip-bottom-data {
  padding: 0px 50px 0px 50px;
}
.default .profile-page-theme .payslip-area .payslip .payslip-bottom-data {
  padding-bottom: 45px;
}
.default .profile-page-theme .payslip-area .payslip .payslip-bottom-data .summary-box .summary-header {
  text-align: left;
  line-height: 1.2;
}
.default .profile-page-theme .payslip-area .payslip .payslip-bottom-data .summary-box .summary-content {
  background-color: #f1f1f1;
}
.default .profile-page-theme .payslip-area .payslip .payslip-bottom-data .summary-box.last .summary-header, .default .profile-page-theme .payslip-area .payslip .payslip-bottom-data .summary-box.last .summary-content {
  background-color: #878787 !important;
}
.default .profile-page-theme .payslip-area .payslip .payslip-bottom-data .summary-box.last .summary-content.bg-orange {
  background-color: #f1f1f1 !important;
}
.default .profile-page-theme .timesheets {
  border-bottom: 1px solid #a9b3bb;
}
.default .profile-page-theme .signature {
  box-shadow: unset;
}
.default .profile-page-theme .permission-tree-padding .personal-permission-main-wrapper {
  border: 0;
}
.default .profile-page-theme .permission-tree-padding .personal-permission-main-wrapper .modal-sec-collapsible {
  border: 0;
  background: #f7f7f7;
}
.default .profile-page-theme .agreement-view {
  border: 1px solid #e7e9eb;
}
.default .profile-page-theme .agreement-view .agreement-header {
  border-bottom: 1px solid #e7e9eb;
}
.default .profile-page-theme .top-area {
  display: flex;
  align-items: center;
  padding: 20px 40px;
  justify-content: space-between;
  background: #eeeeee;
}
.default .profile-page-theme .top-area .font-dark {
  font-size: 1.3rem;
  font-weight: bold;
}
.default .profile-page-theme .top-area .year-filter .filter-options {
  border-radius: 0px;
  height: 36px;
  border: 0;
  background: #fff;
  box-shadow: unset;
}
.default .profile-page-theme .top-area .year-filter .filter-options .filter-item::after {
  width: 0px;
}
.default .profile-page-theme .top-area .save-to-pdf {
  min-width: 160px;
  padding: 5px 10px;
  background-color: #fff;
}
.default .profile-page-theme .top-area .save-to-pdf button {
  background: #fff;
  color: #000;
  font-weight: 300;
}
.default .profile-page-theme .top-area .save-to-pdf:hover {
  transform: scale(1.1);
}
.default .profile-page-theme .top-area .end-employment {
  min-width: 170px;
  padding: 5px 10px;
  background-color: #ff7d85;
}
.default .profile-page-theme .top-area .end-employment button {
  background: #ff7d85;
  color: #fff;
  font-weight: 300;
}
.default .profile-page-theme .top-area .end-employment .material-icons {
  background-color: #fff;
  border-radius: 50%;
  color: #ff7d85;
}
.default .profile-page-theme .top-area .end-employment:hover {
  transform: scale(1.1);
}
.default:has(.dashboard-top-sec) {
  background-color: #f6f6f6 !important;
  height: 100vh;
}
.default .main-nav {
  background: #f6f6f6;
  padding: 0 25px;
  justify-content: space-around;
}
.default .main-nav .nav-sec {
  flex: 0 0 18%;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 30px;
}
.default .main-nav .nav-sec .nav-sec-title {
  justify-content: end;
  margin-right: 15px;
  background-color: #fff;
  padding: 8px 12px 8px 0px;
  margin-top: 0px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  font-size: 13px;
  border-bottom: 0px;
  border-radius: 7px;
  text-align: right;
}
.default .main-nav .nav-sec .nav-sec-title span {
  display: none;
}
.default .main-nav .nav-sec ul > li {
  border-bottom: 0px;
}
.default .main-nav .nav-sec ul > li a {
  font-family: "Figtree", sans-serif;
  font-weight: 600;
  text-align: right;
  font-size: 12px;
  padding: 8px 12px 8px 0px;
  margin: 6px 0px 0px 0px;
}
.default .main-nav .nav-sec ul > li a i {
  display: none;
}
.default .main-nav .nav-sec ul > li a:hover {
  color: #000;
  background: #fac238;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  font-size: 12px;
  border-radius: 7px;
}
.default .main-nav .nav-sec:nth-child(odd) {
  background: #f6f6f6;
}
.default .main-nav .nav-sec:last-child :is(.nav-sec-title, li) {
  border-bottom: 0px;
}
.default .main-nav .nav-sec:last-child {
  background: unset;
  border-right: 0px;
}
.default .main-nav .nav-sec:hover {
  box-shadow: none;
}
.default .main-nav .nav-sec ul > li {
  text-transform: capitalize;
}
.default .main-nav [id="1901"] a, .default .main-nav [id="3700"] a, .default .main-nav [id="4800"] a, .default .main-nav [id="5500"] a, .default .main-nav [id="2900"] a {
  padding: 8px 12px 8px 0px !important;
}
.default .dashboard-side-bar-containor {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  top: 34%;
  font-size: 12px;
  position: relative;
}
.default .dashboard-side-bar-containor > div {
  display: flex;
  align-items: center;
  width: 300px;
  height: 30px;
  margin-bottom: 10px;
  background: #fac238;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: all 0.3s ease-in-out;
}
.default .dashboard-side-bar-containor > div:hover {
  width: 340px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.default .dashboard-top-sec {
  position: relative;
  height: 346px;
  background-repeat: no-repeat;
  background-size: cover;
}
.default .dashboard-top-sec .polygon-shape {
  width: 410px;
  height: 50px;
  border-left: 123px solid transparent;
  position: absolute;
  bottom: -1px;
  right: 0px;
  z-index: 2;
}
.default .dashboard-top-sec .polygon-shape .name-info {
  display: flex;
  align-items: center;
  justify-content: baseline;
  padding-top: 30px;
}
.default .dashboard-top-sec .polygon-shape .name-info .name {
  text-align: right;
  font-size: 20px;
  padding-right: 10px;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .dashboard-top-sec .polygon-shape .name-info .name strong {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .dashboard-top-sec .polygon-shape .name-info .name p {
  font-size: 12px;
}
.default .dashboard-top-sec .polygon-shape .name-info .notification-area .notification {
  color: white;
  text-decoration: none;
  padding: 20px 20px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
  background-size: cover;
  background-position: 0px -437px;
  background-image: url(https://qa.dev.bluetag.no/assets/img/side-menu-icons.png);
}
.default .dashboard-top-sec .polygon-shape .name-info .notification-area .notification .badge {
  position: absolute;
  top: -7px;
  right: -6px;
  padding: 3px 5px;
  border-radius: 50%;
  background: #ff5501;
  color: white;
  font-size: 10px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .dashboard-top-sec .date-time-bar {
  background-color: #e9e8e6;
  display: block;
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: -1px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 1;
  font-size: 12px;
}
.default .dashboard-top-sec .date-time-bar .time {
  padding-right: 100px;
  background-color: #26befd;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  height: 100%;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .dashboard-top-sec .date-time-bar .date {
  padding-right: 35px;
  padding-left: 30px;
  background-color: #26befd;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  height: 100%;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .dashboard-top-sec .date-time-bar .sideIcon {
  width: 20px;
  height: 20px;
  margin-left: 20px;
  margin-right: 10px;
}
.default .dashboard-top-sec .date-time-bar .sideIcon::before {
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  background-size: cover;
  background-image: url(https://qa.dev.bluetag.no/assets/img/side-menu-icons.png);
}
.default .dashboard-top-sec .date-time-bar .users::before {
  background-position: 0px -4px;
}
.default .dashboard-top-sec .date-time-bar .offerVal::before {
  background-position: 0px -28px;
}
.default .dashboard-top-sec .date-time-bar .drone::before {
  background-position: 0px -221px;
}
.default .dashboard-top-sec .date-time-bar .bar-item {
  display: flex;
  align-items: center;
}
.default .dashboard-top-sec .date-time-bar .bar-item:nth-child(3) {
  margin-right: 70px !important;
}
.default .dashboard-top-sec .date-time-bar .bar-item:nth-child(2) {
  margin-right: 50px;
  margin-left: 50px;
}
.default .dashboard-top-sec .date-time-bar .bar-item:nth-child(1) {
  margin-left: 70px !important;
}
.default .dashboard-top-sec .company-name-in-dashboard {
  position: absolute;
  bottom: 60px;
  left: 30px;
  padding: 5px;
}
.default .dashboard-top-sec .company-name-in-dashboard .ktv-logo {
  background-image: url(https://qa.dev.bluetag.no/assets/img/ktv-logo-theme-new.png);
  width: 210px;
  height: 60px;
  background-size: cover;
  background-repeat: no-repeat;
}
.default .dashboard-top-sec .company-name-in-dashboard .country {
  color: #fff;
  margin-left: 58px;
  margin-top: -13px;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  display: flex;
}
.default .dashboard-top-sec .company-name-in-dashboard .country img {
  width: auto !important;
}
.default .dashboard-top-sec .company-name-in-dashboard .country p {
  padding-left: 3px;
}
.default .chat-icon-home {
  display: none;
}
.default .carousel-root, .default .carousel.carousel-slider, .default .slider, .default .slider-wrapper, .default .dashboard-top-sec-s1, .default .dashboard-top-sec-s2, .default .dashboard-top-sec-s3, .default .dashboard-top-sec-s4 {
  height: 100% !important;
}
.default .control-dots {
  bottom: 50px !important;
  text-align: left !important;
}
.default .control-dots .dot {
  width: 10px !important;
  height: 10px !important;
  margin: 0 4px !important;
  opacity: 1 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}
.default .control-dots .dot:first-child {
  margin-left: 40px !important;
}
.default .control-dots .selected {
  background: #fac238 !important;
}
.default .dashboard-top-sec-s1 {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(https://qa.dev.bluetag.no/assets/img/Slider/landing-cover.jpg) !important;
}
.default .dashboard-top-sec-s2 {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(https://qa.dev.bluetag.no/assets/img/Slider/landing-cover-02.jpg) !important;
}
.default .dashboard-top-sec-s3 {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(https://qa.dev.bluetag.no/assets/img/Slider/landing-cover-03.jpg) !important;
}
.default .dashboard-top-sec-s4 {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(https://qa.dev.bluetag.no/assets/img/Slider/landing-cover-04.jpg) !important;
}
.default .agreement-template .title-email-template {
  background: #f3f3f1;
  margin-bottom: 0px;
}
.default .agreement-template .textEditor-container {
  padding: 40px 40px 40px 40px;
}
.default .agreement-template .textEditor-container .sub-title {
  padding-top: 10px;
  margin-top: 10px;
  font-weight: bold;
  background: #ccc;
  padding: 10px;
  width: max-content;
  min-width: 40px;
  border-radius: 10px;
}
.default .agreement-template .order-main-container {
  padding-top: 0px;
}
.default .agreement-template .template-flex {
  background: #e9e8e6;
}
.default .newsletter-page-theme {
  border: 0;
}
.default .newsletter-page-theme .bs-sticky .title-section {
  background: #e1e1e1;
  flex-direction: column;
}
.default .newsletter-page-theme .bs-sticky .title-section .left-sec {
  padding: 20px 0 11px 50px !important;
  width: 100%;
}
.default .newsletter-page-theme .bs-sticky .title-section .left-sec .main-title {
  color: #000;
}
.default .newsletter-page-theme .bs-sticky .title-section .left-sec .sub-title {
  margin-bottom: 7px;
  margin: 0px;
  max-width: 350px;
}
.default .newsletter-page-theme .bs-sticky .title-section .left-sec .add-new-btn .badge {
  background-color: #30c2fb;
  box-shadow: none;
}
.default .newsletter-page-theme .bs-sticky .title-section .left-sec .filter-section {
  background: #e1e1e1;
}
.default .newsletter-page-theme .bs-sticky .title-section .left-sec .filter-section .search-filter {
  width: 281px;
  border: 0px;
  box-shadow: none;
}
.default .newsletter-page-theme .bs-sticky .title-section .left-sec .filter-section .search-filter .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .newsletter-page-theme .bs-sticky .title-section .left-sec .filter-section .search-filter span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.default .newsletter-page-theme .bs-sticky .title-section .left-sec .filter-section .search-filter .anticon {
  background-color: #30c2fb;
}
.default .newsletter-page-theme .bs-sticky .title-section .left-sec .filter-section .filter-options {
  border: 0;
  box-shadow: unset;
  background: #fff;
}
.default .newsletter-page-theme .bs-sticky .title-section .left-sec .filter-section .filter-options .filter-item::after {
  width: 0;
}
.default .newsletter-page-theme .bs-sticky .title-section .right-sec {
  background: #e1e1e1;
  width: 100%;
  justify-content: right;
  padding-top: 4px;
  padding-right: 50px;
}
.default .newsletter-page-theme .bs-sticky .title-section .right-sec .stat-inline-icon {
  width: auto;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  gap: 9px;
}
.default .newsletter-page-theme .bs-sticky .title-section .right-sec .stat-inline-icon::before {
  filter: invert(0.5);
  width: 16px;
  height: 18px;
}
.default .newsletter-page-theme .bs-sticky .title-section .right-sec .stat-inline-icon .stat-label {
  margin-bottom: 0px;
  color: #808080;
}
.default .newsletter-page-theme .bs-sticky .title-section .right-sec .stat-inline-icon .stat-value {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .newsletter-page-theme .bs-sticky .title-section .right-sec .unsub-btn {
  margin-bottom: 5px;
}
.default .newsletter-page-theme .bs-sticky .title-section .right-sec .unsub-btn .btn-primary {
  border-radius: 4px;
  box-shadow: none;
  background: #9a9c9d !important;
}
.default .newsletter-page-theme .main-wrapper {
  background-color: #fff;
}
.default .newsletter-page-theme .newsletter .nl-header {
  align-items: baseline;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  gap: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  flex-wrap: wrap;
}
.default .newsletter-page-theme .newsletter .nl-header .newsletter-action-btns {
  display: flex;
  justify-content: end;
  align-self: flex-start;
}
.default .newsletter-page-theme .newsletter .nl-header .newsletter-action-btns .btn-circle {
  background: #fff;
}
.default .newsletter-page-theme .newsletter .nl-header .newsletter-action-btns .btn-circle:hover {
  background: #526270;
  color: #c4cfd8;
  box-shadow: none;
}
.default .newsletter-page-theme .newsletter .nl-header .nl-title {
  overflow-wrap: anywhere;
}
.default .newsletter-page-theme .newsletter .nl-header .nl-title .nl-send-date {
  width: fit-content;
  padding: 4px 4px;
  border-radius: 7px;
}
.default .newsletter-page-theme .newsletter .nl-header .nl-title .nl-send-date:has(.green) {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.default .newsletter-page-theme .newsletter .nl-header .nl-title .nl-send-date:has(.red) {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.default .newsletter-page-theme .newsletter .nl-header .nl-stats .stat-inline {
  display: flex;
  gap: 6px;
  align-items: baseline;
  font-size: 12px;
}
.default .newsletter-page-theme .newsletter .nl-body {
  background-color: #c6c6c7;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  align-items: baseline;
}
.default .newsletter-page-theme .newsletter .nl-body .check-box-area label {
  padding-bottom: 5px;
}
.default .newsletter-page-theme .newsletter .nl-body .email-input .flex-input {
  width: 100%;
  overflow-wrap: anywhere;
}
.default .newsletter-page-theme .newsletter .nl-body .email-input .flex-input .react-tagsinput-tag {
  height: auto;
}
.default .newsletter-page-theme .newsletter .nl-body .email-input .flex-input .form-control {
  max-height: 127px;
  overflow-y: hidden;
}
.default .newsletter-page-theme .newsletter .nl-body .email-input .flex-input .form-control:hover {
  overflow-y: scroll;
}
.default .newsletter-page-theme .newsletter .nl-body .email-input .flex-input .form-control:hover::-webkit-scrollbar {
  width: 7px;
  transition: width 0.3s ease;
}
.default .newsletter-page-theme .newsletter .nl-body .email-input .flex-input .form-control:hover::-webkit-scrollbar-thumb {
  background-color: #5f6162;
  border-radius: 10px;
  border: 4px solid #5f6162;
  background-clip: content-box;
  padding-right: 3px;
  transition: background-color 0.3s ease, border 0.3s ease;
}
.default .newsletter-page-theme .newsletter .nl-body .email-input .view-all-btn {
  border-radius: 8px;
}
.default .newsletter-page-theme .newsletter .nl-body .email-input .view-all-btn:hover {
  color: #ccc;
  background: #333f4b;
  box-shadow: none;
}
.default .newsletter-page-theme .newsletter .nl-body .email-input .error-msg {
  padding-top: 5px;
}
.default .newsletter-page-theme .newsletter .nl-body .send-btn {
  display: flex;
  justify-content: end;
  flex-direction: column;
  align-items: end;
}
.default .newsletter-page-theme .newsletter .nl-body .send-btn .btn-top {
  height: 20px;
}
.default .newsletter-page-theme .newsletter .nl-body .send-btn .btn-small {
  border-radius: 8px;
}
.default .newsletter-page-theme .newsletter .nl-body .send-btn .btn-small:hover {
  box-shadow: none;
  background: #139cc5;
}
.default .newsletter-page-theme .newsletter .nl-body .form-control {
  border: none;
  background: #e5e6e6;
}
.default .newsletter-page-theme .newsletter .nl-body .no-recievers {
  border: 1px solid #f39090 !important;
}
.default .newsletter-page-theme .newsletter .nl-body .no-recievers .ant-checkbox-inner {
  border: 1px solid #f39090 !important;
}
.default .newsletter-page-theme .newsletter .nl-body .no-recievers:has(.ant-checkbox-wrapper) {
  border: 0px !important;
  background-color: unset !important;
}
.default .newsletter-page-theme .newsletter .nl-body .newsletter-checkbox .ant-checkbox-wrapper {
  align-items: flex-end;
}
.default .newsletter-page-theme .newsletter .nl-body .newsletter-checkbox .ant-checkbox-wrapper input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.default .newsletter-page-theme .newsletter .nl-body .newsletter-checkbox .ant-checkbox-wrapper .ant-checkbox-inner {
  width: 20px;
  height: 20px;
}
.default .newsletter-page-theme .newsletter .nl-body .newsletter-checkbox .ant-checkbox-wrapper .ant-checkbox-inner:after {
  left: 19.5%;
  top: 49%;
  width: 6.714286px;
  height: 12.142857px;
}
.default .newsletter-page-theme .table-footer {
  height: 30px;
  align-items: center;
}
.default .newsletter-page-theme .table-footer div {
  padding-left: 48px;
}
.default .newsletter-page-theme .table-footer div span {
  color: #000;
}
.default .deviation-page-theme .order-top-sec .left-sec .order-title .flex-group {
  gap: 5px;
}
.default .deviation-page-theme .order-top-sec .left-sec .customer-info-sec .dv-left-panel {
  padding-top: 85px;
}
.default .deviation-page-theme .order-top-sec .left-sec .customer-info-sec .job-personnal {
  width: 100%;
  margin-top: 0px !important;
  padding-top: 0px !important;
}
.default .deviation-page-theme .order-top-sec .left-sec .customer-info-sec .job-personnal .view-all-sm {
  margin-left: 0px;
}
.default .deviation-page-theme .order-top-sec .left-sec .customer-info-sec .contact-info {
  margin-left: 0px;
  display: flex;
  flex-direction: column;
  width: 24%;
}
.default .deviation-page-theme .order-top-sec .right-sec .stat-gorup:nth-child(1) {
  width: 80%;
}
.default .deviation-page-theme .order-top-sec .right-sec .stat-gorup:nth-child(1) .stat-inner-sec {
  width: 100%;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: baseline;
}
.default .deviation-page-theme .order-top-sec .right-sec .stat-gorup:nth-child(1) .stat-inner-sec .stat-inline-icon {
  padding: 10px;
}
.default .deviation-page-theme .order-top-sec .right-sec .stat-gorup:nth-child(2) {
  flex-direction: column;
  width: 20%;
}
.default .deviation-page-theme .order-top-sec .right-sec .stat-gorup:nth-child(2) .w-50 {
  width: 100%;
  display: flex;
  justify-content: center;
}
.default .deviation-page-theme .deviation-info .btn-small.ml-15 {
  margin-left: 0px;
}
.default .deviation-view-page {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .deviation-view-ThirdParty .report-desc-container {
  max-height: unset !important;
}
.default .procedure-view-theme .order-top-sec {
  flex-direction: row;
}
.default .procedure-view-theme .left-sec {
  margin-top: 0px;
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
  display: block !important;
}
.default .procedure-view-theme .left-sec .order-title {
  width: unset;
  padding-top: 30px;
  min-height: unset;
}
.default .procedure-view-theme .left-sec .order-title .btn-circle {
  margin-left: 10px;
}
.default .procedure-view-theme .left-sec .customer-info-sec {
  width: unset;
}
.default .procedure-view-theme .left-sec .customer-info-sec .procedure-video {
  width: 100%;
}
.default .procedure-view-theme .c-i-main {
  padding-top: 20px;
  background-color: #d9f4ff !important;
}
.default .procedure-view-theme .ov-wrapper .inputOnFocus {
  background-color: #fff !important;
  border-radius: 10px;
}
.default .procedure-view-theme .ov-wrapper .no-records-message:before {
  left: 48%;
}
.default .procedure-view-theme .no-video-wrapper .no-records-message::before {
  left: 47% !important;
}
.default .procedure-view-theme .no-records-message {
  margin-top: 30px;
  color: #838282;
  text-align: center;
  border-bottom: 0px;
}
.default .procedure-view-theme .no-records-message::before {
  content: "";
  display: block;
  height: 32px;
  width: 51px;
  opacity: 0.6;
  position: relative;
  top: -7px;
  left: 42%;
  background: url(https://qa.dev.bluetag.no/assets/img/empty.svg) no-repeat;
}
.default .vat-periods-page .title-section, .default .vat-periods-page-ThirdpartyUser .title-section {
  background-color: #e1e1e1;
}
.default .vat-periods-page .title-section .main-title, .default .vat-periods-page-ThirdpartyUser .title-section .main-title {
  color: #000;
}
.default .vat-periods-page .title-section .add-new-btn .badge, .default .vat-periods-page-ThirdpartyUser .title-section .add-new-btn .badge {
  background-color: #30c2fb;
  box-shadow: none;
}
.default .vat-periods-page .filter-section, .default .vat-periods-page-ThirdpartyUser .filter-section {
  background: #e1e1e1;
}
.default .vat-periods-page .filter-section .search-filter, .default .vat-periods-page-ThirdpartyUser .filter-section .search-filter {
  width: 281px;
  border: 0px;
  box-shadow: none;
}
.default .vat-periods-page .filter-section .search-filter .form-control, .default .vat-periods-page-ThirdpartyUser .filter-section .search-filter .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .vat-periods-page .filter-section .search-filter span, .default .vat-periods-page-ThirdpartyUser .filter-section .search-filter span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.default .vat-periods-page .filter-section .search-filter .anticon, .default .vat-periods-page-ThirdpartyUser .filter-section .search-filter .anticon {
  background-color: #30c2fb;
}
.default .vat-periods-page .filter-section .filter-options, .default .vat-periods-page-ThirdpartyUser .filter-section .filter-options {
  border: 0px;
  box-shadow: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .vat-periods-page .filter-section .filter-options select, .default .vat-periods-page-ThirdpartyUser .filter-section .filter-options select {
  border-radius: 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.default .vat-periods-page .filter-section .filter-options select:hover, .default .vat-periods-page-ThirdpartyUser .filter-section .filter-options select:hover {
  box-shadow: none;
}
.default .vat-periods-page .filter-section .filter-options button, .default .vat-periods-page-ThirdpartyUser .filter-section .filter-options button {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.default .vat-periods-page .filter-section .filter-options .filter-item, .default .vat-periods-page-ThirdpartyUser .filter-section .filter-options .filter-item {
  border: 0px;
}
.default .vat-periods-page .email-employee-filter-item, .default .vat-periods-page-ThirdpartyUser .email-employee-filter-item {
  min-width: 280px;
}
.default .vat-periods-page .email-employee-filter-item:after, .default .vat-periods-page-ThirdpartyUser .email-employee-filter-item:after {
  height: unset;
}
.default .vat-periods-page .email-employee-filter-item .react__searchable [class$=-control], .default .vat-periods-page-ThirdpartyUser .email-employee-filter-item .react__searchable [class$=-control] {
  height: 33px !important;
  min-height: 32px;
}
.default .vat-periods-page .email-employee-filter-item .react__searchable [class$=-indicatorContainer], .default .vat-periods-page-ThirdpartyUser .email-employee-filter-item .react__searchable [class$=-indicatorContainer] {
  padding: 0px 8px !important;
}
.default .vat-periods-page .email-employee-selected-name, .default .vat-periods-page-ThirdpartyUser .email-employee-selected-name {
  font-weight: 600;
  font-size: 15px;
}
.default .vat-periods-page .title-section, .default .vat-periods-page-ThirdpartyUser .title-section {
  background-color: #e1e1e1;
}
.default .vat-periods-page .title-section .main-title, .default .vat-periods-page-ThirdpartyUser .title-section .main-title {
  color: #000;
}
.default .vat-periods-page .filter-section .filter-options .filter-item select, .default .vat-periods-page-ThirdpartyUser .filter-section .filter-options .filter-item select {
  border-radius: 4px;
}
.default .vat-periods-page .filter-section .filter-options .filter-item:after, .default .vat-periods-page-ThirdpartyUser .filter-section .filter-options .filter-item:after {
  background: unset;
}
.default .vat-periods-page .positive-val, .default .vat-periods-page-ThirdpartyUser .positive-val {
  background: #B9D299 !important;
}
.default .vat-periods-page .neg-val, .default .vat-periods-page-ThirdpartyUser .neg-val {
  background: #EEA8A8 !important;
}
.default .vat-periods-page .total-value, .default .vat-periods-page-ThirdpartyUser .total-value {
  cursor: pointer;
}
.default .vat-periods-page .sub-title, .default .vat-periods-page-ThirdpartyUser .sub-title {
  background-color: #e1e1e1;
  padding-left: 50px;
  padding-bottom: 5px;
  color: #000;
}
.default .vat-periods-page .monthSec, .default .vat-periods-page-ThirdpartyUser .monthSec {
  background: #f1f1f1;
}
.default .vat-periods-page .monthSec .month-card .card-body .vat-value.neg-val, .default .vat-periods-page-ThirdpartyUser .monthSec .month-card .card-body .vat-value.neg-val {
  background: #EEA8A8;
}
.default .vat-periods-page .monthSec .month-card .card-body .vat-value.positive-val, .default .vat-periods-page-ThirdpartyUser .monthSec .month-card .card-body .vat-value.positive-val {
  background: #B9D299;
}
.default .vat-periods-page .monthSec .month-card.month-selected .month-title, .default .vat-periods-page-ThirdpartyUser .monthSec .month-card.month-selected .month-title {
  background-color: #7B7A7A;
  color: #ffffff;
}
.default .vat-periods-page .monthSec .month-card.month-selected .card-body, .default .vat-periods-page-ThirdpartyUser .monthSec .month-card.month-selected .card-body {
  background: #9D9A9A !important;
  border-radius: 0 0 5px 5px;
}
.default .vat-periods-page .monthSec .month-selector-disabled, .default .vat-periods-page-ThirdpartyUser .monthSec .month-selector-disabled {
  pointer-events: none !important;
  opacity: 0.6;
}
.default .vat-periods-page .monthSec .month-card, .default .vat-periods-page-ThirdpartyUser .monthSec .month-card {
  border-radius: 5px;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
  width: 180px;
  margin: 8px;
  padding: 0px;
  cursor: pointer;
  background: #d9d9d9;
}
.default .vat-periods-page .monthSec .month-card:hover, .default .vat-periods-page-ThirdpartyUser .monthSec .month-card:hover {
  transform: scale(1.1);
}
.default .vat-periods-page .monthSec .month-card .month-title, .default .vat-periods-page-ThirdpartyUser .monthSec .month-card .month-title {
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #bfbfbf;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  border-bottom: 0px;
  padding: 12px;
}
.default .vat-periods-page .monthSec .month-card .card-body, .default .vat-periods-page-ThirdpartyUser .monthSec .month-card .card-body {
  padding: 12px;
}
.default .vat-periods-page .monthSec .month-card .card-body .vat-value, .default .vat-periods-page-ThirdpartyUser .monthSec .month-card .card-body .vat-value {
  background: #cac7c7;
  padding: 8px 5px;
  margin-top: 5px !important;
}
.default .vat-periods-page .monthSec .month-card .card-body .balance, .default .vat-periods-page-ThirdpartyUser .monthSec .month-card .card-body .balance {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #cac7c7;
  padding: 3px 5px;
}
.default .vat-periods-page .detail-container, .default .vat-periods-page-ThirdpartyUser .detail-container {
  background-color: #eeecec;
  border-radius: 4px;
}
.default .vat-periods-page .detail-container .dc-header, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-header {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding-left: 30px;
  background-color: #7b7a7a;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.default .vat-periods-page .detail-container .dc-header .dc-title, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-header .dc-title {
  align-items: center;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  color: #fff;
}
.default .vat-periods-page .detail-container .dc-header .send-vat-3rdparty-btn, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-header .send-vat-3rdparty-btn {
  margin-left: 20px;
  border-radius: 4px;
  display: flex;
  flex-direction: row-reverse;
  gap: 6px;
  color: #ffffff;
  background: #394449;
}
.default .vat-periods-page .detail-container .dc-header .send-vat-3rdparty-btn i, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-header .send-vat-3rdparty-btn i {
  transform: rotate(92deg);
}
.default .vat-periods-page .detail-container .dc-header .send-vat-3rdparty-btn:hover, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-header .send-vat-3rdparty-btn:hover {
  color: #ffffff;
  background: #131b1e;
}
.default .vat-periods-page .detail-container .dc-body, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body {
  padding: 30px 50px;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-type, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-type {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  padding: 20px 0px;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data {
  padding-left: 20px;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-sub-title, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-sub-title {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  padding: 20px 0px;
  display: flex;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-sub-title .vat-name, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-sub-title .vat-name {
  width: 15%;
  min-width: 15%;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-sub-title .vat-amount, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-sub-title .vat-amount {
  margin-left: 20%;
  width: 15%;
  direction: rtl;
  background: #D9D9D9;
  padding: 5px;
  text-align: left;
  border-radius: 2px;
  text-align: right;
  min-width: 115px;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-sub-title .vat-sign, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-sub-title .vat-sign {
  width: 3%;
  text-align: center;
  min-width: 50px;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-sub-title .vat-vatAmount, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-sub-title .vat-vatAmount {
  width: 15%;
  background: #D9D9D9;
  padding: 5px;
  text-align: left;
  border-radius: 2px;
  text-align: right;
  min-width: 115px;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-sub-title .totalAmount-value, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-sub-title .totalAmount-value {
  margin-left: auto;
  width: 15%;
  direction: rtl;
  text-align: left;
  padding: 5px;
  border-radius: 2px;
  min-width: 115px;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-sub-title .totalAmount-vat, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-sub-title .totalAmount-vat {
  margin-left: 20px;
  width: 15%;
  text-align: left;
  padding: 5px;
  border-radius: 2px;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-sub-title .vat-percentage, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-sub-title .vat-percentage {
  width: 100px;
  min-width: 100px;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-sub-title .no-background, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-sub-title .no-background {
  background: none !important;
  text-align: center;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-sub-title .totalAmount-label, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-sub-title .totalAmount-label {
  font-size: 16px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-vat, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-vat {
  display: flex;
  flex-direction: column;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row {
  display: flex;
  padding: 10px 5px;
  align-items: center;
  cursor: pointer;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row:hover, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row:hover {
  background: #dcdcdc;
  border-radius: 4px;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .vat-name, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .vat-name {
  width: 15%;
  min-width: 15%;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .vat-amount, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .vat-amount {
  margin-left: 20%;
  width: 15%;
  direction: rtl;
  background: #D9D9D9;
  padding: 5px;
  text-align: left;
  border-radius: 2px;
  text-align: right;
  min-width: 115px;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .vat-sign, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .vat-sign {
  width: 3%;
  text-align: center;
  min-width: 50px;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .vat-vatAmount, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .vat-vatAmount {
  width: 15%;
  background: #D9D9D9;
  padding: 5px;
  text-align: left;
  border-radius: 2px;
  text-align: right;
  min-width: 115px;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .totalAmount-value, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .totalAmount-value {
  margin-left: auto;
  width: 15%;
  direction: rtl;
  text-align: left;
  padding: 5px;
  border-radius: 2px;
  min-width: 115px;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .totalAmount-vat, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .totalAmount-vat {
  margin-left: 20px;
  width: 15%;
  text-align: left;
  padding: 5px;
  border-radius: 2px;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .vat-percentage, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .vat-percentage {
  width: 100px;
  min-width: 100px;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .no-background, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .no-background {
  background: none !important;
  text-align: center;
}
.default .vat-periods-page .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .totalAmount-label, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .main-list .list-data .list-vat .list-vat-row .totalAmount-label {
  font-size: 16px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-sec, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-sec {
  display: flex;
  padding: 10px 5px;
  margin-left: 20px;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-sec .vat-name, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-sec .vat-name {
  width: 15%;
  min-width: 15%;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-sec .vat-amount, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-sec .vat-amount {
  margin-left: 20%;
  width: 15%;
  direction: rtl;
  background: #D9D9D9;
  padding: 5px;
  text-align: left;
  border-radius: 2px;
  text-align: right;
  min-width: 115px;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-sec .vat-sign, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-sec .vat-sign {
  width: 3%;
  text-align: center;
  min-width: 50px;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-sec .vat-vatAmount, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-sec .vat-vatAmount {
  width: 15%;
  background: #D9D9D9;
  padding: 5px;
  text-align: left;
  border-radius: 2px;
  text-align: right;
  min-width: 115px;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-sec .totalAmount-value, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-sec .totalAmount-value {
  margin-left: auto;
  width: 15%;
  direction: rtl;
  text-align: left;
  padding: 5px;
  border-radius: 2px;
  min-width: 115px;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-sec .totalAmount-vat, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-sec .totalAmount-vat {
  margin-left: 20px;
  width: 15%;
  text-align: left;
  padding: 5px;
  border-radius: 2px;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-sec .vat-percentage, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-sec .vat-percentage {
  width: 100px;
  min-width: 100px;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-sec .no-background, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-sec .no-background {
  background: none !important;
  text-align: center;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-sec .totalAmount-label, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-sec .totalAmount-label {
  font-size: 16px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .vat-periods-page .detail-container .dc-body .title-list-vat-row, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .title-list-vat-row {
  display: flex;
}
.default .vat-periods-page .detail-container .dc-body .title-list-vat-row .vat-name, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .title-list-vat-row .vat-name {
  width: 15%;
  min-width: 15%;
}
.default .vat-periods-page .detail-container .dc-body .title-list-vat-row .vat-amount, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .title-list-vat-row .vat-amount {
  margin-left: 20%;
  width: 15%;
  direction: rtl;
  background: #D9D9D9;
  padding: 5px;
  text-align: left;
  border-radius: 2px;
  text-align: right;
  min-width: 115px;
}
.default .vat-periods-page .detail-container .dc-body .title-list-vat-row .vat-sign, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .title-list-vat-row .vat-sign {
  width: 3%;
  text-align: center;
  min-width: 50px;
}
.default .vat-periods-page .detail-container .dc-body .title-list-vat-row .vat-vatAmount, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .title-list-vat-row .vat-vatAmount {
  width: 15%;
  background: #D9D9D9;
  padding: 5px;
  text-align: left;
  border-radius: 2px;
  text-align: right;
  min-width: 115px;
}
.default .vat-periods-page .detail-container .dc-body .title-list-vat-row .totalAmount-value, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .title-list-vat-row .totalAmount-value {
  margin-left: auto;
  width: 15%;
  direction: rtl;
  text-align: left;
  padding: 5px;
  border-radius: 2px;
  min-width: 115px;
}
.default .vat-periods-page .detail-container .dc-body .title-list-vat-row .totalAmount-vat, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .title-list-vat-row .totalAmount-vat {
  margin-left: 20px;
  width: 15%;
  text-align: left;
  padding: 5px;
  border-radius: 2px;
}
.default .vat-periods-page .detail-container .dc-body .title-list-vat-row .vat-percentage, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .title-list-vat-row .vat-percentage {
  width: 100px;
  min-width: 100px;
}
.default .vat-periods-page .detail-container .dc-body .title-list-vat-row .no-background, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .title-list-vat-row .no-background {
  background: none !important;
  text-align: center;
}
.default .vat-periods-page .detail-container .dc-body .title-list-vat-row .totalAmount-label, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .title-list-vat-row .totalAmount-label {
  font-size: 16px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-row, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-row {
  display: flex;
  padding-top: 10px;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-row .vat-name, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-row .vat-name {
  width: 15%;
  min-width: 15%;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-row .vat-amount, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-row .vat-amount {
  margin-left: 20%;
  width: 15%;
  direction: rtl;
  background: #D9D9D9;
  padding: 5px;
  text-align: left;
  border-radius: 2px;
  text-align: right;
  min-width: 115px;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-row .vat-sign, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-row .vat-sign {
  width: 3%;
  text-align: center;
  min-width: 50px;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-row .vat-vatAmount, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-row .vat-vatAmount {
  width: 15%;
  background: #D9D9D9;
  padding: 5px;
  text-align: left;
  border-radius: 2px;
  text-align: right;
  min-width: 115px;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-row .totalAmount-value, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-row .totalAmount-value {
  margin-left: auto;
  width: 15%;
  direction: rtl;
  text-align: left;
  padding: 5px;
  border-radius: 2px;
  min-width: 115px;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-row .totalAmount-vat, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-row .totalAmount-vat {
  margin-left: 20px;
  width: 15%;
  text-align: left;
  padding: 5px;
  border-radius: 2px;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-row .vat-percentage, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-row .vat-percentage {
  width: 100px;
  min-width: 100px;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-row .no-background, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-row .no-background {
  background: none !important;
  text-align: center;
}
.default .vat-periods-page .detail-container .dc-body .totalAmount-row .totalAmount-label, .default .vat-periods-page-ThirdpartyUser .detail-container .dc-body .totalAmount-row .totalAmount-label {
  font-size: 16px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .vat-periods-page .dcbody-no-recode-found, .default .vat-periods-page-ThirdpartyUser .dcbody-no-recode-found {
  border-bottom: 0px;
  text-align: center;
  color: #838282;
  font-weight: bold;
}
.default .vat-periods-page .dcbody-no-recode-found::before, .default .vat-periods-page-ThirdpartyUser .dcbody-no-recode-found::before {
  content: "";
  display: block;
  height: 32px;
  width: 51px;
  opacity: 0.6;
  position: relative;
  top: -7px;
  left: 48%;
  background: url(https://qa.dev.bluetag.no/assets/img/empty.svg) no-repeat;
}
.default .vat-periods-page .no-recode-found, .default .vat-periods-page-ThirdpartyUser .no-recode-found {
  margin-top: 30px;
  color: #838282;
  font-weight: bold;
  text-align: center;
}
.default .vat-periods-page .no-recode-found::before, .default .vat-periods-page-ThirdpartyUser .no-recode-found::before {
  content: "";
  display: block;
  height: 32px;
  width: 51px;
  opacity: 0.6;
  position: relative;
  top: -7px;
  left: 48%;
  background: url(https://qa.dev.bluetag.no/assets/img/empty.svg) no-repeat;
}
.default .emailClient-page-theme .toggle-button-left {
  display: none;
}
.default .emailClient-page-theme .main-title {
  font-size: 20px;
}
.default .emailClient-page-theme .main-title .small-text {
  font-size: 15px;
  font-weight: 500;
}
.default .emailClient-page-theme .email-list-container {
  flex-direction: column;
}
.default .emailClient-page-theme .email-list-container .list-top-bar {
  border-bottom: 1px solid #ccc;
  margin-top: 38px;
  display: flex;
  gap: 10px;
  padding: 5px 10px;
  align-items: end;
  margin-right: 18px;
  border-right: 1px solid #ececec;
}
.default .emailClient-page-theme .email-list-container .list-top-bar .top-bar-icon {
  margin-left: auto;
}
.default .emailClient-page-theme .email-list-container .list-top-bar .top-bar-title {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.default .emailClient-page-theme .title-section {
  background-color: #e1e1e1;
}
.default .emailClient-page-theme .title-section .main-title {
  color: #000;
}
.default .emailClient-page-theme .title-section .add-new-btn .badge {
  background-color: #30c2fb;
  box-shadow: none;
}
.default .emailClient-page-theme .filter-section {
  background: #e1e1e1;
}
.default .emailClient-page-theme .filter-section .search-filter {
  width: 281px;
  border: 0px;
  box-shadow: none;
}
.default .emailClient-page-theme .filter-section .search-filter .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .emailClient-page-theme .filter-section .search-filter span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.default .emailClient-page-theme .filter-section .search-filter .anticon {
  background-color: #30c2fb;
}
.default .emailClient-page-theme .filter-section .filter-options {
  border: 0px;
  box-shadow: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .emailClient-page-theme .filter-section .filter-options select {
  border-radius: 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.default .emailClient-page-theme .filter-section .filter-options select:hover {
  box-shadow: none;
}
.default .emailClient-page-theme .filter-section .filter-options button {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.default .emailClient-page-theme .filter-section .filter-options .filter-item {
  border: 0px;
}
.default .emailClient-page-theme .email-employee-filter-item {
  min-width: 280px;
}
.default .emailClient-page-theme .email-employee-filter-item:after {
  height: unset;
}
.default .emailClient-page-theme .email-employee-filter-item .react__searchable [class$=-control] {
  height: 33px !important;
  min-height: 32px;
}
.default .emailClient-page-theme .email-employee-filter-item .react__searchable [class$=-indicatorContainer] {
  padding: 0px 8px !important;
}
.default .emailClient-page-theme .email-employee-selected-name {
  font-weight: 600;
  font-size: 15px;
}
.default .emailClient-page-theme .refresh-btn {
  margin-right: 60px;
  padding: 10px 0px;
  background-color: #ccc;
  min-height: 52px;
  min-width: 50px;
}
.default .emailClient-page-theme .refresh-btn:hover {
  color: #fff;
}
.default .emailClient-page-theme .title-section {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.default .emailClient-page-theme .title-section .main-title {
  padding: 15px 0px;
  min-width: fit-content;
}
.default .emailClient-page-theme .title-section .loader-container {
  background: #efefef;
}
.default .emailClient-page-theme .pc-title-section {
  background-color: #ececec;
}
.default .emailClient-page-theme .pc-title-section .main-title {
  margin-left: 60px !important;
}
.default .emailClient-page-theme .pc-title-section .filter-section {
  background-color: #ececec;
}
.default .emailClient-page-theme .pc-title-section .filter-section .search-filter {
  width: 50%;
  max-width: 400px;
}
.default .emailClient-page-theme .email-cta-btn-sec {
  background-color: #e3e3e3;
  display: flex;
  gap: 10px;
  padding: 10px 10px 10px 40px;
}
.default .emailClient-page-theme .email-cta-btn-sec .cta-btn {
  display: flex;
  padding: 5px;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  cursor: pointer;
}
.default .emailClient-page-theme .email-cta-btn-sec .cta-btn:hover {
  background-color: #d3d0d0;
}
.default .emailClient-page-theme .email-cta-btn-sec .cta-btn.selected-cta-btn {
  background-color: #fff;
  font-weight: bold;
}
.default .emailClient-page-theme .email-cta-btn-sec .cta-btn.selected-cta-btn:hover {
  background-color: #d3d0d0;
}
.default .emailClient-page-theme .email-cta-btn-sec .cta-btn span {
  padding: 5px;
  color: #000;
}
.default .emailClient-page-theme .email-cta-btn-sec .cta-btn div {
  color: #000;
}
@keyframes rotateA {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotateContinuous {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.default .emailClient-page-theme .email-cta-btn-sec .cta-btn.cta-refresh-btn .cta-refresh-btn-icon {
  -webkit-animation: rotateA 500ms linear forwards;
  -moz-animation: rotateA 500ms linear forwards;
  animation: rotateA 500ms linear forwards;
}
.default .emailClient-page-theme .email-cta-btn-sec .cta-btn.cta-refresh-btn .active {
  -webkit-animation: rotateContinuous 500ms linear infinite;
  -moz-animation: rotateContinuous 500ms linear infinite;
  animation: rotateContinuous 500ms linear infinite;
}
.default .emailClient-page-theme .email-cta-btn-sec .cta-btn .unblock-icon {
  width: 27px;
}
.default .emailClient-page-theme .toggle-container-show-email-nav {
  display: none;
}
.default .emailClient-page-theme .email-deleteAll-showAll .show-all {
  border-radius: 4px;
}
.default .emailClient-page-theme .email-deleteAll-showAll .show-all .btn-inline {
  background-color: #30c2fb;
  border-radius: 4px;
}
.default .emailClient-page-theme .email-filter-section {
  width: 70%;
  flex-grow: 1;
  padding: 0 50px;
}
.default .emailClient-page-theme .email-nav {
  width: 230px;
  background: #f6f6f6;
  margin-top: 50px;
  padding: 40px 20px;
}
.default .emailClient-page-theme .email-nav .email-nav-items {
  padding: 15px 10px 10px 10px;
}
.default .emailClient-page-theme .email-nav .email-nav-items li {
  border-radius: 4px;
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
}
.default .emailClient-page-theme .email-nav .email-nav-items li .badge-count {
  position: relative;
  top: 46px;
  right: 4px;
  height: auto;
  font-size: 10px;
  padding: 3px;
  border-radius: 4px;
  color: #000;
  font-weight: 700;
  background: unset;
  align-self: flex-end;
  width: fit-content;
}
.default .emailClient-page-theme .email-nav .email-nav-items li a {
  gap: 10px;
  font-size: 18px;
  align-items: end;
  overflow: unset;
  padding: 12px 8px;
  align-items: center;
}
.default .emailClient-page-theme .email-nav .email-nav-items li a:hover {
  color: #414141;
}
.default .emailClient-page-theme .email-nav .email-nav-items li a .material-icons {
  font-size: 20px;
}
.default .emailClient-page-theme .email-nav .email-nav-items li a:after {
  height: 0px;
}
.default .emailClient-page-theme .email-nav .email-nav-items li:has(.active) {
  background-color: #fff;
  color: #000;
  border-radius: 30px;
}
.default .emailClient-page-theme .email-nav .email-nav-items li a.active {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #000;
}
.default .emailClient-page-theme .email-nav .email-nav-items li a.active:hover {
  color: #fff;
}
.default .emailClient-page-theme .email-nav .email-nav-items li a.active .badge-count {
  background-color: #fedada;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 5px !important;
  right: 6px !important;
  font-weight: 900;
}
.default .emailClient-page-theme .email-nav .email-nav-items li a.active .badge-name {
  font-weight: 800;
}
.default .emailClient-page-theme .email-nav .email-nav-items li .badge-name {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  display: inline-block;
  max-width: 67%;
  font-size: 12px;
}
.default .emailClient-page-theme .email-nav .email-nav-items li .badge-name.waiting-res {
  font-size: 12px !important;
}
.default .emailClient-page-theme .email-nav .email-nav-items li .badge-name.waiting-res .badge-count {
  top: 15px;
  right: 10px;
}
.default .emailClient-page-theme .email-nav .email-nav-items .badge-name .badge-count {
  position: absolute;
  top: 15px;
  right: 10px;
  height: auto;
  font-size: 10px;
  padding: 3px;
  border-radius: 4px;
  font-weight: 500;
}
.default .emailClient-page-theme .email-nav .email-nav-items .email-sent-link:hover, .default .emailClient-page-theme .email-nav .email-nav-items .email-inbox-link:hover, .default .emailClient-page-theme .email-nav .email-nav-items .email-draft-link:hover, .default .emailClient-page-theme .email-nav .email-nav-items .email-trash-link:hover {
  background-color: #d8d6d6;
  border-radius: 30px;
}
.default .emailClient-page-theme .email-nav .email-nav-items .email-sent-link:hover.active, .default .emailClient-page-theme .email-nav .email-nav-items .email-inbox-link:hover.active, .default .emailClient-page-theme .email-nav .email-nav-items .email-draft-link:hover.active, .default .emailClient-page-theme .email-nav .email-nav-items .email-trash-link:hover.active {
  background-color: #8e8e8e;
}
.default .emailClient-page-theme .email-nav .email-nav-items .email-sent-link:hover.active .passkey, .default .emailClient-page-theme .email-nav .email-nav-items .email-inbox-link:hover.active .passkey, .default .emailClient-page-theme .email-nav .email-nav-items .email-draft-link:hover.active .passkey, .default .emailClient-page-theme .email-nav .email-nav-items .email-trash-link:hover.active .passkey {
  background: url(https://qa.dev.bluetag.no/assets/img/passkey-white.svg) no-repeat;
}
.default .emailClient-page-theme .email-nav .email-nav-items .email-sent-link a {
  align-items: center !important;
}
.default .emailClient-page-theme .email-nav .email-draft-link {
  font-size: 30px;
}
.default .emailClient-page-theme .email-container {
  border-top: 0px;
  inset: 168px 0px 0px 220px;
}
.default .emailClient-page-theme .email-container .email-list-compress {
  background: #d3d2d2;
}
.default .emailClient-page-theme .email-container .loader-container {
  background: transparent;
}
.default .emailClient-page-theme .email-container .toggle-container-show-email-container {
  position: relative !important;
  left: -20px;
}
.default .emailClient-page-theme .email-container .toggle-container-show-email-container button {
  background-color: #30c2fb !important;
}
.default .emailClient-page-theme .email-container .toggle-container-show-email-container button i {
  color: #fff;
}
.default .emailClient-page-theme .email-container .toggle-container-hide-email-container button {
  background-color: #30c2fb !important;
  top: 72px;
}
.default .emailClient-page-theme .email-container .toggle-container-hide-email-container button i {
  color: #fff;
}
.default .emailClient-page-theme .email-container .toggle-container-hide-email-container:after {
  animation: none !important;
  box-shadow: none !important;
}
.default .emailClient-page-theme .email-container .email-list {
  border: 0;
  background-color: #fcfcfc;
  overflow-y: scroll !important;
  max-width: 450px;
  padding: 0px 10px 7px;
}
.default .emailClient-page-theme .email-container .email-list::-webkit-scrollbar-track {
  background: #c5ced2 !important;
  border-radius: 6px !important;
}
.default .emailClient-page-theme .email-container .email-list::-webkit-scrollbar {
  width: 8px;
}
.default .emailClient-page-theme .email-container .email-list::-webkit-scrollbar-thumb {
  background-color: #403c3c;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.default .emailClient-page-theme .email-container .email-list .scrollarea-content {
  padding: 8px 10px 0px 20px;
}
.default .emailClient-page-theme .email-container .email-list .email-list .loader-container {
  top: -2px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item {
  border-bottom: 0;
  padding: 10px 20px 10px 10px;
  padding-left: 30px;
  border-radius: 4px;
  margin-bottom: 4px;
  min-height: 100px;
  min-width: 380px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item:hover {
  box-shadow: none;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .checkbox, .default .emailClient-page-theme .email-container .email-list .email-list-item .email-icon, .default .emailClient-page-theme .email-container .email-list .email-list-item .email-label-badge {
  display: none;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .option-email-icon {
  left: 20px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .option-email-icon.forward-icon {
  top: 65px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .option-email-icon.main-forward-icon {
  top: 43px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .email-flex {
  flex-wrap: wrap;
  justify-content: space-between;
  flex-basis: 100%;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .email-flex .email-details {
  flex-shrink: 0 !important;
  width: 70%;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .email-flex .email-details .email-title {
  max-width: unset;
  margin-top: 5px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .email-flex .email-details .email-sender-name {
  max-width: unset;
  margin-top: 5px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .email-flex .email-details .email-date {
  margin-top: 5px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .email-flex .email-details .attachment-icon {
  margin-left: auto;
  margin-right: 7px;
  color: #7c7979;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .emailReplynOptions .main-option {
  display: flex;
  align-items: center;
  background-color: #efebec;
  color: #000;
  border-radius: 4px;
  max-height: 22px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name {
  display: flex;
  align-items: center;
  padding-right: 30px;
  font-size: 12px;
  font-synthesis: none;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name i {
  font-size: 20px;
  padding-right: 10px;
  padding-left: 10px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .emailReplynOptions .main-option .option-name:hover {
  background: #ccc;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .emailReplynOptions .main-option .more-options {
  background-color: #d8d8d8;
  max-height: 22px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .emailReplynOptions .options-list {
  background-color: #efebec;
  color: #000;
  margin-top: 3px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item {
  font-size: 12px;
  display: flex;
  align-items: center;
  padding-right: 30px;
  padding-bottom: 3px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:first-child {
  padding-top: 3px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child {
  padding-bottom: 3px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:last-child:hover {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item i {
  font-size: 20px;
  padding-right: 10px;
  padding-left: 10px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .emailReplynOptions .options-list .option-list-item:hover {
  background: #ccc;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .delete-btn {
  padding-top: 0px;
  padding-bottom: 10px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .delete-btn .material-icons {
  font-size: 20px;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .email-item-delete:hover {
  color: #ec7676;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .email-item-close {
  color: #637280;
  top: 25px !important;
}
.default .emailClient-page-theme .email-container .email-list .email-list-item .email-item-close i:hover {
  background: #ccc;
  color: #637280;
}
.default .emailClient-page-theme .email-container .email-list .selected-row, .default .emailClient-page-theme .email-container .email-list .read-email.selected-row, .default .emailClient-page-theme .email-container .email-list .selected-row.new-email {
  background: #8e8e8e;
  color: #fff;
}
.default .emailClient-page-theme .email-container .email-list .selected-row .email-details .email-sender-name, .default .emailClient-page-theme .email-container .email-list .read-email.selected-row .email-details .email-sender-name, .default .emailClient-page-theme .email-container .email-list .selected-row.new-email .email-details .email-sender-name {
  color: #fff;
}
.default .emailClient-page-theme .email-container .email-list .selected-row .email-details .email-title, .default .emailClient-page-theme .email-container .email-list .read-email.selected-row .email-details .email-title, .default .emailClient-page-theme .email-container .email-list .selected-row.new-email .email-details .email-title {
  color: #fff;
}
.default .emailClient-page-theme .email-container .email-list .selected-row .email-details .email-date, .default .emailClient-page-theme .email-container .email-list .read-email.selected-row .email-details .email-date, .default .emailClient-page-theme .email-container .email-list .selected-row.new-email .email-details .email-date {
  color: #fff;
  position: unset !important;
}
.default .emailClient-page-theme .email-container .email-list .selected-row .delete-btn, .default .emailClient-page-theme .email-container .email-list .read-email.selected-row .delete-btn, .default .emailClient-page-theme .email-container .email-list .selected-row.new-email .delete-btn {
  color: #fff;
}
.default .emailClient-page-theme .email-container .email-list .selected-row .email-item-delete:hover, .default .emailClient-page-theme .email-container .email-list .read-email.selected-row .email-item-delete:hover, .default .emailClient-page-theme .email-container .email-list .selected-row.new-email .email-item-delete:hover {
  color: #ec7676;
}
.default .emailClient-page-theme .email-container .email-list .selected-row:hover, .default .emailClient-page-theme .email-container .email-list .read-email.selected-row:hover, .default .emailClient-page-theme .email-container .email-list .selected-row.new-email:hover {
  background: #8e8e8e;
}
.default .emailClient-page-theme .email-container .email-list .selected-row .option-email-icon, .default .emailClient-page-theme .email-container .email-list .read-email.selected-row .option-email-icon, .default .emailClient-page-theme .email-container .email-list .selected-row.new-email .option-email-icon {
  color: #000;
  left: 20px;
}
.default .emailClient-page-theme .email-container .email-list .selected-row .option-email-icon.forward-icon, .default .emailClient-page-theme .email-container .email-list .read-email.selected-row .option-email-icon.forward-icon, .default .emailClient-page-theme .email-container .email-list .selected-row.new-email .option-email-icon.forward-icon {
  color: #000;
}
.default .emailClient-page-theme .email-container .email-list .selected-row .option-email-icon.main-forard-icon, .default .emailClient-page-theme .email-container .email-list .read-email.selected-row .option-email-icon.main-forard-icon, .default .emailClient-page-theme .email-container .email-list .selected-row.new-email .option-email-icon.main-forard-icon {
  color: #fff;
}
.default .emailClient-page-theme .email-container .email-list .new-email {
  background: unset;
  color: #494949;
}
.default .emailClient-page-theme .email-container .email-list .new-email .email-details .email-sender-name {
  color: #494949;
}
.default .emailClient-page-theme .email-container .email-list .new-email .email-details .email-title {
  color: #494949;
}
.default .emailClient-page-theme .email-container .email-list .new-email .email-details .email-message {
  color: #494949;
}
.default .emailClient-page-theme .email-container .email-list .new-email .email-details .email-date {
  color: #494949;
  position: unset !important;
}
.default .emailClient-page-theme .email-container .email-list .new-email .emailReplynOptions .main-option .more-options {
  background-color: #f7f7f7 !important;
}
.default .emailClient-page-theme .email-container .email-list .new-email:hover {
  background-color: #bbbaba;
}
.default .emailClient-page-theme .email-container .email-list .read-email {
  color: #494949;
}
.default .emailClient-page-theme .email-container .email-list .read-email .email-details .email-sender-name {
  color: #494949;
}
.default .emailClient-page-theme .email-container .email-list .read-email .email-details .email-title {
  color: #494949;
}
.default .emailClient-page-theme .email-container .email-list .read-email .email-details .email-message {
  color: #494949;
}
.default .emailClient-page-theme .email-container .email-list .read-email .email-details .email-date {
  color: #494949;
  position: unset !important;
}
.default .emailClient-page-theme .email-container .email-list .read-email:hover {
  background-color: #f4f7fc;
}
.default .emailClient-page-theme .email-container .email-list.email-draft-trash-box .email-list-item {
  min-width: 400px;
}
.default .emailClient-page-theme .email-container .email-list.email-draft-trash-box .email-details {
  width: 100% !important;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list {
  padding: unset;
  padding-right: 5px;
  margin-right: 5px;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list::-webkit-scrollbar-track {
  width: 10px !important;
  background: #fafafa !important;
  border-radius: 6px !important;
  margin: 0px 5px;
  padding: 0px 20px;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list::-webkit-scrollbar {
  width: 8px;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
  width: 6px !important;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item {
  border-radius: unset;
  margin-bottom: unset;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ececec;
  padding: 10px 10px 0px 10px !important;
  min-height: 90px;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item.selected-row {
  background-color: #dbf6fd;
  color: #000;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-sender-name, .default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-title, .default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-message, .default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item.selected-row .email-details .email-date {
  color: #000;
  margin-top: 5px;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item.selected-row .delete-btn {
  color: #000;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item.selected-row:hover {
  background-color: #dbf6fd;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item .emailReplynOptions {
  display: none;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item .email-sender-name {
  margin-bottom: 3px;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item.new-email {
  background-color: unset !important;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item .email-flex {
  width: 92%;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details {
  width: 100% !important;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right {
  justify-content: start !important;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date-right .time {
  margin-left: auto;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-sender-name {
  max-width: 83%;
  font-weight: 700;
  font-size: 13px;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-title {
  grid-area: emailTitle;
  max-width: 200px;
  font-size: 12px;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-message {
  max-width: 90%;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .attachment {
  grid-area: attachment;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item .email-flex .email-details .email-date {
  grid-area: emailDate;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item .side-icons {
  max-width: 10%;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn {
  padding-right: 5px;
  padding-top: 0px !important;
  height: fit-content !important;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn.delete-btn {
  padding-top: 5px !important;
  padding-bottom: 5px;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-list-item .side-icons .icon-btn .material-icons {
  font-size: 20px;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-view-upperArea .mv-label {
  color: #000;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-date-right {
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-date-right .red {
  font-size: 17px;
  margin-left: 5px;
}
.default .emailClient-page-theme .email-container .email-list.pc-email-list .email-date-right .read {
  margin-right: 12px;
}
.default .emailClient-page-theme .email-container .email-list-icon-style .option-email-icon.forward-icon {
  top: 40px !important;
}
.default .emailClient-page-theme .email-container .pc-email-view {
  background-color: #f6f6f6;
  border-left: 1px solid #ececec;
  margin-top: 40px;
}
.default .emailClient-page-theme .email-container .pc-email-view::-webkit-scrollbar-track {
  background-color: #fff !important;
}
.default .emailClient-page-theme .email-container .pc-email-view::-webkit-scrollbar {
  width: 5px;
  background-color: #fff !important;
}
.default .emailClient-page-theme .email-container .pc-email-view::-webkit-scrollbar-thumb {
  background-color: #c2c2c2 !important;
}
.default .emailClient-page-theme .email-container .pc-email-view .email-view-upperArea {
  background-color: #fff;
  margin-right: 20px;
}
.default .emailClient-page-theme .email-container .pc-email-view .email-view-upperArea .border-bottom {
  border-bottom: 1px solid #ccc;
}
.default .emailClient-page-theme .email-container .pc-email-view .email-view-upperArea .sender-area {
  margin-top: 20px;
}
.default .emailClient-page-theme .email-container .pc-email-view .email-view-upperArea .inlineFlex {
  display: flex;
  align-items: center;
}
.default .emailClient-page-theme .email-container .pc-email-view .email-viewEditor-area {
  margin-right: 20px;
}
.default .emailClient-page-theme .email-container .pc-email-view .email-viewEditor-area .tox-editor-container {
  padding-left: 20px;
  background: #fff;
}
.default .emailClient-page-theme .email-container .pc-email-view .inner-email-view {
  margin-left: 10px;
  background-color: #fff;
}
.default .emailClient-page-theme .email-container .pc-email-view .right-side-btns {
  left: 0px;
  right: unset;
  top: 0px !important;
  position: relative !important;
  z-index: 2;
}
.default .emailClient-page-theme .email-container .pc-email-view .right-side-btns .print-btn, .default .emailClient-page-theme .email-container .pc-email-view .right-side-btns .spam-icon-con {
  background-color: unset !important;
}
.default .emailClient-page-theme .email-container .pc-email-view .right-side-btns .print-btn .icon-btn {
  padding-left: 0px;
}
.default .emailClient-page-theme .email-container .pc-email-view .tox-tinymce {
  border-radius: 0px;
}
.default .emailClient-page-theme .email-container .pc-email-view .gpt-chat-containor.input-inactive {
  height: calc(-280px + 100vh);
}
.default .emailClient-page-theme .email-container .pc-email-view .gpt-chat-containor.input-active {
  height: calc(-375px + 100vh);
}
.default .emailClient-page-theme .email-container .pc-email-view .email-view-attachment-wrapper {
  position: relative;
  padding-bottom: 5px !important;
  margin-left: 0px;
  width: 100%;
}
.default .emailClient-page-theme .email-container .pc-email-view .email-view-attachment-wrapper .file-container {
  overflow-x: auto;
}
.default .emailClient-page-theme .email-container .pc-email-view .email-view-attachment-wrapper .file-container .card-view:first-child, .default .emailClient-page-theme .email-container .pc-email-view .email-view-attachment-wrapper .file-container .file:first-child {
  margin-left: 0px;
}
.default .emailClient-page-theme .email-container .pc-email-view .email-view-attachment-wrapper .file-container::-webkit-scrollbar {
  height: 5px;
}
.default .emailClient-page-theme .email-container .pc-email-view .email-view-attachment-wrapper .file-container::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
}
.default .emailClient-page-theme .email-container .pc-email-view .email-view-attachment-wrapper .file-container::-webkit-scrollbar-track {
  background: #f3f2f2 !important;
}
.default .emailClient-page-theme .email-container .email-view {
  flex: 4;
  border-right: 0;
  padding: 0;
  overflow-y: auto;
  touch-action: pan-y;
}
.default .emailClient-page-theme .email-container .email-view .mv-subject {
  border-bottom: 1px solid #dddddd;
}
.default .emailClient-page-theme .email-container .email-view .tox-tinymce, .default .emailClient-page-theme .email-container .email-view .tox-statusbar {
  border: 0;
}
.default .emailClient-page-theme .email-container .email-view .tox-tinymce .tox-toolbar__group, .default .emailClient-page-theme .email-container .email-view .tox-statusbar .tox-toolbar__group {
  display: none;
}
.default .emailClient-page-theme .email-container .email-view .tox-tinymce .tox-toolbar__group:nth-child(2), .default .emailClient-page-theme .email-container .email-view .tox-statusbar .tox-toolbar__group:nth-child(2) {
  display: flex;
}
.default .emailClient-page-theme .email-container .email-view .email-view-body {
  margin: 0;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea {
  padding: 20px 15px 0px 40px;
  color: #000;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea > div:last-child {
  border-bottom: 1px solid #ccc;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .right-side-btns {
  display: flex;
  gap: 10px;
  right: 15px;
  top: 38px;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .right-side-btns .spam-icon-con, .default .emailClient-page-theme .email-container .email-view .email-view-upperArea .right-side-btns .print-btn {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .right-side-btns .spam-icon-con .icon-btn, .default .emailClient-page-theme .email-container .email-view .email-view-upperArea .right-side-btns .print-btn .icon-btn {
  display: flex;
  align-items: center;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .right-side-btns .spam-icon-con .icon-btn:hover, .default .emailClient-page-theme .email-container .email-view .email-view-upperArea .right-side-btns .print-btn .icon-btn:hover {
  color: #020202;
  cursor: pointer;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .right-side-btns span {
  cursor: pointer;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .right-side-btns .right-btn {
  display: flex;
  gap: 10px;
  margin-left: auto;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .right-side-btns .expand-btn {
  background: #dbf6fd !important;
  width: 25px !important;
  height: 25px !important;
  border-radius: 50%;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 30px;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .right-side-btns .close-btn-set-margin {
  margin-left: auto;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .notification-assignee-listing .d-flex {
  flex-wrap: wrap;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .notification-assignee-listing .d-flex > div {
  width: fit-content;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .notification-assignee-listing .email-assign-tag-con {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  align-items: start;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .notification-assignee-listing .email-client-assignee-card {
  color: #5f5e5f !important;
  height: 26px;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .notification-assignee-listing .email-client-assignee-card .assignee-icon {
  margin-right: 0px !important;
  color: #5f5e5f !important;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .notification-assignee-listing .email-client-assignee-card .assignee-name {
  margin-left: 5px;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .mv-label {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .mv-label:after {
  color: #000;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .mv-subject {
  color: #000;
  font-weight: 600;
  border-bottom: 0;
  padding-bottom: 6px;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .mv-subject.skeleton {
  max-width: 350px;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .email-data {
  margin-right: 60px;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .name-date-inline {
  justify-content: space-between;
  margin-top: 7px;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .mv-email-name {
  font-size: 16px;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .mv-name {
  color: #000;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .mv-name.skeleton {
  height: 15px;
  width: 150px;
  display: inline-flex;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .notification-assignee-listing .assignee-note-container {
  width: 100% !important;
  min-width: fit-content;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .notification-assignee-listing .assignee-note {
  width: fit-content !important;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .notification-assignee-listing .notification-assignee-card {
  padding: 3px;
  border: 0;
  border-radius: 4px;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .notification-assignee-listing .notification-assignee-card.email-client-assignee-card {
  min-height: 25px;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .notification-assignee-listing .notification-assignee-card.email-client-assignee-card .close-icon {
  background: none;
  color: #38c2f8;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .notification-assignee-listing .notification-assignee-card.email-client-assignee-card .close-icon:hover {
  background: none;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .notification-assignee-listing .notification-assignee-card .close-icon {
  background: #38c2f8;
  color: #fffcfc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .notification-assignee-listing .notification-assignee-card .close-icon:hover {
  background: #ccc;
  color: #000;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .notification-assignee-listing .notification-assignee-card .close-icon .material-icons {
  font-size: 17px;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .notification-assignee-listing .tagIcon {
  background-image: url(https://qa.dev.bluetag.no/assets/img/tagicon.png);
  min-width: 20px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .edit-btn {
  height: 25px;
  background: #d9f4ff;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .edit-btn .material-icons {
  color: #5f5e5f !important;
}
.default .emailClient-page-theme .email-container .email-view .email-view-upperArea .skeleton {
  border-radius: 4px;
  background-color: #eee;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-size: 40px 100%;
  background-repeat: no-repeat;
  background-position: left -40px top 0;
  animation: shine 1s ease infinite;
}
@keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}
.default .emailClient-page-theme .email-container .email-view .email-viewEditor-area {
  padding: 0px 0px 20px;
}
.default .emailClient-page-theme .email-container .email-view .email-viewEditor-area .email-body-data {
  width: 100%;
}
.default .emailClient-page-theme .email-container .email-view .email-viewEditor-area .tox-toolbar__group button[title=Bold], .default .emailClient-page-theme .email-container .email-view .email-viewEditor-area .tox-toolbar__group button[title=Italic], .default .emailClient-page-theme .email-container .email-view .email-viewEditor-area .tox-toolbar__group button[title=Underline], .default .emailClient-page-theme .email-container .email-view .email-viewEditor-area .tox-toolbar__group button[title="Bullet list"], .default .emailClient-page-theme .email-container .email-view .email-viewEditor-area .tox-toolbar__group button[title="Numbered list"] {
  display: none;
}
.default .emailClient-page-theme .email-container .email-view .email-viewEditor-area .tox-toolbar__group button[title=Print] {
  cursor: pointer;
}
.default .emailClient-page-theme .email-container .email-view .email-viewEditor-area .tox-toolbar__group div[title*=Background], .default .emailClient-page-theme .email-container .email-view .email-viewEditor-area .tox-toolbar__group div[title*=Text] {
  display: none;
}
.default .emailClient-page-theme .email-container .email-view .email-viewEditor-area .skeleton-continar {
  padding: 20px 20px 20px 37px;
  background-color: #fff;
}
.default .emailClient-page-theme .email-container .email-view .email-viewEditor-area .skeleton-continar .skeleton {
  width: 80%;
  height: 15px;
}
.default .emailClient-page-theme .email-container .email-view .email-viewEditor-area .skeleton-continar .skeleton:first-child {
  width: 70%;
}
.default .emailClient-page-theme .email-container .email-view .email-viewEditor-area .skeleton-continar .skeleton:nth-child(2) {
  width: 75%;
}
.default .emailClient-page-theme .email-container .email-view .email-viewEditor-area .skeleton-continar .skeleton {
  border-radius: 4px;
  background-color: #eee;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-size: 40px 100%;
  background-repeat: no-repeat;
  background-position: left -40px top 0;
  animation: shine 1s ease infinite;
}
@keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}
.default .emailClient-page-theme .email-container .email-view.scrollarea::-webkit-scrollbar-track {
  background: #c5ced2;
  border-radius: 6px !important;
}
.default .emailClient-page-theme .email-container .email-view.scrollarea::-webkit-scrollbar {
  width: 11px;
}
.default .emailClient-page-theme .email-container .email-view.scrollarea::-webkit-scrollbar-thumb {
  background-color: #403c3c;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.default .emailClient-page-theme .email-container .email-view .scrollarea-content {
  position: absolute !important;
  width: 100% !important;
}
.default .emailClient-page-theme .email-container .no-records-message {
  border-bottom: 0px;
  height: calc(100vh - 340px);
  transform: translateY(50%);
}
.default .emailClient-page-theme .email-container .no-records-message::before {
  content: "";
  display: block;
  height: 62px;
  width: 100px;
  opacity: 0.6;
  position: relative;
  top: -7px;
  left: calc(50% - 50px);
  background: url(https://qa.dev.bluetag.no/assets/img/empty.svg) no-repeat;
}
.default .emailClient-page-theme .collapsable-email-view .collaps {
  cursor: pointer;
  padding: 10px;
  background-color: #e4e4e4;
  margin: 10px 20px 10px 0px;
}
.default .emailClient-page-theme .collapsable-email-view .collaps .detail {
  padding-top: 10px;
}
.default .emailClient-page-theme .collapsable-email-view .collaps .detail p:last-child {
  margin-bottom: 0px;
}
.default .emailClient-page-theme .collapsable-email-view .collaps .detail .Title {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .emailClient-page-theme .collapsable-email-view .collaps .detail .subject {
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}
.default .no-company-email-assigned-msg {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 100px);
  display: flex;
  flex-direction: column;
}
.default .no-company-email-assigned-msg .material-icons {
  font-size: 7em;
  color: #eba2a2;
}
.default .no-company-email-assigned-msg h3 {
  font-size: large;
  color: #eba2a2;
}
.default .email-module-view {
  overflow: auto;
}
.default .email-module-view::-webkit-scrollbar-track {
  background: #c5ced2 !important;
  border-radius: 6px !important;
}
.default .email-module-view::-webkit-scrollbar {
  width: 8px;
}
.default .email-module-view::-webkit-scrollbar-thumb {
  background-color: #403c3c;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.default .email-module-view-attachment {
  max-height: 90%;
}
.default .email-module-view-withoutAttachment {
  max-height: 100%;
}
.default .module-attachment {
  width: 52% !important;
  position: absolute;
  bottom: 46px;
}
.default .upload-video-page-theme .title-section {
  background-color: #e1e1e1;
}
.default .upload-video-page-theme .title-section .main-title {
  color: #000;
}
.default .upload-video-page-theme .title-section .add-new-btn .badge {
  background-color: #30c2fb;
  box-shadow: none;
}
.default .upload-video-page-theme .filter-section {
  background: #e1e1e1;
}
.default .upload-video-page-theme .filter-section .search-filter {
  width: 281px;
  border: 0px;
  box-shadow: none;
}
.default .upload-video-page-theme .filter-section .search-filter .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .upload-video-page-theme .filter-section .search-filter span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.default .upload-video-page-theme .filter-section .search-filter .anticon {
  background-color: #30c2fb;
}
.default .upload-video-page-theme .filter-section .filter-options {
  border: 0px;
  box-shadow: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .upload-video-page-theme .filter-section .filter-options select {
  border-radius: 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.default .upload-video-page-theme .filter-section .filter-options select:hover {
  box-shadow: none;
}
.default .upload-video-page-theme .filter-section .filter-options button {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.default .upload-video-page-theme .filter-section .filter-options .filter-item {
  border: 0px;
}
.default .upload-video-page-theme .email-employee-filter-item {
  min-width: 280px;
}
.default .upload-video-page-theme .email-employee-filter-item:after {
  height: unset;
}
.default .upload-video-page-theme .email-employee-filter-item .react__searchable [class$=-control] {
  height: 33px !important;
  min-height: 32px;
}
.default .upload-video-page-theme .email-employee-filter-item .react__searchable [class$=-indicatorContainer] {
  padding: 0px 8px !important;
}
.default .upload-video-page-theme .email-employee-selected-name {
  font-weight: 600;
  font-size: 15px;
}
.default .upload-video-page-theme .bs-sticky .title-section {
  background: #e1e1e1 !important;
}
.default .upload-video-page-theme .bs-sticky .title-section .main-title {
  color: #000;
}
.default .upload-video-page-theme .franchise-sticky {
  position: fixed;
  width: 100%;
}
.default .upload-video-page-theme .grid-Arrangment-filter {
  display: flex;
  gap: 5px;
  margin-left: auto;
  align-items: center;
  margin-right: 40px;
}
.default .upload-video-page-theme .grid-Arrangment-filter .arrangBox {
  padding: 5px;
  border-radius: 4px;
}
.default .upload-video-page-theme .grid-Arrangment-filter .arrangBox svg, .default .upload-video-page-theme .grid-Arrangment-filter .arrangBox .material-icons {
  color: #ccc;
  fill: #ccc;
  cursor: pointer;
}
.default .upload-video-page-theme .grid-Arrangment-filter .arrangBox .material-icons {
  font-size: 29px;
}
.default .upload-video-page-theme .grid-Arrangment-filter .active svg, .default .upload-video-page-theme .grid-Arrangment-filter .active .material-icons {
  color: #15bef0;
  fill: #15bef0;
}
.default .upload-video-page-theme .filter-video-upload {
  align-items: center;
  padding-left: 50px;
  margin-left: unset !important;
  margin-right: unset !important;
  width: 100%;
  background: #e1e1e1;
}
.default .upload-video-page-theme .filter-video-upload .video-tag-select {
  border: 0;
}
.default .upload-video-page-theme .filter-video-upload .countrylist {
  border: 0;
}
.default .upload-video-page-theme .filter-video-upload .search-filter {
  border: 0px !important;
  box-shadow: none !important;
}
.default .upload-video-page-theme .filter-video-upload .search-filter span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.default .upload-video-page-theme .title-section {
  width: fit-content;
}
.default .upload-video-page-theme .title-section .main-title {
  width: max-content !important;
}
.default .upload-video-page-theme .title-section .left-sec {
  width: fit-content;
}
.default .upload-video-page-theme .title-section .left-sec h2 {
  width: fit-content;
}
.default .upload-video-page-theme .video-containor .site-image {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f7f3f3;
}
.default .upload-video-page-theme .video-containor .site-image i {
  color: #30c2fb;
  font-size: 75px;
}
.default .static-page .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .static-page .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .static-page .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .static-page .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .static-page .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .static-page .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .static-page .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .static-page .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .static-page .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .static-page .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .static-page .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .static-page .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .static-page .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .static-page .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .static-page .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .static-page .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .static-page .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .static-page .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .static-page .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .static-page .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .static-page .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .static-page .table .table-body .table-group .sales-article-inner-listing .table-header, .default .static-page .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .static-page .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .static-page .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .static-page .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .static-page .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .static-page .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .static-page .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .static-page .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .static-page .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .static-page .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .static-page .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .static-page .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .static-page .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .static-page .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .static-page .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .static-page .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .static-page .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .static-page .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .static-page .table.role-inner-listing .table-header, .default .static-page .table.role-inner-listing .th-column, .default .static-page .table.role-inner-listing .table-row {
  border: 0px;
}
.default .static-page .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .static-page .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .static-page .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .static-page .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .static-page .ov-wrapper .title h2 {
  color: #2a2626 !important;
}
.default .static-page .filter-section .filter-options {
  border: unset !important;
  box-shadow: none !important;
}
.default .static-page .filter-section .filter-options .filter-item:after {
  background: none !important;
}
.default .static-page .filter-section .filter-options .ant-picker {
  min-height: 34px;
  border-radius: 4px !important;
  border: none;
}
.default .static-page .filter-section .filter-options .ant-picker:hover, .default .static-page .filter-section .filter-options .ant-picker .ant-picker-focused {
  border-color: none;
  border: none;
  box-shadow: none;
}
.default .static-page .filter-section .filter-options .statics-year {
  min-width: 152px;
}
.default .static-page .filter-section .franchise-month-picker .ant-picker-input {
  height: 24px;
  border: none;
}
.default .static-page .filter-section .franchise-month-picker .ant-picker-input input {
  font-size: 12px;
}
.default .static-page .filter-section .franchise-month-picker .ant-picker {
  border-radius: 4px;
  border: none;
}
.default .static-page .filter-section .franchise-month-picker .ant-picker:hover {
  border: none;
  box-shadow: none;
}
.default .static-page .ov-sec:nth-child(odd) {
  background-color: #f0f1f2;
  border-bottom: 0px;
}
.default .static-page .ov-sec:nth-child(even) {
  background-color: #dfdede;
  border-bottom: 0px;
}
.default .static-page .table {
  margin: unset !important;
}
.default .static-page .table .table-header .th-column {
  border-right: 2px solid #ffffff;
}
.default .static-page .table .table-header .th-column:first-child {
  border-right: 2px solid #e9e8e6;
}
.default .static-page .table .table-header .th-column:last-child {
  border-right: 0px solid #f0f1f2;
}
.default .static-page .table .expand-icon {
  color: #666 !important;
}
.default .static-page .table .table-footer span {
  color: #2a2626 !important;
}
.default .static-page .table.franchise-turnover-listing .table-header .th-column {
  height: 55px;
}
.default .static-page .table.franchise-turnover-listing .table-header .th-column:nth-child(7) {
  border-right: 0px;
}
.default .static-page .table.franchise-turnover-listing .table-body .table-header .th-column {
  padding: 14px 10px 6px !important;
  align-items: flex-start !important;
}
.default .static-page .table.franchise-turnover-listing .table-body .table-row {
  background-color: #dce6d4 !important;
  border-right: 2px solid #dce6d4 !important;
}
.default .static-page .table.franchise-turnover-listing .table-body .table-row div {
  border-right: 2px solid #dce6d4;
}
.default .static-page .table.franchise-turnover-listing .table-body .table-row div:first-child {
  border-right: 2px solid #c7dbb4 !important;
  text-overflow: clip;
}
.default .static-page .table.franchise-turnover-listing .table-body .table-row:hover div {
  background-color: #dce6d4;
  border-right: 2px solid #c7dbb4 !important;
}
.default .static-page .table.franchise-turnover-listing .table-body .summary-count-row {
  height: 30px;
  align-items: center;
  line-height: 30px;
  background: #eaf3fc;
  font-size: 12px;
}
.default .static-page .table.franchise-turnover-listing .table-body .currencyCode-row div {
  background-color: #e7e6e6 !important;
  border-right: 1px solid #e7e6e6 !important;
}
.default .static-page .table.franchise-turnover-listing .table-body .currencyCode-row div:first-child {
  border-right: 1px solid #e7e6e6 !important;
}
.default .static-page .table.franchise-turnover-listing .table-body .currencyCode-row div:hover {
  background-color: #e7e6e6 !important;
}
.default .static-page .table.franchise-turnover-listing .table-body .grouped-row {
  border-left: 2px solid #d2dcca;
}
.default .static-page .table.franchise-turnover-listing .table-body .table-row div {
  border-right: 2px solid #d2dcca;
}
.default .static-page .table.franchise-turnover-listing .table-body .franchise-turnover-innerlisting {
  border: 0px !important;
}
.default .static-page .table.franchise-turnover-listing .table-body .franchise-turnover-innerlisting .table-body .table-row {
  background-color: #f3f3f3 !important;
  border-right: 2px solid #f3f3f3 !important;
  border-left: 2px solid #f3f3f3 !important;
}
.default .static-page .table.franchise-turnover-listing .table-body .franchise-turnover-innerlisting .table-body .table-row div {
  border-right: 2px solid #f3f3f3 !important;
  padding: 0 10px;
}
.default .static-page .table.franchise-turnover-listing .table-body .franchise-turnover-innerlisting .table-body .table-row:hover div {
  background-color: #f3f3f3;
  border-right: 2px solid #ededed !important;
}
.default .static-page .table.franchise-turnover-listing .table-body .franchise-turnover-innerlisting .table-body .table-row div {
  border-right: 2px solid #ededed !important;
  padding: 0 10px;
}
.default .static-page .table.drone-logs-withoutInvoice-table .table-body .table-group .table-header .th-column {
  padding: 14px 10px 6px !important;
  align-items: flex-start !important;
}
.default .static-page .table.drone-logs-withoutInvoice-table .table-body .table-group .table-row {
  background-color: #ddc7e8 !important;
  border-right: 2px solid #ddc7e8 !important;
}
.default .static-page .table.drone-logs-withoutInvoice-table .table-body .table-group .table-row div {
  border-right: 2px solid #ddc7e8;
}
.default .static-page .table.drone-logs-withoutInvoice-table .table-body .table-group .table-row div:first-child {
  border-right: 2px solid #c2b0e2 !important;
  text-overflow: clip;
}
.default .static-page .table.drone-logs-withoutInvoice-table .table-body .table-group .table-row:hover div {
  background-color: #ddc7e8;
}
.default .static-page .table.drone-logs-withoutInvoice-table .table-body .table-group .table-row:hover div:not(.default .static-page .table.drone-logs-withoutInvoice-table .table-body .table-group .table-row:hover div:first-child) {
  border-right: 2px solid #ddc7e8 !important;
}
.default .static-page .table.drone-logs-withoutInvoice-table .table-body .table-group .summary-count-row {
  height: 30px;
  align-items: center;
  line-height: 30px;
  background: #eaf3fc;
  font-size: 12px;
}
.default .static-page .table.drone-logs-withoutInvoice-table .table-body .table-group .drone-logs-withoutInvoice-table-inner .table-body .table-row {
  background-color: #ececec !important;
  border-right: 2px solid #ececec !important;
  border-left: 2px solid #ececec !important;
}
.default .static-page .table.drone-logs-withoutInvoice-table .table-body .table-group .drone-logs-withoutInvoice-table-inner .table-body .table-row div {
  border-right: 2px solid #ececec !important;
  padding: 0 10px;
}
.default .static-page .table.drone-logs-withoutInvoice-table .table-body .table-group .drone-logs-withoutInvoice-table-inner .table-body .table-row:hover div {
  background-color: #ececec;
}
.default .static-page .table.drone-logs-withoutInvoice-table .table-body .table-group .drone-logs-withoutInvoice-table-inner .table-body .table-row:hover div:not(.default .static-page .table.drone-logs-withoutInvoice-table .table-body .table-group .drone-logs-withoutInvoice-table-inner .table-body .table-row:hover div:first-child) {
  border-right: 2px solid #ececec !important;
}
.default .static-page .table.drone-logs-withoutInvoice-table .table-body .table-group .drone-logs-withoutInvoice-table-inner .droneLogFile {
  text-decoration: underline;
}
.default .static-page .table.drone-logs-withoutInvoice-table .table-body .table-group .drone-logs-withoutInvoice-table-inner .droneLogFile span {
  color: #666666;
  padding-right: 4px;
  font-size: 15px;
}
.default .static-page .table.drone-logs-withoutJobs-table .table-body .table-group .table-header .th-column {
  padding: 14px 10px 6px !important;
  align-items: flex-start !important;
}
.default .static-page .table.drone-logs-withoutJobs-table .table-body .table-group .table-row {
  background-color: #ddc7e8 !important;
  border-right: 2px solid #ddc7e8 !important;
}
.default .static-page .table.drone-logs-withoutJobs-table .table-body .table-group .table-row div {
  border-right: 2px solid #ddc7e8;
}
.default .static-page .table.drone-logs-withoutJobs-table .table-body .table-group .table-row div:first-child {
  border-right: 2px solid #c2b0e2 !important;
  text-overflow: clip;
}
.default .static-page .table.drone-logs-withoutJobs-table .table-body .table-group .table-row:hover div {
  background-color: #ddc7e8;
}
.default .static-page .table.drone-logs-withoutJobs-table .table-body .table-group .table-row:hover div:not(.default .static-page .table.drone-logs-withoutJobs-table .table-body .table-group .table-row:hover div:first-child) {
  border-right: 2px solid #ddc7e8 !important;
}
.default .static-page .table.drone-logs-withoutJobs-table .table-body .table-group .summary-count-row {
  height: 30px;
  align-items: center;
  line-height: 30px;
  background: #eaf3fc;
  font-size: 12px;
}
.default .static-page .table.drone-logs-withoutJobs-table .table-body .table-group .drone-logs-withoutInvoice-table-inner .table-body .table-row {
  background-color: #ececec !important;
  border-right: 2px solid #ececec !important;
  border-left: 2px solid #ececec !important;
}
.default .static-page .table.drone-logs-withoutJobs-table .table-body .table-group .drone-logs-withoutInvoice-table-inner .table-body .table-row div {
  border-right: 2px solid #ececec !important;
  padding: 0 10px;
}
.default .static-page .table.drone-logs-withoutJobs-table .table-body .table-group .drone-logs-withoutInvoice-table-inner .table-body .table-row:hover div {
  background-color: #ececec;
}
.default .static-page .table.drone-logs-withoutJobs-table .table-body .table-group .drone-logs-withoutInvoice-table-inner .table-body .table-row:hover div:not(.default .static-page .table.drone-logs-withoutJobs-table .table-body .table-group .drone-logs-withoutInvoice-table-inner .table-body .table-row:hover div:first-child) {
  border-right: 2px solid #ececec !important;
}
.default .static-page .table.drone-logs-withoutJobs-table .table-body .table-group .drone-logs-withoutInvoice-table-inner .droneLogFile {
  text-decoration: underline;
}
.default .static-page .table.drone-logs-withoutJobs-table .table-body .table-group .drone-logs-withoutInvoice-table-inner .droneLogFile span {
  color: #666666;
  padding-right: 4px;
  font-size: 15px;
}
.default .static-page .table.drone-logs-withoutJobs-table .table-body .table-group .drone-logs-withoutInvoice-table-inner .filebinpbPlayDrone {
  display: inline-block;
  width: 20px !important;
  line-height: 1;
  padding-right: 4px;
}
.default .static-page .table.drone-logs-withoutJobs-table .table-body .table-group .drone-logs-withoutInvoice-table-inner .spanDrone {
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
}
.default .static-page .table.drones-at-work-listing .table-body .table-group .table-header .th-column {
  padding: 14px 10px 6px !important;
  align-items: flex-start !important;
}
.default .static-page .table.drones-at-work-listing .table-body .table-group .table-row {
  background-color: #f0e8d1 !important;
  border-right: 2px solid #f0e8d1 !important;
}
.default .static-page .table.drones-at-work-listing .table-body .table-group .table-row div {
  border-right: 2px solid #f0e8d1;
}
.default .static-page .table.drones-at-work-listing .table-body .table-group .table-row div:first-child {
  border-right: 2px solid #e2d5bc !important;
  text-overflow: clip;
}
.default .static-page .table.drones-at-work-listing .table-body .table-group .table-row:hover div {
  background-color: #f0e8d1;
}
.default .static-page .table.drones-at-work-listing .table-body .table-group .table-row:hover div:not(.default .static-page .table.drones-at-work-listing .table-body .table-group .table-row:hover div:first-child) {
  border-right: 2px solid #f0e8d1 !important;
}
.default .static-page .table.drones-at-work-listing .table-body .table-group .summary-count-row {
  height: 30px;
  align-items: center;
  line-height: 30px;
  background: #eaf3fc;
  font-size: 12px;
}
.default .static-page .table.drones-at-work-listing .table-body .table-group .drones-at-work-listing-inner .table-body .table-row {
  background-color: #f3f3f2 !important;
  border-right: 2px solid #f3f3f2 !important;
  border-left: 2px solid #f3f3f2 !important;
}
.default .static-page .table.drones-at-work-listing .table-body .table-group .drones-at-work-listing-inner .table-body .table-row div {
  border-right: 2px solid #f3f3f2 !important;
  padding: 0 10px;
}
.default .static-page .table.drones-at-work-listing .table-body .table-group .drones-at-work-listing-inner .table-body .table-row:hover div {
  background-color: #f3f3f2;
}
.default .static-page .table.drones-at-work-listing .table-body .table-group .drones-at-work-listing-inner .table-body .table-row:hover div:not(.default .static-page .table.drones-at-work-listing .table-body .table-group .drones-at-work-listing-inner .table-body .table-row:hover div:first-child) {
  border-right: 2px solid #f3f3f2 !important;
}
.default .static-page .statistic-log-file-container .no-records-message {
  border-bottom: 0px;
}
.default .static-page .statistic-log-file-container .no-records-message::before {
  content: "";
  display: block;
  height: 62px;
  width: 100px;
  opacity: 0.6;
  position: relative;
  top: -7px;
  left: calc(50% - 50px);
  background: url(https://qa.dev.bluetag.no/assets/img/empty.svg) no-repeat;
}
.default .web-store-theme {
  background: #f0f1f2;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .web-store-theme .fix-header {
  position: fixed;
  z-index: 9;
  width: 100%;
}
.default .web-store-theme .fix-header .filter-section {
  padding: 0px 50px;
  justify-content: space-between;
}
.default .web-store-theme .fix-header .filter-section .webstore-card-shopping-cart .shopping-cart-header {
  padding: 7px;
}
.default .web-store-theme .fix-header .filter-section .webshop-history-btn {
  height: 45px;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.default .web-store-theme .fix-header .filter-section .search-filter {
  border: none !important;
  box-shadow: none !important;
}
.default .web-store-theme .fix-header .filter-section .search-filter .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .web-store-theme .fix-header .filter-section .search-filter span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.default .web-store-theme .fix-header .kvt-title {
  padding: 10px 50px 0px 50px;
}
.default .web-store-theme .kvt-title {
  background: #e1e1e1;
}
.default .web-store-theme .filter-section {
  background: #e1e1e1;
}
.default .web-store-theme .store-container {
  padding-top: 105px;
}
.default .web-store-theme .store-container .catergory-list {
  padding: 0px 50px;
  min-width: 300px;
  background-color: unset !important;
  height: calc(100vh - 205px);
  overflow-y: auto;
  overflow-x: hidden;
  background: #15bef0;
  direction: ltr;
  margin-right: 8px;
  overflow-y: hidden !important;
}
.default .web-store-theme .store-container .catergory-list::-webkit-scrollbar-track {
  background: #c5ced2 !important;
  border-radius: 6px !important;
}
.default .web-store-theme .store-container .catergory-list::-webkit-scrollbar {
  width: 8px;
}
.default .web-store-theme .store-container .catergory-list::-webkit-scrollbar-thumb {
  background-color: #5d838f;
  border-radius: 6px !important;
  opacity: 0.8;
  height: 41.3902px !important;
}
.default .web-store-theme .store-container .catergory-list:hover {
  overflow-y: auto !important;
}
.default .web-store-theme .store-container .catergory-list .catergory-list-container .category-title {
  font-size: 17px;
  border: 1px solid transparent;
  padding: 10px;
  border-radius: 50%;
  font-weight: 700;
}
.default .web-store-theme .store-container .catergory-list .webshop-catergory-list {
  padding: 10px 0px 10px 10px;
}
.default .web-store-theme .store-container .webshop-item-list {
  margin-top: 15px;
  margin-bottom: 20px;
}
.default .web-store-theme .store-container .webshop-item-list .ant-card {
  width: 250px;
  height: 375px;
}
.default .web-store-theme .store-container .webshop-item-list .ant-card .ant-card-body {
  padding: 15px;
}
.default .web-store-theme .store-container .webshop-item-list .ant-card .ant-card-cover .ant-skeleton-element,
.default .web-store-theme .store-container .webshop-item-list .ant-card .ant-card-cover .ant-skeleton-image {
  width: 100% !important;
  height: 230px !important;
}
.default .web-store-theme .store-container .webshop-item-list .ant-card .anticon-right-circle,
.default .web-store-theme .store-container .webshop-item-list .ant-card .anticon-left-circle {
  top: 110px !important;
  opacity: 0.3;
}
.default .web-store-theme .store-container .webshop-item-list .ant-card .slick-dots {
  z-index: 0;
}
.default .web-store-theme .store-container .webshop-item-list .ant-card .slick-dots li {
  background: #d9d9d9;
  margin: unset;
}
.default .web-store-theme .store-container .webshop-item-list .ant-card .slick-dots li button {
  border-left: 1px solid #fafafa;
}
.default .web-store-theme .store-container .webshop-item-list .ant-card .slick-dots .slick-active button {
  background-color: #202020 !important;
}
.default .web-store-theme .store-container .webstore-card-body .counter-container {
  font-size: 18px;
}
.default .web-store-theme .store-container .webstore-card-body .counter-container .anticon-plus-circle,
.default .web-store-theme .store-container .webstore-card-body .counter-container .anticon-minus-circle {
  padding: 1px;
  color: #aeaeae;
  background-color: #fffdfd;
}
.default .web-store-theme .store-container .webstore-card-body .counter-container .anticon-plus-circle:hover,
.default .web-store-theme .store-container .webstore-card-body .counter-container .anticon-minus-circle:hover {
  color: #8e8888;
  background-color: #fbfbfb;
}
.default .web-store-theme .store-container .webstore-card-body .counter-container div {
  padding-top: 10px;
}
.default .web-store-theme .store-container .main-item-container {
  height: calc(100vh - 205px);
  overflow-y: scroll;
  width: 100%;
}
.default .web-store-theme .secArea {
  padding-bottom: 15px;
}
.default .web-store-theme .secArea:nth-child(odd) {
  background-color: #ececec;
}
.default .web-store-theme .secArea:nth-child(even) {
  background-color: #dfdfdf;
}
.default .web-store-theme .secArea .section-name {
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  font-weight: 600;
  text-transform: capitalize;
}
.default .web-store-theme .no-records-message {
  border-bottom: 0px;
  height: calc(50vh - 100px);
  transform: translateY(50%);
}
.default .web-store-theme .no-records-message::before {
  content: "";
  display: block;
  height: 62px;
  width: 100px;
  opacity: 0.6;
  position: relative;
  top: -7px;
  left: calc(50% - 50px);
  background: url(https://qa.dev.bluetag.no/assets/img/empty.svg) no-repeat;
}
.default .webstore-item-summary-card {
  user-select: none;
}
.default .webstore-item-summary-card:hover .shopping-cart {
  font-size: 30px;
  border: 1px solid transparent;
  padding: 4px 6px;
  border-radius: 50%;
  background-color: #31c1fd;
  color: #fff;
  cursor: pointer;
}
.default .webstore-item-summary-card:hover .open-popup {
  font-size: 30px;
  border: 1px solid transparent;
  border-radius: 50%;
  background-color: #31c1fd;
  color: #fff;
  padding: 6px;
  cursor: pointer;
  text-align: center;
  display: flex;
}
.default .webstore-item-summary-card:hover .anticon-right-circle,
.default .webstore-item-summary-card:hover .anticon-left-circle {
  opacity: 1 !important;
}
.default .webshop-shopping-cart-container {
  position: absolute;
  right: 0;
  top: 30;
  left: 10;
  background-color: #cacbcb;
  padding: 10px 15px 10px 10px;
  margin: 20px 0px;
  width: 530px;
  box-shadow: 0px 6px 6px 0px rgba(167, 108, 108, 0.25);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.default .webshop-shopping-cart-container:after {
  bottom: 100%;
  left: 85%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #cacbcb;
  border-width: 8px;
  margin-left: -8px;
}
.default .shopping-cart-second-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.default .shopping-cart-second-row .vat-percentage {
  font-size: 10px;
}
.default .shopping-cart-second-row .counter-container {
  display: flex;
  align-items: center;
  flex: 0 0 80px;
  justify-content: space-between;
  font-size: 18px;
  margin-left: 10px;
  margin-right: 10px;
}
.default .shopping-cart-second-row .counter-container .anticon-plus-circle,
.default .shopping-cart-second-row .counter-container .anticon-minus-circle {
  padding: 1px;
  color: #aeaeae;
}
.default .shopping-cart-second-row .counter-container .anticon-plus-circle:hover,
.default .shopping-cart-second-row .counter-container .anticon-minus-circle:hover {
  color: #8e8888;
}
.default .shopping-cart-second-row .counter-container .counter {
  padding: 0 5px;
}
.default .shopping-cart-second-row .remove-icon {
  padding-right: 10px;
  line-height: 32px;
  font-size: 14px;
}
.default .shopping-cart-second-row .shopping-cart-unit-price {
  padding-right: 5px;
  line-height: 32px;
  font-size: 14px;
  align-items: center;
}
.default .shopping-cart-second-row .shopping-cart-unit-price .color-switch {
  height: 18px !important;
  width: 18px !important;
  border-radius: 3px;
  margin-left: 10px;
  border-radius: 3px;
  border: 1px solid #444343;
}
.default .shopping-cart-second-row .shopping-cart-unit-price .measurementDetail {
  font-weight: 600;
  margin-left: 20px;
}
.default .shopping-cart-second-row .shopping-cart-unit-price .measurementDetail .tag-unit {
  background: #ccc;
  padding: 5px 5px;
  max-height: 17px;
  max-width: 22px;
  font-size: small;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  border-radius: 3px;
}
.default .catergory-list-container {
  padding: 10px 0px;
}
.default .catergory-list-container .category-title {
  font-size: 20px;
  border: 1px solid transparent;
  padding: 10px;
  border-radius: 50%;
}
.default .catergory-list-container .webshop-catergory-list {
  line-height: 16px;
  padding: 10px 50px;
  text-transform: capitalize;
}
.default .catergory-list-container .webshop-catergory-list .count-cat-val {
  font-weight: 700;
}
.default .shopping-cart-header {
  font-size: 25px;
  border: 1px solid transparent;
  padding: 4px;
  border-radius: 50%;
  background-color: #31c1fd;
  color: #fff;
  cursor: pointer;
  align-self: self-end;
  margin-left: 40px;
}
.default .video-container-item-detal-view :hover .left-slider-btn,
.default .video-container-item-detal-view :hover .right-slider-btn {
  visibility: hidden;
}
.default .video-container-item-detal-view :hover .btn-counter {
  display: block;
  box-sizing: border-box;
  -webkit-appearance: none;
  height: 100%;
  width: 18px;
  line-height: 32px;
  font-size: 14px;
  text-align: center;
  border: none;
  background: #f7f9fa;
  outline: none;
  cursor: pointer;
}
.default .cart-section {
  max-height: 350px;
  overflow-y: scroll;
  padding: 0 5px;
}
.default .cart-section::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.default .cart-section::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}
.default .cart-section::-webkit-scrollbar-thumb {
  background-color: #8b8f95;
  border: 2px solid #8b8f95;
}
.default .cart-section .shopping-cart-main-wrapper {
  border-radius: 5px;
  padding: 10px 5px;
  margin-bottom: 5px;
}
.default .cart-section .shopping-cart-main-wrapper:nth-child(even) {
  background: #e1e1e1;
}
.default .cart-section .shopping-cart-main-wrapper:nth-child(odd) {
  background: #f2f2f2;
}
.default .shopping-cart-container .shopping-cart-first-row {
  display: flex;
  justify-content: flex-end;
}
.default .shopping-cart-container .shopping-cart-first-row .item-number-shopping-cart {
  padding-right: 10px;
  font-weight: 600;
}
.default .shopping-cart-container .shopping-cart-item-name-row {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: calc(1em + 10px);
}
.default .shopping-cart-container .shopping-cart-item-name-row .item-name-shopping-cart {
  padding-right: 5px;
  font-weight: 600;
}
.default .shopping-cart-container .shopping-cart-third-row {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  padding-right: calc(1em + 10px);
  font-weight: 600;
}
.default .shopping-cart-container .shopping-cart-third-row .currecny_format {
  padding-right: 10px;
}
.default .shopping-cart-container .item-number {
  font-size: 10px !important;
}
.default .shopping-cart-footer {
  margin: 10px 0;
  padding: 0 !important;
  border-top: 1px solid #9fa3a6;
}
.default .shopping-cart-footer .items-count-and-amount-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  color: #413f3f;
}
.default .shopping-cart-footer .items-count-and-amount-row .shopping-cart-items-count {
  display: flex;
}
.default .shopping-cart-footer .items-count-and-amount-row .shopping-cart-items-count .shopping-cart-items-text {
  padding-left: 5px;
}
.default .shopping-cart-footer .items-count-and-amount-row .shopping-cart-total {
  font-size: 16px;
  display: flex;
  font-weight: 600;
  padding-right: 8px;
}
.default .shopping-cart-footer .items-count-and-amount-row .shopping-cart-total .currecny_format {
  padding-right: 8px;
}
.default .shopping-cart-footer .shopping-cart-button-row {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.default .shopping-cart-footer .shopping-cart-button-row .shopping-cart-purchase-button {
  width: 90% !important;
  border-radius: 50px 50px 50px 50px;
  font-weight: 600;
  background-color: #31C1FD;
  border: unset !important;
  border-color: unset !important;
}
.default .login-form {
  width: 100%;
  min-height: 100vh;
}
.default .image-bg-new-login {
  flex: 40% !important;
}
.default .login-form-width-responsive {
  flex: 60% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.default .login-form-width-responsive:has(.role-select) {
  flex-direction: column;
}
.default .login-form-container {
  max-width: 350px;
  flex: 1 0 100%;
}
.default .login-bg {
  background-color: #ecf0f3 !important;
}
.default .login-bg .login-field {
  height: 39px;
}
.default .login-bg .bluetag-logo {
  width: 90px;
  margin-bottom: 0px !important;
}
.default .daily-report-wrapper {
  background-color: #fff;
}
.default .daily-report-wrapper .job-reports-ov {
  border: 0px;
}
.default .daily-report-wrapper .report-info {
  display: none;
}
.default .daily-report-header .filter-section {
  background: #e1e1e1;
}
.default .daily-report-header .filter-section .search-filter {
  width: 281px;
  border: 0px;
  box-shadow: none;
}
.default .daily-report-header .filter-section .search-filter .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .daily-report-header .filter-section .search-filter span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.default .daily-report-header .filter-section .search-filter .anticon {
  background-color: #30c2fb;
}
.default .daily-report-header .filter-section .filter-options {
  border: 0;
  box-shadow: unset;
  background: #fff;
}
.default .daily-report-header .filter-section .filter-options .filter-item::after {
  width: 0;
}
.default .daily-report-header .title-section {
  background-color: #e1e1e1;
}
.default .daily-report-header .title-section .main-title {
  color: #000;
  display: flex;
  align-items: baseline;
}
.default .daily-report-header .title-section .main-title .header-count {
  background: white;
  padding: 3px;
  border-radius: 6px;
  margin-left: 3px;
}
.default .job-listing-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .job-listing-theme .table-legends {
  padding: 10px 50px 10px;
}
.default .job-listing-theme .main-title {
  color: #000;
}
.default .job-listing-theme .add-new-btn .badge {
  box-shadow: unset;
  background: #30c2fb;
}
.default .job-listing-theme .filter-section {
  background: #cff2ff;
}
.default .job-listing-theme .filter-section .search-filter {
  width: 281px;
  border: 0px;
  box-shadow: none;
}
.default .job-listing-theme .filter-section .search-filter .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .job-listing-theme .filter-section .search-filter span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.default .job-listing-theme .filter-section .search-filter .anticon {
  background-color: #30c2fb;
}
.default .job-listing-theme .filter-section .filter-options {
  border: 0;
  box-shadow: unset;
  background: #fff;
}
.default .job-listing-theme .filter-section .filter-options .filter-item::after {
  width: 0;
}
.default .job-listing-theme .filter-section .transaction_type select {
  width: fit-content;
  max-width: 143px;
  border-right: none;
}
.default .job-listing-theme .filter-in-tab-top {
  padding-top: 10px;
  background-color: #cff2ff;
}
.default .job-listing-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .job-listing-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .job-listing-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .job-listing-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .job-listing-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .job-listing-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .job-listing-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .job-listing-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .job-listing-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .job-listing-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .job-listing-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .job-listing-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .job-listing-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .job-listing-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .job-listing-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .job-listing-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .job-listing-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .job-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .job-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .job-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .job-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .job-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .job-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .job-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .job-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .job-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .job-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .job-listing-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .job-listing-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .job-listing-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .job-listing-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .job-listing-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .job-listing-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .job-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .job-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .job-listing-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .job-listing-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .job-listing-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .job-listing-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .job-listing-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .job-listing-theme .table.role-inner-listing .table-header, .default .job-listing-theme .table.role-inner-listing .th-column, .default .job-listing-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .job-listing-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .job-listing-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .job-listing-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .job-listing-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .offer-listing-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .offer-listing-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .offer-listing-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .offer-listing-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .offer-listing-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .offer-listing-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .offer-listing-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .offer-listing-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .offer-listing-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .offer-listing-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .offer-listing-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .offer-listing-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .offer-listing-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .offer-listing-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .offer-listing-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .offer-listing-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .offer-listing-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .offer-listing-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .offer-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .offer-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .offer-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .offer-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .offer-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .offer-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .offer-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .offer-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .offer-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .offer-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .offer-listing-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .offer-listing-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .offer-listing-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .offer-listing-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .offer-listing-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .offer-listing-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .offer-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .offer-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .offer-listing-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .offer-listing-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .offer-listing-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .offer-listing-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .offer-listing-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .offer-listing-theme .table.role-inner-listing .table-header, .default .offer-listing-theme .table.role-inner-listing .th-column, .default .offer-listing-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .offer-listing-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .offer-listing-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .offer-listing-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .offer-listing-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .offer-listing-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .offer-listing-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .offer-listing-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .offer-listing-theme .filter-options .filter-item select:hover, .default .offer-listing-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .offer-listing-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .offer-listing-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .offer-listing-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .offer-listing-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .offer-listing-theme .search-filter, .default .offer-listing-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .offer-listing-theme .search-filter .form-control, .default .offer-listing-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .offer-listing-theme .search-filter .form-control:hover, .default .offer-listing-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .offer-listing-theme .search-filter .anticon, .default .offer-listing-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .offer-listing-theme .title-section, .default .offer-listing-theme .order-filter-item, .default .offer-listing-theme .filter-section {
  background-color: #e7e7e7;
}
.default .offer-listing-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .offer-listing-theme .add-btn-primary, .default .offer-listing-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .offer-listing-theme .add-btn-primary .badge, .default .offer-listing-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .offer-listing-theme .add-btn-primary .badge i, .default .offer-listing-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .offer-listing-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .offer-listing-theme .table .table-footer {
  font-weight: 700;
}
.default .offer-listing-theme .table-legends {
  padding: 10px 50px;
}
.default .offer-listing-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .offer-listing-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .offer-listing-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .offer-listing-theme .ant-picker-range {
  border-radius: 4px;
}
.default .offer-listing-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .offer-listing-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .drone-listing-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .drone-listing-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .drone-listing-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .drone-listing-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .drone-listing-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .drone-listing-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .drone-listing-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .drone-listing-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .drone-listing-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .drone-listing-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .drone-listing-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .drone-listing-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .drone-listing-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .drone-listing-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .drone-listing-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .drone-listing-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .drone-listing-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .drone-listing-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .drone-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .drone-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .drone-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .drone-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .drone-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .drone-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .drone-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .drone-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .drone-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .drone-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .drone-listing-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .drone-listing-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .drone-listing-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .drone-listing-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .drone-listing-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .drone-listing-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .drone-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .drone-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .drone-listing-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .drone-listing-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .drone-listing-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .drone-listing-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .drone-listing-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .drone-listing-theme .table.role-inner-listing .table-header, .default .drone-listing-theme .table.role-inner-listing .th-column, .default .drone-listing-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .drone-listing-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .drone-listing-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .drone-listing-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .drone-listing-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .drone-listing-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .drone-listing-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .drone-listing-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .drone-listing-theme .filter-options .filter-item select:hover, .default .drone-listing-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .drone-listing-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .drone-listing-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .drone-listing-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .drone-listing-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .drone-listing-theme .search-filter, .default .drone-listing-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .drone-listing-theme .search-filter .form-control, .default .drone-listing-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .drone-listing-theme .search-filter .form-control:hover, .default .drone-listing-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .drone-listing-theme .search-filter .anticon, .default .drone-listing-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .drone-listing-theme .title-section, .default .drone-listing-theme .order-filter-item, .default .drone-listing-theme .filter-section {
  background-color: #e7e7e7;
}
.default .drone-listing-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .drone-listing-theme .add-btn-primary, .default .drone-listing-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .drone-listing-theme .add-btn-primary .badge, .default .drone-listing-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .drone-listing-theme .add-btn-primary .badge i, .default .drone-listing-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .drone-listing-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .drone-listing-theme .table .table-footer {
  font-weight: 700;
}
.default .drone-listing-theme .table-legends {
  padding: 10px 50px;
}
.default .drone-listing-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .drone-listing-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .drone-listing-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .drone-listing-theme .ant-picker-range {
  border-radius: 4px;
}
.default .drone-listing-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .drone-listing-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .supplier-page-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .supplier-page-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .supplier-page-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .supplier-page-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .supplier-page-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .supplier-page-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .supplier-page-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .supplier-page-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .supplier-page-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .supplier-page-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .supplier-page-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .supplier-page-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .supplier-page-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .supplier-page-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .supplier-page-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .supplier-page-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .supplier-page-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .supplier-page-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .supplier-page-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .supplier-page-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .supplier-page-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .supplier-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .supplier-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .supplier-page-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .supplier-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .supplier-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .supplier-page-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .supplier-page-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .supplier-page-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .supplier-page-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .supplier-page-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .supplier-page-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .supplier-page-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .supplier-page-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .supplier-page-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .supplier-page-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .supplier-page-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .supplier-page-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .supplier-page-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .supplier-page-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .supplier-page-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .supplier-page-theme .table.role-inner-listing .table-header, .default .supplier-page-theme .table.role-inner-listing .th-column, .default .supplier-page-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .supplier-page-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .supplier-page-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .supplier-page-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .supplier-page-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .supplier-page-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .supplier-page-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .supplier-page-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .supplier-page-theme .filter-options .filter-item select:hover, .default .supplier-page-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .supplier-page-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .supplier-page-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .supplier-page-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .supplier-page-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .supplier-page-theme .search-filter, .default .supplier-page-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .supplier-page-theme .search-filter .form-control, .default .supplier-page-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .supplier-page-theme .search-filter .form-control:hover, .default .supplier-page-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .supplier-page-theme .search-filter .anticon, .default .supplier-page-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .supplier-page-theme .title-section, .default .supplier-page-theme .order-filter-item, .default .supplier-page-theme .filter-section {
  background-color: #e7e7e7;
}
.default .supplier-page-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .supplier-page-theme .add-btn-primary, .default .supplier-page-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .supplier-page-theme .add-btn-primary .badge, .default .supplier-page-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .supplier-page-theme .add-btn-primary .badge i, .default .supplier-page-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .supplier-page-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .supplier-page-theme .table .table-footer {
  font-weight: 700;
}
.default .supplier-page-theme .table-legends {
  padding: 10px 50px;
}
.default .supplier-page-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .supplier-page-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .supplier-page-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .supplier-page-theme .ant-picker-range {
  border-radius: 4px;
}
.default .supplier-page-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .supplier-page-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .customer-listing-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .customer-listing-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .customer-listing-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .customer-listing-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .customer-listing-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .customer-listing-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .customer-listing-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .customer-listing-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .customer-listing-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .customer-listing-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .customer-listing-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .customer-listing-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .customer-listing-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .customer-listing-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .customer-listing-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .customer-listing-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .customer-listing-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .customer-listing-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .customer-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .customer-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .customer-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .customer-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .customer-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .customer-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .customer-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .customer-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .customer-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .customer-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .customer-listing-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .customer-listing-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .customer-listing-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .customer-listing-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .customer-listing-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .customer-listing-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .customer-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .customer-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .customer-listing-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .customer-listing-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .customer-listing-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .customer-listing-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .customer-listing-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .customer-listing-theme .table.role-inner-listing .table-header, .default .customer-listing-theme .table.role-inner-listing .th-column, .default .customer-listing-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .customer-listing-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .customer-listing-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .customer-listing-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .customer-listing-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .customer-listing-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .customer-listing-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .customer-listing-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .customer-listing-theme .filter-options .filter-item select:hover, .default .customer-listing-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .customer-listing-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .customer-listing-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .customer-listing-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .customer-listing-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .customer-listing-theme .search-filter, .default .customer-listing-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .customer-listing-theme .search-filter .form-control, .default .customer-listing-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .customer-listing-theme .search-filter .form-control:hover, .default .customer-listing-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .customer-listing-theme .search-filter .anticon, .default .customer-listing-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .customer-listing-theme .title-section, .default .customer-listing-theme .order-filter-item, .default .customer-listing-theme .filter-section {
  background-color: #e7e7e7;
}
.default .customer-listing-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .customer-listing-theme .add-btn-primary, .default .customer-listing-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .customer-listing-theme .add-btn-primary .badge, .default .customer-listing-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .customer-listing-theme .add-btn-primary .badge i, .default .customer-listing-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .customer-listing-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .customer-listing-theme .table .table-footer {
  font-weight: 700;
}
.default .customer-listing-theme .table-legends {
  padding: 10px 50px;
}
.default .customer-listing-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .customer-listing-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .customer-listing-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .customer-listing-theme .ant-picker-range {
  border-radius: 4px;
}
.default .customer-listing-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .customer-listing-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .payableInvoiceList-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .payableInvoiceList-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .payableInvoiceList-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .payableInvoiceList-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .payableInvoiceList-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .payableInvoiceList-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .payableInvoiceList-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .payableInvoiceList-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .payableInvoiceList-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .payableInvoiceList-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .payableInvoiceList-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .payableInvoiceList-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .payableInvoiceList-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .payableInvoiceList-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .payableInvoiceList-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .payableInvoiceList-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .payableInvoiceList-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .payableInvoiceList-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .payableInvoiceList-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .payableInvoiceList-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .payableInvoiceList-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .payableInvoiceList-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .payableInvoiceList-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .payableInvoiceList-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .payableInvoiceList-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .payableInvoiceList-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .payableInvoiceList-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .payableInvoiceList-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .payableInvoiceList-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .payableInvoiceList-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .payableInvoiceList-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .payableInvoiceList-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .payableInvoiceList-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .payableInvoiceList-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .payableInvoiceList-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .payableInvoiceList-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .payableInvoiceList-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .payableInvoiceList-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .payableInvoiceList-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .payableInvoiceList-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .payableInvoiceList-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .payableInvoiceList-theme .table.role-inner-listing .table-header, .default .payableInvoiceList-theme .table.role-inner-listing .th-column, .default .payableInvoiceList-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .payableInvoiceList-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .payableInvoiceList-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .payableInvoiceList-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .payableInvoiceList-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .payableInvoiceList-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .payableInvoiceList-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .payableInvoiceList-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .payableInvoiceList-theme .filter-options .filter-item select:hover, .default .payableInvoiceList-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .payableInvoiceList-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .payableInvoiceList-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .payableInvoiceList-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .payableInvoiceList-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .payableInvoiceList-theme .search-filter, .default .payableInvoiceList-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .payableInvoiceList-theme .search-filter .form-control, .default .payableInvoiceList-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .payableInvoiceList-theme .search-filter .form-control:hover, .default .payableInvoiceList-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .payableInvoiceList-theme .search-filter .anticon, .default .payableInvoiceList-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .payableInvoiceList-theme .title-section, .default .payableInvoiceList-theme .order-filter-item, .default .payableInvoiceList-theme .filter-section {
  background-color: #e7e7e7;
}
.default .payableInvoiceList-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .payableInvoiceList-theme .add-btn-primary, .default .payableInvoiceList-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .payableInvoiceList-theme .add-btn-primary .badge, .default .payableInvoiceList-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .payableInvoiceList-theme .add-btn-primary .badge i, .default .payableInvoiceList-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .payableInvoiceList-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .payableInvoiceList-theme .table .table-footer {
  font-weight: 700;
}
.default .payableInvoiceList-theme .table-legends {
  padding: 10px 50px;
}
.default .payableInvoiceList-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .payableInvoiceList-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .payableInvoiceList-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .payableInvoiceList-theme .ant-picker-range {
  border-radius: 4px;
}
.default .payableInvoiceList-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .payableInvoiceList-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .new-coustomer-invoice-list {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .new-coustomer-invoice-list .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .new-coustomer-invoice-list .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .new-coustomer-invoice-list .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .new-coustomer-invoice-list .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .new-coustomer-invoice-list .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .new-coustomer-invoice-list .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .new-coustomer-invoice-list .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .new-coustomer-invoice-list .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .new-coustomer-invoice-list .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .new-coustomer-invoice-list .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .new-coustomer-invoice-list .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .new-coustomer-invoice-list .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .new-coustomer-invoice-list .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .new-coustomer-invoice-list .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .new-coustomer-invoice-list .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .new-coustomer-invoice-list .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .new-coustomer-invoice-list .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .new-coustomer-invoice-list .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .new-coustomer-invoice-list .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .new-coustomer-invoice-list .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .new-coustomer-invoice-list .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .new-coustomer-invoice-list .table .table-body .table-group .sales-article-inner-listing .table-header, .default .new-coustomer-invoice-list .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .new-coustomer-invoice-list .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .new-coustomer-invoice-list .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .new-coustomer-invoice-list .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .new-coustomer-invoice-list .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .new-coustomer-invoice-list .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .new-coustomer-invoice-list .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .new-coustomer-invoice-list .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .new-coustomer-invoice-list .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .new-coustomer-invoice-list .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .new-coustomer-invoice-list .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .new-coustomer-invoice-list .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .new-coustomer-invoice-list .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .new-coustomer-invoice-list .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .new-coustomer-invoice-list .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .new-coustomer-invoice-list .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .new-coustomer-invoice-list .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .new-coustomer-invoice-list .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .new-coustomer-invoice-list .table.role-inner-listing .table-header, .default .new-coustomer-invoice-list .table.role-inner-listing .th-column, .default .new-coustomer-invoice-list .table.role-inner-listing .table-row {
  border: 0px;
}
.default .new-coustomer-invoice-list .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .new-coustomer-invoice-list .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .new-coustomer-invoice-list .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .new-coustomer-invoice-list .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .new-coustomer-invoice-list .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .new-coustomer-invoice-list .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .new-coustomer-invoice-list .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .new-coustomer-invoice-list .filter-options .filter-item select:hover, .default .new-coustomer-invoice-list .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .new-coustomer-invoice-list .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .new-coustomer-invoice-list .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .new-coustomer-invoice-list .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .new-coustomer-invoice-list .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .new-coustomer-invoice-list .search-filter, .default .new-coustomer-invoice-list .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .new-coustomer-invoice-list .search-filter .form-control, .default .new-coustomer-invoice-list .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .new-coustomer-invoice-list .search-filter .form-control:hover, .default .new-coustomer-invoice-list .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .new-coustomer-invoice-list .search-filter .anticon, .default .new-coustomer-invoice-list .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .new-coustomer-invoice-list .title-section, .default .new-coustomer-invoice-list .order-filter-item, .default .new-coustomer-invoice-list .filter-section {
  background-color: #e7e7e7;
}
.default .new-coustomer-invoice-list .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .new-coustomer-invoice-list .add-btn-primary, .default .new-coustomer-invoice-list .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .new-coustomer-invoice-list .add-btn-primary .badge, .default .new-coustomer-invoice-list .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .new-coustomer-invoice-list .add-btn-primary .badge i, .default .new-coustomer-invoice-list .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .new-coustomer-invoice-list .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .new-coustomer-invoice-list .table .table-footer {
  font-weight: 700;
}
.default .new-coustomer-invoice-list .table-legends {
  padding: 10px 50px;
}
.default .new-coustomer-invoice-list .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .new-coustomer-invoice-list .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .new-coustomer-invoice-list .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .new-coustomer-invoice-list .ant-picker-range {
  border-radius: 4px;
}
.default .new-coustomer-invoice-list .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .new-coustomer-invoice-list .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .sickLeaves-listing-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .sickLeaves-listing-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .sickLeaves-listing-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .sickLeaves-listing-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .sickLeaves-listing-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .sickLeaves-listing-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .sickLeaves-listing-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .sickLeaves-listing-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .sickLeaves-listing-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .sickLeaves-listing-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .sickLeaves-listing-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .sickLeaves-listing-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .sickLeaves-listing-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .sickLeaves-listing-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .sickLeaves-listing-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .sickLeaves-listing-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .sickLeaves-listing-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .sickLeaves-listing-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .sickLeaves-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .sickLeaves-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .sickLeaves-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .sickLeaves-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .sickLeaves-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .sickLeaves-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .sickLeaves-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .sickLeaves-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .sickLeaves-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .sickLeaves-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .sickLeaves-listing-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .sickLeaves-listing-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .sickLeaves-listing-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .sickLeaves-listing-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .sickLeaves-listing-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .sickLeaves-listing-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .sickLeaves-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .sickLeaves-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .sickLeaves-listing-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .sickLeaves-listing-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .sickLeaves-listing-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .sickLeaves-listing-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .sickLeaves-listing-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .sickLeaves-listing-theme .table.role-inner-listing .table-header, .default .sickLeaves-listing-theme .table.role-inner-listing .th-column, .default .sickLeaves-listing-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .sickLeaves-listing-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .sickLeaves-listing-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .sickLeaves-listing-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .sickLeaves-listing-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .sickLeaves-listing-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .sickLeaves-listing-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .sickLeaves-listing-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .sickLeaves-listing-theme .filter-options .filter-item select:hover, .default .sickLeaves-listing-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .sickLeaves-listing-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .sickLeaves-listing-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .sickLeaves-listing-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .sickLeaves-listing-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .sickLeaves-listing-theme .search-filter, .default .sickLeaves-listing-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .sickLeaves-listing-theme .search-filter .form-control, .default .sickLeaves-listing-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .sickLeaves-listing-theme .search-filter .form-control:hover, .default .sickLeaves-listing-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .sickLeaves-listing-theme .search-filter .anticon, .default .sickLeaves-listing-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .sickLeaves-listing-theme .title-section, .default .sickLeaves-listing-theme .order-filter-item, .default .sickLeaves-listing-theme .filter-section {
  background-color: #e7e7e7;
}
.default .sickLeaves-listing-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .sickLeaves-listing-theme .add-btn-primary, .default .sickLeaves-listing-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .sickLeaves-listing-theme .add-btn-primary .badge, .default .sickLeaves-listing-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .sickLeaves-listing-theme .add-btn-primary .badge i, .default .sickLeaves-listing-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .sickLeaves-listing-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .sickLeaves-listing-theme .table .table-footer {
  font-weight: 700;
}
.default .sickLeaves-listing-theme .table-legends {
  padding: 10px 50px;
}
.default .sickLeaves-listing-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .sickLeaves-listing-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .sickLeaves-listing-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .sickLeaves-listing-theme .ant-picker-range {
  border-radius: 4px;
}
.default .sickLeaves-listing-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .sickLeaves-listing-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .sickLeaves-listing-theme .collapse-ec {
  border: unset;
  border-radius: unset;
}
.default .sickLeaves-listing-theme .title h3 {
  font-weight: bold;
}
.default .sickLeaves-listing-theme .modal-sec-collapsible {
  box-shadow: none !important;
}
.default .sickLeaves-listing-theme .employee-leave-listing .table-header .th-column:nth-child(1),
.default .sickLeaves-listing-theme .employee-leave-listing .table-row div:nth-child(1) {
  width: 15%;
}
.default .sickLeaves-listing-theme .employee-leave-listing .table-header .th-column:nth-child(2),
.default .sickLeaves-listing-theme .employee-leave-listing .table-row div:nth-child(2) {
  width: 15%;
}
.default .sickLeaves-listing-theme .employee-leave-listing .table-header .th-column:nth-child(3),
.default .sickLeaves-listing-theme .employee-leave-listing .table-row div:nth-child(3) {
  width: 10%;
}
.default .sickLeaves-listing-theme .employee-leave-listing .table-header .th-column:nth-child(4),
.default .sickLeaves-listing-theme .employee-leave-listing .table-row div:nth-child(4) {
  width: 35%;
}
.default .sickLeaves-listing-theme .employee-leave-listing .table-header .th-column:nth-child(5),
.default .sickLeaves-listing-theme .employee-leave-listing .table-row div:nth-child(5) {
  width: 10%;
}
.default .sickLeaves-listing-theme .employee-leave-listing .table-header .th-column:nth-child(6),
.default .sickLeaves-listing-theme .employee-leave-listing .table-row div:nth-child(6) {
  width: 8%;
}
.default .sickLeaves-listing-theme .employee-leave-listing .table-header .th-column:nth-child(7),
.default .sickLeaves-listing-theme .employee-leave-listing .table-row div:nth-child(7) {
  width: 12%;
}
.default .sickLeaves-listing-theme .employee-leave-listing .table-header .th-column:nth-child(8),
.default .sickLeaves-listing-theme .employee-leave-listing .table-row div:nth-child(8) {
  width: 50px;
}
.default .sickLeaves-listing-theme .employee-leave-listing .table-header .th-column:nth-child(9),
.default .sickLeaves-listing-theme .employee-leave-listing .table-row div:nth-child(9) {
  width: 50px;
}
.default .sickLeaves-listing-theme .employee-leave-listing .summary-count-row div:nth-child(1) {
  width: 30%;
}
.default .sickLeaves-listing-theme .employee-leave-listing .summary-count-row div:nth-child(2) {
  width: 10%;
}
.default .sickLeaves-listing-theme .employee-leave-listing .summary-count-row div:nth-child(3) {
  width: 20%;
}
.default .sickLeaves-listing-theme .employee-leave-listing .summary-count-row div:nth-child(4) {
  width: 15%;
}
.default .sickLeaves-listing-theme .employee-leave-listing .summary-count-row div:nth-child(5) {
  width: 18% !important;
}
.default .sickLeaves-listing-theme .employee-leave-listing .summary-count-row div:nth-child(6) {
  width: 12% !important;
}
.default .sickLeaves-listing-theme .employee-leave-listing .summary-count-row div:nth-child(7) {
  width: 55px !important;
}
.default .sickLeaves-listing-theme .employee-leave-listing .summary-count-row div:nth-child(8) {
  width: 50px;
}
.default .sickLeaves-listing-theme .employee-leave-listing .table-footer div:nth-child(1) {
  width: 30%;
}
.default .sickLeaves-listing-theme .employee-leave-listing .table-footer div:nth-child(2) {
  width: 10%;
}
.default .sickLeaves-listing-theme .employee-leave-listing .table-footer div:nth-child(3) {
  width: 20%;
}
.default .sickLeaves-listing-theme .employee-leave-listing .table-footer div:nth-child(4) {
  width: 45% !important;
}
.default .sickLeaves-listing-theme .employee-leave-listing .table-footer div:nth-child(5) {
  width: 49px !important;
}
.default .sickLeaves-listing-theme .employee-leave-listing .table-footer div:nth-child(6) {
  width: 50px;
}
.default .transaction-report-page-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .transaction-report-page-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .transaction-report-page-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .transaction-report-page-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .transaction-report-page-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .transaction-report-page-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .transaction-report-page-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .transaction-report-page-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .transaction-report-page-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .transaction-report-page-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .transaction-report-page-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .transaction-report-page-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .transaction-report-page-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .transaction-report-page-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .transaction-report-page-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .transaction-report-page-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .transaction-report-page-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .transaction-report-page-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .transaction-report-page-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .transaction-report-page-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .transaction-report-page-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .transaction-report-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .transaction-report-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .transaction-report-page-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .transaction-report-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .transaction-report-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .transaction-report-page-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .transaction-report-page-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .transaction-report-page-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .transaction-report-page-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .transaction-report-page-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .transaction-report-page-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .transaction-report-page-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .transaction-report-page-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .transaction-report-page-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .transaction-report-page-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .transaction-report-page-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .transaction-report-page-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .transaction-report-page-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .transaction-report-page-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .transaction-report-page-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .transaction-report-page-theme .table.role-inner-listing .table-header, .default .transaction-report-page-theme .table.role-inner-listing .th-column, .default .transaction-report-page-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .transaction-report-page-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .transaction-report-page-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .transaction-report-page-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .transaction-report-page-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .transaction-report-page-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .transaction-report-page-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .transaction-report-page-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .transaction-report-page-theme .filter-options .filter-item select:hover, .default .transaction-report-page-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .transaction-report-page-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .transaction-report-page-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .transaction-report-page-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .transaction-report-page-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .transaction-report-page-theme .search-filter, .default .transaction-report-page-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .transaction-report-page-theme .search-filter .form-control, .default .transaction-report-page-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .transaction-report-page-theme .search-filter .form-control:hover, .default .transaction-report-page-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .transaction-report-page-theme .search-filter .anticon, .default .transaction-report-page-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .transaction-report-page-theme .title-section, .default .transaction-report-page-theme .order-filter-item, .default .transaction-report-page-theme .filter-section {
  background-color: #e7e7e7;
}
.default .transaction-report-page-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .transaction-report-page-theme .add-btn-primary, .default .transaction-report-page-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .transaction-report-page-theme .add-btn-primary .badge, .default .transaction-report-page-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .transaction-report-page-theme .add-btn-primary .badge i, .default .transaction-report-page-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .transaction-report-page-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .transaction-report-page-theme .table .table-footer {
  font-weight: 700;
}
.default .transaction-report-page-theme .table-legends {
  padding: 10px 50px;
}
.default .transaction-report-page-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .transaction-report-page-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .transaction-report-page-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .transaction-report-page-theme .ant-picker-range {
  border-radius: 4px;
}
.default .transaction-report-page-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .transaction-report-page-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .surveys-listing-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .surveys-listing-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .surveys-listing-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .surveys-listing-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .surveys-listing-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .surveys-listing-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .surveys-listing-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .surveys-listing-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .surveys-listing-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .surveys-listing-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .surveys-listing-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .surveys-listing-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .surveys-listing-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .surveys-listing-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .surveys-listing-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .surveys-listing-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .surveys-listing-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .surveys-listing-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .surveys-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .surveys-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .surveys-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .surveys-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .surveys-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .surveys-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .surveys-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .surveys-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .surveys-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .surveys-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .surveys-listing-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .surveys-listing-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .surveys-listing-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .surveys-listing-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .surveys-listing-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .surveys-listing-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .surveys-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .surveys-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .surveys-listing-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .surveys-listing-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .surveys-listing-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .surveys-listing-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .surveys-listing-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .surveys-listing-theme .table.role-inner-listing .table-header, .default .surveys-listing-theme .table.role-inner-listing .th-column, .default .surveys-listing-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .surveys-listing-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .surveys-listing-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .surveys-listing-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .surveys-listing-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .surveys-listing-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .surveys-listing-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .surveys-listing-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .surveys-listing-theme .filter-options .filter-item select:hover, .default .surveys-listing-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .surveys-listing-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .surveys-listing-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .surveys-listing-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .surveys-listing-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .surveys-listing-theme .search-filter, .default .surveys-listing-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .surveys-listing-theme .search-filter .form-control, .default .surveys-listing-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .surveys-listing-theme .search-filter .form-control:hover, .default .surveys-listing-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .surveys-listing-theme .search-filter .anticon, .default .surveys-listing-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .surveys-listing-theme .title-section, .default .surveys-listing-theme .order-filter-item, .default .surveys-listing-theme .filter-section {
  background-color: #e7e7e7;
}
.default .surveys-listing-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .surveys-listing-theme .add-btn-primary, .default .surveys-listing-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .surveys-listing-theme .add-btn-primary .badge, .default .surveys-listing-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .surveys-listing-theme .add-btn-primary .badge i, .default .surveys-listing-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .surveys-listing-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .surveys-listing-theme .table .table-footer {
  font-weight: 700;
}
.default .surveys-listing-theme .table-legends {
  padding: 10px 50px;
}
.default .surveys-listing-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .surveys-listing-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .surveys-listing-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .surveys-listing-theme .ant-picker-range {
  border-radius: 4px;
}
.default .surveys-listing-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .surveys-listing-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .deviation-listing-page-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .deviation-listing-page-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .deviation-listing-page-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .deviation-listing-page-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .deviation-listing-page-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .deviation-listing-page-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .deviation-listing-page-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .deviation-listing-page-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .deviation-listing-page-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .deviation-listing-page-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .deviation-listing-page-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .deviation-listing-page-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .deviation-listing-page-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .deviation-listing-page-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .deviation-listing-page-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .deviation-listing-page-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .deviation-listing-page-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .deviation-listing-page-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .deviation-listing-page-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .deviation-listing-page-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .deviation-listing-page-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .deviation-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .deviation-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .deviation-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .deviation-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .deviation-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .deviation-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .deviation-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .deviation-listing-page-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .deviation-listing-page-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .deviation-listing-page-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .deviation-listing-page-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .deviation-listing-page-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .deviation-listing-page-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .deviation-listing-page-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .deviation-listing-page-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .deviation-listing-page-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .deviation-listing-page-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .deviation-listing-page-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .deviation-listing-page-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .deviation-listing-page-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .deviation-listing-page-theme .table.role-inner-listing .table-header, .default .deviation-listing-page-theme .table.role-inner-listing .th-column, .default .deviation-listing-page-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .deviation-listing-page-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .deviation-listing-page-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .deviation-listing-page-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .deviation-listing-page-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .deviation-listing-page-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .deviation-listing-page-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .deviation-listing-page-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .deviation-listing-page-theme .filter-options .filter-item select:hover, .default .deviation-listing-page-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .deviation-listing-page-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .deviation-listing-page-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .deviation-listing-page-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .deviation-listing-page-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .deviation-listing-page-theme .search-filter, .default .deviation-listing-page-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .deviation-listing-page-theme .search-filter .form-control, .default .deviation-listing-page-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .deviation-listing-page-theme .search-filter .form-control:hover, .default .deviation-listing-page-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .deviation-listing-page-theme .search-filter .anticon, .default .deviation-listing-page-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .deviation-listing-page-theme .title-section, .default .deviation-listing-page-theme .order-filter-item, .default .deviation-listing-page-theme .filter-section {
  background-color: #e7e7e7;
}
.default .deviation-listing-page-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .deviation-listing-page-theme .add-btn-primary, .default .deviation-listing-page-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .deviation-listing-page-theme .add-btn-primary .badge, .default .deviation-listing-page-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .deviation-listing-page-theme .add-btn-primary .badge i, .default .deviation-listing-page-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .deviation-listing-page-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .deviation-listing-page-theme .table .table-footer {
  font-weight: 700;
}
.default .deviation-listing-page-theme .table-legends {
  padding: 10px 50px;
}
.default .deviation-listing-page-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .deviation-listing-page-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .deviation-listing-page-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .deviation-listing-page-theme .ant-picker-range {
  border-radius: 4px;
}
.default .deviation-listing-page-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .deviation-listing-page-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .pilot-listing-page-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .pilot-listing-page-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .pilot-listing-page-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .pilot-listing-page-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .pilot-listing-page-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .pilot-listing-page-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .pilot-listing-page-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .pilot-listing-page-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .pilot-listing-page-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .pilot-listing-page-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .pilot-listing-page-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .pilot-listing-page-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .pilot-listing-page-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .pilot-listing-page-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .pilot-listing-page-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .pilot-listing-page-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .pilot-listing-page-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .pilot-listing-page-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .pilot-listing-page-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .pilot-listing-page-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .pilot-listing-page-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .pilot-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .pilot-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .pilot-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .pilot-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .pilot-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .pilot-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .pilot-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .pilot-listing-page-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .pilot-listing-page-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .pilot-listing-page-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .pilot-listing-page-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .pilot-listing-page-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .pilot-listing-page-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .pilot-listing-page-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .pilot-listing-page-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .pilot-listing-page-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .pilot-listing-page-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .pilot-listing-page-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .pilot-listing-page-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .pilot-listing-page-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .pilot-listing-page-theme .table.role-inner-listing .table-header, .default .pilot-listing-page-theme .table.role-inner-listing .th-column, .default .pilot-listing-page-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .pilot-listing-page-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .pilot-listing-page-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .pilot-listing-page-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .pilot-listing-page-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .pilot-listing-page-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .pilot-listing-page-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .pilot-listing-page-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .pilot-listing-page-theme .filter-options .filter-item select:hover, .default .pilot-listing-page-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .pilot-listing-page-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .pilot-listing-page-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .pilot-listing-page-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .pilot-listing-page-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .pilot-listing-page-theme .search-filter, .default .pilot-listing-page-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .pilot-listing-page-theme .search-filter .form-control, .default .pilot-listing-page-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .pilot-listing-page-theme .search-filter .form-control:hover, .default .pilot-listing-page-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .pilot-listing-page-theme .search-filter .anticon, .default .pilot-listing-page-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .pilot-listing-page-theme .title-section, .default .pilot-listing-page-theme .order-filter-item, .default .pilot-listing-page-theme .filter-section {
  background-color: #e7e7e7;
}
.default .pilot-listing-page-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .pilot-listing-page-theme .add-btn-primary, .default .pilot-listing-page-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .pilot-listing-page-theme .add-btn-primary .badge, .default .pilot-listing-page-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .pilot-listing-page-theme .add-btn-primary .badge i, .default .pilot-listing-page-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .pilot-listing-page-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .pilot-listing-page-theme .table .table-footer {
  font-weight: 700;
}
.default .pilot-listing-page-theme .table-legends {
  padding: 10px 50px;
}
.default .pilot-listing-page-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .pilot-listing-page-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .pilot-listing-page-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .pilot-listing-page-theme .ant-picker-range {
  border-radius: 4px;
}
.default .pilot-listing-page-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .pilot-listing-page-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .pilot-listing-page-theme .table-group .table {
  background-color: #fdffd7;
  padding: 5px 15px;
}
.default .pilot-listing-page-theme .table-group .table .table-header {
  border-top: none !important;
  border-left: none !important;
  border-bottom-color: #000;
}
.default .pilot-listing-page-theme .table-group .table .table-header .th-column {
  border-right: none !important;
}
.default .pilot-listing-page-theme .table-group .table .table-body .table-row {
  border-left: none;
  background-color: #fdffd7;
}
.default .pilot-listing-page-theme .table-group .table .table-body .table-row div {
  border: none !important;
}
.default .organization-wrapper {
  max-width: 60%;
  min-width: 500px;
  margin: 0 auto;
}
.default .organization-wrapper:first-child {
  margin: 30px auto 0 auto;
}
.default .organization-wrapper .designation-title {
  display: flex;
  padding-left: 15px;
}
.default .organization-wrapper .designation-title .title {
  font-weight: bold;
}
.default .organization-wrapper .designation-title .number {
  margin-left: 5px;
  background: #c0bfbf;
  padding: 1px 3px;
  color: #fff;
  border-radius: 4px;
}
.default .organization-wrapper .rowStyle {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 8px 0;
  justify-content: center;
}
.default .organization-wrapper .cardStyle {
  border: 1px solid rgb(221, 221, 221);
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px;
  padding: 8px;
  margin: 8px;
  width: 300px;
  height: auto;
  text-align: center;
  background-color: rgb(255, 255, 255);
  transition: box-shadow 0.3s ease-in-out 0s;
  display: flex;
  flex-direction: row;
  gap: 5px;
}
.default .organization-wrapper .cardStyle:hover {
  box-shadow: "0 8px 16px rgba(0, 0, 0, 0.2)";
}
.default .organization-wrapper .cardStyle .imgContainor {
  align-self: center;
}
.default .organization-wrapper .cardStyle .imgContainor .imgStyle {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.default .organization-wrapper .cardStyle .default-avatar {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  background-color: #22befb;
  color: #cce6ed;
}
.default .organization-wrapper .cardStyle .detailContainor {
  text-align: left;
  text-align: left;
  width: 250px;
  overflow-wrap: anywhere;
  overflow: hidden;
  height: auto;
}
.default .organization-wrapper .cardStyle .detailContainor .divStyle {
  margin: 3px 0px;
  display: flex;
  align-items: center;
}
.default .organization-wrapper .cardStyle .detailContainor .divStyle .tec-email {
  font-weight: normal;
  max-width: 180px;
}
.default .organization-wrapper .cardStyle .detailContainor .divStyle .align-items-center {
  align-items: center !important;
}
.default .organization-wrapper .cardStyle .detailContainor .name {
  font-weight: bold;
  font-size: 1.1em;
}
.default .organization-wrapper .cardStyle .detailContainor .normal {
  color: #666;
}
.default .organization-wrapper .cardStyle .detailContainor .normal a {
  color: #666;
}
.default .organization-wrapper .cardStyle .detailContainor .icon {
  font-size: 15px;
  margin-right: 3px;
}
.default .organization-wrapper .cardStyle.expanded {
  height: auto;
}
.default .organization-wrapper .cardStyle.expanded .detailContainor {
  overflow: unset !important;
  height: auto !important;
}
.default .organization-wrapper .cardStyle.expanded .imgContainor {
  align-self: flex-start;
  margin-top: 6px;
}
.default .organization-wrapper .cardStyle .icon {
  cursor: pointer;
  user-select: none;
}
.default .organization-wrapper .cardStyle .icon .material-icons {
  border: 1px solid #b5acac;
  border-radius: 50%;
}
.default .organization-wrapper .line {
  height: 10px;
  border-top: 2px solid #c7c0c0;
  border-left: 2px solid #c7c0c0;
  border-right: 2px solid #c7c0c0;
}
.default .organization-wrapper .line .upperPart {
  width: 2px;
  height: 9px;
  background-color: #c7c0c0;
  position: relative;
  top: -9px;
  left: 50%;
}
.default .title-org-chart {
  text-align: center;
  margin-top: 20px !important;
  color: #666060;
}
.default .equipment-page-theme .equipment-page-theme .order-nav {
  background: #ffffff;
}
.default .equipment-page-theme .equipment-page-theme .order-nav:hover .left-menu-container {
  overflow-y: auto !important;
}
.default .equipment-page-theme .equipment-page-theme .order-nav-hide {
  background: #ffffff;
}
.default .equipment-page-theme .equipment-page-theme .show-all-module {
  padding: 23px 40px 25px;
}
.default .equipment-page-theme .equipment-page-theme .show-all-module button, .default .equipment-page-theme .equipment-page-theme .show-all-module .btn-primary, .default .equipment-page-theme .equipment-page-theme .show-all-module .jo-btn {
  text-transform: unset !important;
  display: block;
  background: unset !important;
  text-align: right;
  color: #414e57;
  justify-content: end;
  font-size: 14px !important;
  padding-right: 36px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  width: 102%;
}
.default .equipment-page-theme .equipment-page-theme .show-all-module button:hover, .default .equipment-page-theme .equipment-page-theme .show-all-module .btn-primary:hover, .default .equipment-page-theme .equipment-page-theme .show-all-module .jo-btn:hover {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  background-color: #fac238 !important;
  color: #000;
  width: 102%;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .equipment-page-theme .equipment-page-theme .show-all-module .jo-btn {
  margin-top: 0px;
}
.default .equipment-page-theme .equipment-page-theme .long-menu {
  padding: 5px 0px;
  width: 288px !important;
}
.default .equipment-page-theme .equipment-page-theme .long-menu .show-all-module {
  padding: 35px 30px 40px 20px;
}
.default .equipment-page-theme .equipment-page-theme .long-menu .show-all-module .btn-primary {
  min-height: 40px;
  text-align: left !important;
  padding-left: 25px;
  margin-bottom: 5px;
}
.default .equipment-page-theme .equipment-page-theme .long-menu .show-all-module .btn-primary:hover {
  border-radius: 8px;
  background-color: #d9f4ff !important;
}
.default .equipment-page-theme .equipment-page-theme .long-menu .left-menu-container .nav-item {
  margin: 0 40px 5px 20px;
  padding-left: 25px;
}
.default .equipment-page-theme .equipment-page-theme .long-menu .left-menu-container .nav-item .nav-item-name {
  text-align: left !important;
}
.default .equipment-page-theme .equipment-page-theme .long-menu .left-menu-container .nav-item:hover::after {
  background-color: #d9f4ff !important;
}
.default .equipment-page-theme .equipment-page-theme .long-menu .left-menu-container .nav-item:after {
  border-radius: 8px;
}
.default .equipment-page-theme .equipment-page-theme .long-menu .left-menu-container .selected-item:after {
  width: 115%;
  background-color: #e9e8e6 !important;
}
.default .equipment-page-theme .equipment-page-theme .long-menu .toggle-container-show {
  right: 40px;
}
@media only screen and (min-width: 1537px) {
  .default .equipment-page-theme .equipment-page-theme .long-menu .add-btn {
    left: 170px;
  }
}
@media only screen and (min-width: 1030px) and (max-width: 1366px) {
  .default .equipment-page-theme .equipment-page-theme .long-menu .add-btn {
    left: 155px;
    top: 7px;
  }
  .default .equipment-page-theme .equipment-page-theme .long-menu .left-menu-container .nav-item {
    font-size: 13px !important;
  }
}
.default .equipment-page-theme .equipment-page-theme .long-menu .left-menu-container {
  height: 60vh;
}
.default .equipment-page-theme .equipment-page-theme .left-menu-container {
  display: flex;
  flex-direction: column;
  scrollbar-gutter: stable;
  overflow-y: hidden !important;
  margin-top: 20px;
  background: #ffffff;
}
.default .equipment-page-theme .equipment-page-theme .left-menu-container .nav-item {
  color: #414e57;
  height: auto;
  min-height: 38px;
  font-size: 14px !important;
  margin-bottom: 5px;
}
.default .equipment-page-theme .equipment-page-theme .left-menu-container .nav-item .nav-item-name {
  display: grid;
  text-align: right;
  margin-right: 14px;
  min-height: 40px;
  height: auto;
  font-family: "Figtree", sans-serif;
  font-weight: 500;
}
.default .equipment-page-theme .equipment-page-theme .left-menu-container .nav-item:after {
  content: "";
  position: absolute;
  background: #e9e8e6;
  left: 0;
  width: 0%;
  height: 100%;
  color: #000 !important;
  z-index: -1;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: width 0.25s ease-in-out;
  -moz-transition: width 0.25s ease-in-out;
  -ms-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}
.default .equipment-page-theme .equipment-page-theme .left-menu-container .nav-item:hover::after {
  width: 115%;
}
.default .equipment-page-theme .equipment-page-theme .left-menu-container .nav-item:hover {
  margin-bottom: 5px;
}
.default .equipment-page-theme .equipment-page-theme .left-menu-container .nav-item:hover .nav-item-name {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .equipment-page-theme .equipment-page-theme .left-menu-container .selected-item {
  color: #000;
  max-height: fit-content;
  margin-bottom: 5px;
  min-height: 38px;
}
.default .equipment-page-theme .equipment-page-theme .left-menu-container .selected-item:after {
  content: "";
  position: absolute;
  background: #e9e8e6 !important;
  left: 0;
  width: 115%;
  height: 100%;
  z-index: -1;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: width 0.25s ease-in-out;
  -moz-transition: width 0.25s ease-in-out;
  -ms-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}
.default .equipment-page-theme .equipment-page-theme .left-menu-container .selected-item .selected {
  background: unset !important;
}
.default .equipment-page-theme .equipment-page-theme .left-menu-container .selected-item .add-btn {
  visibility: visible !important;
}
.default .equipment-page-theme .equipment-page-theme .left-menu-container .selected-item .nav-item-name {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .equipment-page-theme .equipment-page-theme .left-menu-container .email-template-module .email-template-title {
  margin-bottom: 10px;
  margin-left: 35px;
}
.default .equipment-page-theme .equipment-page-theme .toggle-button-left, .default .equipment-page-theme .equipment-page-theme .toggle-button-right {
  top: 0px;
  background-color: #e9e8e6 !important;
  color: #242424 !important;
  border: 4px solid #fff;
  box-sizing: content-box;
  box-shadow: none;
}
.default .equipment-page-theme .equipment-page-theme .toggle-button-left:hover, .default .equipment-page-theme .equipment-page-theme .toggle-button-right:hover {
  color: #4f4d4d !important;
  box-shadow: none !important;
}
.default .equipment-page-theme .equipment-page-theme .toggle-container-show, .default .equipment-page-theme .equipment-page-theme .toggle-container-hide {
  top: 10px;
}
.default .equipment-page-theme .equipment-page-theme .toggle-container-show::after, .default .equipment-page-theme .equipment-page-theme .toggle-container-hide::after, .default .equipment-page-theme .equipment-page-theme .toggle-container-show-email-nav::after, .default .equipment-page-theme .equipment-page-theme .toggle-container-show-email-container::after {
  animation: none !important;
  box-shadow: none !important;
}
.default .equipment-page-theme .equipment-page-theme .toggle-container-hide, .default .equipment-page-theme .equipment-page-theme .toggle-container-show {
  box-shadow: none !important;
}
.default .equipment-page-theme .equipment-page-theme .salary-view .nav-item:nth-child(6), .default .equipment-page-theme .equipment-page-theme .salary-view .nav-item:nth-child(7) {
  background: unset !important;
}
.default .equipment-page-theme .right-sec .stat-gorup {
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  align-items: flex-start;
}
.default .equipment-page-theme .order-top-sec .order-title {
  width: 40%;
}
.default .equipment-page-theme .drone-img img {
  width: 100%;
}
.default .reportTables-page-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .reportTables-page-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .reportTables-page-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .reportTables-page-theme .filter-options .filter-item select:hover, .default .reportTables-page-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .reportTables-page-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .reportTables-page-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .reportTables-page-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .reportTables-page-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .reportTables-page-theme .search-filter, .default .reportTables-page-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .reportTables-page-theme .search-filter .form-control, .default .reportTables-page-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .reportTables-page-theme .search-filter .form-control:hover, .default .reportTables-page-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .reportTables-page-theme .search-filter .anticon, .default .reportTables-page-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .reportTables-page-theme .title-section, .default .reportTables-page-theme .order-filter-item, .default .reportTables-page-theme .filter-section {
  background-color: #e7e7e7;
}
.default .reportTables-page-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .reportTables-page-theme .add-btn-primary, .default .reportTables-page-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .reportTables-page-theme .add-btn-primary .badge, .default .reportTables-page-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .reportTables-page-theme .add-btn-primary .badge i, .default .reportTables-page-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .reportTables-page-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .reportTables-page-theme .table .table-footer {
  font-weight: 700;
}
.default .reportTables-page-theme .table-legends {
  padding: 10px 50px;
}
.default .reportTables-page-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .reportTables-page-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .reportTables-page-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .reportTables-page-theme .ant-picker-range {
  border-radius: 4px;
}
.default .reportTables-page-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .reportTables-page-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .reportTables-page-theme .dynamic-reports-dropdown {
  min-width: 300px;
}
.default .reportTables-page-theme .filter-section {
  gap: 10px;
}
.default .reportTables-page-theme .filter-section .btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90px;
  border: none;
  outline: none;
  cursor: pointer;
  text-transform: uppercase !important;
  color: #ffffff;
  font-size: 11px !important;
  font-weight: 600;
  letter-spacing: 0.6px;
  height: 36px;
  padding: 0 15px;
  background: #15bef0;
  line-height: initial !important;
  border-radius: 2px;
  transition: all 0.35s ease-in-out;
}
.default .reportTables-page-theme .dynamic-reports-dropdown [class$=-ValueContainer] {
  margin-top: 5px;
}
.default .reportTables-page-theme .reportTables-loader .loader-container {
  bottom: 75% !important;
  background: unset !important;
}
.default .reportTables-page-theme .empty {
  border-bottom: 0px;
  height: calc(100vh - 280px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
}
.default .reportTables-page-theme .empty i {
  font-size: 270px;
  color: #ccc;
}
.default .reportTables-page-theme .empty h2 {
  color: #ccc;
  font-size: 20px;
}
.default .reportTables-page-theme .Html-table-wrapper {
  margin-left: 50px;
  margin-right: 50px;
  height: 57vh;
  overflow-x: auto;
}
.default .reportTables-page-theme table {
  border-collapse: unset !important;
  width: 100%;
}
.default .reportTables-page-theme th {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
  height: 44px;
  padding: 22px 10px 6px;
}
.default .reportTables-page-theme thead {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-right-radius: 10px;
}
.default .reportTables-page-theme th:first-child {
  border-top-left-radius: 8px !important;
}
.default .reportTables-page-theme td, .default .reportTables-page-theme tr, .default .reportTables-page-theme th {
  padding: 1;
  text-align: left;
  font-size: 11px !important;
}
.default .reportTables-page-theme td.align-right, .default .reportTables-page-theme tr.align-right, .default .reportTables-page-theme th.align-right {
  text-align: right;
}
.default .reportTables-page-theme td.align-left, .default .reportTables-page-theme tr.align-left, .default .reportTables-page-theme th.align-left {
  text-align: left;
}
.default .reportTables-page-theme tr:hover td {
  background: #d9d9d9;
  cursor: pointer;
}
.default .reportTables-page-theme tr td {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
  background-color: #f3f3f2;
  height: 36px;
  padding: 0 10px;
  position: relative;
  vertical-align: middle;
}
.default .reportTables-page-theme tr td:first-child {
  border-left: 2px solid #e9e8e6;
}
.default .reportTables-page-theme .load-more, .default .reportTables-page-theme .Invalid-container {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 308px);
}
.default .reportTables-page-theme .load-more .no-records-message, .default .reportTables-page-theme .load-more .message, .default .reportTables-page-theme .Invalid-container .no-records-message, .default .reportTables-page-theme .Invalid-container .message {
  font-size: 20px;
  color: #989fa7;
  letter-spacing: 0.03em;
  display: block;
  padding: 20px;
  border-bottom: 1px solid;
}
.default .customer-invoice-listing-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .customer-invoice-listing-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .customer-invoice-listing-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .customer-invoice-listing-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .customer-invoice-listing-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .customer-invoice-listing-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .customer-invoice-listing-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .customer-invoice-listing-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .customer-invoice-listing-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .customer-invoice-listing-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .customer-invoice-listing-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .customer-invoice-listing-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .customer-invoice-listing-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .customer-invoice-listing-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .customer-invoice-listing-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .customer-invoice-listing-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .customer-invoice-listing-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .customer-invoice-listing-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .customer-invoice-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .customer-invoice-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .customer-invoice-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .customer-invoice-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .customer-invoice-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .customer-invoice-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .customer-invoice-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .customer-invoice-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .customer-invoice-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .customer-invoice-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .customer-invoice-listing-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .customer-invoice-listing-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .customer-invoice-listing-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .customer-invoice-listing-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .customer-invoice-listing-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .customer-invoice-listing-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .customer-invoice-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .customer-invoice-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .customer-invoice-listing-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .customer-invoice-listing-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .customer-invoice-listing-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .customer-invoice-listing-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .customer-invoice-listing-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .customer-invoice-listing-theme .table.role-inner-listing .table-header, .default .customer-invoice-listing-theme .table.role-inner-listing .th-column, .default .customer-invoice-listing-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .customer-invoice-listing-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .customer-invoice-listing-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .customer-invoice-listing-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .customer-invoice-listing-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .customer-invoice-listing-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .customer-invoice-listing-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .customer-invoice-listing-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .customer-invoice-listing-theme .filter-options .filter-item select:hover, .default .customer-invoice-listing-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .customer-invoice-listing-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .customer-invoice-listing-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .customer-invoice-listing-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .customer-invoice-listing-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .customer-invoice-listing-theme .search-filter, .default .customer-invoice-listing-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .customer-invoice-listing-theme .search-filter .form-control, .default .customer-invoice-listing-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .customer-invoice-listing-theme .search-filter .form-control:hover, .default .customer-invoice-listing-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .customer-invoice-listing-theme .search-filter .anticon, .default .customer-invoice-listing-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .customer-invoice-listing-theme .title-section, .default .customer-invoice-listing-theme .order-filter-item, .default .customer-invoice-listing-theme .filter-section {
  background-color: #e7e7e7;
}
.default .customer-invoice-listing-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .customer-invoice-listing-theme .add-btn-primary, .default .customer-invoice-listing-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .customer-invoice-listing-theme .add-btn-primary .badge, .default .customer-invoice-listing-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .customer-invoice-listing-theme .add-btn-primary .badge i, .default .customer-invoice-listing-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .customer-invoice-listing-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .customer-invoice-listing-theme .table .table-footer {
  font-weight: 700;
}
.default .customer-invoice-listing-theme .table-legends {
  padding: 10px 50px;
}
.default .customer-invoice-listing-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .customer-invoice-listing-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .customer-invoice-listing-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .customer-invoice-listing-theme .ant-picker-range {
  border-radius: 4px;
}
.default .customer-invoice-listing-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .customer-invoice-listing-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .customer-invoice-listing-theme .infinite-scroll-component {
  border-color: #f1f1f1;
}
.default .customer-invoice-listing-theme .table-legends {
  background-color: #f1f1f1;
}
.default .customer-invoice-listing-theme .cus-inv-main-credit-note-list .icon-btn {
  gap: 25px;
}
.default .customer-invoice-listing-theme .service-select-filter {
  min-width: 235px;
}
.default .document-page-theme .filter-options, .default .presentation-page-theme .filter-options, .default .sales-campaign .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .document-page-theme .filter-options .button, .default .presentation-page-theme .filter-options .button, .default .sales-campaign .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .document-page-theme .filter-options .filter-item select, .default .presentation-page-theme .filter-options .filter-item select, .default .sales-campaign .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .document-page-theme .filter-options .filter-item select:hover, .default .document-page-theme .filter-options .filter-item select:focus, .default .presentation-page-theme .filter-options .filter-item select:hover, .default .presentation-page-theme .filter-options .filter-item select:focus, .default .sales-campaign .filter-options .filter-item select:hover, .default .sales-campaign .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .document-page-theme .filter-options .filter-item:after, .default .presentation-page-theme .filter-options .filter-item:after, .default .sales-campaign .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .document-page-theme .filter-options .filter-item:first-child select, .default .presentation-page-theme .filter-options .filter-item:first-child select, .default .sales-campaign .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .document-page-theme .filter-options .filter-item:last-child select, .default .presentation-page-theme .filter-options .filter-item:last-child select, .default .sales-campaign .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .document-page-theme .filter-options .filter-item:only-child select, .default .presentation-page-theme .filter-options .filter-item:only-child select, .default .sales-campaign .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .document-page-theme .search-filter, .default .document-page-theme .map-search, .default .presentation-page-theme .search-filter, .default .presentation-page-theme .map-search, .default .sales-campaign .search-filter, .default .sales-campaign .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .document-page-theme .search-filter .form-control, .default .document-page-theme .map-search .form-control, .default .presentation-page-theme .search-filter .form-control, .default .presentation-page-theme .map-search .form-control, .default .sales-campaign .search-filter .form-control, .default .sales-campaign .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .document-page-theme .search-filter .form-control:hover, .default .document-page-theme .map-search .form-control:hover, .default .presentation-page-theme .search-filter .form-control:hover, .default .presentation-page-theme .map-search .form-control:hover, .default .sales-campaign .search-filter .form-control:hover, .default .sales-campaign .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .document-page-theme .search-filter .anticon, .default .document-page-theme .map-search .anticon, .default .presentation-page-theme .search-filter .anticon, .default .presentation-page-theme .map-search .anticon, .default .sales-campaign .search-filter .anticon, .default .sales-campaign .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .document-page-theme .title-section, .default .document-page-theme .order-filter-item, .default .document-page-theme .filter-section, .default .presentation-page-theme .title-section, .default .presentation-page-theme .order-filter-item, .default .presentation-page-theme .filter-section, .default .sales-campaign .title-section, .default .sales-campaign .order-filter-item, .default .sales-campaign .filter-section {
  background-color: #e7e7e7;
}
.default .document-page-theme .main-title, .default .presentation-page-theme .main-title, .default .sales-campaign .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .document-page-theme .add-btn-primary, .default .document-page-theme .add-new-btn, .default .presentation-page-theme .add-btn-primary, .default .presentation-page-theme .add-new-btn, .default .sales-campaign .add-btn-primary, .default .sales-campaign .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .document-page-theme .add-btn-primary .badge, .default .document-page-theme .add-new-btn .badge, .default .presentation-page-theme .add-btn-primary .badge, .default .presentation-page-theme .add-new-btn .badge, .default .sales-campaign .add-btn-primary .badge, .default .sales-campaign .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .document-page-theme .add-btn-primary .badge i, .default .document-page-theme .add-new-btn .badge i, .default .presentation-page-theme .add-btn-primary .badge i, .default .presentation-page-theme .add-new-btn .badge i, .default .sales-campaign .add-btn-primary .badge i, .default .sales-campaign .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .document-page-theme .space-between-table, .default .presentation-page-theme .space-between-table, .default .sales-campaign .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .document-page-theme .table .table-footer, .default .presentation-page-theme .table .table-footer, .default .sales-campaign .table .table-footer {
  font-weight: 700;
}
.default .document-page-theme .table-legends, .default .presentation-page-theme .table-legends, .default .sales-campaign .table-legends {
  padding: 10px 50px;
}
.default .document-page-theme .account-code-dropdown, .default .presentation-page-theme .account-code-dropdown, .default .sales-campaign .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .document-page-theme .account-code-dropdown [class$=-control], .default .presentation-page-theme .account-code-dropdown [class$=-control], .default .sales-campaign .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .document-page-theme .account-code-dropdown [class$=-indicatorContainer], .default .presentation-page-theme .account-code-dropdown [class$=-indicatorContainer], .default .sales-campaign .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .document-page-theme .ant-picker-range, .default .presentation-page-theme .ant-picker-range, .default .sales-campaign .ant-picker-range {
  border-radius: 4px;
}
.default .document-page-theme .ant-tabs-content .filter-section, .default .presentation-page-theme .ant-tabs-content .filter-section, .default .sales-campaign .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .document-page-theme .ant-tabs-nav-list .ant-tabs-tab, .default .presentation-page-theme .ant-tabs-nav-list .ant-tabs-tab, .default .sales-campaign .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .agreementOrders-listing-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .agreementOrders-listing-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .agreementOrders-listing-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .agreementOrders-listing-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .agreementOrders-listing-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .agreementOrders-listing-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .agreementOrders-listing-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .agreementOrders-listing-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .agreementOrders-listing-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .agreementOrders-listing-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .agreementOrders-listing-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .agreementOrders-listing-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .agreementOrders-listing-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .agreementOrders-listing-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .agreementOrders-listing-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .agreementOrders-listing-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .agreementOrders-listing-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .agreementOrders-listing-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .agreementOrders-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .agreementOrders-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .agreementOrders-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .agreementOrders-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .agreementOrders-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .agreementOrders-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .agreementOrders-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .agreementOrders-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .agreementOrders-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .agreementOrders-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .agreementOrders-listing-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .agreementOrders-listing-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .agreementOrders-listing-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .agreementOrders-listing-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .agreementOrders-listing-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .agreementOrders-listing-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .agreementOrders-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .agreementOrders-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .agreementOrders-listing-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .agreementOrders-listing-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .agreementOrders-listing-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .agreementOrders-listing-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .agreementOrders-listing-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .agreementOrders-listing-theme .table.role-inner-listing .table-header, .default .agreementOrders-listing-theme .table.role-inner-listing .th-column, .default .agreementOrders-listing-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .agreementOrders-listing-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .agreementOrders-listing-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .agreementOrders-listing-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .agreementOrders-listing-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .agreementOrders-listing-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .agreementOrders-listing-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .agreementOrders-listing-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .agreementOrders-listing-theme .filter-options .filter-item select:hover, .default .agreementOrders-listing-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .agreementOrders-listing-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .agreementOrders-listing-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .agreementOrders-listing-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .agreementOrders-listing-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .agreementOrders-listing-theme .search-filter, .default .agreementOrders-listing-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .agreementOrders-listing-theme .search-filter .form-control, .default .agreementOrders-listing-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .agreementOrders-listing-theme .search-filter .form-control:hover, .default .agreementOrders-listing-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .agreementOrders-listing-theme .search-filter .anticon, .default .agreementOrders-listing-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .agreementOrders-listing-theme .title-section, .default .agreementOrders-listing-theme .order-filter-item, .default .agreementOrders-listing-theme .filter-section {
  background-color: #e7e7e7;
}
.default .agreementOrders-listing-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .agreementOrders-listing-theme .add-btn-primary, .default .agreementOrders-listing-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .agreementOrders-listing-theme .add-btn-primary .badge, .default .agreementOrders-listing-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .agreementOrders-listing-theme .add-btn-primary .badge i, .default .agreementOrders-listing-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .agreementOrders-listing-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .agreementOrders-listing-theme .table .table-footer {
  font-weight: 700;
}
.default .agreementOrders-listing-theme .table-legends {
  padding: 10px 50px;
}
.default .agreementOrders-listing-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .agreementOrders-listing-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .agreementOrders-listing-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .agreementOrders-listing-theme .ant-picker-range {
  border-radius: 4px;
}
.default .agreementOrders-listing-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .agreementOrders-listing-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .procedure-list-page-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .procedure-list-page-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .procedure-list-page-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .procedure-list-page-theme .filter-options .filter-item select:hover, .default .procedure-list-page-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .procedure-list-page-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .procedure-list-page-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .procedure-list-page-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .procedure-list-page-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .procedure-list-page-theme .search-filter, .default .procedure-list-page-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .procedure-list-page-theme .search-filter .form-control, .default .procedure-list-page-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .procedure-list-page-theme .search-filter .form-control:hover, .default .procedure-list-page-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .procedure-list-page-theme .search-filter .anticon, .default .procedure-list-page-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .procedure-list-page-theme .title-section, .default .procedure-list-page-theme .order-filter-item, .default .procedure-list-page-theme .filter-section {
  background-color: #e7e7e7;
}
.default .procedure-list-page-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .procedure-list-page-theme .add-btn-primary, .default .procedure-list-page-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .procedure-list-page-theme .add-btn-primary .badge, .default .procedure-list-page-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .procedure-list-page-theme .add-btn-primary .badge i, .default .procedure-list-page-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .procedure-list-page-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .procedure-list-page-theme .table .table-footer {
  font-weight: 700;
}
.default .procedure-list-page-theme .table-legends {
  padding: 10px 50px;
}
.default .procedure-list-page-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .procedure-list-page-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .procedure-list-page-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .procedure-list-page-theme .ant-picker-range {
  border-radius: 4px;
}
.default .procedure-list-page-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .procedure-list-page-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .person-listing-sec .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .person-listing-sec .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .person-listing-sec .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .person-listing-sec .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .person-listing-sec .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .person-listing-sec .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .person-listing-sec .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .person-listing-sec .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .person-listing-sec .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .person-listing-sec .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .person-listing-sec .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .person-listing-sec .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .person-listing-sec .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .person-listing-sec .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .person-listing-sec .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .person-listing-sec .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .person-listing-sec .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .person-listing-sec .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .person-listing-sec .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .person-listing-sec .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .person-listing-sec .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .person-listing-sec .table .table-body .table-group .sales-article-inner-listing .table-header, .default .person-listing-sec .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .person-listing-sec .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .person-listing-sec .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .person-listing-sec .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .person-listing-sec .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .person-listing-sec .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .person-listing-sec .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .person-listing-sec .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .person-listing-sec .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .person-listing-sec .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .person-listing-sec .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .person-listing-sec .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .person-listing-sec .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .person-listing-sec .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .person-listing-sec .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .person-listing-sec .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .person-listing-sec .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .person-listing-sec .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .person-listing-sec .table.role-inner-listing .table-header, .default .person-listing-sec .table.role-inner-listing .th-column, .default .person-listing-sec .table.role-inner-listing .table-row {
  border: 0px;
}
.default .person-listing-sec .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .person-listing-sec .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .person-listing-sec .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .person-listing-sec .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .person-listing-sec .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .person-listing-sec .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .person-listing-sec .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .person-listing-sec .filter-options .filter-item select:hover, .default .person-listing-sec .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .person-listing-sec .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .person-listing-sec .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .person-listing-sec .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .person-listing-sec .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .person-listing-sec .search-filter, .default .person-listing-sec .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .person-listing-sec .search-filter .form-control, .default .person-listing-sec .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .person-listing-sec .search-filter .form-control:hover, .default .person-listing-sec .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .person-listing-sec .search-filter .anticon, .default .person-listing-sec .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .person-listing-sec .title-section, .default .person-listing-sec .order-filter-item, .default .person-listing-sec .filter-section {
  background-color: #e7e7e7;
}
.default .person-listing-sec .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .person-listing-sec .add-btn-primary, .default .person-listing-sec .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .person-listing-sec .add-btn-primary .badge, .default .person-listing-sec .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .person-listing-sec .add-btn-primary .badge i, .default .person-listing-sec .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .person-listing-sec .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .person-listing-sec .table .table-footer {
  font-weight: 700;
}
.default .person-listing-sec .table-legends {
  padding: 10px 50px;
}
.default .person-listing-sec .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .person-listing-sec .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .person-listing-sec .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .person-listing-sec .ant-picker-range {
  border-radius: 4px;
}
.default .person-listing-sec .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .person-listing-sec .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .person-listing-sec .designation-name {
  background: #e5e4e4 !important;
}
.default .calendar-page-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .calendar-page-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .calendar-page-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .calendar-page-theme .filter-options .filter-item select:hover, .default .calendar-page-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .calendar-page-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .calendar-page-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .calendar-page-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .calendar-page-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .calendar-page-theme .search-filter, .default .calendar-page-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .calendar-page-theme .search-filter .form-control, .default .calendar-page-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .calendar-page-theme .search-filter .form-control:hover, .default .calendar-page-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .calendar-page-theme .search-filter .anticon, .default .calendar-page-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .calendar-page-theme .title-section, .default .calendar-page-theme .order-filter-item, .default .calendar-page-theme .filter-section {
  background-color: #e7e7e7;
}
.default .calendar-page-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .calendar-page-theme .add-btn-primary, .default .calendar-page-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .calendar-page-theme .add-btn-primary .badge, .default .calendar-page-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .calendar-page-theme .add-btn-primary .badge i, .default .calendar-page-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .calendar-page-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .calendar-page-theme .table .table-footer {
  font-weight: 700;
}
.default .calendar-page-theme .table-legends {
  padding: 10px 50px;
}
.default .calendar-page-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .calendar-page-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .calendar-page-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .calendar-page-theme .ant-picker-range {
  border-radius: 4px;
}
.default .calendar-page-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .calendar-page-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .supplier-invoice-listing-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .supplier-invoice-listing-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .supplier-invoice-listing-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .supplier-invoice-listing-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .supplier-invoice-listing-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .supplier-invoice-listing-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .supplier-invoice-listing-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .supplier-invoice-listing-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .supplier-invoice-listing-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .supplier-invoice-listing-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .supplier-invoice-listing-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .supplier-invoice-listing-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .supplier-invoice-listing-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .supplier-invoice-listing-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .supplier-invoice-listing-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .supplier-invoice-listing-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .supplier-invoice-listing-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .supplier-invoice-listing-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .supplier-invoice-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .supplier-invoice-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .supplier-invoice-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .supplier-invoice-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .supplier-invoice-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .supplier-invoice-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .supplier-invoice-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .supplier-invoice-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .supplier-invoice-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .supplier-invoice-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .supplier-invoice-listing-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .supplier-invoice-listing-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .supplier-invoice-listing-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .supplier-invoice-listing-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .supplier-invoice-listing-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .supplier-invoice-listing-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .supplier-invoice-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .supplier-invoice-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .supplier-invoice-listing-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .supplier-invoice-listing-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .supplier-invoice-listing-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .supplier-invoice-listing-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .supplier-invoice-listing-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .supplier-invoice-listing-theme .table.role-inner-listing .table-header, .default .supplier-invoice-listing-theme .table.role-inner-listing .th-column, .default .supplier-invoice-listing-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .supplier-invoice-listing-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .supplier-invoice-listing-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .supplier-invoice-listing-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .supplier-invoice-listing-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .supplier-invoice-listing-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .supplier-invoice-listing-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .supplier-invoice-listing-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .supplier-invoice-listing-theme .filter-options .filter-item select:hover, .default .supplier-invoice-listing-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .supplier-invoice-listing-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .supplier-invoice-listing-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .supplier-invoice-listing-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .supplier-invoice-listing-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .supplier-invoice-listing-theme .search-filter, .default .supplier-invoice-listing-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .supplier-invoice-listing-theme .search-filter .form-control, .default .supplier-invoice-listing-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .supplier-invoice-listing-theme .search-filter .form-control:hover, .default .supplier-invoice-listing-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .supplier-invoice-listing-theme .search-filter .anticon, .default .supplier-invoice-listing-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .supplier-invoice-listing-theme .title-section, .default .supplier-invoice-listing-theme .order-filter-item, .default .supplier-invoice-listing-theme .filter-section {
  background-color: #e7e7e7;
}
.default .supplier-invoice-listing-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .supplier-invoice-listing-theme .add-btn-primary, .default .supplier-invoice-listing-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .supplier-invoice-listing-theme .add-btn-primary .badge, .default .supplier-invoice-listing-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .supplier-invoice-listing-theme .add-btn-primary .badge i, .default .supplier-invoice-listing-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .supplier-invoice-listing-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .supplier-invoice-listing-theme .table .table-footer {
  font-weight: 700;
}
.default .supplier-invoice-listing-theme .table-legends {
  padding: 10px 50px;
}
.default .supplier-invoice-listing-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .supplier-invoice-listing-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .supplier-invoice-listing-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .supplier-invoice-listing-theme .ant-picker-range {
  border-radius: 4px;
}
.default .supplier-invoice-listing-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .supplier-invoice-listing-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .purchase-order-listing-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .purchase-order-listing-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .purchase-order-listing-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .purchase-order-listing-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .purchase-order-listing-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .purchase-order-listing-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .purchase-order-listing-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .purchase-order-listing-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .purchase-order-listing-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .purchase-order-listing-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .purchase-order-listing-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .purchase-order-listing-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .purchase-order-listing-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .purchase-order-listing-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .purchase-order-listing-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .purchase-order-listing-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .purchase-order-listing-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .purchase-order-listing-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .purchase-order-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .purchase-order-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .purchase-order-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .purchase-order-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .purchase-order-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .purchase-order-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .purchase-order-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .purchase-order-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .purchase-order-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .purchase-order-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .purchase-order-listing-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .purchase-order-listing-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .purchase-order-listing-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .purchase-order-listing-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .purchase-order-listing-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .purchase-order-listing-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .purchase-order-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .purchase-order-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .purchase-order-listing-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .purchase-order-listing-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .purchase-order-listing-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .purchase-order-listing-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .purchase-order-listing-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .purchase-order-listing-theme .table.role-inner-listing .table-header, .default .purchase-order-listing-theme .table.role-inner-listing .th-column, .default .purchase-order-listing-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .purchase-order-listing-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .purchase-order-listing-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .purchase-order-listing-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .purchase-order-listing-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .purchase-order-listing-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .purchase-order-listing-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .purchase-order-listing-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .purchase-order-listing-theme .filter-options .filter-item select:hover, .default .purchase-order-listing-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .purchase-order-listing-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .purchase-order-listing-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .purchase-order-listing-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .purchase-order-listing-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .purchase-order-listing-theme .search-filter, .default .purchase-order-listing-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .purchase-order-listing-theme .search-filter .form-control, .default .purchase-order-listing-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .purchase-order-listing-theme .search-filter .form-control:hover, .default .purchase-order-listing-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .purchase-order-listing-theme .search-filter .anticon, .default .purchase-order-listing-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .purchase-order-listing-theme .title-section, .default .purchase-order-listing-theme .order-filter-item, .default .purchase-order-listing-theme .filter-section {
  background-color: #e7e7e7;
}
.default .purchase-order-listing-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .purchase-order-listing-theme .add-btn-primary, .default .purchase-order-listing-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .purchase-order-listing-theme .add-btn-primary .badge, .default .purchase-order-listing-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .purchase-order-listing-theme .add-btn-primary .badge i, .default .purchase-order-listing-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .purchase-order-listing-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .purchase-order-listing-theme .table .table-footer {
  font-weight: 700;
}
.default .purchase-order-listing-theme .table-legends {
  padding: 10px 50px;
}
.default .purchase-order-listing-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .purchase-order-listing-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .purchase-order-listing-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .purchase-order-listing-theme .ant-picker-range {
  border-radius: 4px;
}
.default .purchase-order-listing-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .purchase-order-listing-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .bank-reconciliation-list-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .bank-reconciliation-list-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .bank-reconciliation-list-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .bank-reconciliation-list-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .bank-reconciliation-list-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .bank-reconciliation-list-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .bank-reconciliation-list-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .bank-reconciliation-list-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .bank-reconciliation-list-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .bank-reconciliation-list-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .bank-reconciliation-list-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .bank-reconciliation-list-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .bank-reconciliation-list-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .bank-reconciliation-list-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .bank-reconciliation-list-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .bank-reconciliation-list-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .bank-reconciliation-list-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .bank-reconciliation-list-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .bank-reconciliation-list-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .bank-reconciliation-list-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .bank-reconciliation-list-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .bank-reconciliation-list-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .bank-reconciliation-list-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .bank-reconciliation-list-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .bank-reconciliation-list-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .bank-reconciliation-list-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .bank-reconciliation-list-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .bank-reconciliation-list-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .bank-reconciliation-list-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .bank-reconciliation-list-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .bank-reconciliation-list-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .bank-reconciliation-list-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .bank-reconciliation-list-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .bank-reconciliation-list-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .bank-reconciliation-list-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .bank-reconciliation-list-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .bank-reconciliation-list-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .bank-reconciliation-list-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .bank-reconciliation-list-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .bank-reconciliation-list-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .bank-reconciliation-list-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .bank-reconciliation-list-theme .table.role-inner-listing .table-header, .default .bank-reconciliation-list-theme .table.role-inner-listing .th-column, .default .bank-reconciliation-list-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .bank-reconciliation-list-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .bank-reconciliation-list-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .bank-reconciliation-list-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .bank-reconciliation-list-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .bank-reconciliation-list-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .bank-reconciliation-list-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .bank-reconciliation-list-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .bank-reconciliation-list-theme .filter-options .filter-item select:hover, .default .bank-reconciliation-list-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .bank-reconciliation-list-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .bank-reconciliation-list-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .bank-reconciliation-list-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .bank-reconciliation-list-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .bank-reconciliation-list-theme .search-filter, .default .bank-reconciliation-list-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .bank-reconciliation-list-theme .search-filter .form-control, .default .bank-reconciliation-list-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .bank-reconciliation-list-theme .search-filter .form-control:hover, .default .bank-reconciliation-list-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .bank-reconciliation-list-theme .search-filter .anticon, .default .bank-reconciliation-list-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .bank-reconciliation-list-theme .title-section, .default .bank-reconciliation-list-theme .order-filter-item, .default .bank-reconciliation-list-theme .filter-section {
  background-color: #e7e7e7;
}
.default .bank-reconciliation-list-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .bank-reconciliation-list-theme .add-btn-primary, .default .bank-reconciliation-list-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .bank-reconciliation-list-theme .add-btn-primary .badge, .default .bank-reconciliation-list-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .bank-reconciliation-list-theme .add-btn-primary .badge i, .default .bank-reconciliation-list-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .bank-reconciliation-list-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .bank-reconciliation-list-theme .table .table-footer {
  font-weight: 700;
}
.default .bank-reconciliation-list-theme .table-legends {
  padding: 10px 50px;
}
.default .bank-reconciliation-list-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .bank-reconciliation-list-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .bank-reconciliation-list-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .bank-reconciliation-list-theme .ant-picker-range {
  border-radius: 4px;
}
.default .bank-reconciliation-list-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .bank-reconciliation-list-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .bank-reconcile-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .bank-reconcile-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .bank-reconcile-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .bank-reconcile-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .bank-reconcile-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .bank-reconcile-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .bank-reconcile-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .bank-reconcile-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .bank-reconcile-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .bank-reconcile-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .bank-reconcile-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .bank-reconcile-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .bank-reconcile-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .bank-reconcile-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .bank-reconcile-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .bank-reconcile-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .bank-reconcile-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .bank-reconcile-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .bank-reconcile-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .bank-reconcile-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .bank-reconcile-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .bank-reconcile-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .bank-reconcile-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .bank-reconcile-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .bank-reconcile-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .bank-reconcile-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .bank-reconcile-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .bank-reconcile-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .bank-reconcile-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .bank-reconcile-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .bank-reconcile-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .bank-reconcile-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .bank-reconcile-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .bank-reconcile-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .bank-reconcile-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .bank-reconcile-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .bank-reconcile-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .bank-reconcile-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .bank-reconcile-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .bank-reconcile-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .bank-reconcile-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .bank-reconcile-theme .table.role-inner-listing .table-header, .default .bank-reconcile-theme .table.role-inner-listing .th-column, .default .bank-reconcile-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .bank-reconcile-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .bank-reconcile-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .bank-reconcile-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .bank-reconcile-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .bank-reconcile-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .bank-reconcile-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .bank-reconcile-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .bank-reconcile-theme .filter-options .filter-item select:hover, .default .bank-reconcile-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .bank-reconcile-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .bank-reconcile-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .bank-reconcile-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .bank-reconcile-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .bank-reconcile-theme .search-filter, .default .bank-reconcile-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .bank-reconcile-theme .search-filter .form-control, .default .bank-reconcile-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .bank-reconcile-theme .search-filter .form-control:hover, .default .bank-reconcile-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .bank-reconcile-theme .search-filter .anticon, .default .bank-reconcile-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .bank-reconcile-theme .title-section, .default .bank-reconcile-theme .order-filter-item, .default .bank-reconcile-theme .filter-section {
  background-color: #e7e7e7;
}
.default .bank-reconcile-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .bank-reconcile-theme .add-btn-primary, .default .bank-reconcile-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .bank-reconcile-theme .add-btn-primary .badge, .default .bank-reconcile-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .bank-reconcile-theme .add-btn-primary .badge i, .default .bank-reconcile-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .bank-reconcile-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .bank-reconcile-theme .table .table-footer {
  font-weight: 700;
}
.default .bank-reconcile-theme .table-legends {
  padding: 10px 50px;
}
.default .bank-reconcile-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .bank-reconcile-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .bank-reconcile-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .bank-reconcile-theme .ant-picker-range {
  border-radius: 4px;
}
.default .bank-reconcile-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .bank-reconcile-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .activity-listing-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .activity-listing-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .activity-listing-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .activity-listing-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .activity-listing-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .activity-listing-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .activity-listing-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .activity-listing-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .activity-listing-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .activity-listing-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .activity-listing-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .activity-listing-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .activity-listing-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .activity-listing-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .activity-listing-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .activity-listing-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .activity-listing-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .activity-listing-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .activity-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .activity-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .activity-listing-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .activity-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .activity-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .activity-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .activity-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .activity-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .activity-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .activity-listing-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .activity-listing-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .activity-listing-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .activity-listing-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .activity-listing-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .activity-listing-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .activity-listing-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .activity-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .activity-listing-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .activity-listing-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .activity-listing-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .activity-listing-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .activity-listing-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .activity-listing-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .activity-listing-theme .table.role-inner-listing .table-header, .default .activity-listing-theme .table.role-inner-listing .th-column, .default .activity-listing-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .activity-listing-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .activity-listing-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .activity-listing-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .activity-listing-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .activity-listing-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .activity-listing-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .activity-listing-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .activity-listing-theme .filter-options .filter-item select:hover, .default .activity-listing-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .activity-listing-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .activity-listing-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .activity-listing-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .activity-listing-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .activity-listing-theme .search-filter, .default .activity-listing-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .activity-listing-theme .search-filter .form-control, .default .activity-listing-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .activity-listing-theme .search-filter .form-control:hover, .default .activity-listing-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .activity-listing-theme .search-filter .anticon, .default .activity-listing-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .activity-listing-theme .title-section, .default .activity-listing-theme .order-filter-item, .default .activity-listing-theme .filter-section {
  background-color: #e7e7e7;
}
.default .activity-listing-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .activity-listing-theme .add-btn-primary, .default .activity-listing-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .activity-listing-theme .add-btn-primary .badge, .default .activity-listing-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .activity-listing-theme .add-btn-primary .badge i, .default .activity-listing-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .activity-listing-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .activity-listing-theme .table .table-footer {
  font-weight: 700;
}
.default .activity-listing-theme .table-legends {
  padding: 10px 50px;
}
.default .activity-listing-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .activity-listing-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .activity-listing-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .activity-listing-theme .ant-picker-range {
  border-radius: 4px;
}
.default .activity-listing-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .activity-listing-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .activity-listing-theme .filter-section {
  background-color: #f1f1f1 !important;
}
.default .main-email-listing-page-theme {
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.default .main-email-listing-page-theme .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .main-email-listing-page-theme .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .main-email-listing-page-theme .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .main-email-listing-page-theme .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .main-email-listing-page-theme .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .main-email-listing-page-theme .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .main-email-listing-page-theme .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .main-email-listing-page-theme .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .main-email-listing-page-theme .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .main-email-listing-page-theme .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .main-email-listing-page-theme .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .main-email-listing-page-theme .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .main-email-listing-page-theme .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .main-email-listing-page-theme .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .main-email-listing-page-theme .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .main-email-listing-page-theme .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .main-email-listing-page-theme .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .main-email-listing-page-theme .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .main-email-listing-page-theme .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .main-email-listing-page-theme .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .main-email-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .main-email-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header, .default .main-email-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .main-email-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .main-email-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .main-email-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .main-email-listing-page-theme .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .main-email-listing-page-theme .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .main-email-listing-page-theme .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .main-email-listing-page-theme .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .main-email-listing-page-theme .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .main-email-listing-page-theme .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .main-email-listing-page-theme .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .main-email-listing-page-theme .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .main-email-listing-page-theme .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .main-email-listing-page-theme .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .main-email-listing-page-theme .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .main-email-listing-page-theme .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .main-email-listing-page-theme .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .main-email-listing-page-theme .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .main-email-listing-page-theme .table.role-inner-listing .table-header, .default .main-email-listing-page-theme .table.role-inner-listing .th-column, .default .main-email-listing-page-theme .table.role-inner-listing .table-row {
  border: 0px;
}
.default .main-email-listing-page-theme .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .main-email-listing-page-theme .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .main-email-listing-page-theme .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .main-email-listing-page-theme .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}
.default .main-email-listing-page-theme .filter-options {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.default .main-email-listing-page-theme .filter-options .button {
  background-color: #31c1fd !important;
  color: #fff;
  width: 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  text-transform: unset !important;
  height: 32px;
  text-shadow: unset;
  font-size: 12px !important;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .main-email-listing-page-theme .filter-options .filter-item select {
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  border-right: none;
  border-radius: 0;
}
.default .main-email-listing-page-theme .filter-options .filter-item select:hover, .default .main-email-listing-page-theme .filter-options .filter-item select:focus {
  box-shadow: none;
}
.default .main-email-listing-page-theme .filter-options .filter-item:after {
  background: none;
  width: 0;
}
.default .main-email-listing-page-theme .filter-options .filter-item:first-child select {
  border-radius: 4px 0 0 4px;
}
.default .main-email-listing-page-theme .filter-options .filter-item:last-child select {
  border-radius: 0 4px 4px 0;
}
.default .main-email-listing-page-theme .filter-options .filter-item:only-child select {
  border-radius: 4px !important;
}
.default .main-email-listing-page-theme .search-filter, .default .main-email-listing-page-theme .map-search {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.default .main-email-listing-page-theme .search-filter .form-control, .default .main-email-listing-page-theme .map-search .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.default .main-email-listing-page-theme .search-filter .form-control:hover, .default .main-email-listing-page-theme .map-search .form-control:hover {
  border-color: unset;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.default .main-email-listing-page-theme .search-filter .anticon, .default .main-email-listing-page-theme .map-search .anticon {
  background-color: #31c1fd;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.default .main-email-listing-page-theme .title-section, .default .main-email-listing-page-theme .order-filter-item, .default .main-email-listing-page-theme .filter-section {
  background-color: #e7e7e7;
}
.default .main-email-listing-page-theme .main-title {
  color: #000;
  font-size: 24px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .main-email-listing-page-theme .add-btn-primary, .default .main-email-listing-page-theme .add-new-btn {
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .main-email-listing-page-theme .add-btn-primary .badge, .default .main-email-listing-page-theme .add-new-btn .badge {
  height: 30px;
  width: 30px;
  background: #31c1fd;
  box-shadow: none !important;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.default .main-email-listing-page-theme .add-btn-primary .badge i, .default .main-email-listing-page-theme .add-new-btn .badge i {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.default .main-email-listing-page-theme .space-between-table {
  height: 20px;
  width: 100%;
  background-color: #f1f1f1;
}
.default .main-email-listing-page-theme .table .table-footer {
  font-weight: 700;
}
.default .main-email-listing-page-theme .table-legends {
  padding: 10px 50px;
}
.default .main-email-listing-page-theme .account-code-dropdown {
  padding: 0px 8px !important;
}
.default .main-email-listing-page-theme .account-code-dropdown [class$=-control] {
  min-height: 32px;
  height: unset;
}
.default .main-email-listing-page-theme .account-code-dropdown [class$=-indicatorContainer] {
  padding: 3px;
}
.default .main-email-listing-page-theme .ant-picker-range {
  border-radius: 4px;
}
.default .main-email-listing-page-theme .ant-tabs-content .filter-section {
  background: #cff2ff;
}
.default .main-email-listing-page-theme .ant-tabs-nav-list .ant-tabs-tab {
  color: #000 !important;
}
.default .qulity-control-theme .main-title {
  color: #000;
  font-size: 27px;
  word-break: break-word;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .qulity-control-theme .right-sec {
  padding: 15px !important;
}
.default .qulity-control-theme .right-sec h3 {
  color: #fff;
}
.default .qulity-control-theme .right-sec .stat-inline-icon::before {
  display: none;
}
.default .qulity-control-theme .right-sec .stat-label {
  color: #fff;
  margin-bottom: unset;
}
.default .qulity-control-theme .right-sec .bg-orange {
  background: unset !important;
}
.default .qulity-control-theme .right-sec .red span:nth-child(2) {
  padding: 4px 6px;
  font-size: 12px;
  background-color: #e46060;
  color: #fff;
  border-radius: 10px;
  white-space: nowrap;
}
.default .qulity-control-theme .left-sec, .default .qulity-control-theme .filter-section {
  background-color: #f3f3f1;
}
.default .qulity-control-theme .left-sec .filter-options, .default .qulity-control-theme .filter-section .filter-options {
  border: 1px solid #15bef0;
  box-shadow: none;
  border-right: 1px solid #15bef0 !important;
  border-radius: 4px !important;
}
.default .qulity-control-theme .left-sec .filter-options .filter-item:after, .default .qulity-control-theme .filter-section .filter-options .filter-item:after {
  background-color: unset;
}
.default .qulity-control-theme .quality-control-filter-section {
  background-color: #e9e8e6;
}
.default .qulity-control-theme .qc-ov-sec {
  padding-bottom: 30px;
}
.default .qulity-control-theme .qc-ov-sec .title {
  padding: 20px 50px 10px;
}
.default .qulity-control-theme .qc-ov-sec .title h3 {
  color: #414e57;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
}
.default .qulity-control-theme .qc-ov-sec .search-filter {
  border: unset;
  box-shadow: unset;
}
.default .qulity-control-theme .qc-ov-sec .search-filter span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.default .qulity-control-theme .qc-ov-sec .react__searchable {
  height: 34px;
  width: 18%;
  min-width: 150px;
}
.default .qulity-control-theme .qc-ov-sec .react__searchable [class$=-control] {
  border-color: #e9e8e6;
  min-height: 34px !important;
}
.default .qulity-control-theme .qc-ov-sec .react__searchable [class$=-indicatorContainer] {
  padding: 7px !important;
}
.default .qulity-control-theme .qc-ov-sec .table .table-header {
  border-top: 0px;
  border-left: 2px solid #e9e8e6;
  border-bottom: 1px solid #e9e8e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 10px;
}
.default .qulity-control-theme .qc-ov-sec .table .table-header .th-column {
  border-right: 2px solid #e9e8e6;
  align-items: center !important;
  color: #000;
  font-family: "Figtree", sans-serif;
  font-weight: 700;
  word-break: break-word;
  white-space: initial;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-group .table {
  border-bottom: 0px !important;
  border: 1px solid #ffffff;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-row {
  border-left: 2px solid #e9e8e6;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-row:not(.red-highlight, .green-highlight, .orange, .light-yellow-highlight, .light-beige-highlight) {
  background-color: #f3f3f2;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-row:has(.currencyCode):hover div {
  background-color: unset !important;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-row .currencyCode {
  background-color: #fff;
  width: 40% !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-row .currencyCode + div {
  width: 60% !important;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-row .icon-btn {
  color: #000;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-row .icon-btn .material-icons {
  font-size: 20px;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-row .icon-inside-table {
  background-color: #000;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-row div {
  border-right: 2px solid #e9e8e6;
  border-bottom: 2px solid #fff;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-row:hover div {
  background: #d9d9d9;
  font-weight: 600;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-row .icon-btn:hover {
  color: #8a8787;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-row .expand-icon {
  color: #000;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-row .add-btn-primary .add-new {
  height: 24px;
  width: 24px;
  padding: 5px;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-row .add-btn-primary .add-new i {
  font-size: 15px;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-group .ov-timesheet-inner-listing {
  border: 0px;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-group .ov-timesheet-inner-listing .table-body .table-row div {
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-group .ov-timesheet-inner-listing .total {
  border-bottom: 1px solid #e9e8e6;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-group .sales-article-inner-listing .table-header {
  border-top: 1px solid #e9e8e6;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-group .sales-article-inner-listing .table-header, .default .qulity-control-theme .qc-ov-sec .table .table-body .table-group .sales-article-inner-listing .table-row {
  border-left: 0px;
  border-right: 0px;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .table-group .sales-article-inner-listing .table-header .th-column:last-child, .default .qulity-control-theme .qc-ov-sec .table .table-body .table-group .sales-article-inner-listing .table-header > div:last-child, .default .qulity-control-theme .qc-ov-sec .table .table-body .table-group .sales-article-inner-listing .table-row .th-column:last-child, .default .qulity-control-theme .qc-ov-sec .table .table-body .table-group .sales-article-inner-listing .table-row > div:last-child {
  border-right: 0px;
}
.default .qulity-control-theme .qc-ov-sec .table .table-body .grouped-row {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .qulity-control-theme .qc-ov-sec .table .summary-count-row div {
  background-color: #eaf3fc !important;
}
.default .qulity-control-theme .qc-ov-sec .table .ov-supplier-invoice-list {
  border: 0 !important;
}
.default .qulity-control-theme .qc-ov-sec .table .table-footer {
  border-bottom: 2px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
  border-left: 1px solid #e9e8e6;
}
.default .qulity-control-theme .qc-ov-sec .table .load-more {
  border-left: 1px solid #e9e8e6;
  border-right: 1px solid #e9e8e6;
}
.default .qulity-control-theme .qc-ov-sec .table .toolbar {
  margin-top: unset;
  padding-top: 10px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.default .qulity-control-theme .qc-ov-sec .table.employee-main-listing .summary-count-row div:nth-child(1) {
  background: #f8cde0 !important;
}
.default .qulity-control-theme .qc-ov-sec .table.employee-main-listing .summary-count-row div:nth-child(2) {
  background: #ccdcff !important;
}
.default .qulity-control-theme .qc-ov-sec .table-group .table .table-header {
  border-left: 2px solid #e9e8e6;
  border-top: 1px solid #e9e8e6;
  border-radius: 0px !important;
}
.default .qulity-control-theme .qc-ov-sec .table-group .table .table-header .th-column {
  padding: 3px 10px;
}
.default .qulity-control-theme .qc-ov-sec .table-group .table .table-body .table-row div .icon-btn {
  display: block;
  padding: 0 0 6px 0;
  color: #15bef0;
}
.default .qulity-control-theme .qc-ov-sec .table-group .table .table-body .table-row div .icon-btn .material-icons {
  font-size: 20px;
}
.default .qulity-control-theme .qc-ov-sec .role-listing .designation-name {
  border-right: 2px solid #e9e8e6;
  border-left: 2px solid #e9e8e6;
}
.default .qulity-control-theme .qc-ov-sec .table.role-inner-listing .table-header, .default .qulity-control-theme .qc-ov-sec .table.role-inner-listing .th-column, .default .qulity-control-theme .qc-ov-sec .table.role-inner-listing .table-row {
  border: 0px;
}
.default .qulity-control-theme .qc-ov-sec .table.role-inner-listing .table-row {
  background: #c0e9f8 !important;
}
.default .qulity-control-theme .qc-ov-sec .table.role-inner-listing .table-row div {
  border-right: 1px solid #c0e9f8;
  border-bottom: 1px solid #c0e9f8;
}
.default .qulity-control-theme .qc-ov-sec .table.role-inner-listing .draggingStart .table-row {
  background-color: #2F4858 !important;
}
.default .qulity-control-theme .qc-ov-sec .table.role-inner-listing .draggingStart .table-row div {
  border-right: 1px solid #2F4858;
  border-bottom: 1px solid #2F4858;
}

/*added this to ovveride some styles with important*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .newsletter-page-theme .bs-sticky .title-section .newsletter-mobile-only.left-sec {
    padding: 20px 0 11px 40px !important;
  }
}
@media only screen and (max-device-width: 600px) {
  .newsletter-page-theme .bs-sticky .title-section .newsletter-mobile-only.left-sec {
    padding: 0px !important;
  }
}
.table .th-column, .table .table-row > div, .table .table-footer > div {
  font-size: 11px !important;
}

.procedure-view-theme .no-video-wrapper .c-i-main {
  background-color: #efefef !important;
}

.table.transaction-type-double-entry-listing .table-header .th-column:first-child, .table.transaction-type-double-entry-listing .table-header .th-column:last-child {
  width: 45px !important;
}

/*override styles after React Package Update 2023 */
body {
  font-size: 14px;
}

a {
  color: #1890ff;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}

header a {
  text-decoration: none !important;
}

.main-nav a {
  text-decoration: none !important;
}

.ant-modal-content {
  padding: 0 !important;
}
.ant-modal-content .ant-modal-header {
  padding: 16px 24px;
  border-radius: 2px 2px 0 0;
}
.ant-modal-content .ant-modal-close {
  width: 40px;
  height: 40px;
}
.ant-modal-content .ant-modal-close:hover {
  background-color: transparent;
}

.ant-modal-confirm-paragraph {
  max-width: none !important;
}

.ant-tag {
  height: auto;
}

.ant-btn {
  border-radius: 2px !important;
}

.ant-btn-default:hover {
  color: #ffffff !important;
  background-color: #526270;
}

.css-1jqq78o-placeholder {
  font-size: smaller;
}

.css-10wo9uf-option, .css-d7l1ni-option, .css-tr4s17-option {
  font-size: small !important;
}

.css-1dimb5e-singleValue {
  font-size: smaller;
}

.draggable-item {
  font-weight: 400;
}