/* Sass Document */
/*global variables */
/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*All color variables starts here */
/*All color variables ends here */
/*All global variables start here */
/*global variables ends here */
/*genera css */
.ease-animations,
#custChkboxes .customChkbox label,
#custChkboxes1 .customChkbox label,
#custChkboxes .customChkbox input:checked+label,
#custChkboxes1 .customChkbox input:checked+label,
#custChkboxes .customChkbox label:hover,
#custChkboxes1 .customChkbox label:hover,
ul.misc-left-pane li a,
ul.misc-left-pane li a:hover,
ul.misc-left-pane li a:focus,
ul.misc-left-pane li a.active,
.editable-click,
a.editable-click,
a.editable-click:hover,
a.editable-click:focus {
  -moz-transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #252932;
}

html,
body {
  font-family: "Open Sans", sans-serif !important;
  color: #6e7584;
}

button,
select,
html,
textarea,
input {
  font-family: "Open Sans", sans-serif;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.pos-relative {
  position: relative;
}

.red-highlight {
  color: #ed1c24 !important;
}

.green-highlight {
  color: #02a93fc8 !important;
}

.pos-absolute {
  position: absolute;
}

.full-width-box {
  float: left;
  width: 100%;
  padding: 0 15px 0 35px;
}

.light-300 {
  font-weight: 300;
}

.topheadicon .fa-stack {
  top: 18px;
  left: -25px;
}

.topheadicon .fa-circle {
  color: #26b999;
  font-size: 22px;
  position: relative;
}

.topheadicon .fa-check {
  color: #fff;
  font-size: 11px;
  left: -24px;
  top: -5px;
  position: relative;
}

.topheadicon .fa-angle-down {
  color: #c5c8cb;
  font-size: 14px;
  position: relative;
  left: -10px;
}

.right-search-box-db {
  width: 90%;
}

.right-search-box {
  width: 75%;
}

.right-search-box md-icon.icon-filter-variant {
  float: right;
  margin-right: 2rem !important;
  line-height: 40px;
}

.stokkup-btn-style1,
button.bg-grey.md-raised {
  background-color: #0755AC;
  /* width: 204px; */
  padding: 0px 15px;
  height: 35px;
  line-height: 35px;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
}

.stokkup-btn-style1.stokkup-upload-btn,
button.stokkup-upload-btn.bg-grey.md-raised {
  width: 120;
  height: 41px;
  line-height: 41px;
}

button.bg-grey.md-raised {
  background-color: #0755AC !important;
  font-weight: 700;
  width: auto;
  min-width: 120px;
}

.white-bg,
.affiliate-box {
  background-color: #fff;
}

.approve-btn span {
  color: #fff;
}

.h3-font-size {
  font-size: 24px;
}

.order-screenbox-height {
  min-height: 165px;
}

.stokkup-select-box1 {
  font-size: 16px;
  color: #6e7584;
  margin: 0;
  padding: 0;
}

/*genera css ends here */
/*scss for sidebar and top navigation box */
.no-box-shadows,
#toolbar,
#vertical-navigation .navigation-header,
#vertical-navigation,
.stockkup-content-table-container .stokkup-main-tableview,
md-dialog.task-dialog md-dialog-actions .md-button.md-raised:not([disabled]),
md-card,
md-card.md-default-theme,
.box-3,
.dialog-submit-glboal,
.dialog-submit-glboal:hover,
.dialog-submit-glboal:focus,
md-autocomplete-wrap,
md-autocomplete-wrap.md-whiteframe-z1 {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.border-radius-half,
.stokkup-btn-style1,
button.bg-grey.md-raised,
.search-block md-input-container .md-input,
.search-block md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container md-select .md-select-value,
md-dialog.task-dialog md-dialog-content .layout-wrap .search-block md-input-container md-select .md-select-value,
.tasty-page .pagination,
.tasty-page .pagination li.active a,
.stokkup-custom-btn1.md-button,
md-dialog.task-dialog md-dialog-actions .md-button,
.stokkup-custom-btn1,
#custChkboxes .customChkbox label,
#custChkboxes1 .customChkbox label,
#custChkboxes .customChkbox input:checked+label,
#custChkboxes1 .customChkbox input:checked+label,
#custChkboxes .customChkbox label:hover,
#custChkboxes1 .customChkbox label:hover {
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 50px;
}

.noborder-radius,
.md-button,
md-dialog,
md-toolbar button .md-button,
md-card,
md-card.md-default-theme,
.box-3 {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
}

#layout-vertical-navigation #content-container #content {
  top: 70px;
  left: 35px;
  right: 35px;
}

#toolbar .toolbar-separator,
#vertical-navigation .navigation-header .toolbar-separator {
  display: none;
}

#toolbar #user-menu .user-button,
#vertical-navigation .navigation-header #user-menu .user-button {
  height: 70px;
  background-color: #FFFFFF;
  color: #9fa1a7;
  font-size: 14px;
  font-weight: 600;
  min-width: 303px;
  padding-left: 30px;
}

#toolbar #user-menu .user-button md-icon,
#vertical-navigation .navigation-header #user-menu .user-button md-icon {
  color: #fff;
}

#toolbar #user-menu .user-button .username,
#vertical-navigation .navigation-header #user-menu .user-button .username {
  margin: 0 0 0 8px;
}

md-menu-content.md-default-theme {
  background-color: #FFFFFF;
  color: #9fa1a7;
  border-radius: 4px;
  box-shadow: 0px 8px 8px 0px #ededed;
  border: solid #e7e7ff 1px;
}

md-menu-content md-icon,
md-menu-content md-menu-divider {
  display: none;
}

md-menu-content button.md-button {
  padding: 0 32px;
}

md-menu-content button.md-button span {
  font-weight: 600;
  color: #2B374D
}

md-menu-content.md-menu-bar-menu.md-dense .md-button {
  height: 38px;
}

md-menu-content.md-menu-bar-menu.md-dense {
  padding: 10px 0;
  border-top: solid 1px #FFFFFF;
}

md-menu-content.md-dense md-menu-item {
  height: 38px;
}

md-menu-content a.md-button.md-default-theme:hover:not([disabled]),
md-menu-content a.md-button:hover:not([disabled]),
md-menu-content .md-button.md-default-theme:hover:not([disabled]),
md-menu-content .md-button:hover:not([disabled]) {
  background-color: transparent;
}

/* CSS for the sidenav starts here */
#vertical-navigation {
  background-color: #fff !important;
  /* change to white*/
  width: 250px;
  max-width: 250px;
  min-width: 250px;
}

#vertical-navigation .navigation-header {
  background-color: #fff !important;
}

#vertical-navigation .navigation-header .logo {
  height: 90px !important;
  max-height: 90px !important;
  width: 70px !important;
  margin: 1rem auto !important;
  padding-top: 2rem !important;
}

#vertical-navigation ul li {
  font-size: 1rem !important;
  color: #fff !important;

}

#vertical-navigation ul li .ms-navigation-item {
  padding: 1rem 0 0.5rem 0rem !important;
}

#vertical-navigation ul li.sidenav-children .ms-navigation-item {
  padding: 0 !important;
}

#vertical-navigation ul li div.ms-navigation-button i {
  color: #AAAFB7 !important;

}

#vertical-navigation ul li div.ms-navigation-button.active .material-icons {
  padding: 0 1rem !important;
}

#vertical-navigation ul .ms-navigation-node .ms-navigation-item>.ms-navigation-button:hover {
  border-right: 3px solid #2B374D !important;
  border-radius: 0 3px 3px 0 !important;
  background-color: #2B374D !important;
  color: #fff !important;
}

#vertical-navigation ul .ms-navigation-node .ms-navigation-item>.ms-navigation-button.active {
  background-color: #fff !important;
  color: #000 !important;
  border-right: 3px solid #2B374D !important;
  border-radius: 3px !important;
}

/* #vertical-navigation ul li div.ms-navigation-button span {
    color: #e0e0e0;
    font-size: 14px;
    font-weight: 600; 
  } */
/* #vertical-navigation ul li a {
    color: #e0e0e0;
    line-height: 40px;
    height: auto;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 600; 
  } */

/* #vertical-navigation ul li a span {
      color: #e0e0e0;
      font-size: 14px;
      font-weight: 600; 
    } */
#vertical-navigation ul li a.active {
  /* color: #fff;
      background: #004783;  */
}

/* #vertical-navigation ul li a.active span {
        color: #fff; 
      } */
/* #vertical-navigation ul li a.active:hover, #vertical-navigation ul li a.active:focus {
        color: #fff;
        background: #004783;
       } */
/* #vertical-navigation ul li a.active:hover span, #vertical-navigation ul li a.active:focus span {
          color: #fff; 
        } */
/* #vertical-navigation ul li a:hover, #vertical-navigation ul li a:focus {
      color: #fff;
      background: #004783; } */
/* #vertical-navigation ul li a:hover span, #vertical-navigation ul li a:focus span {
        color: #fff; } */

.ms-navigation .ms-navigation-node.group>.ms-navigation-item {
  margin-top: 18px;
}

.ms-navigation .ms-navigation-node:not(.group).has-children:not(.collapsed) {
  background-color: transparent;
}

.ms-navigation li.group li li .ms-navigation-button {
  padding-left: 45px;
}

.search-block md-input-container {
  margin: 0 10px 0 0;
  padding: 0;
  background: #FFFFFF;
}

.mr-220 {
  margin-right: 220px;
}

.search-block md-input-container.md-input-focused label {
  display: none;
}

.search-block md-input-container .top-srch-label {
  line-height: 18px;
  padding-left: 20px !important;
  color: #252932;
}

.search-block md-input-container .md-input,
.search-block md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container md-select .md-select-value,
md-dialog.task-dialog md-dialog-content .layout-wrap .search-block md-input-container md-select .md-select-value {
  width: 260px;
  height: 35px;
  border: solid 1px #e0e1e3;
  padding: 0 30px;
}

/*global content container section */
.stockkup-content-table-container .stokkup-main-tableview {
  margin: 0;
  padding: 0;
}

.stockkup-content-table-container .stokkup-main-tableview .table-title {
  padding: 0px;
  border-bottom: none;
  min-height: 80px;
  background-color: #F9FAFC;
}

.stockkup-content-table-container .stokkup-main-tableview .table-title1 {
  padding: 0px;
  min-height: 80px;
  border: solid 1px #ededed;
  padding: 1em;
}

.stockkup-content-table-container .stokkup-main-tableview .table-title .table-title-text {
  color: #252932;
  font-size: 20px;
  font-weight: 550;
}

.stockkup-content-table-container .stokkup-main-tableview .table-title .table-title-text a {
  font-weight: 400;
}

.stockkup-content-table-container .stokkup-main-tableview .table-title .table-title-text a:hover,
.stockkup-content-table-container .stokkup-main-tableview .table-title .table-title-text a:focus {
  font-weight: 400;
}

.stockkup-content-table-container .stokkup-main-tableview .table-title1 .table-title-text {
  color: #252932;
  font-size: 20px;
  font-weight: 550;
}

.stockkup-content-table-container .stokkup-main-tableview .table-title .table-title-text a {
  font-weight: 400;
}

