:root{
	--send-bg: rgb(246, 246, 247);			/* polaris */
	--send-blue: #092233;			/* polaris */
	--send-cream: #F7F3F1;			/* polaris */
	--send-yellow: #C17F29;			/* polaris */
}


.template-switcher > .btn-list [class^="icon-"],
.template-switcher > .btn-list [class*=" icon-"] {
  font-size: 15px; }
  .template-switcher > .btn-list [class^="icon-"].icon-kanban,
  .template-switcher > .btn-list [class*=" icon-"].icon-kanban {
    font-size: 21px; }

.sideMenu nav .root .icons {
  clear: both; }

.preventActions + .content_wrapper {
  width: calc(100% - 200px); }


.topbarHolder {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  width: 100%;
  background-color: #2b3643;
  z-index: 300; }
  .topbarHolder .topbarLogo {
    display: block;
    width: 200px;
    height: 40px;
    padding-left: 39px;
    padding-right: 20px;
    box-sizing: border-box; }
    .topbarHolder .topbarLogo .mainLogo {
      font-family: "OpenSans Light", Arial, Helvetica, sans-serif;
      font-size: 22px;
      line-height: 40px; }
  .topbarHolder .right-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .topbarHolder .user-snap {
    display: inline-block;
    max-width: 160px;
    margin: 0 20px; }
    .topbarHolder .user-snap .default {
      position: relative;
      background-color: #7eadcc;
      top: 0;
      left: 0;
      height: 26px;
      line-height: 26px;
      border-top: 0 none;
      border-radius: 3px;
      background-position: 10px 5px; }
      .topbarHolder .user-snap .default:hover {
        background-color: #7eadcc;
        height: 26px;
        border-top: 0 none; }
  .topbarHolder .sidebarToggler {
    position: relative;
    top: 12px;
    height: 17px;
    width: 19px;
    float: right;
    cursor: pointer;
    opacity: .75; }
    .topbarHolder .sidebarToggler:hover {
      opacity: 1; }
    .topbarHolder .sidebarToggler span {
      position: absolute;
      height: 1px;
      width: 19px;
      background: #a7b5c6;
      transition: all ease .3s; }
      .topbarHolder .sidebarToggler span:first-child {
        top: 2px; }
      .topbarHolder .sidebarToggler span:last-child {
        bottom: 2px; }
      .topbarHolder .sidebarToggler span:nth-child(2) {
        top: 8px; }
  .topbarHolder .loginPanel {
    position: relative;
    display: inline-block;
    padding: 9px 6px 7px 8px;
    margin-right: 40px;
    cursor: pointer; }
    .topbarHolder .loginPanel:hover {
      background-color: #3f4f62; }
    .topbarHolder .loginPanel.open .loginList {
      display: block; }
    .topbarHolder .loginPanel .dropdownButton:after {
      content: "\f107";
      display: inline-block;
      float: right;
      font-size: 12px;
      font-family: "erp-icons";
      line-height: 20px;
      color: #fff;
      width: 20px;
      text-align: center; }
    .topbarHolder .loginPanel .iconEmployee {
      float: left;
      margin-top: -5px;
      margin-right: 5px; }
    .topbarHolder .loginPanel .userName {
      display: inline-block;
      font-size: 13px;
      font-weight: 300;
      color: #c6cfda; }
    .topbarHolder .loginPanel .loginList {
      display: none;
      box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
      right: 0;
      top: 35px;
      min-width: 120px;
      position: absolute;
      z-index: 1000;
      float: left;
      list-style: none;
      text-shadow: none;
      padding: 0;
      background-color: #fff;
      margin: 10px 0 0;
      border: 1px solid #eee; }
      .topbarHolder .loginPanel .loginList a:hover {
        background-color: #f6f6f6; }
      .topbarHolder .loginPanel .loginList:before {
        position: absolute;
        top: -7px;
        right: 9px;
        display: inline-block !important;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #eee;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: ''; }
      .topbarHolder .loginPanel .loginList:after {
        position: absolute;
        top: -6px;
        right: 10px;
        display: inline-block !important;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        content: ''; }
      .topbarHolder .loginPanel .loginList > li > a {
        padding: 8px 16px;
        text-decoration: none;
        display: block;
        clear: both;
        line-height: 18px;
        white-space: nowrap; }

.iconEmployee {
  height: 29px;
  width: 29px;
  border-radius: 50%;
  display: inline-block;
  font-size: 13px;
  text-align: center; }

.top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  height: 40px;
  border-bottom: 1px solid #eaeaea; }
  .top-bar .btnsBlock.right {
    padding-right: 20px;
    margin-left: auto; }
  .top-bar .template-switcher {
    margin-left: auto; }

.top-bar:empty {
  display: none !important; }
.top-bar.banned {
  border-bottom: 0; }
.top-bar h3 {
  line-height: 40px;
  padding: 0 20px;
  color: #666666 !important;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
  font-weight: normal;
  float: left;
  overflow: visible; }
  .top-bar h3:empty {
    display: none !important; }
.top-bar #reconcileDate {
  color: #333; }
.top-bar #createBtnHolder .btnBlue {
  height: 26px;
  width: 68px;
  border: 0;
  line-height: 26px !important;
  font-size: 13px;
  color: #fff; }
.top-bar #createBtnHolder,
.top-bar .createBtnHolder {
  margin-top: 7px; }
  .top-bar #createBtnHolder.btnsBlock,
  .top-bar .createBtnHolder.btnsBlock {
    margin-top: 0; }
.top-bar .channelStatus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .top-bar .channelStatus .channelImg {
    height: 20px; }
  .top-bar .channelStatus .channelName {
    margin-left: 10px; }
.top-bar ._breadcrunmbs #createBtnHolder,
.top-bar ._breadcrunmbs .createBtnHolder {
  margin-top: 0; }
  .top-bar ._breadcrunmbs #createBtnHolder .btn,
  .top-bar ._breadcrunmbs .createBtnHolder .btn {
    margin-right: 0; }
.top-bar ._breadcrunmbs + #createBtnHolder {
  position: absolute;
  right: 8px;
  top: 7px;
  margin-top: 0; }
.top-bar ._filterDropDownWrap {
  margin-top: 7px; }

.top-bar-deleteBtn {
  display: block;
  height: 26px;
  width: 68px;
  padding: 0;
  background: #7eadcc;
  line-height: 26px !important;
  font-size: 13px;
  color: #fff !important;
  text-align: center;
  transition: all .3s; }
  .top-bar-deleteBtn:hover {
    text-decoration: none; }
  .top-bar-deleteBtn:after {
    content: 'Delete'; }

._taskTimeBlock .inputDateActionBlock {
  float: left; }
  ._taskTimeBlock .inputDateActionBlock .timepicker {
    border: none;
    height: auto; }

._taskDueDate {
  width: 100px !important;
  height: 22px; }

input._taskDueDate {
  color: #364150;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

._addTaskTitleBlock {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 34px;
  background: #f3f3f3;
  border: 1px solid #c8c8d3;
  border-top: 0;
  border-bottom: 0; }
  ._addTaskTitleBlock > label {
    width: auto !important;
    height: auto !important; }
  ._addTaskTitleBlock > .current-selected {
    line-height: 30px;
    margin-right: 10px; }
  ._addTaskTitleBlock .editTags {
    padding: 2px 8px;
    cursor: pointer; }
  ._addTaskTitleBlock ._addTaskTitle {
    padding: 10px;
    line-height: 1.2; }
    ._addTaskTitleBlock ._addTaskTitle label {
      display: inline-block !important;
      margin-right: 5px; }
    ._addTaskTitleBlock ._addTaskTitle .current-selected {
      margin-left: 0; }
  ._addTaskTitleBlock .categoryHolder {
    text-align: center; }
  ._addTaskTitleBlock ._addTaskTitle,
  ._addTaskTitleBlock .tagsLabel {
    color: #364150; }
  ._addTaskTitleBlock .inputDateActonBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  ._addTaskTitleBlock #timepickerOne,
  ._addTaskTitleBlock ._taskDueDate {
    width: 100px;
    height: 34px;
    background-color: #f3f3f3;
    text-align: center;
    border: 0;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    color: #364150;
    cursor: pointer; }
    ._addTaskTitleBlock #timepickerOne:hover,
    ._addTaskTitleBlock ._taskDueDate:hover {
      background: #7eadcc;
      color: #fff; }
  ._addTaskTitleBlock ._taskTimeBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    ._addTaskTitleBlock ._taskTimeBlock #categoryHolder {
      margin-right: 20px; }

.sliderWrap, .sliderContainer {
  height: 100vh; }
.sliderWrap {
  position: relative; }
  .sliderWrap:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3); }

._productSliderThumbnails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 5px -5px; }
  ._productSliderThumbnails ._slideThumbnail {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 5px;
    outline: 2px solid transparent;
    background-size: cover;
    background-position: center center;
    text-align: center;
    box-shadow: 0 5px 12px -5px rgba(0, 0, 0, 0.7); }

._slideThumbnail:hover {
  opacity: 1;
  outline-color: #7eadcc; }
  ._slideThumbnail:hover ._setMainImage,
  ._slideThumbnail:hover ._deleteImage {
    opacity: 1; }
  ._slideThumbnail:hover ._deleteImage {
    color: #fff; }
  ._slideThumbnail:hover ._setMainImage {
    background-color: rgba(126, 173, 204, 0.8); }
    ._slideThumbnail:hover ._setMainImage:hover {
      background-color: #7eadcc; }
._slideThumbnail.active {
  opacity: 1;
  outline-color: #7eadcc; }
  ._slideThumbnail.active ._setMainImage:hover ._full {
    display: inline-block; }
  ._slideThumbnail.active ._setMainImage:hover ._hollow {
    display: none; }
._slideThumbnail.primary {
  opacity: 1;
  outline-color: #71ca2a; }
  ._slideThumbnail.primary ._setMainImage {
    background-color: rgba(117, 175, 76, 0.6);
    color: #fff;
    opacity: 1; }
    ._slideThumbnail.primary ._setMainImage:hover {
      background-color: rgba(117, 175, 76, 0.6);
      cursor: default; }
      ._slideThumbnail.primary ._setMainImage:hover ._full {
        display: inline-block; }
      ._slideThumbnail.primary ._setMainImage:hover ._hollow {
        display: none; }
    ._slideThumbnail.primary ._setMainImage ._full {
      display: inline-block; }
    ._slideThumbnail.primary ._setMainImage ._hollow {
      display: none; }
._slideThumbnail ._setMainImage,
._slideThumbnail ._deleteImage {
  opacity: 0;
  position: absolute;
  text-align: center;
  cursor: pointer; }
._slideThumbnail ._deleteImage {
  top: -16px;
  right: -16px;
  padding: 5px;
  border-radius: 50%;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  transition: -webkit-transform 150ms ease-in-out;
  transition: transform 150ms ease-in-out;
  transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out; }
  ._slideThumbnail ._deleteImage:hover {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  ._slideThumbnail ._deleteImage > span {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    background-color: #7eadcc;
    font-size: 10px;
    font-size: 0.625rem; }
._slideThumbnail ._setMainImage {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25px;
  color: #fff;
  line-height: 26px;
  font-size: 14px;
  font-size: 0.875rem; }
  ._slideThumbnail ._setMainImage ._full {
    display: none; }
  ._slideThumbnail ._setMainImage ._tooltip {
    opacity: 0;
    visibility: hidden; }
  ._slideThumbnail ._setMainImage:hover ._full {
    display: inline-block; }
  ._slideThumbnail ._setMainImage:hover ._hollow {
    display: none; }
  ._slideThumbnail ._setMainImage:hover ._tooltip {
    opacity: 1;
    visibility: visible; }

._productSlider {
  position: relative;
  width: 100%;
  min-height: 400px;
  height: 50vh;
  margin-right: 20px; }
  ._productSlider:hover ._controls {
    opacity: 1;
    transition: all 150ms ease-in-out; }
    ._productSlider:hover ._controls .prevSlide,
    ._productSlider:hover ._controls .nextSlide {
      transition: all 150ms ease-in-out; }
  ._productSlider ._productSlide {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat; }
  ._productSlider ._controls {
    opacity: 0; }
    ._productSlider ._controls .prevSlide,
    ._productSlider ._controls .nextSlide {
      position: absolute;
      top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 60px;
      height: 100%;
      font-size: 24px;
      color: #fff;
      background-color: rgba(255, 255, 255, 0.3);
      text-shadow: 1px 0 #000, -1px 0 #000; }
      ._productSlider ._controls .prevSlide:hover,
      ._productSlider ._controls .nextSlide:hover {
        background-color: rgba(255, 255, 255, 0.6); }
    ._productSlider ._controls .prevSlide {
      left: 0; }
    ._productSlider ._controls .nextSlide {
      right: 0; }

._productSliderWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  ._productSliderWrap .productSlider {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

._uploadProductView {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  min-height: 250px;
  background: #f5f5f5;
  padding: 20px 20px 15px; }
  ._uploadProductView.showProgress ._uploadWrap {
    opacity: 0;
    visibility: hidden; }
  ._uploadProductView.showProgress ._uploadAnimationView {
    opacity: 1;
    visibility: visible; }
  ._uploadProductView ._uploadAnimationView {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 25px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  ._uploadProductView ._sliderBtns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px; }
    ._uploadProductView ._sliderBtns .btn {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      ._uploadProductView ._sliderBtns .btn + .btn {
        margin-left: 10px; }
  ._uploadProductView .uploadBtn {
    margin-top: 20px; }

._uploadAnimationView ._fileName {
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
._uploadAnimationView ._fileName {
  width: 100%;
  padding: 0 20px;
  margin-top: 17px;
  color: #8c8c8c;
  line-height: 1.2;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
._uploadAnimationView ._uploadedFiles {
  margin-top: 5px;
  color: #8c8c8c;
  font-size: 10px;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
  ._uploadAnimationView ._uploadedFiles span {
    color: #5d96bb;
    font-size: 12px; }

.collapsed .sideMenu {
  width: 40px !important;
  margin-right: -100%; }
  .collapsed .sideMenu .sidebarToggler:before {
    -webkit-transform: rotate(180deg) translate(75%, 50%);
        -ms-transform: rotate(180deg) translate(75%, 50%);
            transform: rotate(180deg) translate(75%, 50%); }
  .collapsed .sideMenu .loginPanel .userName {
    display: none !important; }
  .collapsed .sideMenu .loginPanel .dropdownButton .loginList {
    top: 15%;
    left: 100%;
    width: 150px;
    margin-left: 1px; }
    .collapsed .sideMenu .loginPanel .dropdownButton .loginList li:first-child {
      margin-left: -1px;
      padding-right: 1px; }
    .collapsed .sideMenu .loginPanel .dropdownButton .loginList.opened {
      display: none; }
      .collapsed .sideMenu .loginPanel .dropdownButton .loginList.opened:hover {
        display: block; }
  .collapsed .sideMenu .loginPanel .dropdownButton:hover .login_list {
    display: block; }
  .collapsed .sideMenu .logo {
    display: none; }
  .collapsed .sideMenu nav {
    width: auto !important; }
    .collapsed .sideMenu nav .menuList {
      width: auto; }
    .collapsed .sideMenu nav > ul {
      height: auto; }
    .collapsed .sideMenu nav .root.active:after {
      display: none; }
  .collapsed .sideMenu .root {
    position: relative; }
    .collapsed .sideMenu .root.opened {
      height: 40px !important; }
      .collapsed .sideMenu .root.opened .subMenuList {
        display: none; }
      .collapsed .sideMenu .root.opened:hover .subMenuList {
        display: block; }
    .collapsed .sideMenu .root ul {
      display: none;
      position: absolute;
      top: 0;
      left: 100%;
      padding: 0;
      width: 160px;
      border-left: 1px solid #fff; }
      .collapsed .sideMenu .root ul li {
        height: 40px; }
        .collapsed .sideMenu .root ul li:first-child {
          display: block;
          margin-top: 0 !important;
          background-color: #2C3542; }
        .collapsed .sideMenu .root ul li .subItem {
          padding-left: 20px;
          line-height: 40px; }
    .collapsed .sideMenu .root > a {
      display: none !important; }
    .collapsed .sideMenu .root:before {
      display: none; }
    .collapsed .sideMenu .root:hover .subMenuList {
      display: block; }
      .collapsed .sideMenu .root:hover .subMenuList li:first-child {
        width: calc(100% + 1px);
        margin-left: -1px; }
    .collapsed .sideMenu .root.active .subMenuList li:first-child {
      background-color: #7eadcc; }
      .collapsed .sideMenu .root.active .subMenuList li:first-child a {
        color: #fff; }
.collapsed .topbarLogo {
  width: auto;
  padding-right: 0;
  padding-left: 0; }
  .collapsed .topbarLogo .mainLogo {
    display: none; }
  .collapsed .topbarLogo .sidebarToggler {
    margin-left: 10px; }
.collapsed .grid-conatiner .statisticsAtten.stick {
  width: calc(100% - 40px); }
.collapsed .mCustomScrollBox,
.collapsed .mCSB_container {
  overflow: visible; }

.quotationsTabs {
  border-top: 1px solid #7f7f80;
  padding-top: 10px; }
  .quotationsTabs a {
    color: #3e88b9; }
  .quotationsTabs .half-block, .quotationsTabs .ui-dialog .app-block, .ui-dialog .quotationsTabs .app-block {
    margin-right: 0; }
  .quotationsTabs .list2 .statusInfo {
    text-align: right; }
  .quotationsTabs .list2 thead tr {
    border-top: none; }
  .quotationsTabs .list2 thead th {
    font-size: 12px; }
  .quotationsTabs .list2 .productDescr {
    border: none;
    min-height: 10px;
    font-size: 12px;
    padding: 14px 5px 5px;
    text-align: right; }
  .quotationsTabs .forNum {
    position: relative; }
    .quotationsTabs .forNum:before {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
  .quotationsTabs .selectJobTd {
    position: relative;
    overflow: visible; }
    .quotationsTabs .selectJobTd .newSelectList {
      right: 0; }

._templateInvoiceWrp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  ._templateInvoiceWrp > div._templateDiv {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 550px; }
  ._templateInvoiceWrp > div.addingInfoWrp {
    max-width: 400px; }
    ._templateInvoiceWrp > div.addingInfoWrp > div {
      padding: 0.200000in; }
      ._templateInvoiceWrp > div.addingInfoWrp > div + div {
        padding-top: 0; }
    ._templateInvoiceWrp > div.addingInfoWrp ._pureTemplate .noteWrapper ._timeline {
      white-space: initial;
      word-break: break-word;
      min-width: 320px; }

._invoiceTemplate._payments ._templateTable {
  margin-top: 40px; }
._invoiceTemplate._payments ._templatePaymentInfo .templateBottomTable th {
  padding-top: 45px; }
._invoiceTemplate._payments .btn.refund {
  position: absolute;
  top: 28px;
  right: 38px; }
._invoiceTemplate ._templatePaymentInfo {
  font-size: 8pt; }
  ._invoiceTemplate ._templatePaymentInfo .templateBottomTable {
    margin-top: 15px;
    margin-bottom: 15px; }
    ._invoiceTemplate ._templatePaymentInfo .templateBottomTable thead tr {
      border-top: 2px solid #000; }
    ._invoiceTemplate ._templatePaymentInfo .templateBottomTable th, ._invoiceTemplate ._templatePaymentInfo .templateBottomTable td {
      padding: 8px 5px;
      text-align: left; }
      ._invoiceTemplate ._templatePaymentInfo .templateBottomTable th:nth-child(3), ._invoiceTemplate ._templatePaymentInfo .templateBottomTable td:nth-child(3) {
        text-align: right;
        padding-right: 0; }
      ._invoiceTemplate ._templatePaymentInfo .templateBottomTable th:nth-child(1), ._invoiceTemplate ._templatePaymentInfo .templateBottomTable td:nth-child(1) {
        text-align: left;
        padding-left: 0; }
      ._invoiceTemplate ._templatePaymentInfo .templateBottomTable th:nth-child(2) p, ._invoiceTemplate ._templatePaymentInfo .templateBottomTable td:nth-child(2) p {
        font-weight: 700;
        color: #000; }
    ._invoiceTemplate ._templatePaymentInfo .templateBottomTable th {
      font-size: 9pt;
      font-weight: 700;
      padding-top: 23px; }
    ._invoiceTemplate ._templatePaymentInfo .templateBottomTable td {
      padding-top: 0;
      padding-bottom: 0;
      vertical-align: top;
      font-size: 12px;
      color: #817d7d; }
      ._invoiceTemplate ._templatePaymentInfo .templateBottomTable td > p {
        line-height: 12px;
        font-size: 12px; }
  ._invoiceTemplate ._templatePaymentInfo > p {
    font-size: 12px; }
  ._invoiceTemplate ._templatePaymentInfo ._noticeText {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #000; }

._invoiceTemplate.noMargin {
  margin: 0;
  margin-bottom: 10px;
  box-shadow: none; }

#templateDiv {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 20px; }

._invoiceTemplate {
  max-width: 820px;
  background-color: #fff;
  padding: 0.700000in 0.400000in 0.700000in 0.40000in;
  margin: 20px auto;
  box-shadow: 0 0 6px #ccc;
  position: relative;
  font-size: 9pt; }
  ._invoiceTemplate:after {
    content: '';
    display: table;
    clear: both; }
  ._invoiceTemplate td, ._invoiceTemplate th {
    padding: 8px 10px; }
  ._invoiceTemplate td {
    white-space: initial;
    word-break: break-word; }
  ._invoiceTemplate .ribbon {
    position: absolute !important;
    top: -5px;
    left: -5px;
    overflow: hidden;
    width: 96px;
    height: 94px;
    border-bottom-right-radius: 92px; }
    ._invoiceTemplate .ribbon .ribbon-inner {
      text-align: center;
      color: #FFF;
      top: 24px;
      left: -31px;
      width: 135px;
      padding: 3px;
      position: relative;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      line-height: 10px;
      height: 18px; }
      ._invoiceTemplate .ribbon .ribbon-inner:before, ._invoiceTemplate .ribbon .ribbon-inner:after {
        content: "";
        border-top: 5px solid transparent;
        border-left: 5px solid;
        border-left-color: inherit;
        border-right: 5px solid transparent;
        border-bottom: 5px solid;
        border-bottom-color: inherit;
        position: absolute;
        top: 12px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      ._invoiceTemplate .ribbon .ribbon-inner:before {
        left: -1px;
        border-left: 3px solid transparent;
        margin-left: 5px; }
      ._invoiceTemplate .ribbon .ribbon-inner:after {
        right: 2px;
        top: 13px;
        margin-right: 6px;
        border-bottom: 3px solid transparent; }
  ._invoiceTemplate ._templateHeader:after {
    content: '';
    display: table;
    clear: both; }
  ._invoiceTemplate ._headerLeftPart {
    float: left;
    line-height: 20px; }
  ._invoiceTemplate ._headerRightPart {
    float: right;
    text-align: right; }
  ._invoiceTemplate ._entityTitle {
    font-size: 28pt; }
  ._invoiceTemplate ._entityNumber {
    color: #817d7d;
    font-weight: bold;
    line-height: 3;
    font-size: 13px; }
  ._invoiceTemplate ._balanceBlock ._balanceTitle {
    font-size: 11px;
    font-weight: 800;
    line-height: 2; }
  ._invoiceTemplate ._balanceBlock ._balanceValue {
    font-weight: 800; }
  ._invoiceTemplate ._orgName {
    font-weight: 800;
    font-size: 12px; }
  ._invoiceTemplate ._orgLabel {
    font-size: 12px;
    color: #817d7d;
    white-space: normal; }
  ._invoiceTemplate .notes {
    margin-top: 20px; }
    ._invoiceTemplate .notes div {
      font-size: 10px;
      margin: 10px 0px 5px 0; }
    ._invoiceTemplate .notes .head {
      font-size: 13px;
      color: #817d7d;
      margin-top: 0; }

._templateTable {
  margin-top: 20px;
  table-layout: fixed;
  font-size: 12px; }
  ._templateTable thead {
    background-color: #3c3d3a;
    color: #fff;
    text-align: left; }
  ._templateTable tbody {
    font-size: 10px; }
  ._templateTable td:nth-child(n+4),
  ._templateTable th:nth-child(n+4) {
    text-align: right;
    white-space: nowrap; }

._templateDateBlock {
  margin: 20px 0 10px 0; }
  ._templateDateBlock ._billingBlock {
    font-size: 12px; }
    ._templateDateBlock ._billingBlock ._billingTitle {
      color: #817d7d; }
    ._templateDateBlock ._billingBlock ._billingCustomerName {
      color: #428bca;
      padding: 10px 0; }
  ._templateDateBlock ._leftPart,
  ._templateDateBlock ._rightPart {
    white-space: nowrap; }

._templateTableFooter {
  width: 50%;
  float: right;
  text-align: right; }
  ._templateTableFooter tr {
    height: 40px; }
  ._templateTableFooter ._totalRow {
    font-weight: 900; }
  ._templateTableFooter ._balanceRow {
    font-weight: 900;
    background-color: #f5f4f3; }

td._dateRightPart,
td._dateLeftPart {
  padding: 0; }

._templateDateTable ._dateLeftPart {
  text-align: left;
  vertical-align: bottom; }
._templateDateTable tr td {
  padding: 5px 0;
  text-align: right; }
  ._templateDateTable tr td:first-child {
    color: #817d7d; }

.hairline {
  margin: 0 !important;
  height: 1px !important;
  border-top: none !important;
  border-bottom: 1px solid #585858 !important;
  -webkit-transform: scaleY(0.33) !important;
      -ms-transform: scaleY(0.33) !important;
          transform: scaleY(0.33) !important; }

.ribbon .ribbon-blue {
  background-color: #2c96dd;
  border-color: #1e7ab8; }
.ribbon .ribbon-green {
  background: #1aaf5d;
  border-color: #138345; }
.ribbon .ribbon-grey {
  background: #94a5a6;
  border-color: #788e8f; }

tr.hairlineWrap td {
  padding: 0 !important; }

.icon-trash._correctionPosition {
  position: relative;
  display: inline-block;
  height: 16px;
  width: 12px; }
  .icon-trash._correctionPosition:before {
    position: absolute;
    top: 5px;
    left: 0; }

._progressbarWrap {
  padding: 20px; }
  ._progressbarWrap .dialog-tabs-items {
    padding: 20px 0; }
    ._progressbarWrap .dialog-tabs-items h4 {
      font-size: 16px; }
    ._progressbarWrap .dialog-tabs-items ._progressBarItems {
      width: 75%;
      min-width: 300px; }
      ._progressbarWrap .dialog-tabs-items ._progressBarItems ._statusInfo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 5px; }
        ._progressbarWrap .dialog-tabs-items ._progressBarItems ._statusInfo > p {
          text-transform: uppercase;
          width: 80px; }
        ._progressbarWrap .dialog-tabs-items ._progressBarItems ._statusInfo > ._statusProductBar {
          -webkit-box-flex: 2;
              -ms-flex-positive: 2;
                  flex-grow: 2;
          text-align: center; }
      ._progressbarWrap .dialog-tabs-items ._progressBarItems .bar._progressBar {
        width: 0; }
    ._progressbarWrap .dialog-tabs-items .btnsBlock {
      margin: 10px 0; }
      ._progressbarWrap .dialog-tabs-items .btnsBlock button {
        background-color: #f2f2f2;
        border: 1px solid #d8dde6;
        border-radius: 4px;
        margin: 5px 0;
        padding: 10px;
        float: left;
        color: green; }
        ._progressbarWrap .dialog-tabs-items .btnsBlock button:first-child {
          color: red; }
        ._progressbarWrap .dialog-tabs-items .btnsBlock button + button {
          margin-left: 15px; }
    ._progressbarWrap .dialog-tabs-items #statusBlock {
      color: green; }

/*Apps Wrapper*/
._appsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  height: calc(100vh - 80px);
  padding: 20px;
  background-color: #ecf1f5;
  overflow: auto; }

._appItem {
  width: 400px;
  height: 370px;
  padding: 30px;
  margin: 7px;
  border-radius: 5px;
  background-color: #fff; }
  ._appItem ._channelInfoWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px; }
    ._appItem ._channelInfoWrap .channelImg {
      margin-right: 20px; }
  ._appItem ._syncInfoWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px; }
    ._appItem ._syncInfoWrap ._channelName {
      color: #2e2e2e;
      font-size: 16px;
      font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
      margin-right: 10px; }

._channelStatus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

._channelStatus ._statusItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px;
  text-align: center; }
  ._channelStatus ._statusItem .channelRowHeader {
    font-size: 14px;
    color: #2e2e2e; }
  ._channelStatus ._statusItem .channelRowValue {
    margin-top: auto; }
._channelStatus ._showLogWrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-item-align: end;
      align-self: flex-end; }

._channelInfoWrap ._channelName {
  margin-bottom: 10px;
  color: #2e2e2e;
  font-size: 16px;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
._channelInfoWrap ._syncInfo {
  color: #666;
  font-size: 13px; }
  ._channelInfoWrap ._syncInfo b {
    color: #2e2e2e; }

[data-content="connectingStatus"] .btn.connection {
  min-width: 120px; }

._channelContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  ._channelContainer ._channelitem {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100px;
    height: 60px;
    padding: 5px;
    text-align: center;
    cursor: pointer; }
    ._channelContainer ._channelitem:hover {
      background: #e3e3e3; }
    ._channelContainer ._channelitem img {
      width: auto;
      height: 100%; }

._channelNameContainer {
  font-size: 14px; }
  ._channelNameContainer + .ui-dialog-buttonpane {
    margin-top: 10px !important; }
  ._channelNameContainer .mainContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  ._channelNameContainer ._listModal {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    ._channelNameContainer ._listModal ._modalLabel label {
      font-size: 18px;
      line-height: 26px;
      color: #3e88b9; }

._appsWrap .app .channelImg,
._channelNameContainer .channelImg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 70px;
  height: 70px; }

._appsWrap .app .channelImg.magento, ._appsWrap .app .channelImg.shopify, ._appsWrap .app .channelImg.etsy {
  width: 70px;
  background-size: cover; }
._appsWrap .app .channelImg.magento {
  height: 81px;
  background-position: -5px 0; }
._appsWrap .app .channelImg.shopify {
  height: 77px;
  background-position: -3px 0px; }
._appsWrap .app .channelImg.etsy {
  height: 65px;
  background-position: 0 -4px; }

._channelNameContainer .channelImg.shopify, ._channelNameContainer .channelImg.magento, ._channelNameContainer .channelImg.etsy {
  background-position: center center; }
._channelNameContainer ._animateInputBox {
  margin: 0; }

._inventoryProductWrap ul {
  display: table;
  vertical-align: middle; }
  ._inventoryProductWrap ul li {
    display: table-cell;
    vertical-align: middle;
    float: left; }
    ._inventoryProductWrap ul li .channelImg {
      display: table-cell; }
      ._inventoryProductWrap ul li .channelImg + span {
        min-height: 25px;
        display: table-cell;
        padding: 0 5px;
        vertical-align: middle; }

.channelImg {
  width: 40px;
  height: 40px; }
  .channelImg.magento {
    background: url("../images/magento.svg") no-repeat; }
  .channelImg.shopify {
    background: url("../images/shopify.svg") no-repeat; }
  .channelImg.etsy {
    background: url("../images/etsy.svg") no-repeat; }
  .channelImg.woo {
    background: url("../images/wooLogo.svg") center center no-repeat; }

td .channelImg {
  width: 30px;
  height: 30px; }

._switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 46px;
  height: 20px;
  padding: 1px;
  border-radius: 11px;
  background-color: #c1c1c1;
  cursor: pointer; }
  ._switcher:after {
    content: '';
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%; }

.success ._switcher {
  background-color: #7eadcc; }
  .success ._switcher:after {
    margin-left: auto; }

.appActionBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px; }
  .appActionBar ._switcherWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .appActionBar ._switcherWrap:after {
      content: 'Disconnected';
      margin-left: 10px;
      font-size: 14px;
      color: #2e2e2e;
      line-height: 1; }
  .appActionBar ._settingsBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    margin-left: auto;
    font-size: 20px;
    color: #2e2e2e;
    cursor: pointer;
    transition: -webkit-transform 250ms ease;
    transition: transform 250ms ease;
    transition: transform 250ms ease, -webkit-transform 250ms ease; }
    .appActionBar ._settingsBtn:hover {
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }

._switcherWrap.success:after {
  content: 'Connected'; }

.conflictUnlinkProducts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .conflictUnlinkProducts .conflictedWrap, .conflictUnlinkProducts .unlinkedWrap {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-top: 15px; }
  .conflictUnlinkProducts h3 {
    padding: 0 20px; }
  .conflictUnlinkProducts .top-bar {
    display: block;
    padding: 0 20px;
    border-bottom: 0; }

.guide {
  margin-left: auto; }

.guideGroups .subTitle {
  margin-top: 15px; }
.guideGroups .guideGroupContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.guideGroup {
  width: 300px;
  margin: 0 7px 15px;
  border: 2px solid #7eadcc;
  position: relative;
  height: 250px; }
  .guideGroup::before, .guideGroup::after {
    content: '';
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    border: 2px solid #7eadcc;
    border-radius: 50%;
    top: 33px;
    background-color: white;
    border-top-color: transparent; }
  .guideGroup::before {
    left: -9px;
    border-left-color: transparent;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .guideGroup::after {
    right: -9px;
    border-right-color: transparent;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  .guideGroup .titleWrap {
    background-color: #7eadcc;
    height: 40px;
    width: 100%; }
    .guideGroup .titleWrap .title {
      font-size: 20px;
      color: #fff;
      text-align: center;
      line-height: 40px;
      padding: 0 45px; }
    .guideGroup .titleWrap .icon {
      position: absolute;
      left: 15px;
      top: 0;
      font-size: 22px;
      color: #fff;
      line-height: 36px; }
      .guideGroup .titleWrap .icon-Inventory::before {
        content: "\e034"; }
      .guideGroup .titleWrap .icon-Accounting::before {
        content: "\e04b"; }
      .guideGroup .titleWrap .icon-Sales::before {
        content: "\e043"; }
      .guideGroup .titleWrap .icon-Purchase::before {
        content: "\e04e"; }
      .guideGroup .titleWrap .icon-Integration::before {
        content: "\e94c"; }
  .guideGroup ul {
    margin: 10px 10px 20px 30px; }
    .guideGroup ul > li {
      padding: 5px 0;
      list-style-type: disc;
      color: #7eadcc; }
      .guideGroup ul > li a {
        display: block;
        font-size: 14px;
        line-height: 16px;
        cursor: pointer;
        color: #7eadcc; }

.guide-notify {
  position: fixed;
  padding: 25px;
  border-radius: 5px;
  background-color: #364150;
  -webkit-animation: guide-tooltip .3s forwards;
          animation: guide-tooltip .3s forwards;
  -webkit-animation-timing-function: cubic-bezier(0, 1.05, 0.55, 1.18);
          animation-timing-function: cubic-bezier(0, 1.05, 0.55, 1.18);
  z-index: 1000; }
  .guide-notify-title {
    margin-bottom: 20px;
    color: #7eadcc; }
  .guide-notify-description {
    color: #f3f3f3; }
  .guide-notify .closeBtn {
    position: absolute;
    top: 10px;
    right: 16px; }
    .guide-notify .closeBtn::before, .guide-notify .closeBtn::after {
      background-color: #fff; }
  .guide-notify .arrow {
    position: absolute;
    top: 70px;
    left: -7px;
    border-top: 8px solid transparent;
    border-right: 8px solid #364150;
    border-bottom: 8px solid transparent; }
  .guide-notify .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 360px;
    height: 230px; }
  .guide-notify .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-transform: uppercase;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
    .guide-notify .btn span + span {
      margin-left: 5px; }
    .guide-notify .btn .icon {
      position: relative;
      top: -1px;
      font-size: 18px; }
  .guide-notify .btn-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto; }
    .guide-notify .btn-block .next,
    .guide-notify .btn-block .end {
      margin-left: auto; }

@-webkit-keyframes guide-tooltip {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1); }
  to {
    opacity: 1;
    -webkit-transform: perspective(1px) scale(1);
    transform: perspective(1px) scale(1); } }
@keyframes guide-tooltip {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1); }
  to {
    opacity: 1;
    -webkit-transform: perspective(1px) scale(1);
    transform: perspective(1px) scale(1); } }
#gatherView {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 1;
  background: #fff;
  transition: all .5s ease;
  z-index: 1000; }
  #gatherView.unShowen {
    opacity: 0; }

.gatherInfoContainer {
  height: auto; }

.gatherInfoBlock .title {
  margin-bottom: 10px;
  text-align: center; }
.gatherInfoBlock .input-group {
  position: relative;
  margin-bottom: 10px; }
  .gatherInfoBlock .input-group input {
    width: 100%;
    border: 1px solid #cccfdb;
    box-shadow: none;
    padding: 9px 16px 8px;
    height: 40px; }
    .gatherInfoBlock .input-group input:focus {
      border-color: #00b7db; }
.gatherInfoBlock button {
  width: 100%;
  height: 38px;
  border: none; }
  .gatherInfoBlock button.gatherSubmitBtn {
    margin-top: 15px;
    padding: 10px 12px 8px;
    border-radius: 0;
    line-height: 18px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase; }

.syncLogSection {
  background-color: #f3f3f3;
  height: calc(100% - 40px); }

.syncLogWrap {
  padding: 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #f3f3f3; }
  @media (min-width: 1500px) {
    .syncLogWrap {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; } }

.syncLog {
  width: 900px;
  margin: 0 10px 20px;
  margin: 0 0.625rem 1.25rem; }
  .syncLog > div {
    box-shadow: 0 5px 3px 2px rgba(0, 0, 0, 0.06); }
  @media (min-width: 1500px) {
    .syncLog {
      width: calc(50% - 20px); } }
  .syncLog .title-block {
    padding: 10px 0;
    padding: 0.625rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #d8d8d8;
    background-color: #fff; }
  .syncLog .title-name {
    padding-bottom: 5px;
    padding-bottom: 0.3125rem;
    padding-left: 20px;
    padding-left: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .syncLog .title-name .supTitle {
      font-size: 14px;
      font-size: 0.875rem;
      -ms-flex-item-align: start;
          align-self: flex-start;
      color: #3e88b9; }
    .syncLog .title-name h3 {
      font-size: 22px;
      font-size: 1.375rem; }
  .syncLog .title-date {
    border-right: 2px solid transparent; }
    .syncLog .title-date.succeedBorder {
      border-right-color: #00da00; }
    .syncLog .title-date.conflictedBorder {
      border-right-color: #ffbe00; }
    .syncLog .title-date.errorBorder {
      border-right-color: #E55253; }
    .syncLog .title-date h3 {
      font-size: 15px;
      font-size: 0.9375rem; }
      .syncLog .title-date h3 span {
        font-size: 13px;
        font-size: 0.8125rem;
        color: #3e88b9; }
  .syncLog h3 {
    padding: 0 20px;
    padding: 0 1.25rem;
    color: #000; }
  .syncLog .channelImg {
    width: 50px;
    height: 50px; }
  .syncLog .statusItemWrap {
    margin-right: 20px;
    margin-right: 1.25rem;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: center; }
    .syncLog .statusItemWrap .statusItem:not(:last-child) {
      margin-right: 10px;
      margin-right: 0.625rem; }
  .syncLog .channelRowHeader span {
    padding: 0 5px;
    padding: 0 0.3125rem;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }
  .syncLog .channelRowValue .numberVal {
    padding: 0 5px;
    padding: 0 0.3125rem;
    border: 1px solid #d8d8d8;
    border-radius: 5px; }

.syncLogContent {
  padding: 25px 15px 15px;
  padding: 1.5625rem 0.9375rem 0.9375rem;
  background-color: #fff; }
  .syncLogContent > .toggleEl {
    border: 1px solid #d8d8d8; }
  .syncLogContent .toggleEl {
    padding: 10px;
    padding: 0.625rem;
    margin: 0 5px 10px;
    margin: 0 0.3125rem 0.625rem;
    border-radius: 5px;
    background: #fff;
    cursor: pointer; }
    .syncLogContent .toggleEl .icon-caret-down {
      font-size: 7px;
      font-size: 0.4375rem; }
    .syncLogContent .toggleEl .toggleElTitle {
      position: relative; }
      .syncLogContent .toggleEl .toggleElTitle .title {
        font-size: 14px;
        font-size: 0.875rem; }
    .syncLogContent .toggleEl .importExportIco {
      position: absolute;
      top: -2px;
      right: 0;
      width: 20px;
      height: 20px; }
    .syncLogContent .toggleEl .title {
      cursor: pointer; }
    .syncLogContent .toggleEl .logOverview {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-bottom: 1px solid #d8d8d8; }
      .syncLogContent .toggleEl .logOverview .title {
        padding-left: 3px;
        padding-left: 0.1875rem; }
      .syncLogContent .toggleEl .logOverview .statusBar {
        margin-left: auto; }
        .syncLogContent .toggleEl .logOverview .statusBarIcon {
          width: 11px;
          height: 11px; }
        .syncLogContent .toggleEl .logOverview .statusBar span {
          padding: 0 5px;
          padding: 0 0.3125rem;
          position: relative;
          display: inline-block; }
          .syncLogContent .toggleEl .logOverview .statusBar span:before {
            content: '';
            position: absolute;
            right: -1px;
            width: 1px;
            height: 100%;
            background-color: #d8d8d8; }
          .syncLogContent .toggleEl .logOverview .statusBar span:last-child:before {
            display: none; }
    .syncLogContent .toggleEl > .toggleEl {
      padding-left: 10px; }
      .syncLogContent .toggleEl > .toggleEl > .toggleEl {
        padding-left: 20px; }
  .syncLogContent table thead {
    background-color: #fff;
    border-bottom: 2px solid #eaeaea;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff; }
  .syncLogContent table tbody tr {
    border-bottom: 1px solid #eaeaea;
    border-left: 2px solid white;
    border-right: 2px solid white;
    background-color: #fff; }
    .syncLogContent table tbody tr:nth-child(odd) {
      background-color: #f8f9fb;
      border-left-color: #f8f9fb;
      border-right-color: #f8f9fb; }
  .syncLogContent table th {
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    padding: 10px;
    padding: 0.625rem; }
  .syncLogContent table td {
    padding: 8px;
    padding: 0.5rem; }

.alert {
  padding: 15px 15px 15px 35px;
  position: relative; }
  .alert:before {
    position: absolute;
    top: 15px;
    left: 15px;
    font-family: "erp-icons"; }

.alertDanger:before {
  content: '\e922'; }

.redText {
  color: #E55253 !important; }

.alertSuccess:before {
  content: '\f05d'; }

.invoiced {
  color: #3C86E0; }

.paid {
  color: #2d5d30; }

.unpaid {
  color: #E55253; }

.errorContent:after {
  content: '*';
  margin-left: 2px;
  color: #E55253;
  font-size: 14px; }

.bgRed {
  background-color: #eb5a46 !important; }
.bgPink {
  background-color: #ff80ce !important; }
.bgOrange {
  background-color: #ffab4a !important; }
.bgYellow {
  background-color: #f2d600 !important; }
.bgGreenDark {
  background-color: #61bd4f !important; }
.bgGreenLight {
  background-color: #51e898 !important; }
.bgBlueLight {
  background-color: #00c2e0 !important; }
.bgBlueDark {
  background-color: #0079bf !important; }
.bgPurple {
  background-color: #c377e0 !important; }
.bgBlack {
  background-color: #4d4d4d !important; }
.bgGrey {
  background-color: #b6bbbf !important; }
.bgRed, .bgPink, .bgOrange, .bgGreenDark, .bgBlueDark, .bgPurple, .bgBlack {
  color: #fff; }
.bgHover .bgRed:hover, .bgHover .bgPink:hover, .bgHover .bgOrange:hover, .bgHover .bgYellow:hover, .bgHover .bgGreenDark:hover, .bgHover .bgGreenLight:hover, .bgHover .bgBlueLight:hover, .bgHover .bgBlueDark:hover, .bgHover .bgPurple:hover, .bgHover .bgBlack:hover, .bgHover .bgGrey:hover {
  opacity: 0.75 !important; }

[data-color="bgRed"] {
  background-color: #eb5a46 !important; }

[data-color="bgPink"] {
  background-color: #ff80ce !important; }

[data-color="bgOrange"] {
  background-color: #ffab4a !important; }

[data-color="bgYellow"] {
  background-color: #f2d600 !important; }

[data-color="bgGreenDark"] {
  background-color: #61bd4f !important; }

[data-color="bgGreenLight"] {
  background-color: #51e898 !important; }

[data-color="bgBlueLight"] {
  background-color: #00c2e0 !important; }

[data-color="bgBlueDark"] {
  background-color: #0079bf !important; }

[data-color="bgPurple"] {
  background-color: #c377e0 !important; }

[data-color="bgBlack"] {
  background-color: #4d4d4d !important; }

[data-color="bgGrey"] {
  background-color: #b6bbbf !important; }

[data-color="bgWhite"] {
  background-color: #fff !important;
  color: #3a424c !important;
  border: 1px solid #b6bbbf !important; }

[data-color="bgRed"],
[data-color="bgPink"],
[data-color="bgOrange"],
[data-color="bgYellow"],
[data-color="bgGreenDark"],
[data-color="bgGreenLight"],
[data-color="bgBlueLight"],
[data-color="bgBlueDark"],
[data-color="bgPurple"],
[data-color="bgBlack"],
[data-color="bgGrey"] {
  color: #fff; }
  [data-color="bgRed"]:hover,
  [data-color="bgPink"]:hover,
  [data-color="bgOrange"]:hover,
  [data-color="bgYellow"]:hover,
  [data-color="bgGreenDark"]:hover,
  [data-color="bgGreenLight"]:hover,
  [data-color="bgBlueLight"]:hover,
  [data-color="bgBlueDark"]:hover,
  [data-color="bgPurple"]:hover,
  [data-color="bgBlack"]:hover,
  [data-color="bgGrey"]:hover {
    opacity: 0.75 !important; }

.label-success {
  background-color: #5cb85c; }

.label-warning {
  background-color: #f0ad4e; }

.label-danger {
  background-color: #d9534f; }

.hidden {
  display: none !important; }

.fired {
  background-color: rgba(235, 0, 4, 0.73) !important;
  color: #fff !important; }

.textLightGrey {
  color: #c5c7c7; }

.textBlue {
  color: #27a0cd; }

.textGrey {
  color: #9a9a9e; }

tr.redBorder {
  background-color: red !important; }
  tr.redBorder * {
    color: #fff !important; }
  tr.redBorder td {
    border-color: red !important; }
  tr.redBorder:hover {
    background-color: red !important; }
    tr.redBorder:hover * {
      color: #fff !important; }
    tr.redBorder:hover td {
      border-color: red !important; }

tr.greyBorder {
  background-color: #e5d7e8; }

td.invalidValue {
  color: red !important;
  font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif; }

.holidays {
  position: relative;
  float: right;
  width: 20% !important;
  margin-right: 42%;
  margin-top: -26px; }

.V {
  background-color: #E55253; }

.P {
  background-color: #F9A203; }

.S {
  background-color: #3C86E0; }

.E {
  background-color: #3E7F42; }

.H {
  background-color: #696969; }

._mCS_1 .mCSB_inside > .mCSB_container {
  margin-right: 0px; }
._mCS_1 .mCSB_dragger .mCSB_dragger_bar {
  background-color: #80ADCB; }

@media print {
  ._invoiceTemplate {
    margin: 0 !important;
    box-shadow: none !important;
    padding: 0.580000in 0.350000in 0.580000in 0.50000in; }

  .ribbon {
    display: none !important; }

  ._templateTable td {
    border-bottom: none !important; }
  ._templateTable tbody {
    font-size: 10px !important; }
    ._templateTable tbody tr {
      page-break-inside: avoid !important;
      page-break-after: auto !important; }

  ._templateDateTable td {
    font-size: 7pt !important; }

  ._templateTable tr th,
  .templateBottomTable tr th {
    font-size: 7pt !important; }
  ._templateTable tr td,
  .templateBottomTable tr td {
    font-size: 6pt !important; }
    ._templateTable tr td div,
    .templateBottomTable tr td div {
      font-size: 6pt !important; }

  ._templateTableFooter td {
    font-size: 7pt !important; }
  ._templateTableFooter tr {
    height: 30px !important; }

  ._templateDateBlock {
    font-size: 10px !important; }
    ._templateDateBlock ._billingBlock ._billingCustomerName {
      color: #428bca !important; }

  ._orgName,
  .templateBottomTable th {
    font-size: 8pt !important; }

  ._orgLabel,
  .templateBottomTable td > p,
  ._templatePaymentInfo > p {
    font-size: 7pt !important;
    line-height: 1 !important; }

  ._entityTitle {
    font-size: 21pt !important; }

  ._entityNumber {
    font-size: 8pt !important;
    line-height: 1 !important; }

  ._balanceTitle {
    font-size: 6pt !important;
    padding-top: 16px !important; }

  ._balanceValue {
    font-size: 10pt !important; }

  ._billingTitle {
    font-size: 8pt !important; }

  ._billingCustomerName {
    color: #000 !important;
    font-size: 7pt !important;
    padding-top: 3pt !important; }

  .templateBottomTable {
    margin-top: 15pt;
    margin-bottom: 15pt; }
    .templateBottomTable thead tr {
      border-top: 2pt solid #000; }
    .templateBottomTable tbody tr {
      page-break-inside: avoid !important;
      page-break-after: auto !important; }
    .templateBottomTable th, .templateBottomTable td {
      padding: 8px 5px !important;
      text-align: left !important; }
      .templateBottomTable th:nth-child(3), .templateBottomTable td:nth-child(3) {
        text-align: right !important;
        padding-right: 0 !important; }
      .templateBottomTable th:nth-child(1), .templateBottomTable td:nth-child(1) {
        text-align: left !important;
        padding-left: 0 !important; }
      .templateBottomTable th:nth-child(2) p, .templateBottomTable td:nth-child(2) p {
        font-weight: 700 !important;
        color: #000 !important; }
    .templateBottomTable td {
      vertical-align: top !important; }

  ._templatePaymentInfo ._noticeText {
    padding-top: 10pt !important;
    margin-top: 10pt !important;
    border-top: 1pt solid #000 !important; }

  .printPdf {
    padding: 50px !important;
    min-width: auto !important; }

  #topbar-holder,
  #submenuHolder,
  #top-bar,
  #timeRecivingDataFromServer,
  .listContentWrap,
  .pagination,
  .formContentTitle,
  ._goodOutWrap {
    display: none !important; }

  ._templateTable thead,
  ._templateTable thead tr,
  ._templateTable th {
    background-color: #3c3d3a !important;
    color: #fff !important; }

  .content_wrapper {
    width: 100% !important;
    height: 100% !important; }

  .form-holder {
    padding: 0 !important;
    height: auto !important; } }
._productCategory ._listModal dd, ._productCategory ._listModal dt,
._productTypes ._listModal dd,
._productTypes ._listModal dt {
  margin-top: 0; }
._productCategory ._listModal ._modalSelect,
._productTypes ._listModal ._modalSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  ._productCategory ._listModal ._modalSelect + ._modalSelect,
  ._productTypes ._listModal ._modalSelect + ._modalSelect {
    margin-top: 10px; }
  ._productCategory ._listModal ._modalSelect > label,
  ._productTypes ._listModal ._modalSelect > label {
    width: 200px; }
  ._productCategory ._listModal ._modalSelect > input, ._productCategory ._listModal ._modalSelect a,
  ._productTypes ._listModal ._modalSelect > input,
  ._productTypes ._listModal ._modalSelect a {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100% !important;
    max-width: 280px !important;
    height: 30px;
    padding: 5px;
    min-height: 30px;
    line-height: 28px !important;
    border: 1px solid #c8c8d3;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer; }
  ._productCategory ._listModal ._modalSelect > a.current-selected,
  ._productTypes ._listModal ._modalSelect > a.current-selected {
    line-height: 20px !important; }
._productCategory ._listModal ._inputContainer,
._productTypes ._listModal ._inputContainer {
  display: inline-block;
  line-height: 28px; }
  ._productCategory ._listModal ._inputContainer + ._inputContainer,
  ._productTypes ._listModal ._inputContainer + ._inputContainer {
    margin-left: 15px; }
  ._productCategory ._listModal ._inputContainer ._modalLabel, ._productCategory ._listModal ._inputContainer ._modalSelect,
  ._productTypes ._listModal ._inputContainer ._modalLabel,
  ._productTypes ._listModal ._inputContainer ._modalSelect {
    float: left;
    width: auto; }
  ._productCategory ._listModal ._inputContainer ._modalSelect > input,
  ._productTypes ._listModal ._inputContainer ._modalSelect > input {
    width: auto !important;
    min-height: 30px;
    margin-right: 10px;
    font-size: 12px; }
._productCategory .btn,
._productTypes .btn {
  display: block;
  margin-top: 10px;
  clear: both; }

._productTypes ._listModal ._modalSelect {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  ._productTypes ._listModal ._modalSelect ._inputContainer + ._inputContainer {
    margin-left: 0; }

.ui-dialog .form-holder.productForm {
  padding: 5px 10px 0; }

._linkedProductTitle {
  margin: 18px 0; }

.productForm .form input + .btn {
  margin-top: 0; }
.productForm .form dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px; }
  .productForm .form dl:first-child {
    margin-top: 0; }
  .productForm .form dl.priceBlock > div + div {
    margin-left: 25px; }
.productForm .form input:not([type="checkbox"]) {
  min-height: 20px;
  line-height: 20px; }
.productForm .form ._editAllInput {
  width: 100px; }
.productForm .form ._inputContaineriner > label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .productForm .form ._inputContaineriner > label input {
    margin-right: 15px; }
.productForm .form ._productModelWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.productForm .form ._priceBlockWrap .priceBlock {
  display: inline-block;
  width: 100%; }
  .productForm .form ._priceBlockWrap .priceBlock > div {
    float: left; }
    .productForm .form ._priceBlockWrap .priceBlock > div + div {
      margin-left: 15px; }
.productForm .form ._stockBlock {
  margin-top: 10px; }
.productForm .form ._createEditVariantsWrap {
  overflow: auto; }
  .productForm .form ._createEditVariantsWrap ._createEditVariants {
    table-layout: auto; }
    .productForm .form ._createEditVariantsWrap ._createEditVariants thead th {
      min-width: 50px; }
      .productForm .form ._createEditVariantsWrap ._createEditVariants thead th:first-child, .productForm .form ._createEditVariantsWrap ._createEditVariants thead th:nth-child(2) {
        max-width: 120px;
        width: 120px;
        min-width: 120px;
        white-space: normal; }
    .productForm .form ._createEditVariantsWrap ._createEditVariants tbody tr:hover th[rowspan="*"] {
      background-color: #bdcfeb; }
    .productForm .form ._createEditVariantsWrap ._createEditVariants tbody tr th:first-child, .productForm .form ._createEditVariantsWrap ._createEditVariants tbody tr th:nth-child(2) {
      width: 120px;
      min-width: 120px;
      max-width: 120px; }
.productForm ._mainProductsForm ._editingVariantsWrap,
.productForm ._mainProductsForm ._createdVariantsWrap,
.productForm ._mainProductsForm ._editedVariantsWrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
.productForm ._mainProductsForm ._editAllBlock + ._createEditVariants {
  margin-top: 20px; }

._labelWrap {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 26px; }
  ._labelWrap input {
    margin-right: 10px; }

._editPanel {
  min-width: 300px;
  padding: 10px;
  background-color: #fff; }
  ._editPanel._bordered {
    border: 1px solid #d8dde6;
    border-radius: 4px; }
  ._editPanel + ._editPanel {
    margin-top: 10px; }
  ._editPanel ._editable {
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    text-align: left; }
  ._editPanel .btn {
    display: inline-block;
    margin-right: 3px; }
  ._editPanel ._valueItem {
    display: inline-block;
    line-height: 26px; }
  ._editPanel .deleteValue {
    margin-left: 10px; }

._optionsValues .optionValue:last-of-type {
  margin-bottom: 10px; }

._optionValueForm {
  display: table;
  min-height: auto; }

/*07.10.16*/
._priceListWrap ._listModal {
  margin-bottom: 5px; }

._SkuItemsHolder .list:not(.stripedList):not(._dialogTable) tbody td,
._goodsHolder .list:not(.stripedList):not(._dialogTable) tbody td {
  text-align: left !important;
  white-space: normal;
  word-wrap: break-word; }
  ._SkuItemsHolder .list:not(.stripedList):not(._dialogTable) tbody td:last-child,
  ._goodsHolder .list:not(.stripedList):not(._dialogTable) tbody td:last-child {
    text-align: right !important; }
  ._SkuItemsHolder .list:not(.stripedList):not(._dialogTable) tbody td[data-name="from"],
  ._goodsHolder .list:not(.stripedList):not(._dialogTable) tbody td[data-name="from"] {
    text-align: left !important; }

/*12.10*/
.ui-dialog ._SkuItemsHolder ._invoiceTable tbody tr:last-child td {
  padding: 0;
  height: 1px; }
.ui-dialog ._SkuItemsHolder ._invoiceTable tbody td input {
  text-align: left; }
.ui-dialog ._SkuItemsHolder ._invoiceTable tbody td[data-name="newShip"] .receiveLocation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 5px 0;
  width: 100%; }
  .ui-dialog ._SkuItemsHolder ._invoiceTable tbody td[data-name="newShip"] .receiveLocation input {
    width: 50px; }
  .ui-dialog ._SkuItemsHolder ._invoiceTable tbody td[data-name="newShip"] .receiveLocation > div:nth-child(2) {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
  .ui-dialog ._SkuItemsHolder ._invoiceTable tbody td[data-name="newShip"] .receiveLocation .removeLocation {
    position: relative;
    top: -2px;
    margin: 0 -19px 0 5px; }

/*17.10*/
._invoiceTable ._newSelectListWrap {
  white-space: initial;
  word-break: break-word; }

._invoiceTable tbody .addProductItem {
  height: 1px !important;
  border: 1px solid transparent;
  border-top: 1px solid #d7d7d7;
  padding-top: 0; }

/*20.10.16*/
.productContentWrap {
  height: 100%; }

/*21.10.16*/
._integrationTableWrap {
  margin-bottom: 20px; }
  ._integrationTableWrap .stripedList tbody p {
    line-height: 28px; }
    ._integrationTableWrap .stripedList tbody p.native {
      color: #43ad70; }
  ._integrationTableWrap .stripedList .dropDownDateRangeContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    float: none;
    line-height: 1.5; }
    ._integrationTableWrap .stripedList .dropDownDateRangeContainer .choseDateRange.dropDownDateRange {
      top: 7px; }

._tableAddOptionsWrap .dropDownDateRangeContainer {
  float: none; }

._integrationTableWrap .stripedList .choseDateRange.dropDownDateRange:before,
._tableAddOptionsWrap .stripedList .choseDateRange.dropDownDateRange:before {
  content: '\e944';
  position: absolute;
  top: 0;
  right: 3px;
  color: #7eadcc;
  font-family: "erp-icons";
  font-size: 12px; }
._integrationTableWrap .stripedList .choseDateRange.dropDownDateRange.open:before,
._tableAddOptionsWrap .stripedList .choseDateRange.dropDownDateRange.open:before {
  content: '\e943'; }

.product-info .productType dt {
  line-height: 26px; }

._createEditVariantsWrap ._editAllBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  ._createEditVariantsWrap ._editAllBlock input {
    margin: 0 5px; }

.createVariantsTabs ._editAllBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  align-items: center; }

._editAllBlock .description {
  margin-right: 10px; }
._editAllBlock ._editAllInput,
._editAllBlock ._editAllBtn {
  height: 24px; }
._editAllBlock ._editAllInput:valid {
  border-right: 0;
  border-color: #7eadcc; }
  ._editAllBlock ._editAllInput:valid + ._editAllBtn {
    background-color: #7eadcc;
    color: #fff; }
._editAllBlock ._editAllBtn {
  padding: 0 10px;
  background-color: #c8c8d3; }

/*02.11.16*/
.invoiceAttachments .attachWrapper {
  padding: 13px 0; }
  .invoiceAttachments .attachWrapper .formTitle {
    margin-bottom: 0; }

.form-holder form dd.canReadAndWrite {
  padding-bottom: 0; }
  .form-holder form dd.canReadAndWrite label {
    line-height: 30px; }
  .form-holder form dd.canReadAndWrite ._circleRadioRadianceWrap {
    padding-top: 0;
    padding-bottom: 0; }
    .form-holder form dd.canReadAndWrite ._circleRadioRadianceWrap + ._circleRadioRadianceWrap {
      padding-top: 10px; }
.form-holder form dd label._customCHeckbox .checkbox:checked + span:before {
  top: -1px;
  left: 1px; }
.form-holder form dd label._customCHeckbox .checkbox + span:before, .form-holder form dd label._customCHeckbox .checkbox + span:after {
  margin-top: 5px;
  left: 0; }

/*07.11.16*/
._taxBoxWrp input:not(.checkbox), ._taxBoxWrp .check_wrap {
  width: 90%; }
._taxBoxWrp .half-block, ._taxBoxWrp .ui-dialog .app-block, .ui-dialog ._taxBoxWrp .app-block {
  width: 45%; }
._taxBoxWrp .check_wrap {
  padding: 0 4px;
  border: 1px solid #c8c8d3;
  height: 24px; }
  ._taxBoxWrp .check_wrap > a.current-selected {
    line-height: 22px; }
._taxBoxWrp ._taxCommentWrp {
  color: rgba(121, 121, 121, 0.62); }

/*18.11.2016*/
._overviewPanelWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }

._overviewPanelLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 230px;
      flex-basis: 230px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 10px;
  border-radius: 4px;
  border: 1px solid #d8dde6;
  text-decoration: none !important; }
  ._overviewPanelLink:hover {
    transition: border-color, box-shadow, 0.35s, 0.35s;
    border-color: #7eadcc;
    box-shadow: 0 0 5px rgba(82, 168, 236, 0.5); }
  ._overviewPanelLink:nth-child(1) ._overviewImg {
    background-image: url(../images/erp_icons-01.svg); }
  ._overviewPanelLink:nth-child(2) ._overviewImg {
    background-image: url(../images/erp_icons-04.svg); }
  ._overviewPanelLink:nth-child(3) ._overviewImg {
    background-image: url(../images/erp_icons-05.svg); }
  ._overviewPanelLink:nth-child(4) ._overviewImg {
    background-image: url(../images/erp_icons-08.svg); }
  ._overviewPanelLink:nth-child(5) ._overviewImg {
    background-image: url(../images/erp_icons-03.svg); }
  ._overviewPanelLink:nth-child(6) ._overviewImg {
    background-image: url(../images/erp_icons-03.svg); }
  ._overviewPanelLink:nth-child(7) ._overviewImg {
    background-image: url(../images/erp_icons-06.svg); }
  ._overviewPanelLink:nth-child(8) ._overviewImg {
    background-image: url(../images/erp_icons-07.svg); }
  ._overviewPanelLink:nth-child(9) ._overviewImg {
    background-image: url(../images/erp_icons-06.svg); }

._overviewPanel {
  height: 290px;
  min-height: 290px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
  ._overviewPanel ._overviewImg {
    width: 90px;
    height: 90px;
    margin: 50px auto 0;
    background-repeat: no-repeat;
    background-position: center center; }
  ._overviewPanel ._overviewTitle {
    margin-top: 20px;
    color: #2d3033;
    text-align: center;
    font-size: 13px; }
  ._overviewPanel ._overviewDesc {
    border-top: 1px #e2e6e8 dotted;
    margin-top: 30px;
    padding: 15px;
    color: #6c7279; }

._breadcrunmbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 10px;
  height: 40px;
  background-color: #f3f3f3; }
  ._breadcrunmbs + .form-holder {
    padding: 0;
    height: calc(100% - 40px); }
    ._breadcrunmbs + .form-holder .dialog-tabs-items {
      height: calc(100% - 40px);
      overflow: auto; }
  ._breadcrunmbs > a,
  ._breadcrunmbs ._breadcrunmbItem {
    font-size: 16px;
    font-size: 1rem; }
  ._breadcrunmbs > a {
    padding: 2px 0;
    color: #5292bd;
    font-family: "OpenSans SemiBold", Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #7eadcc; }
    ._breadcrunmbs > a:hover {
      text-decoration: none; }
  ._breadcrunmbs ._breadcrunmbsTitle {
    margin-right: 10px; }
  ._breadcrunmbs ._breadcrunmbItem {
    margin-left: 7px; }
  ._breadcrunmbs .btn {
    margin-left: 10px; }

.linkedProduct .form {
  width: auto;
  border: none; }

.pll4{
       padding-left:4px;
       min-width:240px;
       
       }/*-Pageapp Chat-*/
.speech-left {
  max-width: 80%;
  float: left;
  border-bottom-left-radius: 0px !important;
  color: #FFF;
}

.speech-right {
  float: right;
  max-width: 80%;
  border-bottom-right-radius: 0px !important;
  background-color: lightblue;
}

.speach-image {
  padding: 0px !important;
}
.speach-image img {
  margin: 0px;
}

.speech-last {
  margin-bottom: 0px !important;
}

.speech-bubble {
  position: relative;
  border-radius: 17px;
  padding: 10px 15px;
  margin-bottom: 15px;
  line-height: 22px;
  font-size: 13px;
  background-color: gray;
  overflow: hidden;
}
.speech-bubble:after {
  content: "";
  display: block;
  clear: both;
}

.speech-read {
  font-size: 10px;
  font-style: normal;
  display: block;
  text-align: right;
  font-weight: 500;
  color: #adb5bd;
  margin-bottom: 80px;
}

.speach-input input {
  width: 100%;
  display: block;
  line-height: 45px;
  height: 45px;
  margin-top: 8px;
  border-radius: 45px;
}

.speach-icon a {
  padding-top: 0px !important;
  display: block;
  border-radius: 35px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin-top: 3px;
  transform: translateY(10px);
}

.speech-icon-left, .speech-icon-right {
  position: relative;
  display: block;
}

.speech-icon-left img,
.speech-icon-right img {
  width: 30px;
  position: absolute;
  bottom: 0px;
}

.speech-icon-left img {
  left: 0px;
}

.speech-icon-right img {
  right: 0px;
}

.speech-icon-left .speech-bubble {
  margin-left: 20px !important;
}

.speech-icon-right .speech-bubble {
  margin-right: 20px !important;
}

.sub_div {
  position: absolute;
  bottom: 0px;
  right:0px;
}

.sub_chat_choices{
   font-size:1.4em;
   margin: 6px;
}

.dx-label{
/*	max-width:120px !important;
	
	color:#092233 !important;*/
}

.dx-layout-manager .dx-field-item:not(.dx-last-col){
	padding-right: 0px !important;
}

.dx-theme-generic-typography {
  font-family: var(--main-font) !important;
}
.dx-theme-generic-typography input,
.dx-theme-generic-typography textarea {
  font-family: var(--main-font) !important;
}
.dx-widget {
  font-family: var(--main-font) !important;
}
.dx-widget input,
.dx-widget textarea {
  font-family: var(--main-font) !important;
}
.dx-field {
  font-family: var(--main-font) !important;
}
.dx-field input,
.dx-field textarea {
  font-family: var(--main-font) !important;
}
.dx-overlay-wrapper {
  font-family: var(--main-font) !important;
}
.dx-overlay-wrapper input,
.dx-overlay-wrapper textarea {
  font-family: var(--main-font) !important;
}


.dx-menu-base {
  font-family: var(--main-font) !important;
}
.dx-datagrid-column-chooser {
  font-family: var(--main-font) !important;
}
.dx-datagrid-column-chooser input,
.dx-datagrid-column-chooser textarea {
  font-family: var(--main-font) !important;
}

.dx-button-has-text .dx-button-content {
    padding: 6px !important;
    /*padding: 7px 18px 8px;*/
}

.dx-button{
	margin-right:4px;
}



#grad1 {
    background-color: '#092233';
    background-image: linear-gradient(120deg, #C17F29, #092233)
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset .form-card {
    /*background: white;*/
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    padding: 20px 40px 30px 40px;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3% 20px 3%;
    position: relative
}

#msform fieldset {
    /*background: white;*/
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform fieldset .form-card {
    text-align: left;
    /*color: #9E9E9E*/
}

#msform input,
#msform textarea {
    padding: 0px 8px 4px 8px;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    /*color: #2C3E50;*/
    font-size: 16px;
    letter-spacing: 1px
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    font-weight: bold;
    border-bottom: 2px solid skyblue;
    outline-width: 0
}

#msform .action-button {
    width: 100px;
    /*background: skyblue;*/
    font-weight: bold;
    /*color: white;*/
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px
}

#msform .action-button:hover,
#msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue
}

#msform .action-button-previous {
    width: 100px;
    /*background: #616161;*/
    font-weight: bold;
    /*color: white;*/
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
}

select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px
}

select.list-dt:focus {
    border-bottom: 2px solid skyblue
}

.card {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative
}

.fs-title {
    font-size: 25px;
    /*color: #2C3E50;*/
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #000000
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 20%;
    float: left;
    position: relative
}

#progressbar #account:before {
    font-family: FontAwesome;
    content: "\f023"
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f007"
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f09d"
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: skyblue
}

.radio-group {
    position: relative;
    margin-bottom: 25px
}

.radio {
    display: inline-block;
    width: 204;
    height: 104;
    border-radius: 0;
    /*background: lightblue;*/
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    cursor: pointer;
    margin: 8px 2px
}

.radio:hover {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3)
}

.radio.selected {
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1)
}

.fit-image {
    width: 100%;
    object-fit: cover
}
/*pre {
    color:white !important;
    }*/

.breadcrumb-item button:hover {
  background-color: var(--send-cream)!important;
}

.dx-datagrid .dx-datagrid-content a{
    /*margin-right:0px!important;
    margin-left:0px!important;*/
}

@keyframes animName {
  0% {
    padding: 0px; 
  }
  100% {
    padding: 1.5px; 
  }
}

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

.rotating-div
{
    animation-name: rotate;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}



.bkg-white {
  background:white;
}
.bkg-blue {
  background:#0A2233;
}
.main-nav-container {
  background:white!important;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.10)!important; 
}
.send-logo-main {
  width:150px;
  margin-right:10px;
}
.send-menu-icon {
  width:21px;
  height:21px;
  float:left;
  margin-right:20px;
}
.page-name {
  color:#202223;
  font-size:13px;
}
.page-name-white {
  color:#ffffff;
  font-size:13px;
  font-weight:400;
}
.page-tabs {
  color:#202223;
  font-size:13px;
}
.page-tabs-white {
  color:#ffffff;
  font-size:13px;
  font-weight:400;
}
.dx-list-group-header {
  font-weight:400;
  font-size:14px;
  background:#5B667C!important;
  border:none!important;
}
.dx-list-group-body .dx-list-item-content {
  background:#0A2233;
  color:#A2AFB9;
  font-size:13px;
  border-bottom:1px solid #1F3748;
}
.dx-list-group {
  background:#0A2233;
}
.dx-list-item {
  border-top:none!important;
}
.drawer-title, .drawer-subtitle {
  font-weight:500;
  color:#333333;
}
#btn_tms_main_save
{
    font-weight:500;
	background: #C07F3350;
    color:white;
}
#btn_tms_main_save: hover {
	background:#D8974B;
}

.btn-send {
  font-weight:500;
}
.drawer-subtitle {
  font-size:14px;
  font-weight:500;
  color:#333333;
}
.total-number {
  font-weight:400;
  color:rgba(0,0,0,0.6);
}
.icn-chevrondown {
  width:11px;
  height:7px;
  background-image:url('/app/images/icn-chevron-down.png');
  background-size:11px 7px;
  background-repeat:no-repeat;
}
.icn-chevronright {
  width:7px;
  height:11px;
  background-image:url('/app/images/icn-chevron-right.png');
  background-size:7px 11px;
  background-repeat:no-repeat;
}
.icn-truck {
  width:24px;
  height:24px;
  background-image:url('https://routing.sendlogistics.com/app/svg-icons/icn-vehicle.svg');
  background-size:24px 24px;
  background-repeat:no-repeat;
}
.icn-truck-large {
  width:34px;
  height:34px;
  background-image:url('https://routing.sendlogistics.com/app/svg-icons/icn-vehicle.svg');
  background-size:34px 34px;
  background-repeat:no-repeat;
}
.small-label{
  font-size:14px;
  font-weight:400;
  color:rgba(0,0,0,0.6);
  margin:2px 4px;  
}
.icon-small {
  font-size:14px;
  color:#5B667C;
}
.light-blue {
  color:#ABB4C5;
}
.route-name {
  font-size:17px;
  font-weight:500;
  color:#333333;
}
.small-circle {
  font-size:10px;
}
.blue-button-main {
  display:block;
  padding:8px 12px;
  border-radius:5px;
  border:none;
  font-size:14px;
  background-color:#0A2233;
  color:white;
}
.blue-button-main:hover {
  background-color:#1B3C54;
}
.outline-button-main {
  display:block;
  padding:8px 12px;
  border-radius:5px;
  border:1px solid #0A2233;
  font-size:14px;
  background-color:#FFFFFF;
  color:#0A2233;
}
.outline-button-main:hover {
  background-color:#F3F4F6;
}
.truck-button {
  background-image:url('https://routing.sendlogistics.com/app/svg-icons/icn-vehicle.svg');
  background-size:24px 24px;
  background-repeat:no-repeat;
  background-position: 6px center;
  padding-left:38px;
}
.gray-label {
  background-color:#ABB4C5;
  margin:auto;
  padding:2px 5px;
  font-size:13px;
  font-weight:400;
}
.seqLabel {
  border-radius:50px;
  border:none;
  background-color:#eef0f2;
  color:#5B667C;
  font-weight:400;
}
.icon-ready {
  width:18px;
  height:18px;
  background-image:url('/app/images/icn-ready-full.png');
  background-size:18px 18px;
  background-repeat:no-repeat;
}

.leaflet-container {
    background-color: white!important;
 }
.dx-icon-preferences{
        color: #5B667C;
    }

.fal {
    color:#74829E!important;
    margin-left:2px!important;
}
 
.dx-row-focused .fal {
    color:white!important;
}

:root{
/*--text_color_snd: #74829E */
--text_color_snd: #333333
--bar-color: #cccccc
}

.dx-datagrid-table{
   color:var(--text_color_snd)!important; 
}
/*
.ui-card label{
  color:var(--text_color_snd)!important;
}
.dx-list-item.dx-state-focused {
  color: #fff!important;
}
    */
.dx-list-item{
    /*
  color:var(--text_color_snd);
        */
}


.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
  background-color: rgba(51,122,183,.7);
  color: #fff!important;
}

.dx-field-item-label-text{
  color:var(--text_color_snd)!important;
}
.dx-texteditor-input {
  color:var(--text_color_snd)!important;
}

.dx-field-item-content{
  color:var(--text_color_snd)!important;
}
.breadcrumb-item.active{
  color:var(--text_color_snd)!important;
}
.dx-widget{
  color:var(--text_color_snd)
}

.dx-list-group-header::before{
    -webkit-transform: rotate(180deg) ;
        -ms-transform: rotate(180deg) ;
            transform: rotate(180deg) 

}

.section-title {
        padding-bottom: 1.0rem;
        font-weight: 800;
        color: #0d6efd;
}

.form-section {
        flex:1;
        margin-bottom: 0rem;
        padding: 1.5rem;
        border-radius: 8px;
        background-color: #f8f9fa;
        border-left: 1px solid #0d6efd;
}

.form-section1 {
        margin-bottom: 2rem;
        padding: 1.5rem;
        border-radius: 8px;
        background-color: 'white';
        border: 1px solid lightgrey;
        border-left: 8px solid #f8f9fa;
}
.form-section1:has(*:focus) {
  border-left: 8px solid #0d6efd;
}
.section-title{
        height: 1.4em;
        margin-bottom: 22px;
}



.form-section1:has(*:focus) .section-title span {
        color: #0d6efd;
        font-weight:800;
        font-size:1.1em;
}

     .header1 {
        text-align: center;
        margin-bottom: 2rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #e9ecef;
      }
      .step-progress {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2rem;
        position: relative;
      }
      .step-progress::before {
        content: '';
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        height: 4px;
        background-color: #e9ecef;
        z-index: 1;
      }
      .step {
        text-align: center;
        position: relative;
        z-index: 2;
      }
      .step-icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #e9ecef;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 10px;
        font-weight: bold;
        color: #6c757d;
      }
      .step.active .step-icon {
        background-color: #0d6efd;
        color: white;
      }
      .step-title {
        font-size: 0.85rem;
        color: #6c757d;
      }
      .step.active .step-title {
        color: #0d6efd;
        font-weight: 600;
      }
.form-container {
        background: white;
        border-radius: 12px;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
        padding: 2rem;
        margin: 2rem auto;
      }
.footer-actions {
        display: flex;
        justify-content: space-between;
        margin-top: 2rem;
        padding-top: 1.5rem;
        border-top: 1px solid #e9ecef;
      }
@media (max-width: 768px) {
        .step-title {
          font-size: 0.7rem;
        }
      }


.Polaris-Navigation__ItemInnerWrapper{
 cursor: pointer;
}


.is-empty:empty {
        display: none!important;
}
.is-empty-sub:has(.is-empty:empty) {
        display: none!important;
}

.form-section1 > .ui-form__section {
   margin-left: 12px!important;
   margin-right: 12px!important;
}