html, body, #container {
  min-width: 100vw;
  min-height: 100vh;
  width: 100%;
  height: 100%;
  overflow: hidden; }

html {
  font-size: 14px;
  color: var(--text-dark);
  font-family: 'Roboto', sans-serif; }

* {
  padding: 0;
  margin: 0; }

h1 {
  font-size: 2.5em; }

h2 {
  font-size: 2em; }

h3 {
  font-size: 1.6em; }

h4 {
  font-size: 1.4em; }

h5 {
  font-size: 1.2em; }

h6 {
  font-size: 1em; }

h1, h2, h3, h4, h5, h6 {
  color: #000000; }

a {
  text-decoration: none;
  color: inherit; }

.w-100 {
  width: 100%; }

.cursor-pointer {
  cursor: pointer; }

.pre-wrap {
  white-space: pre; }

/* ------------- Navigation Bar ------------- */
.nav {
  width: 100vw;
  padding: 0.5em 2em;
  border-bottom: solid 1px #EAEAEA;
  box-sizing: border-box;
  z-index: 99;
  color: #fff;
  background-color: #C2C2C2;
  display: flex; }

.nav a {
  padding: 0.5em 2em;
  transition: 0.2s;
  cursor: pointer;
  color: #707070;
  text-decoration: none; }

.nav .nav-container > div {
  display: inline-block; }

.nav a.btn {
  margin: 0 10px; }

.logo, .logo-link, .logo-small {
  max-width: 5em;
  margin-top: -0.2em; }

.logo-auth {
  max-width: 5em; }

.auth-page_logo {
  max-width: 18em;
  margin-left: -6em; }

.logo-small {
  display: none; }

.nav-container {
  z-index: 200;
  transition: 0.4s;
  overflow: hidden;
  padding-top: 0.5em;
  box-sizing: border-box;
  flex-grow: 1; }

.dropdown-toggle::after {
  color: #707070;
  border: none; }

.dropdown {
  position: absolute;
  right: 3em;
  margin-top: 1em;
  background-color: #ffffff;
  border: 1px solid #707070; }

/* ------ Navigation Link Animation ------ */
.nav a:hover, .btn-drop:hover {
  color: #707070;
  cursor: pointer;
  background: none; }

.nav a:not(.logo-link):not(.btn)::after, .btn-drop::after {
  background: none;
  height: 0;
  width: 3px;
  /* content: ""; hiding animation for now */
  position: relative;
  transition: 0.4s;
  margin-left: 5px;
  vertical-align: top;
  display: inline-block; }

.nav a:not(.btn):hover::after, .btn-drop:hover::after {
  height: 1.2em; }

.nav .menu-button {
  height: fit-content;
  padding: 10px 0px 10px 10px;
  cursor: pointer;
  display: none; }
  .nav .menu-button .menu-icon {
    height: 20px; }

.pipline-top-header {
  justify-content: space-between; }
  .pipline-top-header .col-2 {
    padding: 0px 5px !important; }

/* ------ loading ------ */
.loading .form-login, .loading .form-signup {
  display: none; }

.loading ~ .link, .loading ~ .line-decor {
  display: none; }

.loading-default {
  max-width: 5em;
  padding: 4em 0;
  margin: auto;
  display: flex; }

.not-loading {
  text-align: center; }

.page-home .main-content,
.art-works-page .main-content,
.contact-page .main-content,
.sales-page .main-content,
.wish-list-page .main-content {
  overflow-x: clip; }

.main-content {
  position: relative;
  padding-bottom: 50px; }

/* ------------- Default Classes ------------- */
.-width-section {
  width: 80vw;
  max-width: 1200px;
  min-width: 300px; }

/* todo: fix */
.-margin-top-small {
  margin-top: 1em; }

.-margin-left-header {
  margin-left: -15px; }

.-margin-right-header {
  margin-right: -15px; }

.-text-small {
  font-size: .7em; }

.-text-small-title {
  font-size: 0.9em; }

.-text-large-sale-summary {
  font-size: 1.5em; }

.-padding-btn-width-small {
  padding: 0.2em; }

.-padding-top-pipeline-header {
  padding-top: 0.8em; }

.-padding-header {
  padding-top: 2em; }

.-padding-left {
  padding-left: 1em; }

.-padding-right {
  padding-right: 1em; }

.-padding-right-none {
  padding-right: 0; }

.-padding-left-small {
  padding-left: 0.5em; }

.-padding-right-small {
  padding-right: 0.5em; }

.-padding-right-btn {
  padding-right: 15px; }

.-padding-left-large {
  padding-left: 3em; }

.-padding-right-large {
  padding-right: 3em; }

.-space-between {
  justify-content: space-between; }

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

.-line-height {
  line-height: 0.5em; }

.-font-light-grey {
  color: #7a7a7a; }

.-art-red {
  color: #d82020; }

.-hidden {
  display: none; }

/* ----- icon art status ----- */
.icon-art-status {
  width: 12px;
  height: 12px;
  border-radius: 50%; }

.art-green {
  background-color: #1d9a68; }

.art-red {
  background-color: #d11616; }

.art-yellow {
  background-color: #feee21; }

.art-blank {
  background-color: #fefefe; }

/* ----- icon art status ----- */
.number-box {
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  border-radius: 0.4em;
  background-color: #c2c2c2;
  color: #fefefe;
  cursor: pointer;
  margin-left: 0.5em;
  font-size: 0.9em; }

.number-box-inline {
  display: inline-block;
  margin-left: 5px; }

.number-box-hide {
  cursor: pointer;
  border: none;
  background: none;
  color: #9cc4e2; }

.number-box-hide:focus {
  outline: none; }

.number-box-hide.-font-light-grey {
  color: #7a7a7a; }

.collapse-box .title {
  cursor: pointer; }

.collapse-box span {
  position: relative; }

.collapse-box svg {
  width: 1em; }

svg {
  height: 1em; }

/* ----- font colors ----- */
.text-green {
  color: #1d9a68; }

/* ----- text style ----- */
.text-dollar-sign::before {
  text-align: right; }

.-text-underline {
  text-decoration: underline; }

.-text-space {
  padding: 1em 0; }

.active {
  color: #707070;
  text-decoration: none;
  font-weight: bold; }

.link-active:hover {
  text-decoration: none;
  cursor: pointer; }

.offered-status-success {
  cursor: default;
  color: #1d9a68; }

/*.text-number-count {
  position: absolute;
  right: 2%;
}*/
/* ----- button style ----- */
.btn {
  padding: 1em 2.5em;
  transition: 0.2s;
  border: none;
  cursor: pointer;
  text-align: center;
  user-select: none; }

.btn-filled {
  background-color: #211d9a;
  color: #fefefe;
  border: solid 2px #211d9a; }

.btn-filled:hover {
  background-color: #1D3E9A;
  color: #fefefe;
  border: solid 2px #1D3E9A; }

.btn-line {
  border: solid 2px #211d9a;
  color: #211d9a; }

.btn-outline, .btn-offer {
  border: 1.2px solid #707070;
  border-radius: 3px;
  font-size: 0.8em;
  margin: 2em 0 0 0;
  cursor: pointer; }

.btn-outline:hover {
  color: #EAEAEA;
  background-color: #707070; }

.btn-margin-small {
  margin: 0.5em 0 0 0.5em; }

.btn-offer {
  margin: 1em 0 0 1em; }

.-hover-disable-edit-sidebar:disabled,
.-hover-disable-edit-sidebar[disabled] {
  border: 1px solid #C2C2C2; }

/* ----- button style ----- */
/* ----- input filed ----- */
input[type="date"].input-filled.white-date-field {
  position: relative;
  width: 100%;
  min-width: 100px;
  background-color: white;
  border: 2px #C2C2C2 solid; }

.search-bar, .input-filled, .input-filled-price {
  border: none;
  border-bottom: 1px solid #C2C2C2;
  background: none;
  width: 100%; }

.input-lable-text-right {
  padding-right: 0px;
  text-align: right; }

.input-lable-text-left {
  padding-left: 0px;
  text-align: left; }

.input-filled-price {
  width: 90%;
  margin-right: 15px; }

.input-filled-border-none {
  border: none;
  background: none; }

/* ----- input filed ----- */
/* ----- tag style ----- */
.tag {
  background-color: #707070;
  border: 1px solid;
  padding: 0 0.5em;
  margin: 0.5em 0.1em;
  color: #fefefe;
  display: flex;
  cursor: pointer; }
  .tag .border-tag-close {
    border-left: 1px solid;
    margin-left: 0.3em; }
  .tag svg {
    fill: #fefefe;
    width: 0.6em;
    stroke: #fefefe; }

.icon-add-tagbox {
  border: 1px solid #707070;
  margin: 0.5em 0.1em;
  border-radius: 0.3em;
  padding: 0.1em 0.2em;
  line-height: 1em; }
  .icon-add-tagbox svg {
    width: 0.6em; }

.icon {
  cursor: pointer; }

/* ----- tag style ----- */
/* ----- tab style ----- */
.tab-title {
  padding: 5px 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 3px; }

.tab-title:focus {
  box-shadow: none; }

.menu-tab-not-active {
  background: #f3f3f3;
  color: #c2c2c2; }

.menu-tab-active {
  background: #EAEAEA;
  color: #707070; }

.menu-tab-wrapper {
  margin-top: 15px;
  margin-right: 0;
  margin-left: 0;
  display: flex; }

.section {
  padding: 0 0 0 5em;
  box-sizing: border-box; }

.container-full {
  max-width: 100%;
  background-color: #EAEAEA; }

.container-margin-center {
  margin: 0 auto; }

.logo-small {
  display: none; }

/* ----- Progress Bar ----- */
.progress span.fill-text {
  color: #fefefe;
  position: relative;
  left: 70%; }

.progress .drop-fill {
  position: relative;
  color: #fefefe;
  position: relative; }

.progress-blue .fillbar {
  background-color: #211d9a; }

.progress-blue .top-right {
  color: #211d9a; }

.progress-red .fillbar {
  background-color: #d82020; }

.progress-red .top-right {
  color: #d82020; }

.progress-green .fillbar {
  background-color: #1d9a68; }

.progress-green .top-right {
  color: #1d9a68; }

/* ----- Login Page ------*/
.auth-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 100vh;
  box-sizing: border-box;
  justify-content: center; }

.login-container {
  width: 90vw;
  max-width: 400px;
  padding-bottom: 1em;
  margin: 0 auto; }

.login-filled {
  width: 100%;
  height: 1.5em;
  padding: 1.5em 0;
  margin: 10px 0 5px;
  border: none;
  border-bottom: 1px solid #C2C2C2; }

.input-artist {
  width: 100%;
  border: none;
  border-bottom: 1px solid #C2C2C2; }

input:focus, textarea:focus {
  outline: none; }

.btn-filled-auth-pag {
  width: 100%;
  margin-top: 2em; }

.text-area-show {
  border: none;
  background: none;
  width: 100%; }

.possible-buyers-info .possible-buyers-col, .possible-source-info .possible-source-col {
  cursor: default;
  padding-left: 0;
  color: #accde7;
  margin-top: 0.5em; }
  .possible-buyers-info .possible-buyers-col .arrow-toggle, .possible-source-info .possible-source-col .arrow-toggle {
    display: inline-grid;
    margin-left: 5px; }
    .possible-buyers-info .possible-buyers-col .arrow-toggle div, .possible-source-info .possible-source-col .arrow-toggle div {
      width: 8px;
      height: 8px; }
      .possible-buyers-info .possible-buyers-col .arrow-toggle div svg, .possible-source-info .possible-source-col .arrow-toggle div svg {
        width: 8px;
        height: 8px;
        position: relative;
        top: -3px; }

.possible-buyers-info .icon-display, .possible-source-info .icon-display {
  display: inline; }

.possible-buyers-info .icon-margin-right, .possible-source-info .icon-margin-right {
  margin-right: 10px; }

.all-available-info .available-col {
  cursor: default;
  padding-left: 0;
  margin-top: 0.5em; }

.contract-name-wichlist {
  display: inline;
  padding-left: 7px;
  padding-right: 7px; }

.contract-name-wichlist-with-border {
  border-right: 1px solid #6c757d; }

.number-box-inline {
  display: inline-table; }

/* ----- Home Page ------*/
.source-popup {
  position: absolute;
  margin-top: 45px;
  width: 50%; }
  .source-popup .pop-up-background {
    align-items: flex-start; }

.align-column-price {
  padding-right: 5px !important; }

.remark-col, .location-col, .title-col {
  width: 250px; }

.remark-col {
  padding-right: 20px;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px; }

.artwork-col {
  max-width: 150px; }

.form-check-box {
  padding-left: 0;
  text-align: center; }

/* ----- Forgot Page ------*/
.forgot-container h5 {
  padding-top: 1em; }

/* ----- Contacts style ----- */
.-header-table tr > th {
  font-weight: normal;
  text-align: center; }

.text-total tr > th, .text-total tr > td {
  text-align: left;
  font-weight: bold; }

.font-weight-normal-total {
  font-weight: normal !important; }

.line-bottom {
  border-bottom: 1px solid #707070; }

.-header-table {
  background-color: #EAEAEA;
  color: #707070; }

.table-container {
  max-width: 100%;
  overflow-y: auto;
  min-height: 200px; }

.table-responsive {
  display: table; }
  .table-responsive th.active.order svg {
    transform: rotate(0deg);
    margin-left: 0.5em;
    width: 0.6em; }
  .table-responsive th.active.reverse svg {
    transform: rotate(180deg);
    margin-left: 0.5em;
    width: 0.6em; }
  .table-responsive .col-active {
    background-color: #F4F9FE;
    cursor: pointer; }

.icon-collapse-down svg {
  transform: rotate(180deg); }

.icon-collapse-up svg {
  transform: rotate(0deg); }

.modal-sidebar {
  position: absolute;
  height: auto;
  top: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.15);
  min-height: 100%;
  overflow: hidden; }

.modal-custom {
  width: calc(100% - 400px);
  height: 100%;
  position: absolute; }

.sidebar-container {
  background-color: #F3F3F3;
  height: auto;
  padding: 0 2em 5em;
  min-height: 100vh; }
  .sidebar-container img {
    width: 100%; }

.modal-sidebar .sidebar-container {
  width: 450px;
  margin-left: calc(100% - 450px); }

.contact-name input {
  font-size: 1em;
  font-weight: bold;
  color: #000;
  background: none; }

.contact-name {
  padding: 1.5em 0;
  justify-content: space-between; }

.btn-edit-icon-header {
  justify-content: flex-end;
  display: flex; }

.icon-container {
  padding-right: 0px;
  display: flex;
  justify-content: flex-end; }

.select-none-border {
  border: none;
  background: none;
  -webkit-appearance: none; }

.icon-searchbar {
  display: flex; }

.icon-header {
  display: flex;
  justify-content: flex-end; }

.pop-up-container {
  text-align: center;
  border: 1px solid;
  padding: 2em; }

.type-select-border {
  max-width: 100px;
  display: block;
  position: relative;
  left: 0px; }

.select-border, select-border option {
  background: none;
  padding: 0.1em 0.3em; }

.remark-icon-container {
  width: 1em; }

.file-upload-container .upload-file-container {
  height: 20em;
  max-width: 100%;
  background-position: center;
  border: 1px solid #707070; }
  .file-upload-container .upload-file-container img {
    height: 200px;
    width: 100%; }
  .file-upload-container .upload-file-container input[type="file"] {
    width: 100%;
    padding: 25% 30%; }

.file-upload-container .choose-file {
  display: flex;
  width: 100%;
  height: 100%;
  cursor: pointer; }

.upload-file-container-csv .choose-file-csv {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 1em 20%;
  cursor: pointer; }

.upload-file-container-csv .text-upload-csv {
  position: absolute;
  padding: 0.3em 0.7em;
  margin-top: 60px;
  margin-left: 105px;
  border: 1px solid #fff;
  color: #fff;
  font-weight: lighter;
  border-radius: 3px; }

.-btn-upload-csv-margin-top {
  margin-top: 1em; }

.static-contact-name {
  padding: 1em 0; }

/* ----- Artworks style ----- */
td img {
  max-height: 60px; }

.artwork-img > img {
  margin: 0 auto 1em auto;
  width: auto;
  max-height: 20em;
  display: block;
  max-width: 100%;
  height: auto; }

.img-work {
  width: 100%;
  height: 3.5em;
  margin: auto;
  background-position: center; }

.artwork-background-image {
  height: 3.5em;
  max-width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.artwork-background-image-sidebar {
  height: 20em;
  max-width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.artwork-background-image-card {
  height: 6em;
  max-width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.image-upload-sidebar {
  background-repeat: no-repeat; }

.table-padding-small td {
  padding: 0.3em;
  vertical-align: middle; }

.table-padding-small .tr-none-border td {
  border: none; }

.table-padding-small .col-not-active:hover {
  background-color: aliceblue;
  cursor: pointer; }

.no-image {
  height: 3.5em;
  vertical-align: middle;
  text-align: center;
  padding-top: 1em; }

.artwork-name {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  justify-content: flex-end; }

datalist select.polyfilling {
  z-index: 1; }

.-art-text-padding {
  padding: 0 15px; }

.entry-date {
  font-size: 0.8em;
  text-align: right;
  padding-top: 5em; }

.artwork-detail > input {
  font-weight: bold;
  width: 100%; }

.artwork-detail > div {
  white-space: pre-line; }

.collapse-box .title > span {
  font-size: 0.8em; }

.show-collapse textarea {
  width: 100%;
  border: none; }

textarea,
.show-collapse textarea.default-border {
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid #C2C2C2; }

/*.text-area-filled {
  height: 2em;
}*/
.text-detail-right input, .input-lable-text-right input {
  text-align: right; }

.col-7.pt-3.p-0.artwork-detail > div {
  text-align: right; }

.popup-delete-offer {
  width: 300px;
  justify-content: center; }

/* ----- Account Setting style ----- */
.setting-page {
  padding: 5%; }
  .setting-page .settings-section {
    margin-top: 15px; }
    .setting-page .settings-section label {
      margin-left: .5rem; }
  .setting-page .setting-row-email {
    margin: 30px 0px; }
  .setting-page .setting-no-gutters {
    padding-left: 0;
    padding-right: 0; }
  .setting-page .setting-align-label {
    text-align: left; }
  .setting-page .setting-row-input {
    margin: 15px 0px; }
  .setting-page .btn {
    padding: 5px 10px; }
  .setting-page .btn-outline-secondary {
    border: 1px solid #6c757d; }
  .setting-page .input-filled {
    width: 100%; }

/* ----- Sales style ----- */
.table-card-list th, .table-card-list th td {
  width: 50%; }

.row-cards-header {
  margin-top: 20px; }
  .row-cards-header .col-offered {
    padding-right: 0; }
  .row-cards-header .col-sold {
    padding-left: 0; }
  .row-cards-header .offered-cards-col, .row-cards-header .sold-cards-col {
    align-items: center;
    display: flex;
    height: 50px;
    background-color: #EAEAEA;
    padding: 0 15px; }
    .row-cards-header .offered-cards-col .span-number, .row-cards-header .sold-cards-col .span-number {
      width: 100%;
      text-align: right; }

.container-result-card {
  margin: 1em;
  padding: 0.5em;
  font-size: 0.8em; }

.result-card {
  height: auto;
  background-color: #EAEAEA; }

.container-header-result-card {
  display: flex;
  justify-content: space-between; }

.line-right {
  border-right: 1px solid #C2C2C2; }

.sale-value .-text-large-sale-summary {
  color: #d82020; }

.comm-value .-text-large-sale-summary {
  color: #1d9a68; }

.col-active .result-card {
  background-color: #F4F9FE; }

.date-range input[type="date"] {
  position: relative;
  width: 100%; }

.sales-bar-title {
  font-weight: bold; }

.goal-progress {
  text-align: right; }
  .goal-progress .goal {
    font-weight: normal;
    font-size: smaller; }

.wl-new-budget input {
  width: 100%; }

.wl-table {
  font-size: .8rem; }
  .wl-table .tl-new {
    background: #C2C2C2; }
  .wl-table th, .wl-table td {
    vertical-align: text-top;
    padding: .06rem; }
    .wl-table th input[type="text"], .wl-table th input[type="date"], .wl-table th input[type="number"], .wl-table td input[type="text"], .wl-table td input[type="date"], .wl-table td input[type="number"] {
      border: none; }
  .wl-table .wl-col-active {
    text-align: center; }
  .wl-table .wl-new-budget, .wl-table .wl-new-budget input {
    text-align: left; }
  .wl-table .wl-col-budget > * {
    text-align: left; }
  .wl-table .wl-col-budget input:focus {
    z-index: 2; }
  .wl-table .wl-col-budget, .wl-table .wl-col-sources, .wl-table .td-contact-name {
    position: relative; }
    .wl-table .wl-col-budget > *, .wl-table .wl-col-sources > *, .wl-table .td-contact-name > * {
      line-height: 16px; }
    .wl-table .wl-col-budget .move-to-top-17, .wl-table .wl-col-sources .move-to-top-17, .wl-table .td-contact-name .move-to-top-17 {
      margin-top: -17px; }
    .wl-table .wl-col-budget .top-zero, .wl-table .wl-col-sources .top-zero, .wl-table .td-contact-name .top-zero {
      position: absolute;
      top: 0px;
      z-index: 2; }
    .wl-table .wl-col-budget input, .wl-table .wl-col-sources input, .wl-table .td-contact-name input {
      width: 100%; }
    .wl-table .wl-col-budget input:not(:focus), .wl-table .wl-col-sources input:not(:focus), .wl-table .td-contact-name input:not(:focus) {
      opacity: 0;
      position: relative;
      z-index: 3; }
    .wl-table .wl-col-budget input:focus, .wl-table .wl-col-sources input:focus, .wl-table .td-contact-name input:focus {
      position: unset; }
    .wl-table .wl-col-budget input:focus + .input-label, .wl-table .wl-col-sources input:focus + .input-label, .wl-table .td-contact-name input:focus + .input-label {
      opacity: 0; }
    .wl-table .wl-col-budget input:focus + .text-right, .wl-table .wl-col-sources input:focus + .text-right, .wl-table .td-contact-name input:focus + .text-right {
      visibility: hidden; }
    .wl-table .wl-col-budget .text-right, .wl-table .wl-col-sources .text-right, .wl-table .td-contact-name .text-right {
      right: 20px; }
    .wl-table .wl-col-budget input:focus + .wl-initial-sources, .wl-table .wl-col-sources input:focus + .wl-initial-sources, .wl-table .td-contact-name input:focus + .wl-initial-sources {
      white-space: normal;
      top: 20px;
      z-index: 100;
      background: #C2C2C2;
      padding: .5rem; }
      .wl-table .wl-col-budget input:focus + .wl-initial-sources .wl-extra-sources, .wl-table .wl-col-sources input:focus + .wl-initial-sources .wl-extra-sources, .wl-table .td-contact-name input:focus + .wl-initial-sources .wl-extra-sources {
        display: none; }
    .wl-table .wl-col-budget .wl-initial-sources, .wl-table .wl-col-sources .wl-initial-sources, .wl-table .td-contact-name .wl-initial-sources {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      line-height: 20px;
      max-width: 100%; }
  .wl-table .wl-tr-error {
    background: lightcoral; }
  .wl-table .wl-tr-saving {
    background: lightgreen; }

/* ---------------------- JS ------------------------------ */
.js-price-data-control .js-price-data {
  display: none; }

.sales-result-collaps .container.collapse-box {
  max-width: none !important; }

.sales-result-collaps .collapse-box .row.title {
  padding: .75rem;
  border-top: 1px solid #dee2e6; }
  .sales-result-collaps .collapse-box .row.title.line-bottom {
    border-bottom: 2px solid #dee2e6; }
  .sales-result-collaps .collapse-box .row.title.not-full-toggle {
    cursor: unset; }

.sales-result-collaps .col-result-card {
  height: 120px;
  max-height: 120px; }

.col-status {
  position: relative; }

.filter-boxs-bg {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 98; }

.filter-boxs {
  position: absolute;
  background: white;
  padding: 10px;
  border: 1px solid;
  text-align: left;
  width: 150px;
  transform: translateX(-50%);
  left: 50%;
  z-index: 99; }
  .filter-boxs label, .filter-boxs input {
    user-select: none; }

.filter-status-icon {
  width: 18px;
  margin-left: 5px; }

.ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

/* ---------------------- Responsive ---------------------- */
@media only screen and (min-width: 768px) {
  .sales-result-collaps {
    padding: 0px; }
    .sales-result-collaps .collapse-box .row.title .collapse-icon {
      display: none; }
    .sales-result-collaps .no-collapse {
      display: flex !important; } }

@media only screen and (max-width: 767px) {
  .mobile-hide {
    display: none; }
  .graph-section.line-right {
    border-right: 0px; }
  .nav .menu-button {
    display: block; }
  .nav .subnav-container {
    position: absolute;
    top: 57px;
    left: 0px;
    right: 0px;
    background-color: #C2C2C2; }
    .nav .subnav-container .subnav {
      display: none; }
    .nav .subnav-container .subnav.active {
      display: inline-grid !important;
      width: 100%; }
  .modal-sidebar .modal-custom {
    display: none; }
  .modal-sidebar .sidebar-container {
    width: 100%;
    margin-left: 0px; }
  .-padding-right-large {
    padding-right: 1em; }
  .-padding-left-large {
    padding-left: 1em; }
  .table td, .table th {
    min-width: 110px; } }

@media only screen and (min-width: 2560px) {
  .file-upload-container .upload-file-container input[type="file"] {
    padding: 16% 40%; }
  .upload-file-container-csv .choose-file-csv {
    padding: 1em 20%; }
  .upload-file-container-csv .text-upload-csv {
    margin-top: 60px;
    margin-left: 105px; }
  .artwork-background-image-sidebar {
    height: 30em; } }

@media only screen and (min-width: 1968px) {
  .artwork-img > img {
    max-height: 400px; }
  .file-upload-container .upload-file-container input[type="file"] {
    padding: 18% 40%; } }

/* -------- Big Screens / 4K -------- */
@media only screen and (min-width: 1700px) {
  .contact-name input {
    width: 70%; } }

.link.dropdown-item {
  color: #212529 !important;
  user-select: none; }