.stockkup-content-table-container .stokkup-main-tableview .table-title .table-title-text a:hover,
.stockkup-content-table-container .stokkup-main-tableview .table-title .table-title-text a:focus {
  font-weight: 400;
}

.stokkup-main-tableview.transparent-bg {
  background-color: transparent;
}

table.dataTable {
  background-color: #FFFFFF;
  border: none;
}

/* table.dataTable {} */
.tableFixHead {
  height: calc(100vh - 250px);
  overflow: auto !important;
  border: none !important;
}

.tableFixHead thead {
  z-index: 1;
  position: sticky;
}

.tableFixHead tbody {
  z-index: 0;
  position: sticky;
}

.tableFixHead thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 1 !important;
  background: #fff;
}

.tableFixHeadShipping {
  height: 73vh !important;
  border: none !important;
}

table.dataTable {
  border-collapse: collapse !important;
  width: 100% !important;
}

/* table.dataTable tbody tr { display:table; width: 100%;table-layout: fixed; } */
table.dataTable th,
td {
  padding: 8px 16px;
}

th {
  background: #fff !important;
}


table.dataTable thead th {
  font-weight: 600;
  font-size: 12px;
  color: #2B374D;
  background-color: #FFFFFF;
  padding: 18px 8px 15px;
  line-height: 12px;
}

table.dataTable thead th:first-child {
  padding-left: 35px;
}

table.dataTable.newclass thead th {
  font-weight: 600;
  font-size: 14px;
  color: #FFFFFF;
  background-color: #009bea;
  padding: 26px 8px 5px;
  line-height: 14px;
}

table.dataTable thead th:first-child {
  padding-left: 35px;
}

table.dataTable.row-border tbody td {
  border: none;
}

table.dataTable tbody td {
  font-weight: 400;
  font-size: 11px;
  color: #2B374D;
}

table.dataTable tbody td:first-child {
  padding-left: 35px;
}

table.dataTable tbody tr:nth-child(odd) {
  background-color: #FFFFFF;
}

table.dataTable tbody tr:first-child td {
  padding-top: 20px;
}

table.dataTable tbody tr:nth-child(even) {
  background-color: #FFFFFF;
}

.tasty-page {
  position: sticky;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #FFFFFF;
  color: #252932;
  font-weight: 400;
  font-size: 13px;
  float: left;
  width: 100%;
  padding: 20px 35px;
  border-radius: 0px 0px 8px 8px;
}

.tasty-page p {
  padding: 0;
  margin: 0;
}

.tasty-page p b {
  font-weight: 400;
}

.tasty-page .pagination {
  margin: 0;
  border: solid 1px #ccc;
  padding: 3px 20px;
}

.tasty-page .pagination li a {
  color: #303440;
  font-weight: 400;
  padding: 2px 0;
  width: 22px;
  height: 22px;
  text-align: center;
  border: none;
  margin: 0 4px;
}

.tasty-page .pagination li a:hover {
  background-color: transparent;
  color: #303440;
  font-weight: 400;
}

.tasty-page .pagination li.active a {
  background-color: #009bea;
  color: #fff;
  font-weight: 700;
}

.tasty-page .pagination li.active a:hover {
  background-color: #303440;
  color: #fff;
  font-weight: 700;
}

.tasty-page .pagination li.disabled a {
  background-color: transparent;
  color: #303440;
  font-weight: 400;
}

.tasty-page .pagination li.disabled a:hover {
  background-color: transparent;
  color: #303440;
  font-weight: 400;
}

.viewbtn a {
  color: #4773d6 !important;
  font-size: 13px;
  font-weight: 400;
  text-align: right;
  text-transform: uppercase;
}

.right-equalspace {
  padding-right: 35px;
}

.common-header-links {
  color: #4773d6 !important;
  font-size: 13px;
  font-weight: 400;
  text-align: right;
  text-transform: uppercase;
}

/*global table elements css */
/*global dialog box starts here */
.stokkup-custom-btn1 {
  text-transform: uppercase;
}

.dialog-shadow,
md-dialog.task-dialog {
  -moz-box-shadow: 0 0 3px rgba(37, 41, 50, 0.1);
  -webkit-box-shadow: 0 0 3px rgba(37, 41, 50, 0.1);
  -ms-box-shadow: 0 0 3px rgba(37, 41, 50, 0.1);
  -o-box-shadow: 0 0 3px rgba(37, 41, 50, 0.1);
  box-shadow: 0 0 3px rgba(37, 41, 50, 0.1);
}

md-dialog .content-heading {
  border: 0;
  padding: 20px 0;
  text-transform: uppercase;
}

md-dialog .content-heading .md-title {
  font-size: 16px;
  font-weight: 400;
  color: #252932;
  padding: 0;
}

md-dialog.task-dialog {
  max-width: 900px;
  max-height: 76vh;
  top: calc((100vh-76vh)/2);
  border-radius: 8px;
}

md-dialog.task-dialog md-dialog-actions {
  background: #e9eaeb;
  height: 60px;
  border: 0;
}

md-dialog.task-dialog md-dialog-actions .md-button.md-accent[disabled] {
  background-color: #9f9f9f;
  border: solid 1px #9f9f9f;
  min-width: 123px;
  width: auto;
  height: 41px;
  line-height: 41px;
  color: #cdcfd3 !important;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}

md-dialog.task-dialog md-dialog-actions .md-button.md-raised:not([disabled]) {
  background-color: #0755AC !important;
  min-width: 123px;
  width: auto;
  height: 41px;
  line-height: 41px;
  font-weight: 700;
}

md-dialog.task-dialog md-dialog-content {
  padding: 0 30px 24px;
}

md-dialog.task-dialog md-dialog-content .layout-wrap {
  padding: 0;
}

md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container {
  padding: 8px 0 0;
}

md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container label {
  color: #797979;
}

md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container label.selectbox-label {
  padding-left: 0;
}

md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container.md-default-theme.md-input-invalid .md-input,
md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container.md-default-theme.md-input-invalid md-select .md-select-value,
md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container.md-input-invalid .md-input,
md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container.md-input-invalid md-select .md-select-value {
  border-color: #de0000;
}

md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container.md-default-theme.md-input-focused.md-input,
md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container md-select md-input-container.md-default-theme.md-input-focused.md-select-value,
md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container.md-input-focused .md-input,
md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container.md-input-focused md-select .md-select-value {
  border-color: #252932;
}

md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container .md-input,
md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container md-select .md-select-value {
  border-bottom-width: 2px;
  border-bottom-color: #d3d4d6;
  color: #252932;
  padding: 0 0 2px 12px;
  font-size: 16px;
  width: 100%;
}

md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container md-select {
  /*text-indent:10px;*/
}

md-dialog.task-dialog md-toolbar .title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}

md-dialog.add-uploads md-dialog-content {
  padding: 4rem 30px 6rem;
}

.close-stokkup-dialog {
  margin: 0 !important;
  padding: 0;
  min-width: 30px;
  float: right;
  background: transparent !important;
  color: #fff;
  font-weight: 600;
  line-height: 36px;
  text-transform: uppercase;
  font-size: 13px;
}

.close-stokkup-dialog:hover,
.close-stokkup-dialog:focus {
  background: transparent !important;
  -moz-transition: none;
  -webkit-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

md-dialog md-input-container label {
  padding-left: 0;
}

md-dialog md-input-container.md-input-focused label {
  padding-left: 11px;
}

.search-block md-input-container .md-input,
.search-block md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container md-select .md-select-value,
md-dialog.task-dialog md-dialog-content .layout-wrap .search-block md-input-container md-select .md-select-value {
  font-size: 14px;
  color: #252932;
}

.search-block md-input-container .md-input:focus,
.search-block md-dialog.task-dialog md-dialog-content .layout-wrap md-input-container md-select .md-select-value:focus,
md-dialog.task-dialog md-dialog-content .layout-wrap .search-block md-input-container md-select .md-select-value:focus {
  border: 1px solid #e0e1e3 !important;
}

md-backdrop.md-opaque {
  background: rgba(37, 41, 50, 0.5);
}

md-backdrop.md-opaque.md-default-theme {
  background: rgba(37, 41, 50, 0.5);
}

md-toolbar .md-toolbar-tools {
  height: 61px;
  max-height: 61px;
  padding: 0;
}

md-toolbar .md-button {
  margin: 0;
}

md-toolbar button .md-button {
  min-width: 10px;
}

md-option {
  height: 40px;
}

md-option .md-text {
  color: #252932;
}

md-select-menu.md-default-theme md-option[selected],
md-select-menu md-option[selected] {
  background: #008bff36;
}

md-toolbar.md-default-theme.md-hue-2:not(.md-menu-toolbar).md-accent {
  background-color: #0755AC;
  height: 60px;
  min-height: 60px;
  padding: 0 30px;
}

md-toolbar.md-hue-2:not(.md-menu-toolbar).md-accent {
  background-color: #0755AC;
  height: 60px;
  padding: 0 30px;
}

md-card {
  border: solid 1px #ededed;
}

.inner-full-box {
  width: 100%;
  float: left;
  padding: 0 10px;
  background-color: #F9FAFC
}

.box-3 {
  width: 33%;
  margin: 0 8px 15px;
  padding: 20px;
}

.box-3.firstbox {
  margin-left: 0;
}

.box-3.lastbox {
  margin-right: 0;
}

.box-3 md-card-title {
  padding: 0;
}

.trans-box div {
  font-weight: 600;
  font-size: 14px;
  color: #6e7584;
}

/*global dialog box ends here */
.stokkup-title-h4 {
  font-size: 18px;
  margin: 0;
  padding: 0;
  line-height: 18px;
  color: #252932;
  text-transform: capitalize;
}

.finishing-sub {
  font-size: .75em;
  color: gray;
  padding-left: 1em;
}

.trans-box span {
  font-size: 13px;
  color: #8d93a0;
}

.popup-stokkup-modal md-input-container {
  margin-bottom: 0 !important;
}

.dialog-submit-glboal {
  background-color: #6288dc;
  min-width: 123px;
  width: auto;
  height: 41px;
  line-height: 41px;
  font-weight: 700;
}

.dialog-submit-glboal:hover,
.dialog-submit-glboal:focus {
  background-color: #6288dc !important;
  min-width: 123px;
  width: auto;
  height: 41px;
  line-height: 41px;
  font-weight: 700;
}

table.dataTable thead.stokkup-space1 th {
  padding-top: 10px;
}

.stokkup-custom-btn1 {
  padding: 0px 10px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  line-height: 35px;
  max-height: 35px;
}

.stokkup-custom-btn1:hover,
.stokkup-custom-btn1:focus {
  background-color: #4773d6;
}

.stokkup-blue-btn {
  background-color: #0755AC !important;
  min-width: 160px;
}

.stokkup-grey-btn {
  background-color: #0755AC !important;
  /* background-color: #6C757D!important; */
  padding: 0px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
  text-transform: uppercase;
  width: 50px;
  border-radius: 3px;
}

.stokkup-green-btn {
  background-color: #4ce0cc !important;
  min-width: 123px;
}

.small-headings {
  font-size: 13px;
  color: #6e7584;
  font-weight: 400;
}

.small-results {
  font-weight: 700;
  font-size: 13px;
  color: #6e7584;
}

.box-wide {
  width: 100%;
  margin: 0;
  padding: 0 10px 0 35px;
}

.box-upper-shadow {
  -webkit-box-shadow: 0px -5px 10px -10px #f0f0f0;
  -moz-box-shadow: 0px -5px 10px -10px #f0f0f0;
  box-shadow: 0px -5px 10px -10px #f0f0f0;
}

.text-lower {
  text-transform: lowercase !important;
}

.numbers-large {
  font-size: 32px;
  color: #252932;
  font-weight: 300;
  padding: 0;
}

.notes-style {
  font-weight: 300;
  color: #252932;
}

.table-box-outer {
  width: 100%;
  background-color: #fff;
}

.table-box-outer table.dataTable {
  background-color: #fff;
}

.box-layout-2 {
  width: 100%;
  padding-left: 10px;
}

table.table-white-bg {
  border-spacing: 0;
  margin: auto;
  width: 100%;
  background-color: #fff;
}

table.table-white-bg thead {
  background-color: #fff;
}

table.table-white-bg thead th {
  font-weight: 600;
  font-size: 14px;
  color: #6e7584 !important;
  background-color: #fff;
  border-bottom: solid 1px #eeeeee;
  padding: 30px 8px 10px;
  line-height: 14px;
}

table.table-white-bg thead th:first-child {
  padding-left: 30px;
}

table.table-white-bg tbody td {
  color: #6e7584 !important;
  opacity: 1 !important;
  font-size: 13px;
  font-weight: 400;
  padding: 12px 8px;
  vertical-align: middle;
}

table.table-white-bg tbody td.last-col-txt {
  padding-right: 30px !important;
}

table.table-white-bg tbody td:first-child {
  padding-left: 30px !important;
}

table.table-white-bg tbody tr:last-child td {
  padding-bottom: 30px !important;
}

table.table-white-bg tbody tr:first-child td {
  padding-top: 35px;
}

.box-layout-2 md-card {
  background-color: transparent;
  margin: 0;
  border: none;
}

.box-layout-2 md-card md-card-title {
  padding: 0;
}

.box-layout-2 md-card md-card-content {
  background: #fff;
  border: solid 1px #eeeeee;
  padding-top: 12px;
}

.box-layout-2 md-card md-card-content md-input-container {
  padding: 0;
}

.box-layout-2 md-card md-card-content md-input-container input {
  padding: 0;
  border: none !important;
  color: #8d93a0 !important;
  opacity: 1 !important;
}

.bottom-box-shadow {
  -moz-box-shadow: 0 0 2px 5px rgba(34, 31, 31, 0.15);
  -webkit-box-shadow: 0 0 2px 5px rgba(34, 31, 31, 0.15);
  -ms-box-shadow: 0 0 2px 5px rgba(34, 31, 31, 0.15);
  -o-box-shadow: 0 0 2px 5px rgba(34, 31, 31, 0.15);
  box-shadow: 0 0 2px 5px rgba(34, 31, 31, 0.15);
}

.num-style1 {
  font-weight: 600;
  font-size: 13px;
  color: #6e7584;
  line-height: 34px;
}

.num-style2 {
  font-weight: 600;
  font-size: 25px;
  color: #6e7584;
  line-height: 25px;
}


.extra-large-padding {
  padding: 30px 0 25px;
  display: inline-table;
}

.full-row {
  width: 100%;
}

.full-row-center {
  width: 100%;
  margin: auto;
  padding: 0;
}

.orderin-padding {
  padding: 60px 0 4px;
}

.fig-desc-text {
  font-weight: 600;
  font-size: 14px;
}

.box-zerospace {
  width: 100%;
  float: left;
}

.note-value {
  padding-left: 10px;
  white-space: pre-wrap;
}

.invoice-notes {
  width: 50%;
}

.note-cards {
  overflow: scroll;
}

.internal-notes-card {
  overflow: scroll;
  height: 350px;
}

.internal-notes-content {
  overflow-y: scroll;
  height: 250px;
}

.order-popup-menu1 {
  position: absolute;
  top: 20px;
  right: 0;
}

button.notes {
  max-width: 165px;
  margin-left: auto;
  margin-right: auto;
}

button.notes span {
  color: white !important;
}

button.orderscreen-infobtns {
  max-width: 270px;
  margin: 0 0 15px;
}

button.orderscreen-infobtns:last-child {
  margin-bottom: 0;
}

.footer button:last-child {
  margin-bottom: 6px;
}

.dataTable.order-design-table {
  background-color: #fff;
}

.dataTable.order-design-table thead {
  background-color: #fff;
}

.dataTable.order-design-table thead th {
  background-color: #fff;
}

.dataTable.order-design-table tbody td {
  background-color: #fff !important;
}

.orderscreen-rightbar {
  max-width: 25%;
  width: 100%;
  margin-top: 8px;
}

.center-num-box {
  height: 165px;
  display: table;
  text-align: center;
}

.center-num-box.order-btm-box {
  /* height: 175px;  */
}

.shipping-main .center-num-box {
  /* height: auto;  */
}

.center-num {
  display: table-cell;
  vertical-align: middle;
}

.global-text-style {
  color: #6e7584;
  font-size: 13px;
  font-weight: 400;
  opacity: 1;
  padding: 12px 8px;
}

.global-heading-style {
  color: #6e7584;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.box-layout-2 md-card md-card-content.recap {
  padding: 18px 30px 18px 22px;
}

.not-visible {
  visibility: hidden;
}

.trans-box.order-designname {
  width: 12%;
}

.header-bg-custom {
  background-color: #0b5c93;
}

.inner-page-heading {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  padding: 16px 0 16px 35px;
  margin: 0;
  text-transform: capitalize;
}

.stokkup-tab-view {
  width: 100%;
  background-color: #fff;
}

.inner-custom-box2 {
  width: 100%;
  background-color: transparent;
  padding: 0 35px;
}

.stokkup-custom-tabs md-tabs-wrapper {
  padding: 0 35px;
  border: none;
}

.stokkup-custom-tabs md-tabs-canvas {
  height: 41px;
}

.stokkup-custom-tabs md-tabs-canvas md-pagination-wrapper {
  height: 41px;
}

.stokkup-custom-tabs .md-button.md-icon-button {
  padding: 0;
  margin: 0;
  color: #a8a9ad;
  right: -10px;
  position: relative;
}

.stokkup-custom-tabs .md-tab {
  font-size: 12px;
  color: #a5a6a9 !important;
  font-weight: 300;
  padding: 14px 0 10px;
  line-height: 18px;
  text-transform: uppercase;
  margin: 0;
}

.stokkup-custom-tabs .md-tab span {
  padding: 0 10px;
  text-transform: uppercase;
}

.stokkup-custom-tabs .md-tab.md-active {
  color: #252932 !important;
}

.custom-tabs-content md-card {
  padding: 5px 20px;
  margin: 0 10px;
}

.custom-tabs-content md-card md-card-header {
  padding: 0;
}

.custom-tabs-content md-card md-card-header .md-title {
  font-weight: 600;
  font-size: 14px;
  color: #6e7584;
}

.custom-tabs-content md-card md-card-content {
  padding: 0;
}

.custom-shadow1,
.stokkup-custom-tabs md-tabs-wrapper {

  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);

  -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.custom-fullbox-shadow {
  -webkit-box-shadow: 0 0 5px 0 rgba(34, 31, 31, 0.3) !important;
  -mz-box-shadow: 0 0 5px 0 rgba(34, 31, 31, 0.3) !important;
  -o-box-shadow: 0 0 5px 0 rgba(34, 31, 31, 0.3) !important;
  box-shadow: 0 0 5px 0 rgba(34, 31, 31, 0.3) !important;
}

md-card-content.custom-desc-box .h5 {
  padding-top: 6px;
  font-size: 14px;
}

md-card-content.custom-desc-box span {
  margin-top: 4px;
  margin-bottom: 14px;
}

.text-white {
  color: #fff !important;
}

.text-black {
  color: #000 !important;
}

.text-info {
  color: #0083c5;
}

.client-list-page .num-style1 {
  font-size: 20px;
}

.client-list-page .center-num-box {
  height: 90px;
}

.custom-struct-2 md-tabs-wrapper {
  width: 50%;
  margin: auto;
  position: relative;
  z-index: 5;
}

.custom-struct-2 md-tabs.md-dynamic-height md-tab-content.md-active {
  top: -50px;
}

.stockkup-content-table-container .tab-view-page.stokkup-main-tableview .table-title {
  position: relative;
  z-index: 0;
}

.custom-struct-2 md-pagination-wrapper {
  height: 40px;
}

.custom-struct-2 md-tabs-canvas {
  height: 40px;
}

.custom-struct-2 .md-tab {
  font-size: 12px;
  color: #a5a6a9 !important;
  font-weight: 300;
  padding: 14px 0 10px;
  line-height: 18px;
  text-transform: uppercase;
  margin: 0;
}

.custom-struct-2 .md-tab span {
  padding: 0 10px;
  text-transform: uppercase;
}

.custom-struct-2 .md-tab.md-active {
  color: #252932 !important;
}

.custom-struct-2 md-tabs md-ink-bar {
  border-bottom: 3px solid #e3e3e3;
}

.md-primary.md-hue-1 {
  background-color: #9fa1a7;
  color: #fff;
}

.dialog-cancel-global {
  min-width: 123px;
  background-color: #9fa1a7;
  color: #fff;
  height: 41px;
  line-height: 41px;
  font-weight: 700;
}

.dialog-cancel-btn {
  min-width: 123px;
}

.client-screenset-img {
  max-height: 100px;
  width: auto;
}

.art-tabs {
  float: left;
}

.art-tabs span {
  cursor: pointer;
  font-weight: 300;
  font-size: 14px;
  color: #6e7584;
  opacity: 0.6;
  border-bottom: solid 3px #e3e3e3;
  margin: 0 2px;
  padding: 8px 10px;
  position: relative;
  float: left;
  text-transform: uppercase;
}

.art-tabs span.active-art {
  opacity: 1;
  border-bottom: solid 3px #4773d6;
}

.right-search-box.srch-small {
  width: 35%;
}

.shipping-custom-tab {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  background-color: transparent;
}

.shipping-custom-tab md-tabs-canvas.md-paginated {
  margin: 0;
}

.shipping-custom-tab md-tabs-wrapper {
  width: 100%;
  margin: 0 auto;
}

.shipping-custom-tab md-tabs-wrapper md-tab-data {
  z-index: 1;
  opacity: 1;
}

.dashboard-page .md-title {
  font-size: 15px;
  font-weight: 600;
}

/* .custom-struct-2 md-tabs.md-active md-ink-bar{
	border-bottom-color:rgb(71, 115, 214) none repeat scroll 0 0;
}*/
/*clients module inner pages */
.dash-btwn-txt {
  float: none;
  display: inline-block;
  font-size: 13px;
  line-height: 14px;
  font-weight: 400;
  padding: 0 15px;
}

.dash-btwn-txt.comp-report-txt {
  position: relative;
  float: none;
  display: table;
  margin: 0 auto;
  text-align: center;
  width: 95%;
  top: 15px;
}

.dash-btwn-txt.green-txt {
  color: #39b54a;
  font-size: 13px;
  padding: 0;
  /* position: relative; */
  top: -3px;
  left: 10px;
}

.dash-btwn-txt.green-txt.fa {
  color: #39b54a;
  font-size: 14px;
}

.dash-btwn-txt.red-txt {
  color: red;
  font-size: 13px;
  padding: 0;
  /* position: relative; */
  top: -3px;
  left: 10px;
}

.dash-btwn-txt.red-txt.fa {
  color: red;
  font-size: 14px;
}

.dashboard-page .num-style1 {
  font-size: 13px;
}

.dashboard-page .p-30.last-row {
  padding-top: 0;
}


.dashboard-page md-card {
  padding: 1rem 0 0;
  margin: 0 8px;
  position: relative;
  border-radius: 2px;
  min-height: 275px;
  box-shadow: 0px 8px 8px 0px #eaeaea;
}



.dashboard-page md-card.firstbox {
  margin-left: 0 !important;
}

.dashboard-page md-card.lastbox {
  margin-right: 0 !important;
}

.dashboard-page md-card md-card-title {
  padding: 0 20px;
}

.dashboard-page md-card md-card-header {
  padding: 0 5px 0 20px;
}

.dashboard-page md-card md-card-content {
  padding-top: 0;
}

.dashboard-page md-card md-card-content.dashboard-cards {
  padding-bottom: 0;
}

.dash-footer-box {
  width: 100%;
  height: 100%;
  background-color: #2c3038;
  border-top: solid 1px #ededed;
  padding: 15px 0;
  text-align: center;
  border-radius: 0px 0px 2px 2px
}

.dash-footer-box.clickable {
  cursor: pointer !important;
}

.dash-footer-alternate-box {
  width: 100%;
  background-color: #fff;
  padding: 15px 0;
  text-align: center;
}

.affiliate-box {
  width: 100%;
  border: solid 1px #ededed;
}

.affiliate-box h4 {
  width: 100%;
  font-size: 16px;
  line-height: 18px;
  border-bottom: solid 1px #ededed;
  padding: 15px 30px;
}

.affiliate-box .affiliate-content {
  width: 100%;
  padding: 20px 30px;
  float: left;
}

.affiliate-content .img-box {
  max-width: 131px;
  max-height: 131px;
  float: left;
  overflow: hidden;
  margin-right: 30px;
}

.affiliate-content .img-box img {
  max-width: 100%;
  height: auto;
}

.affiliate-block-space {
  margin-bottom: 15px;
}

.global-labels {
  font-weight: 600;
  font-size: 14px;
  color: #6e7584;
}

.botto-shadow {
  -moz-box-shadow: 0 2px 5px rgba(34, 31, 31, 0.15) !important;
  -webkit-box-shadow: 0 2px 5px rgba(34, 31, 31, 0.15) !important;
  -ms-box-shadow: 0 2px 5px rgba(34, 31, 31, 0.15) !important;
  -o-box-shadow: 0 2px 5px rgba(34, 31, 31, 0.15) !important;
  box-shadow: 0 2px 5px rgba(34, 31, 31, 0.15) !important;
}

.top-shadow {
  -moz-box-shadow: 0 -2px 5px rgba(34, 31, 31, 0.15) !important;
  -webkit-box-shadow: 0 -2px 5px rgba(34, 31, 31, 0.15) !important;
  -ms-box-shadow: 0 -2px 5px rgba(34, 31, 31, 0.15) !important;
  -o-box-shadow: 0 -2px 5px rgba(34, 31, 31, 0.15) !important;
  box-shadow: 0 -2px 5px rgba(34, 31, 31, 0.15) !important;
}

.payment-accordion {
  width: 100%;
  border: solid 1px #ededed;
  margin: 0;
  padding: 20px;
  float: left;
}

.payment-accordion .payment-panel {
  width: 100%;
}

.payment-accordion .payment-panel h4 {
  float: left;
  width: 100%;
  background: #fafafa;
  border: solid 1px #ededed;
  padding: 12px;
  margin: 0 0 5px;
  cursor: pointer;
}

.no-border {
  border: none !important;
}

.screenset-list-struct {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
}

.screenset-list-struct li {
  list-style-type: none;
  display: block;
  margin: 0 0 28px;
  padding: 15px 0 0;
  float: left;
  background-color: #fff;
  width: 100%;
  border: solid 1px #eeeeee;
}

.screenset-list-struct dnd-nodrag {
  float: left;
  width: 100%;
  padding: 0;
}

.screenset-list-struct table.custom-table1 {
  padding: 0;
  width: 100%;
  border-spacing: 0;
}

.screenset-list-struct table.custom-table1 td {
  border: none;
  padding: 0;
}

.screenset-list-struct .trans-outer {
  padding: 10px 20px;
  width: 100%;
  float: left;
}

.screenset-list-struct .trans-outer .trans-box {
  float: left;
}

img.screenset-img {
  width: auto;
  aspect-ratio: 1 / 1;
  float: none;
  margin: auto;
}

.screenset-titlebox {
  padding: 3px 30px 15px;
  border-bottom: solid 1px #eeeeee;
  width: 100%;
  float: left;
  background-color: #FFFFFF;
}

.transparent-bg {
  background-color: transparent !important;
}

.mockup-img-box {
  margin: 10px 0 0;
}

md-card.noborder {
  border: none;
}

.height-image {
  height: auto;
  max-height: 300px;
  overflow: hidden;
  background-color: transparent;
}

.height-image img {
  height: auto;
  width: auto;
  max-height: 300px;
  background-color: #f9f9f9;
  border: solid 1px #ededed;
  margin: auto;
}

/*tab structure of shipping page */
.tab-view-page md-tabs {
  top: 0;
  z-index: 0;
}

.shipping-custom-tab md-tabs-wrapper {
  /*margin:$zero;
  left:400px;
  top:91px;
  position:fixed;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);*/
}

.shipping-custom-tab md-tabs-canvas {
  height: 60px;
  position: relative;
  z-index: 1;
  width: 720px;
}

.shipping-custom-tab md-tabs-canvas md-pagination-wrapper {
  height: 40px;
  top: 20px;
  left: 180px;
}

.shipping-custom-tab .md-tab {
  padding: 8px 20px;
  color: rgba(37, 41, 50, 0.6) !important;
}

.shipping-custom-tab .md-tab:before {
  content: "";
  position: absolute;
  border-bottom: solid 3px #e3e3e3;
  width: 100%;
  height: 3px;
  left: 5px;
  bottom: 0;
}

.shipping-custom-tab .md-tab.md-active {
  color: #252932 !important;
}

.dragiconscenter {
  align-items: center;
  justify-content: center;
  cursor: move;
}

.dragiconscenter .icon {
  position: relative;
  align-items: center;
  justify-content: center;
}

.company-pro-img-block {
  max-height: 350px !important;
  overflow: hidden;
}

.company-pro-img-block .company-pro-image {
  max-height: 320px;
  width: auto;
  max-width: 100%;
  margin: auto;
  float: none;
}

md-autocomplete {
  background-color: transparent;
  padding: 8px 0 !important;
}

md-autocomplete-wrap {
  padding: 0;
}

md-autocomplete-wrap input[type="search"] {
  border-bottom: solid 2px #d3d4d6;
  color: #252932;
  padding: 0 0 2px 10px !important;
  font-size: 16px;
}

md-autocomplete-wrap input[type="search"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #252932;
  padding-left: 11px;
  font-size: 13px !important;
}

md-autocomplete-wrap input[type="search"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #252932;
  padding-left: 11px;
  font-size: 13px !important;
}

md-autocomplete-wrap input[type="search"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #252932;
  padding-left: 11px;
  font-size: 13px !important;
}

md-autocomplete-wrap input[type="search"]:-moz-placeholder {
  /* Firefox 18- */
  color: #252932;
  padding-left: 11px;
  font-size: 13px !important;
}

md-sidenav.md-sidenav-right .filter-title h1 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  padding: 15px;
  margin: 0;
  background-color: #0656AC;
}

.email-heads {
  padding: 8px 11px;
  font-size: 16px;
  text-transform: none;
}

.email-from-box {
  padding-bottom: 5px;
}

md-dialog.task-dialog md-input-container textarea.email-txtarea {
  min-height: 265px;
  font-size: 14px !important;
  line-height: 22px;
}

.stokkup-req-fields {
  color: #ed1c24;
  font-size: 10px;
  position: relative;
}

#custChkboxes .customChkbox label,
#custChkboxes1 .customChkbox label {
  color: #4773d6;
  border: solid 2px #4773d6;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
}

#custChkboxes .customChkbox input:checked+label,
#custChkboxes1 .customChkbox input:checked+label,
#custChkboxes .customChkbox label:hover,
#custChkboxes1 .customChkbox label:hover {
  color: #fff;
  border: solid 2px #4773d6;
  background-color: #4773d6;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
}

md-dialog.task-dialog md-dialog-content.email-dialog {
  padding-top: 30px;
}

.screenset-view .trans-box {
  width: 33%;
}

.block-center {
  float: none;
  margin: 0 auto;
  display: table;
}

.first-box-zero {
  margin-left: 0;
}

.invoice-logo {
  max-height: 150px;
  overflow: hidden;
}

.invoice-logo img {
  max-width: 100%;
  max-height: 130px;
  height: auto;
  width: auto;
}

/*css for invoice inner page */
.box-30 {
  width: 30%;
  float: left;
}

.box-35 {
  width: 35%;
  float: left;
}

.invoice-detail1 span.text-bold-right {
  float: none;
  display: block;
}

.invoice-page .stokkup-custom-tabs {
  width: 100%;
}

.invoice-page .stokkup-custom-tabs md-tabs-content-wrapper {
  width: 100%;
  position: relative;
}

.boxes-borderstyle {
  border: 1px solid #eeeeee;
}

.approve-box md-select {
  float: none;
  display: inline-block;
  text-align: center;
  width: auto;
  border: none !important;
}

.approve-box md-select md-select-value {
  border: none !important;
  font-weight: 14px;
  font-weight: 700;
  width: 130px;
}

.approve-box md-select md-select-value md-text {
  color: #3eb74f !important;
  font-weight: 14px;
  font-weight: 700;
}

.approve-box md-select md-select-value .fa {
  font-size: 21px;
  position: relative;
  top: 5px;
  margin-right: 12px;
}

#select_container_5 md-select-menu md-content md-option#select_option_2 .md-text {
  color: #3eb74f !important;
}

#select_container_5 md-select-menu md-content md-option#select_option_3 .md-text {
  color: #ed1c24 !important;
}

.approve-box md-select.approvelabel md-select-value .md-text {
  color: #3eb74f;
}

.approve-box md-select md-select-value .md-text {
  color: #ed1c24;
}

.approve-box .md-select-value .md-select-icon::after {
  top: 7px;
}

.approve-box .md-select-value .md-select-icon {
  margin: 0;
}

.approve-box md-select md-select-value .md-text {
  font-size: 14px;
}

.orderscreen-rightbar.invoice-rightbar {
  max-width: 28%;
}

md-tabs.stokkup-invoice-tabs {
  z-index: 0;
}

md-tabs.stokkup-invoice-tabs md-tabs-wrapper {
  width: 100%;
}

.invoice-orderimg {
  max-height: 120px;
  overflow: hidden;
  display: table-cell;
  text-align: center;
}

.invoice-orderimg img {
  max-width: 100px;
  height: auto;
  width: auto;
  max-height: 100px;
  float: none;
  margin: 0 auto;
  display: inline-table;
  vertical-align: middle;
}

.stokkup-invoice-tabs .md-tab {
  font-size: 14px;
}

.invoice-single-design {
  width: 100%;
  float: left;
}

.global-text {
  font-size: 13px;
  font-weight: 300;
  color: #8d93a0;
}

.notable-border.tbl-typ2 td,
.notable-border {
  border: none;
}

/*css for invoice inner page ends here */
.shipping-details-left {
  width: 38%;
  float: left;
}

.shipping-details-right {
  width: 62%;
  float: left;
}

.tbl-scroll-cntnr {
  max-height: 610px;
}

.mt-2 {
  margin-top: 2px;
}

.right-custom-box {
  width: 48%;
}

.stokkup-invoice-tabs md-tab-item.md-disabled {
  opacity: 0 !important;
}

.search-block .md-input-has-value label.top-srch-label {
  display: none;
}

.po-right-approve-box {
  width: 23%;
  float: left;
}

.po-selectbox md-select-value {
  border: none !important;
}

.dash-footer-filter {
  width: auto;
  float: none;
  display: inline-block;
  position: relative;
}

.dash-footer-filter md-select {
  margin: 0;
  padding: 0;
  top: 1px;
  left: 5px;
  position: relative;
  float: none;
  display: inline-block;
}

.dash-footer-filter md-select md-select-value {
  border: none !important;
  padding: 0;
  min-height: 5px;
  min-width: 5px;
  top: -2px;
  font-size: 12px;
  line-height: 16px;
  text-transform: capitalize;
}

.dash-footer-filter md-select md-select-value .md-select-icon {
  width: 10px;
}

.dash-footer-filter md-option .md-text {
  text-transform: capitalize;
}

.dash-btwn-txt.comp-report-txt.dash-latest-order {
  padding: 0;
  width: 100%;
}

.order-design-packbox .card-box {
  padding: 10px;
}

.design-pro-desc ul {
  margin: 0;
  padding: 0 10px;
}

.design-pro-desc ul li {
  margin-bottom: 8px;
}

.design-positions textarea {
  padding-top: 15px;
  max-height: 121px !important;
  overflow-y: scroll;
}

.custom-pro-boxmain {
  float: none;
  width: 60%;
  display: table;
  padding: 20px;
  margin: 10px auto;
}

.custom-pro-img {
  max-height: 200px;
  width: auto;
  float: none;
  margin: 0 auto;
  display: table;
  text-align: center;
}

.tbl-typ1 th {
  background-color: #6288dc;
}

.custom-pro-boxmain .custom-pro-imgmain .icon-close {
  background-color: #fff;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}

md-dialog.task-dialog md-input-container textarea {
  max-height: 150px;
  overflow-y: scroll;
}

.srchstickyright {
  float: none;
  position: fixed;
  right: 70px;
  top: 10px;
  z-index: 100;
}

.srchstickyright label {
  padding-left: 15px;
}

.srchstickyright md-input-container label:not(.md-no-float):not(.md-container-ignore),
.srchstickyright md-input-container .md-placeholder {
  padding-left: 15px;
}

.ontimebox .center-num-box {
  /* height: 115px;  */
}

.pipe-divider {
  width: 2px;
  border: none;
  font-size: 30px;
  line-height: 30px;
  background-color: #e1e1e1;
  margin: 0 15px;
  font-size: 0;
  float: none;
  display: inline-block;
}

.num-style1.estimatebox {
  float: none;
  display: inline-block;
}

.num-style1.text-center.estimatebox {
  float: none;
  display: inline-block;
  text-align: center;
}

.num-style1.text-center.estimatebox>i {
  display: table;
  float: none;
  font-size: 12px;
  line-height: 12px;
  width: 100%;
  height: auto;
  font-style: normal;
}

.dashboard-act-btn {
  background-color: #bfc7d7;
  color: #FFFFFF;
  width: 50%;
  float: left;
  padding: 15px 0;
  border-top: solid 1px #fff;
}

.dashboard-act-btn.active {
  background-color: #2c3038;
  border-top: solid 1px #ededed;
}

.shipcustomfield input {
  border-bottom: solid 1px #6e7584;
  background-color: transparent;
}

@media only screen and (min-width: 1440px) {
  .srchstickyright {
    right: 20px;
  }
}

.filter-btn-txt {
  font-size: 12px !important;
}

/*MIsc page scss */
.misc-main-block {
  width: 100%;
  display: flex;
  padding: 20px;
}

ul.misc-left-pane {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
  max-height: 68vh;
  overflow-y: scroll;
}

ul.misc-left-pane li {
  width: 100%;
  padding: 0;
  list-style-type: none;
  display: block;
}

ul.misc-left-pane li a {
  width: 100%;
  float: left;
  font-size: 16px;
  color: #252932;
  padding: 15px;
  border-bottom: solid 1px #ccc;
}

ul.misc-left-pane li a:hover,
ul.misc-left-pane li a:focus,
ul.misc-left-pane li a.active {
  background-color: #f6f7f8;
  width: 100%;
}

.misc-right-pane {
  width: 100%;
  float: left;
  padding: 20px;
}

.misc-linkbox {
  width: 50%;
  float: left;
}

.misc-linkbox .editable-input {
  height: 35px;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 6px 12px;
}

.editable-click,
a.editable-click {
  border-bottom: solid 1px #4773d6 !important;
}

a.editable-click:hover,
a.editable-click:focus {
  border-bottom: solid 1px #252932 !important;
}


.addLabourCheckbox {
  padding-left: 30px;
}

.zero-padding {
  padding: 0;
}

.card-details .stokkup-custom-btn1 {
  font-size: 10.5px;
  padding: 0 12px;
  text-transform: capitalize;
}

.screenset-logo {
  font-weight: bold;
  margin-right: 3px;
  font-size: 20px;
  color: #FF9900;
  line-height: 10px;
}

.garment-logo {
  font-weight: bold;
  margin-right: 3px;
  font-size: 20px;
  color: #3eb74f;
  line-height: 10px;
}

.garment-logo-finishing {
  font-weight: bold;
  margin-right: 3px;
  font-size: 20px;
  line-height: 10px;
}

.garment-logo-orange {
  font-weight: bold;
  margin-right: 3px;
  font-size: 20px;
  color: orange;
  line-height: 10px;
}

.garment-logo-blue {
  font-weight: bold;
  margin-right: 3px;
  font-size: 20px;
  color: Blue;
  line-height: 10px;
}

.garment-logo-bluelight {
  font-weight: bold;
  margin-right: 3px;
  font-size: 20px;
  color: #7ac6ff;
  line-height: 10px;
}

.rush-box {
  border: solid 1px #de0000;
  float: left;
  position: relative;
  background-color: #F9FAFC;
}

.rush-strip {
  background-color: #de0000;
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
}

.rush-strip span {
  font-size: 16px;
  color: #fff;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
  transform: rotate(-90deg);
  width: 100%;
  text-align: center;
}

.cam-logo .fa,
.prod-icons .fa {
  font-size: 15px;
  color: #252932;
  width: 16px;
  height: 16px;
}

.garment-logo.disabled,
.screenset-logo.disabled {
  color: #cdcfd3;
}

.shipping-custom-tab.schedule-board-tab md-tabs-canvas {
  width: 100%;
}

.shipping-custom-tab.schedule-board-tab md-tabs-canvas md-pagination-wrapper {
  left: auto;
  right: 30px;
}

.boardtxt {
  font-size: 11px;
  margin-top: 10px !important;
  right: 300px;
  position: absolute;
}

.locationselectsb {
  width: 12rem !important;
}

.locationselectInputsb {
  margin: 0 !important;
  margin-left: 6rem !important;
  font-size: 11px !important;
}

.scheduleboarddate .date-input span.k-picker-wrap input {
  border-radius: 5px;
  border: solid 1px #000;
}

.mac-slots {
  width: 25%;
  float: left;
  margin: 0;
  min-height: 100px;
  margin-bottom: 20px;
}

.odd-slot {
  background-color: #e8e9ea;
}

.even-slot {
  background-color: #efeff0;
}

.mac-shiftblocks-bg {
  background-color: #f4f4f5;
}

.shift-slot {
  width: 29%;
  height: 60px;
  float: left;
  margin: 0;
}

.shift-slot span {
  font-size: 12px;
  line-height: 15px;
}

.shift-slot h6 {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
}

.shift-slot.middle-slot {
  margin: 0 10px;
}

.shift-post-card {
  width: 100%;
  height: 100px;
  background-color: #e8e9ea;
  border: solid 1px #e0e1e3;
  margin: 0 0 10px 0;
  text-align: center;
  font-weight: bold;
  padding: 1%;
}

.machine-full-slot {
  width: 100%;
  height: 600px;
  overflow-y: scroll;
  border-right: solid 1px #efefef;
  background-color: #fff;
}

.machine-full-slot h4 {
  padding: 0;
  margin: 0 0 10px;
  width: 100%;
  text-align: center;
  font-weight: 700;
}

.date-slider .curr-seleceted-date {
  padding: 0 15px;
  font-size: 15px;
  font-weight: 700;
  color: #6e7584;
}

.date-slider i {
  font-size: 18px;
  color: #6e7584;
}

/*schedule position popup */
md-dialog.machine-dialog {
  max-width: 800px;
}

.schedule-shifts {
  width: 33%;
  padding: 0 12px;
  border-right: solid 1px #e0e1e3;
  float: left;
  text-align: center;
}

.schedule-shifts .stokkup-blue-btn {
  font-size: 11px !important;
  padding: 0 10px;
  margin-top: 10px;
}

.schedule-shifts:nth-of-type(3) {
  border-right: none;
}

.shift-units {
  width: 100%;
  text-align: center;
  float: left;
}

.shift-units .percent {
  font-size: 26px;
  line-height: 40px;
  color: #252932;
  font-weight: 700;
  width: 100%;
  float: left;
}

.shift-units .machine-unit {
  font-size: 13px;
  line-height: 15px;
  color: #6e7584;
  width: 100%;
  float: left;
}

.btm-border-row {
  border-bottom: solid 2px #e0e1e3;
}

.newdatestyle input {
  border-bottom: none !important;
}

.mac-slots .schedule-shifts {
  width: 100%;
  padding: 15px;
  text-align: center;
}

/*schedule position popup */
.task-dialog.job-dialog {
  width: 1000px;
  max-width: 1000px;
}

.schedule-finishing-table {
  max-width: 100%;
  overflow-x: scroll;
  display: table-row;
  float: left;
}

.schedule-finishing-table tr td {
  width: 25%;
  float: none;
  display: table-cell;
}

.schedule-finishing-table .mac-slots {
  width: 17.5vw;
}

.schedule-finishing-table.unscheduled {
  overflow-x: hidden;
}

.schedule-finishing-table.unscheduled .mac-slots {
  width: 100%;
}

md-content {
  display: inline;
  flex-wrap: wrap;
}

.dataTable ul {
  width: 300px !important;
  background: #fff;
  overflow-y:
    hidden;
  height: 630px;
}

@media only screen and (max-width: 1380px) {
  .stokkup-custom-btn1 {
    padding: 0px 10px !important;
    font-size: 10px;
  }

  .stokkup-custom-btn {
    padding: 0px 10px !important;
    font-size: 10px;
  }
}

/*#
sourceMappingURL=stokkup-custom-global.css.map */
.md-text2 {
  color: #ed1c24 !important;
  font-size: 14px;
}

.logo-image {
  height: 40px
}

.ordertable-id {
  color: #009BEA !important;
}

.invoicetable-id {
  color: #009BEA !important;
}

.affiliateincomingtable-id {
  color: #009BEA !important;
}

.affiliatetable-id {
  color: #009BEA !important;
}

.arttabledesign-id {
  color: #009BEA !important;
}

.clienttable-id {
  color: #009BEA !important;
}

.shiptable-id {
  color: #009BEA !important;
}

.orderinfodesign-id {
  color: #009BEA !important;
}

table.dataTable.row-border,
table.dataTable {
  border-collapse: collapse;
  /* border: solid 1px #EAEDF0; */
}

table.dataTable.row-border tbody td,
table.dataTable tbody tr td {
  border: solid 1px #EAEDF0;
  border-top: solid 1px #EAEDF0;
  border-bottom: solid 1px #EAEDF0;
  border-left: none;
  border-right: none;
}

.badge-container {
  color: #FFFFFF;
  width: 150px;
  border-radius: 5px;
  text-align: center;
}

.badge-container-queues {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.badge-container.status-dropdown {
  border-radius: 4px;
  max-width: 170px;
  border: none;
  line-height: 30px;
  height: 30px;
  background-image: none;
}

.badge-container.status-dropdown[disabled] {
  color: #FFFFFF;
}

.badge-container.status-dropdown .md-select-value,
.badge-container.status-dropdown[disabled] .md-select-value {
  color: #FFFFFF;
  border: none;
  background-image: none;
}

.badge-container.status-dropdown .md-select-value>span,
.badge-container.status-dropdown[disabled] .md-select-value>span,
.badge-container.status-dropdown .md-select-value>span>div,
.badge-container.status-dropdown[disabled] .md-select-value>span>div {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 22px;
  text-align: center;
  font-weight: 450;
}

.badge-status-137 {
  /* order estimate */
  background-color: #e37b3a;
}

.badge-status-138 {
  /* order acknowledged */
  background-color: #8000ea;
}

.badge-status-139 {
  /* sales review */
  background-color: #8000ea;
}

.badge-status-140 {
  /* art review */
  background-color: #8000ea;
}

.badge-status-141 {
  /* art department */
  background-color: #8000ea;
}

.badge-status-142 {
  /* screen room */
  background-color: #0FC4C2;
}

.badge-status-143 {
  /* production department */
  background-color: #0FC4C2;
}

.badge-status-144 {
  /* out w/ 3rd party*/
  background-color: #0FC4C2;
}

.badge-status-145 {
  /* on press */
  background-color: #0FC4C2;
}

.badge-status-146 {
  /* embroidery dept */
  background-color: #0FC4C2;
}

.badge-status-147 {
  /* dtg dept */
  background-color: #0FC4C2;
}

.badge-status-148 {
  /* finishing dept */
  background-color: #0FC4C2;
}

.badge-status-149 {
  /* shipping/packing */
  background-color: #0FC4C2;
}

.badge-status-150 {
  /* ready to ship */
  background-color: #05B971;
}

.badge-status-569 {
  /* shipped picked up */
  background-color: #227be5;
}

.badge-status-151 {
  /* order final invoice */
  background-color: #d7336b;
}

.badge-status-568 {
  /* paid in full */
  background-color: #CBCDD1;
}

.badge-status-570 {
  /* sewing */
  background-color: #113E69;
}

/* Affiliate Section */
.badge-status-811 {
  background-color: #FFC401;
}

.badge-status-812 {
  background-color: #35D391;
}

.badge-status-813 {
  background-color: #369FCD;
}

.badge-status-814 {
  background-color: #E8697D;
}

.badge-status-815 {
  background-color: #6FD6DA;
}

.badge-status-816 {
  background-color: #FFC401;
}

.badge-status-817 {
  background-color: #35D391;
}

.badge-status-818 {
  background-color: #369FCD;
}

.badge-status-819 {
  background-color: #E8697D;
}

.badge-status-820 {
  background-color: #6FD6DA;
}

.badge-status-821 {
  background-color: #FFC401;
}

.badge-status-822 {
  background-color: #35D391;
}

.badge-status-823 {
  background-color: #369FCD;
}

.badge-status-824 {
  background-color: #E8697D;
}

.badge-status-825 {
  background-color: #6FD6DA;
}

.badge-status-826 {
  background-color: #ff6600;
}

.badge-status-827 {
  background-color: #999966;
}

.badge-status-828 {
  background-color: #cc00cc;
}

.badge-status-829 {
  background-color: #339933;
}

.badge-status-830 {
  background-color: #336699;
}

.badge-status-36 {
  background-color: #2c7dce;
}

.badge-status-37 {
  background-color: #60dd54;
}

.badge-status-38 {
  background-color: #e2af50;
}

.badge-status-null .md-select-value {
  background-color: #CAE1FD;
  color: #1878EF !important;
}

.badge-status-278 {
  background-color: #276785;
}

.badge-status-279 {
  background-color: #b2bb38;
}

.badge-status-280 .md-select-value {
  background-color: #C6E8C5;
  color: #65AF5E !important;
}

.badge-status-complete {
  background-color: #8bc462;
}

.badge-status-incomplete {
  background-color: #e2af50;
}

.md-select-icon {
  display: none !important;
}

.textright {
  text-align: right;
}


body:not([data-route='app-scheduleboard']):not([data-route='app-scheduleboard-embr']):not([data-route='app-finishingBoard']) #layout-vertical-navigation #content-container #content {
  position: static;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  padding: 0px 35px 35px 35px;
}

.inlineimage a img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
}

.test {
  border-radius: 16px;
}

.simple-table-container-none {
  background-color: transparent;
}

.stockkup-content-table-container-none div[tasty-table] {
  border-radius: 16px;
}

.icon-dots-horizontal:before {
  content: "\e79c";
}

.icon-dots-vertical:before {
  content: "\e79c";
}

.blue {
  background-color: #009bea !important;
}

.blue-updated {
  background-color: #2c3038 !important;
}

.mrg10-LR {
  margin-left: 10px;
  margin-right: 10px;
}

.inner-full-boxes {
  width: 100%;
  float: left;
  padding: 0 10px;
  margin-top: 16px;
}

.right-0 {
  margin-right: 0px;
}

.cardheader {
  margin-bottom: 16px;
  margin-top: 24px;
}

.stokkup-title-new {
  font-size: 18px;
  margin: 24px;
  padding: 0;
  line-height: 18px;
  color: #252932;
  Text-transform: capitalize;
}

.right-20file {
  margin-right: 20px;
  margin-bottom: 20px;
}

.box-layout-2.pd0-L1 {
  padding-left: 0;
  margin-top: 40px
}

.whites-bgnew {
  background-color: #FFFFFF;
  border: 1px solid #ededed;
}

.global-labels-d {
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
}

.global-labels-b {
  font-weight: 600;
  font-size: 14px;
  color: #009bea;
}

.m-b-15 {
  margin-bottom: 15px;
}

.table-center {
  margin-left: auto;
  margin-right: auto;
}

.stokkup-blue-btns {
  min-width: 250px !important;
  background-color: #0755AC;
}

.stokkup-blue-btnss {
  min-width: 185px !important;
  background-color: #0755AC;
}

.stokkup-blue-notes {
  min-width: 40px;
  background-color: #009bea;
}

.stokkup-view-notes-dialog {
  width: 1000px !important;
}

.stokkup-view-notes-dialog-title {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: black;
  text-transform: uppercase;
}

.sub-table-title-text {
  font-size: 10px;
  padding-left: 0.5em;
}

.table-name {
  /* text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; */
  max-width: 150px;
}

.sticky-note-icon {
  font-size: 16px;
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}

.sticky-note-icon:hover {
  color: black;
  text-shadow: 0 0 5px #0656ab;
}

.btn-prod {
  width: 50%;
  border-radius: 5px;
  font-size: 12px;
  border: 1px solid #ECECEC;
}

.btn-prod:hover {
  background-color: #3A66A7 !important;
  color: white !important;
}

.btn-prod-active {
  background-color: #3A66A7 !important;
  color: white !important;
}

.btn-prod-inactive {
  background-color: white !important;
  color: black;
}

.paymentOptions {
  margin-top: 2em;
}

.shipping-order-recap {
  margin-bottom: 2em;
}

.paymentOptionsShippingAlignment {
  text-align: center;
  display: inline;
  margin-left: 10em;
}

.paymentOptionsHeadings {
  font-size: 14px !important;
  font-weight: 500;
  color: #6e7584;
}

.paymentOptionsResults {
  font-size: 14px !important;
  font-weight: 700;
  color: #6e7584;
}

.order-status-shipping {
  max-height: 35px;
  line-height: 10px;
  margin-top: 0 !important;
}

.order-status-shipping-select {
  width: 150px;
}

.aff-table {
  height: calc(100vh - 250px);
  overflow: auto;
  overflow-x: scroll;
  color: black;
}

.aff-table thead {
  z-index: 1;
  position: sticky;
  top: 0;
}

.aff-table tfoot {
  position: sticky;
  bottom: 0;
}

.aff-table-footer {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  padding: 10px 20px;
  height: 80px;
}

.aff-main-table {
  overflow-x: scroll;
  border-collapse: collapse;
}

.affiliate-header {
  padding: 1em !important;
  cursor: pointer;
}

.affiliate-placeholder {
  background-color: #f8fafc;
}

.metrics {
  background-color: #DDDDDD;
  color: black;
  text-align: center;
  font-weight: bold;
}

.aff-header {
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  border-bottom: 1px solid #DDDDDD;
}

/* F9F9F9 */
.aff-row-head {
  height: 5em;
}

.aff-row-data {
  font-size: 12px;
  z-index: 0;
  position: relative;
}

.aff-row-data:hover {
  background: #E8E8E8;
}

tr:nth-child(even) {
  background: #F9F9F9;
}

tr:nth-child(odd) {
  background: #FFFFFF;
}

.affiliate-table {
  /* border-left: 1px solid #DDDDDD!important; */
  padding: 1.5em !important;
}

.affiliate_number {
  min-width: 105px;
}

.affiliate_name {
  min-width: 200px;
}

.affiliate_long {
  min-width: 250px;
}

.affiliate_date {
  min-width: 110px;
}

.affiliate_badge {
  min-width: 150px;
}

.affiliate_placement_type {}

.affiliate_table_name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 200px;
}

.aff-pagination {
  display: inline-block;
  border: 1px solid black;
  padding: 10px;
  border-radius: 5px;
  background-color: #0E3D6C;
  color: white;
}

.aff-pagination-a {
  color: white !important;
  font-family: 'Open Sans' !important;
}

.aff-inline {
  display: inline-block;
}

.aff-totals {
  margin-top: 2em;
  margin-left: 1em;
}

.view-note-aff {
  width: 100%;
}

.dialog-note {
  height: 50em;
}

.aff-note-modal-content {
  height: 30em;
  overflow-y: scroll;
}

.md-order-info {
  margin-top: 1em !important;
}

.md-order-info-container>span.k-datepicker {
  margin-top: 1em !important;
}

.selectdemoSelectHeader {
  /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */
}

.selectdemoSelectHeader .demo-header-searchbox {
  border: none !important;
  outline: none !important;
  height: 100% !important;
  width: 100% !important;
  padding: 0 !important;
}

.selectdemoSelectHeader .demo-select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12) !important;
  padding-left: 16px !important;
  height: 48px !important;
  cursor: pointer !important;
  position: relative !important;
  display: flex !important;
  width: auto !important;
}

.selectdemoSelectHeader md-content._md {
  max-height: 240px !important;
}

.selectdemoSelectHeader md-input-container {
  min-width: 112px !important;
}

.product-markup-default-design-info {
  margin-left: 2em;
}

.info-design-section {
  margin-top: auto;
  margin-bottom: auto;
}

.info-design-div {
  padding: 1.5em !important;
  background-color: #F5F5F5;
  color: #B8B8B8 !important;
  font-size: 8px !important;
}

.info-design-title {
  font-size: 10px !important;
  line-height: 10px !important;
  margin-bottom: .5em !important;
  padding-left: 5px !important;
  font-weight: bold;
  color: #A0A0A0 !important;
}

.info-design-amounts {
  text-align: right !important;
}

.position_charges_margin {
  margin-bottom: 2.5em !important;
}

.wrap-email {
  overflow-wrap: anywhere !important;
}

.mokup-image-display {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 400px;
  background: rgb(41, 41, 41);
}

.mokup-image-display .current-image-container {
  position: relative;
  min-height: 400px;
  min-width: 400px;
  max-width: 400px;
  max-height: 400px;
  overflow: hidden;
  height: 400px;
  width: 400px;
}

.mokup-image-display .current-image-container .current-image {
  min-height: 400px;
  max-width: 400px;
  max-height: 400px;
  height: 400px;
  width: auto;
  transition: transform 0.3s ease-in-out;
}

.mokup-image-display .current-image-container .current-image:hover {
  cursor: pointer;
  transform: scale(1.05);
}

.mokup-image-display .right-arrow,
.mokup-image-display .left-arrow {
  display: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  width: 80px;
  align-items: center;
  font-size: 48px;
  font-weight: 900;
  color: white;
  text-shadow: 1px 2px 11px black;
  transition: all 1s;
  user-select: none;
}

.mokup-image-display .right-arrow {
  right: 0px;
  z-index: 99;
  padding-right: 10px;
  justify-content: end;
}

.mokup-image-display .left-arrow {
  left: 0px;
  z-index: 99;
  padding-left: 10px;
  justify-content: start;
}

.mokup-image-display:hover .right-arrow,
.mokup-image-display:hover .left-arrow {
  display: flex;
  cursor: pointer;
}

.mokup-image-display:hover .right-arrow:hover {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.mokup-image-display:hover .left-arrow:hover {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.mokup-image-display img {}

.mokup-image-display .current-image-container .caption-container {
  position: absolute;
  z-index: 99;
  bottom: 0px;
  background: rgb(0, 0, 0, 0.7);
  color: white;
  width: 100%;
  padding: 10px;
  z-index: 100;
}

.mokup-image-display .current-image-container .caption-container .caption {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.mokup-image-display .current-image-container .scheduled-date {
  position: absolute;
  z-index: 101;
  bottom: 5px;
  right: 10px;
  color: white;
}

.mokup-image-display .thumbs-container {
  height: 48px;
  width: 100%;
  display: flex;
  flex-direction: row;
  z-index: 102;
  background: rgb(41, 41, 41);
  overflow-x: auto;
  overflow-y: hidden;
}

.mokup-image-display .thumbs-container img {
  filter: brightness(0.5);
  transition: all 0.5s;
  width: 48px;
  height: 48px;
}

.mokup-image-display .thumbs-container img:hover,
.mokup-image-display .thumbs-container img.active {
  transform: scale(1.1);
  filter: brightness(1);
  cursor: pointer;
  border: white 1px solid;
}

.scheduled-designs-popup md-menu-item button.md-button {
  padding: 5px !important;
}

.w-250 {
  width: 250px;
}

.w-80 {
  width: 80px;
}

.d-flex {
  display: flex;
}

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

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

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

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

.justify-content-end {
  justify-content: end;
}

.justify-content-center {
  justify-content: center;
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

.gap-1 {
  gap: 10px;
}

.gap-2 {
  gap: 15px;
}

.gap-3 {
  gap: 20px;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-x-auto {
  overflow-x: overlay;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.height-unset {
  height: unset;
}

.pl-1 {
  padding-left: 10px;
}

.pr-1 {
  padding-left: 10px;
}

.p-1 {
  padding: 5px;
}

.line-height-normal {
  line-height: normal;
}

.text-wrap-wrap {
  text-wrap: wrap;
}

.tab-height {
  height: calc(100vh - 153px);
}

.tab-height .stockkup-content-table-container {
  width: 100%;
}

.bg-white {
  background: white !important;
  background-color: white !important;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.position-sticky {
  position: sticky;
}

.right-0 {
  right: 0;
}

.right-3 {
  right: 3px;
}

.left-0 {
  left: 0;
}

.top-0 {
  top: 0;
}

.bottom-0 {
  bottom: 0;
}

.right-8 {
  right: 8px;
}

.left-8 {
  left: 8px;
}

.top-8 {
  top: 8px;
}

.bottom-8 {
  bottom: 8px;
}

.three-dots-option-button {
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.three-dots-option-button i {
  font-size: 18px !important;
}

.semi-donut-model-2 {
  width: 100px;
  height: 50px;
  position: relative;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 17px;
  font-weight: 600;
  border-radius: 60px 60px 0 0;
  overflow: hidden;
  color: var(--fill);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  box-sizing: border-box;
}

.semi-donut-model-2:before,
.semi-donut-model-2:after {
  content: '';
  width: 100px;
  height: 50px;
  border: 10px solid var(--fill);
  border-top: none;
  position: absolute;
  transform-origin: 50% 0% 0;
  border-radius: 0 0 100px 100px;
  box-sizing: border-box;
  left: 0;
  top: 100%;
}

.semi-donut-model-2:before {
  border-color: rgba(0, 0, 0, .15);
  transform: rotate(180deg);
}

.semi-donut-model-2:after {
  z-index: 3;
  animation: 1s fillGraphAnimation ease-in;
  transform: rotate(calc(1deg * (var(--percentage) * 1.8)));
}

.semi-donut-model-2:hover:after {
  opacity: .8;
  cursor: pointer;
}

.delete-distribution-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  cursor: pointer;
}

.distribution-item {
  position: relative;
}

.distribution-item:hover .delete-distribution-btn {
  display: block;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgb(0 0 0 / 6%);
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background: rgb(0 0 0 / 6%);
}

*::-webkit-scrollbar-thumb {
  background-color: rgb(132 131 131 / 16%);
  ;
  border-radius: 10px;
}

@keyframes fillAnimation {
  0% {
    transform: rotate(-45deg);
  }

  50% {
    transform: rotate(135deg);
  }
}

@keyframes fillGraphAnimation {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }
}

.login-column1 {
  background-color: #FAF8FD !important;
  padding: 4rem !important;
}

.login-main-header {
  h1 {
    font-family: "Open Sans", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 34px !important;
    color: #000 !important;
  }

  .login-title {
    font-family: "Open Sans", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 16px !important;
    color: #BBBDCF !important;
  }
}

.dashboard-year-metrics {
  background: #FFF;
  /* width: 200px; Adjust width as needed */
  height: 100px;
  /* Adjust height as needed */
  border-radius: 2px;
  /* Add border-radius for rounded corners */
  margin: 0 8px;
  display: flex;
  /* Use flexbox for centering */
  justify-content: center;
  /* Center horizontally */
  align-items: center;
  /* Center vertically */
  text-align: center;
  /* Align text in the middle */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Add box shadow for depth */
}

.dashboard-icon-circle {
  border: none;
  border-radius: 50%;
  margin-right: 1rem;
}

.cs-btn-main {
  height: 4rem !important;
  background-color: #fd3db5 !important;
  border-radius: 5px !important;
  color: #fff !important;
  font-size: 1.25rem !important;
  line-height: 4rem !important;
  text-align: center !important;
  width: 13rem !important;
  font-weight: 600 !important;
  padding: 0px 15px !important;
  display: flex !important;
  align-items: center !important;
}

.cs-btn-secondary {
  height: 4rem !important;
  background-color: #6D27E7 !important;
  border-radius: 5px !important;
  color: #fff !important;
  font-size: 1.25rem !important;
  line-height: 4rem !important;
  text-align: center !important;
  width: 14rem !important;
  font-weight: 600 !important;
  padding: 0px 15px !important;
  display: flex !important;
  align-items: center !important;
}

.cs-btn-main>span {
  font-size: 2rem !important;
  padding-right: 1rem;

}
.border-radius-0 {
  border-radius: 0px;
}
.border-radius-1 {
  border-radius: 5px;
}
.border-radius-2 {
  border-radius: 10px;
}
.border-radius-3 {
  border-radius: 15px;
}
.border-radius-4 {
  border-radius: 20px;
}
.border-radius-5 {
  border-radius: 25px;
}
.border-radius-bottom-10 {
  border-radius: 0px 0px 10px 10px;
}
.border-radius-top-10 {
  border-radius: 10px 10px 0px 0px;
}
.border-1 {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-3 {
  border-width: 3px;
}
.border-solid {
  border-style: solid;
}
.border-grey {
  border-color: rgb(202, 202, 202);
}
.border-green {
  border-color: rgb(2, 185, 2);
}
.miw-80 {
  min-width: 80px;
}
.miw-100 {
  min-width: 100px;
}
.w-max-content {
  width: max-content;
}
.text-decoration-line-through {
  text-decoration: line-through!important;
}
.cs-btn-secondary>span {
  font-size: 2rem !important;
  padding-right: 1rem;
}

.cs-subtitle-row {
  background-color: #F9FAFC !important;
  display: flex !important;
  align-items: flex-start !important;
}

.cs-subtitle {
  color: #A4AAB6 !important;
  font-weight: 500 !important;
}

.cs-bg-tabs {
  background-color: #F9FAFC;
  border-bottom: 1px solid #EAEBF0;
}

.cs-bg-tabs>md-tabs-wrapper {
  border-bottom: 2px solid #EAEBF0 !important;
}

.cs-bg-tabs>md-tabs-content-wrapper {
  background-color: #fff !important;
  margin-top: 2rem !important;
  padding: 2rem !important;
  height: 80vh !important;
}

md-tab-item>span {
  text-transform: none !important;
  font-weight: 600 !important;
  color: #2B374D !important;
  font-size: 1.5rem !important;
}

.search-container {
  position: relative !important;
}

.search-icon {
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  /* Ensure the icon is not clickable */
  font-size: 2rem !important;
  font-weight: 600 !important;
}

.search-container input {
  padding-left: 40px !important;
  /* Adjust padding to make space for the icon */
}

.search-block md-input-container .cs-search-label {
  padding-left: 45px !important;
  font-size: 1.5rem !important;
  font-weight: 500 !important;
}

.search-block md-input-container .cs-search-input {
  width: 40rem !important;
  height: 4rem !important;
}

.table-container {
  max-height: 65vh;
  /* Adjust the height as needed */
  overflow-y: auto;
}

.cs-client-table {
  width: 100%;
  border-collapse: collapse;
}

.cs-client-table th,
.cs-client-table td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
  /* Optional: Add a border for better visibility */
}

.cs-client-table thead th {
  position: sticky;
  top: 0;
  background-color: #f9f9f9;
  /* Background color for the sticky header */
  z-index: 1;
  /* Ensure the header stays on top */
}

.cs-client-table>.cs-client-tableHeader>tr>th {
  font-weight: 600 !important;
  font-size: 1.25rem !important;
  color: #000 !important;
  background-color: #F9F8FA !important;
}

.cs-client-name {}

/* Underline under active tab */
md-tabs.md-default-theme md-ink-bar,
md-tabs md-ink-bar {
  background: #2B374D !important;
}

.clickable-row {
  cursor: pointer !important;
}


/* CSS for the New Clients Module Profile Page  */
.cs-profile-links {
  height: 80vh !important;
  overflow-y: auto !important;
}

.cs-profile-links>md-list.cs-profile-group-list {
  padding: 1rem !important;
}

.cs-profile-links>md-list.cs-profile-group-list:hover {
  background-color: #d5e5f1 !important;
  border-radius: 15px !important;
}

.cs-profile-links>md-list.cs-profile-group-list>.cs-profile-list-menu {
  font-family: "Open Sans", sans-serif !important;
  font-size: 1.25rem !important;
  color: #2B374D !important;
  text-transform: none !important;
  font-weight: 700 !important;
  margin: 0 !important;
  text-align: left !important;
  width: 100% !important;
}

.cs-profile-links>md-list.cs-profile-group-list>.cs-profile-list-menu:hover {
  background-color: unset !important;
}

.cs-profile-links>md-list.cs-profile-group-list>.sub-menu {
  padding: 8px 0px 0px 0px !important;
}

.cs-profile-links>md-list.cs-profile-group-list>.sub-menu>md-list-item {
  min-height: 30px !important;
}

.cs-profile-links>md-list.cs-profile-group-list>.sub-menu>md-list-item:hover {
  background-color: #c6dcec !important;
  border-radius: 15px !important;
}

.cs-profile-links>md-list.cs-profile-group-list>.sub-menu>md-list-item:hover>.cs-profile-list-sub-menu {
  font-family: "Open Sans", sans-serif !important;
  font-size: 1rem !important;
  text-transform: none !important;
  font-weight: 700 !important;
  text-align: left !important;
  color: #000 !important;
  min-height: 30px !important;
  line-height: 30px !important;
  width: 100% !important;
}

.cs-profile-links>md-list.cs-profile-group-list>.sub-menu>md-list-item>.cs-profile-list-sub-menu {
  font-family: "Open Sans", sans-serif !important;
  font-size: 1rem !important;
  color: #2B374D !important;
  text-transform: none !important;
  font-weight: 600 !important;
  text-align: left !important;
  margin: 0!important;
  padding: 6px 8px!important;
  min-height: 30px !important;
  line-height: 30px !important;
  width: 100% !important;
}

.cs-profile-links>md-list.cs-profile-group-list>.sub-menu>md-list-item>.cs-profile-list-sub-menu:hover {
  background-color: unset !important;
  cursor: pointer !important;
}

.cs-profile-content {
  height: 90vh !important;
  overflow-y: auto !important;
}

.cs-profile-content>.cs-profile-content-card {
  border-radius: 15px !important;
  padding: 5rem 15rem !important;
}

.cs-profile-content>.cs-profile-content-card>.cs-profile-content-title {
  font-family: "Open Sans", sans-serif !important;
  color: #2B374D !important;
  font-weight: 600 !important;
  text-align: left !important;
}



.cs-client-tax-container {
  display: flex;
  align-items: center;
}

.cs-client-tax-icon {
  margin-right: 10px;
  background-color: #F5F3F3;
  color: #2B374D;
  width: 4rem;
  text-align: center;
  line-height: 5rem;
  height: 4rem;
  border-radius: 5px;
}

.cs-client-tax-text {
  display: flex;
  flex-direction: column;
}

.cs-client-tax-title-text {
  font-weight: 600 !important;
  font-size: 1.5rem !important;
  padding-left: .5rem !important;
}

.cs-client-tax-subtitle-text {
  font-size: 1.25rem !important;
  padding-left: .5rem !important;
  color: gray;
  /* Adjust the color as needed */
}

.cs-client-tax-right-column {
  display: flex;
  justify-content: flex-end;
}

.cs-client-tax-section-i-title {
  font-family: "Open Sans", sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  color: #2B374D;
}

.input-container {
  display: flex;
  flex-wrap: wrap;
}

.input-group {
  display: flex;
}

.input-label-required {
  color: red !important;
  font-weight: 700 !important;
  padding-right: 5px !important;
}

.input-label {
  font-family: "Open Sans", sans-serif !important;
  font-size: 1rem;
  color: #757575;
  pointer-events: none;
  font-weight: 700;
}

.md-input-container {
  flex: 1;
  margin-top: 20px;
  /* Adjust the value as needed to create space for the label */
}

.cs-modern-input {
  width: 25rem !important;
  background-color: #F5F3F3 !important;
  border-radius: 5px !important;
}

.cs-modern-input>input {
  border: none !important;
  padding: 1.5rem !important;
}

.cs-client-tax-section-i-subtitle {
  font-family: "Open Sans", sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: #2B374D;
}

.cs-modern-btn-primary {
  font-family: "Open Sans", sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
  border-radius: 5px !important;
  background-color: #17A5E2 !important;
}

.pointer-events-none {
  pointer-events: none !important;
}

.white-space-nowrap {
  white-space: nowrap;
}

.vertical-align-top {
  vertical-align: top !important;
}

.btn-tax {
  background-color: #ff2e6c;
  border-radius: 5px;
  padding: 0 15px 0 15px !important;
}

.btn-tax>span {
  color: #fff !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}

.custom-chip {
  padding: 5px 10px;
  min-width: 40px;
  width: fit-content;
  font-size: 14px;
  justify-content: center;
  display: flex;
  align-items: center;
  border-radius: 5px;
  /* width: 70%; */
  text-wrap-mode: nowrap;
}

.success {
  background-color: #C6E8C5;
  color: #65AF5E;
}

.info {
  background-color: #7700ff;
  color: #ffffff;
}

.info-2 {
  background-color: #008cff;
  color: #ffffff;
}

.warning {
  background-color: #f0f0f0;
  color: black;
  opacity: 50%;
}

.danger {
  background-color: #db0000;
  color: rgb(255, 255, 255);
}

.rounded-badge {
  position: absolute;
  font-size: 1rem;
  top: 6px;
  right: 2px;
  z-index: 999;
  padding: .2em .45em;
  color: white;
  background-color: rgb(197, 47, 47);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  line-height: 1rem;
  border-radius: 1rem;
}

  .selected-address-verify {
    border: 2px solid #007bff !important;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3) !important;
}



.schedule-job-details-tab  md-tabs-content-wrapper {
  max-height: 80vh!important;
  overflow-y: auto!important;
  overflow-x: hidden!important;
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.blinking {
  animation: blink 1.5s infinite;
}

.timeline {
  position: relative;
  padding-left: 30px;
  border-left: 2px solid #ccc;
}
.timeline-item {
  position: relative;
  margin-bottom: 20px;
}
.timeline-item::before {
  content: '';
  position: absolute;
  left: -36px;
  top: 4px;
  width: 12px;
  height: 12px;
  background-color: #3498db;
  border: 2px solid #fff;
  border-radius: 50%;
}
.timeline-date {
  font-size: 0.9em;
  color: #777;
}
.timeline-event {
  font-weight: bold;
  margin: 5px 0;
}
.timeline-description {
  margin-bottom: 5px;
}
.timeline-user {
  font-size: 0.8em;
  color: #555;
}
.miw-unset {
  min-width: unset!important;
}
.shadow {
  box-shadow: 0px 1.2px 5px rgba(0, 0, 0, 0.35);
}
.fs-10 {
  font-size: 10px;
}
.fs-11 {
  font-size: 11px;
}
.fs-12 {
  font-size: 12px;
}
.fs-13 {
  font-size: 13px;
}
.fs-14 {
  font-size: 14px;
}
.fs-16 {
  font-size: 16px;
}
.fs-18 {
  font-size: 18px;
}
md-switch.bar-unchecked-grey:not(.md-checked) .md-container .md-bar {
  background-color: grey;
}

md-switch.bar-checked-green.md-checked .md-container .md-bar {
  background-color: rgb(78 207 63);
}

md-switch.thumb-light-grey .md-container .md-thumb-container .md-thumb {
  background-color: rgb(221 221 221);
}

/* Skeleton card container */
.skeleton-card {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  background: #f0f0f0;
  overflow: hidden;
  position: relative;
}

/* Shimmer animation */
.skeleton-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
  animation: shimmer 1.5s infinite;
}

/* Shimmer keyframes */
@keyframes shimmer {
  0% {
      left: -100%;
  }
  100% {
      left: 100%;
  }
}

/* Skeleton text line */
.skeleton-card .skeleton-square {
  height: 16px;
  width: 16px;
  background: #e0e0e0;
}

.fade-border {
  /* Apply the fade border */
  -webkit-mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 90%);
  -webkit-mask-composite: destination-in;
  mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 90%);
  mask-composite: intersect;

  /* Ensures compatibility with all background content */
  background-clip: padding-box;
}

.noselect {
  user-select: none;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none;     /* IE 10+ */
}

.truncate-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;         /* Asegura comportamiento consistente */
}

.border-dashed {
  border: 1px dashed grey;
}

/**
  Extracted Data PO Upload Dialog 
**/
.order-dialog div[layout-padding]::-webkit-scrollbar {
    width: 6px!important;
}
.order-dialog div[layout-padding]::-webkit-scrollbar-thumb {
    background-color: #c0c0c0!important;
    border-radius: 3px!important;
}
.dndDragging {
    opacity: 0.5!important;
}
.dndPlaceholder {
    background: #ddd!important;
    border: 2px dashed #999!important;
}
.file-upload-container input[type="file"] {
  border: 1px solid #ccc!important;
  padding: 6px 12px!important;
  border-radius: 4px!important;
  background-color: white!important;
}
.jobName-ai::placeholder {
  color: #bbb!important;
}