/* line 6, app/assets/stylesheets/new_styles/header.scss */
.mobile-drawer-title {
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  padding: 12px;
  background-color: #17A2B8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  z-index: 1;
  letter-spacing: 0.7px;
}

/* line 22, app/assets/stylesheets/new_styles/header.scss */
.sidenav {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 100%;
  width: 200px;
  position: fixed;
  z-index: 999 !important;
  top: 0;
  left: -250px;
  background-color: #17a2b8;
  overflow-x: hidden;
  transition: all 0.3s linear;
  z-index: 2;
  overflow-y: auto;
}

/* line 36, app/assets/stylesheets/new_styles/header.scss */
.sidenav .notification-count {
  border: 1px solid #fff;
  padding: 1px 5px;
  border-radius: 4px;
  background-color: #fff;
  color: #17a2b8;
  margin-left: 10px;
}

/* line 46, app/assets/stylesheets/new_styles/header.scss */
.dropdown-container {
  display: none;
  background-color: #2d626b;
  padding-left: 8px;
}

/* line 52, app/assets/stylesheets/new_styles/header.scss */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}

/* line 57, app/assets/stylesheets/new_styles/header.scss */
.dropdown-btn {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

/* line 71, app/assets/stylesheets/new_styles/header.scss */
.sidenav a {
  line-height: 1;
  padding: 14px 4px 14px 16px;
  text-decoration: none;
  font-size: 14px;
  color: #ffffff;
  display: block;
  transition: 0.3s;
}

/* line 81, app/assets/stylesheets/new_styles/header.scss */
.sidenav a:hover, .sidenav a:active {
  font-weight: 600;
}

/* line 85, app/assets/stylesheets/new_styles/header.scss */
.sidenav .closebtn {
  font-size: 30px;
}

/* line 89, app/assets/stylesheets/new_styles/header.scss */
.slide {
  left: 0;
}

/* line 93, app/assets/stylesheets/new_styles/header.scss */
.close-btn {
  text-align: right;
}

/* line 97, app/assets/stylesheets/new_styles/header.scss */
.app-notification-header {
  margin-top: 55px;
  text-transform: uppercase;
  border-bottom: 1px solid #178294;
  padding-left: 7px;
  padding-bottom: 5px;
  font-weight: 600;
  color: #178294;
}

/* line 108, app/assets/stylesheets/new_styles/header.scss */
.app-notification-messages .notification-message {
  border-bottom: 1px dotted #178294;
  width: 100%;
  padding: 0 7px 3px 7px;
}

/* line 114, app/assets/stylesheets/new_styles/header.scss */
.app-notification-messages .message-header {
  font-weight: 600;
  font-size: 14px;
  margin: 0;
}

/* line 120, app/assets/stylesheets/new_styles/header.scss */
.app-notification-messages .message-text {
  color: #000000;
  margin: 8px auto;
}

/* line 125, app/assets/stylesheets/new_styles/header.scss */
.app-notification-messages .extra-info {
  float: right;
}

/* line 129, app/assets/stylesheets/new_styles/header.scss */
.app-notification-messages .notification-block {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #868e96;
  min-height: 33px;
  display: flex;
  padding-top: 7px;
}

@media screen and (max-height: 450px) {
  /* line 142, app/assets/stylesheets/new_styles/header.scss */
  .sidenav {
    padding-top: 15px;
  }
  /* line 143, app/assets/stylesheets/new_styles/header.scss */
  .sidenav a {
    font-size: 18px;
  }
}

/* line 146, app/assets/stylesheets/new_styles/header.scss */
body #navbar {
  padding: 12px;
  background-color: #17A2B8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 151, app/assets/stylesheets/new_styles/header.scss */
body #navbar .all-read-icon {
  float: right;
  border: 1px solid #2eabbf;
  padding: 0 5px;
  cursor: pointer;
  border-radius: 3px;
  background-color: #f3f3f3;
}

/* line 159, app/assets/stylesheets/new_styles/header.scss */
body #navbar .all-read-icon:hover {
  background-color: #e6e6e6;
}

/* line 164, app/assets/stylesheets/new_styles/header.scss */
body #navbar .nav-item .nav-link {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: auto 2px;
  padding-right: 14px;
  padding-left: 14px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #FFFFFF;
  text-transform: uppercase;
}

/* line 176, app/assets/stylesheets/new_styles/header.scss */
body #navbar .nav-item .personnel-initial {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #FFFFFF;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  color: #98999B;
  font-size: 18px;
  font-weight: bold;
  padding-top: 5px;
  padding-left: 3px;
  margin-top: 4px;
  overflow: hidden;
}

/* line 190, app/assets/stylesheets/new_styles/header.scss */
body #navbar .nav-item .personnel-initial:hover {
  background-color: #E8E8E8;
}

/* line 196, app/assets/stylesheets/new_styles/header.scss */
body #navbar .nav-item .personnel-initial + .dropdown-menu {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  left: -125px;
}

/* line 201, app/assets/stylesheets/new_styles/header.scss */
body #navbar .nav-item .dropdown-menu .dropdown-item:hover {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  background-color: #17A2B8;
}

/* line 208, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-icon {
  padding: 0px !important;
  line-height: 0 !important;
  margin-top: 6px !important;
}

/* line 213, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-icon:after {
  content: none;
}

/* line 218, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav {
  margin: 0 10px;
}

/* line 221, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav p {
  margin-bottom: 0px;
}

/* line 225, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu {
  max-width: 200px;
  padding: 0;
  top: 32px;
  border-color: #17a2b8;
  min-width: 330px;
  border-radius: 3px;
}

/* line 233, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .messages {
  min-height: 360px;
  max-height: 360px;
  overflow-y: auto;
}

/* line 238, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .messages::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  border-radius: 3px;
  height: 100%;
}

/* line 245, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .messages::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

/* line 250, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .messages::-webkit-scrollbar-thumb {
  background-color: #52c3d5;
  border-radius: 3px;
}

/* line 255, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .messages div {
  padding: 5px;
  width: 100%;
}

/* line 261, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .dropdown-item {
  white-space: normal;
}

/* line 265, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .notification-header {
  text-transform: uppercase;
  padding: 5px 10px;
  border-bottom: 1px solid #b9b9b9;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.3px;
  color: #2eabbf;
}

/* line 275, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .message-row {
  border-bottom: 1px solid #b9b9b9;
  color: #212529;
}

/* line 279, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .message-row .icon i {
  font-size: 24px;
  padding: 0;
  display: block;
  padding: 9px;
  border-radius: 50%;
}

/* line 288, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .message-row .approval-icon {
  color: #006c7e;
  background-color: #b8e986;
}

/* line 293, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .message-row .create-icon {
  color: #006c7e;
  background-color: #9ccdff;
}

/* line 298, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .message-row .receive-icon {
  color: #006c7e;
  background-color: #e4b03a;
}

/* line 303, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .message-row .reject-icon {
  color: #006c7e;
  background-color: rgba(255, 50, 50, 0.5);
}

/* line 308, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .message-row .clarification-icon {
  color: #006c7e;
  background-color: #f8e71c;
}

/* line 313, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .message-row:hover {
  background: none;
  color: #212529;
}

/* line 319, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .notification-message {
  font-size: 13px;
  letter-spacing: -0.3px;
  color: #212529;
  padding-bottom: 8px;
  flex-direction: column;
}

/* line 326, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .notification-message .extra-info {
  padding: 0;
}

/* line 329, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .notification-message .extra-info span {
  color: #7d7d7d;
}

/* line 334, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .notification-message .message-header {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #868e96;
}

/* line 342, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .notification-message__new {
  background-color: #defffd;
}

/* line 345, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-nav .dropdown-menu .notification-message__new:hover {
  background-color: #defffd;
}

/* line 352, app/assets/stylesheets/new_styles/header.scss */
body #navbar .notification-count {
  position: absolute;
  left: 19px;
  top: -4px;
  border-radius: 22%;
}
/* line 3, app/assets/stylesheets/new_styles/uoms.scss */
.header {
  height: 68px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

/* line 7, app/assets/stylesheets/new_styles/uoms.scss */
.header div {
  padding-top: 26px;
  opacity: 0.9;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color: #212529;
}

/* line 21, app/assets/stylesheets/new_styles/uoms.scss */
#new_content .action .dropdown-menu {
  top: -8px !important;
  left: -88px !important;
  padding: 0px;
  min-width: 126px;
}

/* line 28, app/assets/stylesheets/new_styles/uoms.scss */
.tolerance {
  padding-bottom: 50px !important;
}

/* line 32, app/assets/stylesheets/new_styles/uoms.scss */
.dropdown-item, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #868e96;
  min-height: 33px;
  display: flex;
  padding-top: 7px;
}

/* line 41, app/assets/stylesheets/new_styles/uoms.scss */
.dropdown-item .material-icons, .dropdown-item:hover .material-icons, .dropdown-item:focus .material-icons, .dropdown-item:active .material-icons {
  font-size: 15px;
  color: #868e96;
  padding-top: 2px;
  padding-right: 2px;
  margin-right: 2px;
}

/* line 50, app/assets/stylesheets/new_styles/uoms.scss */
.dropdown-item:active {
  background-color: #FFFFFF;
}

@media (min-width: 768px) {
  /* line 54, app/assets/stylesheets/new_styles/uoms.scss */
  .uom-name, .uom-abbr, .uom-tol {
    width: 452px;
    height: 34px;
    padding: 5px 16px;
    border-radius: 3px;
    background-color: #fbfbfb;
    border: solid 1px #dddddd;
  }
}

/* line 65, app/assets/stylesheets/new_styles/uoms.scss */
.uom-save-btn,
.puom-save-btn,
.uom-cancel-btn,
.puom-cancel-btn,
.new-uom-save-btn,
.new-puom-save-btn,
.new-uom-cancel-btn,
.new-puom-cancel-btn {
  height: 22px;
  border-radius: 3px;
  border: solid 1px #979797;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  font-weight: 400;
  text-align: center;
  color: #000000;
  padding: 3px 8px;
  text-transform: uppercase;
  background-color: #FFFFFF;
  width: 80px;
  cursor: pointer;
}

/* line 90, app/assets/stylesheets/new_styles/uoms.scss */
.uom-save-btn, .new-uom-save-btn,
.new-puom-save-btn, .puom-save-btn {
  margin-bottom: 2px;
}

/* line 94, app/assets/stylesheets/new_styles/uoms.scss */
.uom-save-btn:hover, .uom-save-btn:focus, .uom-save-btn:active, .new-uom-save-btn:hover, .new-uom-save-btn:focus, .new-uom-save-btn:active,
.new-puom-save-btn:hover,
.new-puom-save-btn:focus,
.new-puom-save-btn:active, .puom-save-btn:hover, .puom-save-btn:focus, .puom-save-btn:active {
  background-color: #17A2B8;
  color: #FFFFFF;
}

/* line 102, app/assets/stylesheets/new_styles/uoms.scss */
.uom-cancel-btn:hover, .uom-cancel-btn:focus, .uom-cancel-btn:active, .new-uom-cancel-btn:hover, .new-uom-cancel-btn:focus, .new-uom-cancel-btn:active,
.puom-cancel-btn:hover,
.puom-cancel-btn:focus,
.puom-cancel-btn:active, .new-puom-cancel-btn:hover, .new-puom-cancel-btn:focus, .new-puom-cancel-btn:active {
  background-color: #E81616;
  color: #FFFFFF;
}

/* line 108, app/assets/stylesheets/new_styles/uoms.scss */
.uom-abbr-error, .uom-name-error, .uom-tol-error {
  font-size: 10px;
  color: red;
  letter-spacing: 0.5px;
}

/* line 114, app/assets/stylesheets/new_styles/uoms.scss */
.modal-dialog .modal-content {
  min-width: 566px;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: -0.3px;
  color: #212529;
}

/* line 125, app/assets/stylesheets/new_styles/uoms.scss */
.modal-dialog .modal-content .modal-header {
  padding: 32px;
  border: none;
}

/* line 129, app/assets/stylesheets/new_styles/uoms.scss */
.modal-dialog .modal-content .modal-header h5 {
  font-size: 20px;
}

/* line 134, app/assets/stylesheets/new_styles/uoms.scss */
.modal-dialog .modal-content .modal-body {
  padding: 0px 32px;
  min-height: 128px;
}

/* line 139, app/assets/stylesheets/new_styles/uoms.scss */
.modal-dialog .modal-content .modal-footer {
  padding: 32px 32px 32px 0px;
  border: none;
}

/* line 143, app/assets/stylesheets/new_styles/uoms.scss */
.modal-dialog .modal-content .modal-footer .modal-cancel {
  margin-right: 0;
}

/* line 148, app/assets/stylesheets/new_styles/uoms.scss */
.modal-dialog .modal-content .modal-delete-btn, .modal-dialog .modal-content .modal-calcel-btn {
  min-width: 235px;
  min-height: 48px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 14px;
  border-radius: 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
}

/* line 163, app/assets/stylesheets/new_styles/uoms.scss */
.modal-dialog .modal-content .modal-calcel-btn {
  border: none;
  margin-right: 29px;
  color: #138294;
  background-color: #FFFFFF;
  box-shadow: 0 6px 56px 0 rgba(0, 0, 0, 0.15);
}

/* line 170, app/assets/stylesheets/new_styles/uoms.scss */
.modal-dialog .modal-content .modal-calcel-btn:hover {
  background-color: #E4E4E4;
}

/* line 175, app/assets/stylesheets/new_styles/uoms.scss */
.modal-dialog .modal-content .modal-confirm-btn {
  background-color: #17A2B8;
  color: #FFFFFF;
  box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.15);
}

/* line 180, app/assets/stylesheets/new_styles/uoms.scss */
.modal-dialog .modal-content .modal-confirm-btn:hover {
  background-color: #1A8798;
}

/* line 185, app/assets/stylesheets/new_styles/uoms.scss */
.modal-dialog .modal-content .modal-delete-btn {
  background-color: #17A2B8;
  color: #FFFFFF;
  box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.15);
}

/* line 190, app/assets/stylesheets/new_styles/uoms.scss */
.modal-dialog .modal-content .modal-delete-btn:hover {
  background-color: #1A8798;
}

/* line 197, app/assets/stylesheets/new_styles/uoms.scss */
#exampleModalCenter_2 h5 {
  width: 502px;
  height: 29px;
  opacity: 0.9;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #212529;
}

/* line 208, app/assets/stylesheets/new_styles/uoms.scss */
#exampleModalCenter_2 .modal-header {
  padding-bottom: 13px;
}

/* line 212, app/assets/stylesheets/new_styles/uoms.scss */
#exampleModalCenter_2 .modal-body {
  padding: 0px;
  margin: 0px 32px;
}

/* line 218, app/assets/stylesheets/new_styles/uoms.scss */
.uom-search-text {
  border-bottom: solid 2px #17a2b8;
}

/* line 222, app/assets/stylesheets/new_styles/uoms.scss */
.uom-page {
  padding-bottom: 30px;
}
/* line 4, app/assets/stylesheets/new_styles/common.scss */
label {
  margin-bottom: 0 !important;
}

@page {
  size: auto;
}

/* line 12, app/assets/stylesheets/new_styles/common.scss */
.attach_label {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border: 1px solid #6c757d;
  cursor: pointer;
  border-radius: 5px;
}

/* line 21, app/assets/stylesheets/new_styles/common.scss */
#attach_label_hidden {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border: 1px solid #6c757d;
  cursor: pointer;
  border-radius: 5px;
  display: none;
}

/* line 31, app/assets/stylesheets/new_styles/common.scss */
.attachment_hidden {
  display: none;
}

@media (min-width: 768px) {
  /* line 36, app/assets/stylesheets/new_styles/common.scss */
  #new_content {
    min-width: 1440px;
  }
}

/* line 41, app/assets/stylesheets/new_styles/common.scss */
.export-button {
  height: 29px;
  border-radius: 3px;
  border: solid 1px #979797;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  color: #000000;
  padding: 3px 8px;
  text-transform: uppercase;
  cursor: pointer;
}

/* line 56, app/assets/stylesheets/new_styles/common.scss */
.errorable-label {
  color: #de1616 !important;
}

/* line 60, app/assets/stylesheets/new_styles/common.scss */
.errorable-textbox {
  border: 1px solid #de1616 !important;
}

/* line 64, app/assets/stylesheets/new_styles/common.scss */
.show {
  display: block !important;
}

/* line 68, app/assets/stylesheets/new_styles/common.scss */
.checkbox-check {
  font-size: 20px;
  color: #138294;
  cursor: pointer;
  vertical-align: middle;
}

/* line 75, app/assets/stylesheets/new_styles/common.scss */
.export-button-group {
  margin-top: 21px;
  text-align: right;
}

/* line 79, app/assets/stylesheets/new_styles/common.scss */
.export-button-group a {
  text-decoration: none;
}

/* line 82, app/assets/stylesheets/new_styles/common.scss */
.export-button-group a:hover {
  color: inherit;
  background-color: #EAE8E8;
}

/* line 90, app/assets/stylesheets/new_styles/common.scss */
#new_content table thead tr {
  height: 86px;
  background-color: #EBEBEB;
}

/* line 94, app/assets/stylesheets/new_styles/common.scss */
#new_content table thead tr.height-auto {
  height: auto;
}

/* line 99, app/assets/stylesheets/new_styles/common.scss */
#new_content table thead th {
  border-top: none;
  border-bottom: 1px solid #888787;
  height: 36px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0.2px;
  color: #868E96;
  text-transform: uppercase;
  padding-bottom: 0px;
}

/* line 110, app/assets/stylesheets/new_styles/common.scss */
#new_content table thead th:first-child {
  width: 52px;
  padding-bottom: 29px;
  padding-left: 23px;
}

/* line 116, app/assets/stylesheets/new_styles/common.scss */
#new_content table thead th:last-child {
  width: 50px;
  padding-bottom: 50px;
  padding-left: 19px;
}

/* line 122, app/assets/stylesheets/new_styles/common.scss */
#new_content table thead th .search-box {
  width: 452px;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 6px 16px;
  margin-bottom: 13px;
  margin-top: 4px;
  color: #868e96;
}

/* line 137, app/assets/stylesheets/new_styles/common.scss */
#new_content table tbody tr {
  height: 68px;
}

/* line 140, app/assets/stylesheets/new_styles/common.scss */
#new_content table tbody tr td {
  vertical-align: middle;
  padding-left: 12px;
  padding-bottom: 5px;
  padding-top: 5px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #212529;
  position: relative;
}

/* line 151, app/assets/stylesheets/new_styles/common.scss */
#new_content table tbody tr td:first-child {
  width: 52px;
  vertical-align: middle;
  padding-left: 23px;
}

/* line 159, app/assets/stylesheets/new_styles/common.scss */
#new_content table tbody tr:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.05);
}

/* line 163, app/assets/stylesheets/new_styles/common.scss */
#new_content table tbody tr:nth-of-type(odd) {
  background-color: #FFFFFF;
}

/* line 167, app/assets/stylesheets/new_styles/common.scss */
#new_content table tbody .action .nav-link {
  width: 22px;
  height: 25px;
  padding: 0px;
  font-weight: bold;
  font-size: 1.5em;
  color: #868E96;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  float: left;
  cursor: pointer;
  overflow: hidden;
}

/* line 185, app/assets/stylesheets/new_styles/common.scss */
#new_content .brands-table tbody tr:nth-of-type(4n-3), #new_content .brands-table tbody tr:nth-of-type(4n-2) {
  background-color: #FFFFFF;
}

/* line 189, app/assets/stylesheets/new_styles/common.scss */
#new_content .brands-table tbody tr:nth-of-type(4n), #new_content .brands-table tbody tr:nth-of-type(4n-1) {
  background-color: rgba(0, 0, 0, 0.05);
}

/* line 194, app/assets/stylesheets/new_styles/common.scss */
.paginate {
  margin-top: 9px;
  margin-bottom: 24px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: -0.2px;
  text-align: right;
  color: #212529;
}

/* line 203, app/assets/stylesheets/new_styles/common.scss */
.paginate a {
  color: #434344;
}

/* line 208, app/assets/stylesheets/new_styles/common.scss */
.left-arrow, .right-arrow {
  border-radius: 2px;
  border: solid 1px #9C9C9C;
  padding: 3px 3px 0px 3px;
  display: inline-block;
}

/* line 215, app/assets/stylesheets/new_styles/common.scss */
.not-active {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

/* line 222, app/assets/stylesheets/new_styles/common.scss */
.add-new-button a {
  color: #17A2B8;
  text-decoration: none;
}

/* line 226, app/assets/stylesheets/new_styles/common.scss */
.add-new-button a:hover, .add-new-button a:focus {
  color: #17A2B8;
}

/* line 232, app/assets/stylesheets/new_styles/common.scss */
.checkbox {
  color: #868e96;
  font-size: 18px;
  margin-top: 5px;
  cursor: pointer;
}

/* line 239, app/assets/stylesheets/new_styles/common.scss */
.category-label {
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: bold;
  text-transform: capitalize;
  background-color: #17a2b8;
  color: #fff;
  border-radius: 20px;
  border: 1px solid #17a2b8;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-left: 5px;
}

/* line 253, app/assets/stylesheets/new_styles/common.scss */
.select-column {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.38;
  color: #212529;
  padding: 13px 0px;
  border-bottom: solid 1px #E9E9E9;
}

/* line 261, app/assets/stylesheets/new_styles/common.scss */
.select-column .select-column-checkbox {
  color: #868e96;
  font-size: 18px;
  cursor: pointer;
  vertical-align: top;
  padding-right: 12px;
}

/* line 269, app/assets/stylesheets/new_styles/common.scss */
.select-column .select-column-title {
  cursor: pointer;
}

/* line 273, app/assets/stylesheets/new_styles/common.scss */
.select-column .disabled-select-column-checkbox {
  color: #868e96;
  font-size: 18px;
  cursor: not-allowed;
  vertical-align: top;
  padding-right: 12px;
  opacity: 0.8;
}

/* line 282, app/assets/stylesheets/new_styles/common.scss */
.select-column .checked {
  color: #17A2B8;
}

/* line 287, app/assets/stylesheets/new_styles/common.scss */
.disabled-select-column-title {
  opacity: 0.8;
  cursor: not-allowed;
}

/* line 292, app/assets/stylesheets/new_styles/common.scss */
.checked {
  color: #17A2B8;
}

/* line 296, app/assets/stylesheets/new_styles/common.scss */
.ui-helper-hidden-accessible {
  display: none;
}

/* line 300, app/assets/stylesheets/new_styles/common.scss */
#new_content ~ .ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  padding: 0;
  list-style: none;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 6px 56px 0 rgba(0, 0, 0, 0.15);
  max-height: 200px;
  overflow-y: auto;
}

/* line 316, app/assets/stylesheets/new_styles/common.scss */
#new_content ~ .ui-autocomplete .ui-state-hover, #new_content ~ .ui-autocomplete .ui-state-active {
  background-color: #c9f5fc;
}

/* line 320, app/assets/stylesheets/new_styles/common.scss */
#new_content ~ .ui-autocomplete .ui-menu-item {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #000000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 327, app/assets/stylesheets/new_styles/common.scss */
#new_content ~ .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
  padding: 7px 10px;
}

/* line 332, app/assets/stylesheets/new_styles/common.scss */
#new_content ~ .ui-autocomplete::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

/* line 337, app/assets/stylesheets/new_styles/common.scss */
#new_content ~ .ui-autocomplete::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

/* line 342, app/assets/stylesheets/new_styles/common.scss */
#new_content ~ .ui-autocomplete::-webkit-scrollbar-thumb {
  background-color: #868e96;
  border-radius: 3px;
}

/* line 348, app/assets/stylesheets/new_styles/common.scss */
.flash-message {
  position: absolute;
  min-width: 554px;
  height: 48px;
  opacity: 0.8;
  z-index: 2000;
  border-radius: 3px;
  right: 0px;
  margin-top: 21px;
}

/* line 359, app/assets/stylesheets/new_styles/common.scss */
.loader-container {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 2000;
  top: 0;
  background-color: rgba(93, 93, 93, 0.6);
}

/* line 368, app/assets/stylesheets/new_styles/common.scss */
.loader {
  border: 4px solid #138294;
  border-radius: 50%;
  border-top: 4px solid #efefef;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 45%;
  left: 45%;
  z-index: 2000;
  margin-top: -50px;
}

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

/* line 388, app/assets/stylesheets/new_styles/common.scss */
.selected-row {
  background-color: #e2f2f5 !important;
}

/* line 392, app/assets/stylesheets/new_styles/common.scss */
.not-active {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

/* line 404, app/assets/stylesheets/new_styles/common.scss */
.setting-links-content,
.purchase-central-links-content {
  background-color: #f3fdff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.13);
  position: absolute;
  width: 100%;
  top: 61px;
  left: 0;
  z-index: 1000;
}

/* line 415, app/assets/stylesheets/new_styles/common.scss */
.setting-list {
  display: flex;
  margin: 0;
}

/* line 420, app/assets/stylesheets/new_styles/common.scss */
.setting-link {
  margin-left: 30px;
  font-size: 14px;
}

/* line 424, app/assets/stylesheets/new_styles/common.scss */
.setting-link:first-child {
  margin-left: 26px;
}

/* line 429, app/assets/stylesheets/new_styles/common.scss */
.qc-view-rate-info {
  color: #17A2B8;
}

/* line 433, app/assets/stylesheets/new_styles/common.scss */
li.setting-link a {
  display: block;
  color: #868e96;
  text-transform: uppercase;
  padding: 20px 0;
  font-weight: bold;
}

/* line 446, app/assets/stylesheets/new_styles/common.scss */
.purchase-central-links-content .pc-classic-switch {
  display: block;
  padding: 20px 0;
  border: 0;
  background: none;
  color: #868e96;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

/* line 457, app/assets/stylesheets/new_styles/common.scss */
.purchase-central-links-content .pc-classic-switch:hover, .purchase-central-links-content .pc-classic-switch:focus {
  color: #868e96;
  text-decoration: none;
}

@media (max-width: 768px) {
  /* line 465, app/assets/stylesheets/new_styles/common.scss */
  .hide-for-app {
    display: none !important;
  }
  /* line 469, app/assets/stylesheets/new_styles/common.scss */
  .loader {
    height: 35px;
    width: 35px;
    border: 2px solid #138294;
    border-top: 2px solid #efefef;
  }
}

/* line 477, app/assets/stylesheets/new_styles/common.scss */
#new_content .organisation-list, #new_content .company-list, #new_content .warehouse-list {
  table-layout: fixed;
  width: 100%;
  margin-top: 30px;
}

/* line 482, app/assets/stylesheets/new_styles/common.scss */
#new_content .organisation-list thead tr, #new_content .organisation-list tbody tr, #new_content .company-list thead tr, #new_content .company-list tbody tr, #new_content .warehouse-list thead tr, #new_content .warehouse-list tbody tr {
  height: auto;
}

/* line 486, app/assets/stylesheets/new_styles/common.scss */
#new_content .organisation-list .material-icons, #new_content .company-list .material-icons, #new_content .warehouse-list .material-icons {
  color: #178294;
  font-size: 18px;
}

/* line 491, app/assets/stylesheets/new_styles/common.scss */
#new_content .organisation-list .warehouse-logo, #new_content .company-list .warehouse-logo, #new_content .warehouse-list .warehouse-logo {
  word-break: break-all;
}
/* line 3, app/assets/stylesheets/new_styles/brands.scss */
.form-footer .rfq-float-btn {
  min-width: 229px;
  min-height: 48px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 14px;
  border-radius: 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: not-allowed;
  opacity: 0.5;
  background-color: #17A2B8;
  text-decoration: none;
  color: #FFFFFF;
  box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.15);
  display: inline-block;
}

/* line 23, app/assets/stylesheets/new_styles/brands.scss */
.form-footer .rfq-float-btn:hover {
  background-color: #1A8798;
}

/* line 28, app/assets/stylesheets/new_styles/brands.scss */
.form-footer .save-form-btn, .form-footer .save-changes-btn, .modal-footer .save-changes-btn,
.form-footer .create-indent, .form-footer .create-rfq-btn,
.form-footer .create-stock-transfer,
.submit-primary-details, .cancel-changes-btn,
.submit-contact-details, .bank_details, .save-n-next {
  min-width: 229px;
  min-height: 48px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 14px;
  border-radius: 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
}

/* line 47, app/assets/stylesheets/new_styles/brands.scss */
.form-footer .cancel-changes-btn {
  border: none;
  margin-right: 29px;
  color: #138294;
  background-color: #FFFFFF;
  box-shadow: 0 6px 26px 0 rgba(0, 0, 0, 0.15);
  display: inline-block;
  text-decoration: none;
}

/* line 56, app/assets/stylesheets/new_styles/brands.scss */
.form-footer .cancel-changes-btn:hover {
  background-color: #E4E4E4;
}

/* line 61, app/assets/stylesheets/new_styles/brands.scss */
.form-footer .save-form-btn,
.form-footer .save-changes-btn,
.modal-footer .save-changes-btn,
.form-footer .create-indent,
.form-footer .create-stock-transfer,
.form-footer .create-rfq-btn,
.submit-primary-details,
.bank_details,
.save-n-next,
.submit-contact-details {
  background-color: #17A2B8;
  text-decoration: none;
  color: #FFFFFF;
  box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.15);
}

/* line 76, app/assets/stylesheets/new_styles/brands.scss */
.form-footer .save-form-btn:hover,
.form-footer .save-changes-btn:hover,
.modal-footer .save-changes-btn:hover,
.form-footer .create-indent:hover,
.form-footer .create-stock-transfer:hover,
.form-footer .create-rfq-btn:hover,
.submit-primary-details:hover,
.bank_details:hover,
.save-n-next:hover,
.submit-contact-details:hover {
  background-color: #1A8798;
}

/* line 81, app/assets/stylesheets/new_styles/brands.scss */
.form-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: white;
  min-height: 75px;
  border-top: solid 1px #17a2b8;
}

/* line 89, app/assets/stylesheets/new_styles/brands.scss */
.form-footer div div {
  padding-top: 12px;
}

/* line 93, app/assets/stylesheets/new_styles/brands.scss */
.form-footer .save-form-btn, .form-footer .save-changes-btn, .form-footer .create-rfq-btn, .form-footer .submit-primary-details, .form-footer .bank_details, .form-footer .save-n-next, .form-footer .submit-contact-details {
  display: inline-block;
}

/* line 98, app/assets/stylesheets/new_styles/brands.scss */
.modal-footer .save-changes-btn {
  display: inline-block;
}

/* line 102, app/assets/stylesheets/new_styles/brands.scss */
.add-new-brand {
  padding-top: 15px;
}

/* line 106, app/assets/stylesheets/new_styles/brands.scss */
.brand-name-new, .brand-name {
  width: 452px;
  height: 34px;
  padding: 5px 16px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
}

/* line 115, app/assets/stylesheets/new_styles/brands.scss */
.budget-value-new {
  width: 200px;
  height: 34px;
  padding: 5px 16px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
}

/* line 124, app/assets/stylesheets/new_styles/brands.scss */
.brand-page .add-new-button {
  padding-top: 20px;
}

/* line 128, app/assets/stylesheets/new_styles/brands.scss */
#brand_new {
  margin-bottom: 95px;
}

/* line 132, app/assets/stylesheets/new_styles/brands.scss */
.brand-attachment-field {
  display: flex;
  height: 34px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
}

/* line 139, app/assets/stylesheets/new_styles/brands.scss */
.brand-attachment-field span {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  padding: 0 10px;
}

/* line 146, app/assets/stylesheets/new_styles/brands.scss */
.brand-attachment-field label {
  margin: 0;
  width: 95px;
  align-items: center;
  display: flex;
  background-color: #eceeef;
  justify-content: center;
  flex: 0 0 auto;
}

/* line 157, app/assets/stylesheets/new_styles/brands.scss */
#brand_attachments_new, .brand-attachment-edit {
  position: absolute;
}

/* line 161, app/assets/stylesheets/new_styles/brands.scss */
.action #cancel_cross, .action .cancel_edit {
  margin-left: 9px;
  margin-top: 8px;
  cursor: pointer;
  color: #F93939;
}

/* line 168, app/assets/stylesheets/new_styles/brands.scss */
.hide {
  display: none !important;
}

/* line 173, app/assets/stylesheets/new_styles/brands.scss */
.brand-attachment-files i {
  min-width: 9px;
  min-height: 17px;
  color: #868E96;
  vertical-align: middle;
}

/* line 180, app/assets/stylesheets/new_styles/brands.scss */
.brand-attachment-files a {
  font-size: 14px;
  color: #17a2b8;
  text-decoration: underline;
  margin-right: 7px;
  margin-bottom: 10px;
}

/* line 189, app/assets/stylesheets/new_styles/brands.scss */
.disabled-search {
  background-color: #ebebeb !important;
  border: none !important;
}

/* line 194, app/assets/stylesheets/new_styles/brands.scss */
.disabled {
  cursor: not-allowed !important;
}

/* line 198, app/assets/stylesheets/new_styles/brands.scss */
.brand-attachment > div {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* line 203, app/assets/stylesheets/new_styles/brands.scss */
.brand-old-attachment div a {
  font-size: 14px;
  color: #17a2b8;
  text-decoration: underline;
}

/* line 209, app/assets/stylesheets/new_styles/brands.scss */
.brand-old-attachment div span {
  color: red;
  font-size: 14px;
  margin-left: 5px;
  cursor: pointer;
}

/* line 217, app/assets/stylesheets/new_styles/brands.scss */
#new_content .make-list-table .item {
  width: 50%;
}

/* line 221, app/assets/stylesheets/new_styles/brands.scss */
#new_content .make-list-table .make {
  width: 20%;
}

/* line 225, app/assets/stylesheets/new_styles/brands.scss */
#new_content .make-list-table .cat-no {
  width: 20%;
  padding-bottom: 50px;
}

/* line 230, app/assets/stylesheets/new_styles/brands.scss */
#new_content .make-list-table .actions {
  width: 10%;
}

/* line 235, app/assets/stylesheets/new_styles/brands.scss */
.make-new {
  margin-right: 0 !important;
}

@media screen and (max-width: 767px) {
  /* line 241, app/assets/stylesheets/new_styles/brands.scss */
  #new_content table thead th .search-box {
    width: auto;
  }
  /* line 245, app/assets/stylesheets/new_styles/brands.scss */
  #new_content .brand-page .add-new-button {
    margin-bottom: -20px !important;
  }
  /* line 249, app/assets/stylesheets/new_styles/brands.scss */
  #new_content .form-footer .save-form-btn, #new_content .form-footer .save-changes-btn,
#new_content .form-footer .create-indent, #new_content .form-footer .create-rfq-btn,
#new_content .form-footer .create-stock-transfer,
#new_content .submit-primary-details, #new_content .cancel-changes-btn,
#new_content .submit-contact-details, #new_content .bank_details, #new_content .save-n-next {
    min-width: 100px;
    min-height: auto !important;
    padding: 10px;
    margin-top: 25px;
    margin-bottom: -25px;
  }
  /* line 262, app/assets/stylesheets/new_styles/brands.scss */
  #new_content .form-footer div div {
    padding-top: 5px;
  }
  /* line 267, app/assets/stylesheets/new_styles/brands.scss */
  #new_content .action .dropdown-menu {
    top: -20px !important;
    left: -55px !important;
    padding: 0px;
    min-width: 126px;
    z-index: 1 !important;
  }
  /* line 275, app/assets/stylesheets/new_styles/brands.scss */
  #new_content .brand-name-new, #new_content .brand-name {
    width: 100%;
  }
  /* line 279, app/assets/stylesheets/new_styles/brands.scss */
  #new_content .modal-dialog .modal-content .modal-delete-btn,
#new_content .modal-dialog .modal-content .modal-calcel-btn {
    min-width: 100px;
    min-height: auto !important;
    padding: 10px;
  }
}
/* line 3, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new {
  margin-top: 80px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 7, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .dashboard-content {
  border-radius: 6px;
  background-color: #f5f5f5;
  padding: 20px;
}

/* line 13, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .tab-board-section {
  width: 70%;
  float: left;
}

/* line 17, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .tab-board-section h5 {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.67;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #17a2b8;
}

/* line 27, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .board-section > div {
  width: 23%;
  height: 266px;
  border-radius: 4px;
  background-color: #eaeaea;
  display: inline-block;
  margin-right: 1%;
  vertical-align: top;
}

/* line 37, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .board-label {
  height: 25px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #ffffff;
  width: 100%;
  text-transform: uppercase;
  background-color: #52c3d5;
  padding: 3px 8px;
  display: block;
  border-radius: 4px 4px 0px 0px;
}

/* line 52, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .note-section {
  width: 30%;
  float: right;
  min-height: 300px;
  border-radius: 3px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
}

/* line 61, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .note-header {
  opacity: 0.9;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.3px;
  color: #2eabbf;
  text-transform: uppercase;
  padding: 12px;
  border-bottom: 1px solid #d8d8d8;
  line-height: 1.3;
}

/* line 72, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .note-header .edit-todo-note {
  float: right;
  cursor: pointer;
}

/* line 77, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .note-header .save-todo-note {
  float: right;
  cursor: pointer;
}

/* line 83, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .note-content {
  height: 329px;
  overflow-y: auto;
  padding: 5px 5px 0px 5px;
}

/* line 88, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .note-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  border-radius: 3px;
  height: 100%;
}

/* line 95, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .note-content::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

/* line 100, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .note-content::-webkit-scrollbar-thumb {
  background-color: #52c3d5;
  border-radius: 3px;
}

/* line 106, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .dropdown-section {
  margin-bottom: 20px;
}

/* line 110, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .company-selection, .dashboard_new .division-selection {
  width: 200px;
  margin-right: 20px;
  display: inline-block;
}

/* line 115, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .company-selection select, .dashboard_new .division-selection select {
  width: 200px;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  letter-spacing: -0.2px;
  color: #212529;
  font-size: 14px;
  padding-left: 7px;
}

/* line 126, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .company-selection label, .dashboard_new .division-selection label {
  font-size: 12px;
  font-weight: 600;
  line-height: 0;
  letter-spacing: 0.2px;
  color: #868e96;
  margin: 0;
  text-transform: uppercase;
}

/* line 137, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new #cke_1_contents {
  height: 285px !important;
}

/* line 141, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .link-tab a {
  display: block;
  border-radius: 7px;
  box-shadow: 0 1px 4px 0 rgba(103, 103, 103, 0.15);
  background-color: #ffffff;
  font-size: 13px;
  line-height: 1;
  letter-spacing: -0.2px;
  color: #36393d;
  padding: 10px;
  margin: 6px;
  cursor: pointer;
  text-decoration: none;
}

/* line 155, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .link-tab a:hover {
  background-color: #d0d0d0;
}

/* line 160, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .apply-btn, .dashboard_new .apply-btn-ems {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  background-color: #138294;
  text-transform: uppercase;
  color: #FFFFFF;
  border: 0;
  padding: 3px 14px;
  border-radius: 4px;
  cursor: pointer;
}

/* line 170, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .apply-btn:hover, .dashboard_new .apply-btn-ems:hover {
  background-color: #107788;
}

/* line 175, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .chart-section {
  margin-top: 36px;
  padding: 10px;
  border-radius: 6px;
  background-color: #efefef;
}

/* line 181, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .chart-section .spend-chart {
  width: 35%;
  margin-right: 2%;
  float: left;
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 5px;
}

/* line 189, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .chart-section .spend-chart .select-block {
  height: 45px;
  vertical-align: middle;
  padding: 10px;
}

/* line 195, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .chart-section .spend-chart .info {
  font-size: 16px;
  font-weight: 600;
  margin-right: 30px;
  letter-spacing: 0.3px;
  color: #868e96;
  margin-left: 20px;
}

/* line 205, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .chart-section .consumption_chart {
  width: 63%;
  float: right;
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 5px;
}

/* line 212, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .chart-section .consumption_chart .select-block {
  height: 45px;
  vertical-align: middle;
  padding: 10px;
}

/* line 218, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .chart-section .consumption_chart .info {
  font-size: 16px;
  font-weight: 600;
  margin-right: 30px;
  letter-spacing: 0.3px;
  color: #868e96;
  margin-left: 20px;
}

/* line 227, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .chart-section .consumption_chart #chart_month {
  width: 122px;
  height: 26px;
  border-radius: 3px;
  background-color: #fbfbfb;
  font-size: 11.2px;
  color: #212529;
  padding-left: 8px;
}

/* line 237, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .chart-section .consumption_chart .month-tag {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #868e96;
  text-transform: uppercase;
  margin-right: 10px;
}

/* line 246, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .chart-section .consumption_chart .tab-change-btn {
  min-width: 350px;
  width: 51px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 4px;
  cursor: pointer;
}

/* line 256, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .chart-section .consumption_chart .tab-change-btn .vendor-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 7px 10px;
}

/* line 262, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .chart-section .consumption_chart .tab-change-btn .item-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 7px 19px;
}

/* line 268, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .chart-section .consumption_chart .tab-change-btn .active-btn {
  background-color: #19a1b7;
  color: #FFFFFF;
}

/* line 272, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .chart-section .consumption_chart .tab-change-btn .active-btn:hover {
  background-color: #117e90;
}

/* line 277, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .chart-section .consumption_chart .tab-change-btn .inactive-btn {
  background-color: #efefef;
  color: #505356;
}

/* line 281, app/assets/stylesheets/new_styles/dashboard.scss */
.dashboard_new .chart-section .consumption_chart .tab-change-btn .inactive-btn:hover {
  background-color: #d6d6d6;
}

/* line 332, app/assets/stylesheets/new_styles/dashboard.scss */
.pilot-return-invite {
  clear: both;
  text-align: left;
  margin: 2px 0 10px;
}

/* line 344, app/assets/stylesheets/new_styles/dashboard.scss */
.dropdown-section .pilot-return-invite {
  clear: none;
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0 6px 4px;
}

/* line 354, app/assets/stylesheets/new_styles/dashboard.scss */
.pilot-return-invite-form {
  display: inline;
  margin: 0;
}

/* line 359, app/assets/stylesheets/new_styles/dashboard.scss */
button.pilot-return-invite-link {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  padding: 7px 0;
  font-family: inherit;
  font-size: 12.5px;
  color: #0d7c8f;
  cursor: pointer;
  text-decoration: underline;
  white-space: nowrap;
}

/* line 372, app/assets/stylesheets/new_styles/dashboard.scss */
button.pilot-return-invite-link:hover, button.pilot-return-invite-link:focus {
  color: #15181d;
  text-decoration: underline;
  outline: none;
}
/* line 3, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard {
  margin-top: 100px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 55px;
  width: 70%;
}

/* line 9, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .chart-section {
  margin: auto auto auto -15px;
  padding: 10px;
  border-radius: 6px;
  background-color: #efefef;
}

/* line 15, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .chart-section .spend-chart {
  width: 35%;
  margin-right: 2%;
  float: left;
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 5px;
}

/* line 23, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .chart-section .spend-chart .select-block {
  height: 45px;
  vertical-align: middle;
  padding: 10px;
}

/* line 29, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .chart-section .spend-chart .info {
  font-size: 16px;
  font-weight: 600;
  margin-right: 30px;
  letter-spacing: 0.3px;
  color: #868e96;
  margin-left: 20px;
}

/* line 39, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .chart-section .consumption_chart {
  width: 63%;
  float: right;
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 5px;
}

/* line 46, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .chart-section .consumption_chart .select-block {
  height: 45px;
  vertical-align: middle;
  padding: 10px;
}

/* line 52, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .chart-section .consumption_chart .info {
  font-size: 16px;
  font-weight: 600;
  margin-right: 30px;
  letter-spacing: 0.3px;
  color: #868e96;
  margin-left: 20px;
}

/* line 61, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .chart-section .consumption_chart #chart_month {
  width: 122px;
  height: 26px;
  border-radius: 3px;
  background-color: #fbfbfb;
  font-size: 11.2px;
  color: #212529;
  padding-top: 4px;
  padding-left: 8px;
}

/* line 72, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .chart-section .consumption_chart .month-tag {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #868e96;
  text-transform: uppercase;
  margin-right: 10px;
}

/* line 81, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .chart-section .consumption_chart .tab-change-btn {
  min-width: 350px;
  width: 51px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 4px;
  cursor: pointer;
}

/* line 91, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .chart-section .consumption_chart .tab-change-btn .vendor-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 7px 10px;
}

/* line 97, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .chart-section .consumption_chart .tab-change-btn .item-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 7px 19px;
}

/* line 103, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .chart-section .consumption_chart .tab-change-btn .active-btn {
  background-color: #19a1b7;
  color: #FFFFFF;
}

/* line 107, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .chart-section .consumption_chart .tab-change-btn .active-btn:hover {
  background-color: #117e90;
}

/* line 112, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .chart-section .consumption_chart .tab-change-btn .inactive-btn {
  background-color: #efefef;
  color: #505356;
}

/* line 116, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .chart-section .consumption_chart .tab-change-btn .inactive-btn:hover {
  background-color: #d6d6d6;
}

/* line 124, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .action-info-header {
  display: inline;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 20px;
}

/* line 131, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .action-info-header .company-selection label, #new_content .dashboard .action-info-header .division-selection label {
  margin-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #868e96;
}

/* line 145, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .actions h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #17a2b8;
  text-transform: uppercase;
  margin-left: 5px;
}

/* line 156, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .actions div a {
  display: block;
  text-decoration: none;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding-top: 3.5px;
  padding-left: 18.5px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 6px;
}

/* line 168, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .actions div a span:first-child {
  display: block;
  line-height: 1;
  opacity: 0.9;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
  margin-bottom: 3px;
  margin-top: 7px;
}

/* line 181, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .actions div a span:last-child {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #868e96;
}

/* line 193, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .main-content {
  border-radius: 6px;
  background-color: #f5f5f5;
}

/* line 197, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .main-content .action-info {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 30px;
}

/* line 204, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard select {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 6px 16px;
  font-size: 14px;
  background-color: #FFFFFF;
}

/* line 217, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard select option {
  min-height: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #000000;
  padding-left: 15px;
  padding-top: 7px;
}

/* line 227, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard select option:hover {
  background-color: #c9f5fc;
}

/* line 233, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .notes {
  height: 420px;
  border-radius: 3px;
  border: solid 1px #E9E9E9;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 239, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .notes .sidebar-header {
  opacity: 0.9;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.3px;
  color: #2eabbf;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 9px 11px 11px 11px;
  text-transform: uppercase;
  border-bottom: solid 1px #E9E9E9;
}

/* line 250, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .notes .sidebar-header span:last-child {
  border: 1px solid #E9E9E9;
  font-size: 14px;
  float: right;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  padding: 0px 7px;
  padding-top: 3px;
  text-transform: capitalize;
  cursor: pointer;
}

/* line 260, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .notes .sidebar-header span:last-child:hover {
  color: #FFFFFF;
  background-color: #2eabbf;
}

/* line 268, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .hide-note {
  display: none !important;
}

/* line 273, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .edit-note-content .cke_1 {
  height: 372px !important;
}

/* line 278, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .notes {
  margin-bottom: 21px;
}

/* line 281, app/assets/stylesheets/new_styles/dashboard_old.scss */
#new_content .dashboard .notes .note-content {
  padding: 17px 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #212529;
}

@media (max-width: 768px) {
  /* line 292, app/assets/stylesheets/new_styles/dashboard_old.scss */
  #new_content .dashboard {
    margin-top: 65px;
    margin-bottom: 15px;
  }
}
/* line 1, app/assets/stylesheets/new_styles/itemgroups.scss */
.cb {
  clear: both;
}

/* line 5, app/assets/stylesheets/new_styles/itemgroups.scss */
.fl {
  float: left;
}

/* line 9, app/assets/stylesheets/new_styles/itemgroups.scss */
.fr {
  float: right;
}

/* line 13, app/assets/stylesheets/new_styles/itemgroups.scss */
.bottom_space {
  margin-bottom: 75px;
}

/* line 17, app/assets/stylesheets/new_styles/itemgroups.scss */
.itemgroup_page {
  font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
  height: 100%;
}

/* line 22, app/assets/stylesheets/new_styles/itemgroups.scss */
.itemgroup_page .main_header {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

/* line 26, app/assets/stylesheets/new_styles/itemgroups.scss */
.itemgroup_page h1 {
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color: #212529;
  padding: 14px 5%;
}

/* line 37, app/assets/stylesheets/new_styles/itemgroups.scss */
.group_column {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 0 0 25%;
}

/* line 44, app/assets/stylesheets/new_styles/itemgroups.scss */
.new_content {
  padding-top: 64px;
  height: calc(100vh - 75px);
}

/* line 49, app/assets/stylesheets/new_styles/itemgroups.scss */
.group_header {
  background-color: #ebebeb;
  padding: 5px 10px 15px;
  flex: 0 0 auto;
}

/* line 55, app/assets/stylesheets/new_styles/itemgroups.scss */
.group_container {
  display: flex;
  height: calc(100% - 36px);
}

/* line 60, app/assets/stylesheets/new_styles/itemgroups.scss */
.group_container .group_column:first-child, .group_container .group_column:not(:last-child) {
  border-right: 1px solid #17a2b8;
}

/* line 64, app/assets/stylesheets/new_styles/itemgroups.scss */
.group_container .group_column .group_body {
  flex: 1 1 auto;
  overflow-y: auto;
}

/* line 69, app/assets/stylesheets/new_styles/itemgroups.scss */
.itemgroup_btn.active {
  background-color: #e2f2f5;
}

/* line 73, app/assets/stylesheets/new_styles/itemgroups.scss */
.itemgroup_list_section .group_body ul {
  list-style: none;
  padding-left: 0;
}

/* line 78, app/assets/stylesheets/new_styles/itemgroups.scss */
.itemgroup_list_section .group_body ul li a.itemgroup_btn:hover {
  background-color: #e2f2f5;
}

/* line 82, app/assets/stylesheets/new_styles/itemgroups.scss */
.itemgroup_list_section .group_body ul li a.itemgroup_btn {
  padding: 5px 1px 5px 5px;
  position: relative;
  border-bottom: 1px solid #ddd;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #212529;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* line 96, app/assets/stylesheets/new_styles/itemgroups.scss */
.group_header input {
  width: 100%;
  padding: 5px;
  font-size: 14px;
  height: 30px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
}

/* line 106, app/assets/stylesheets/new_styles/itemgroups.scss */
.group_header h5 {
  margin-bottom: 5px;
}

/* line 110, app/assets/stylesheets/new_styles/itemgroups.scss */
.itemgroup_list_section {
  width: 90%;
  margin: 0 auto;
  height: calc(100% - 64px);
}

/* line 116, app/assets/stylesheets/new_styles/itemgroups.scss */
.path {
  height: 20px;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -0.2px;
  color: #212529;
}

/* line 127, app/assets/stylesheets/new_styles/itemgroups.scss */
a.additem_btn {
  color: #17a2b8;
  font-size: 13px;
  padding: 5px;
  display: inline-block;
}

/* line 134, app/assets/stylesheets/new_styles/itemgroups.scss */
.item_description, .costcentre_description {
  position: relative;
}

/* line 138, app/assets/stylesheets/new_styles/itemgroups.scss */
.list_action {
  position: absolute;
  right: 24px;
  top: 6px;
  color: #868e96;
  cursor: pointer;
  display: none;
}

/* line 147, app/assets/stylesheets/new_styles/itemgroups.scss */
.cost_centre_field, .itemgroup_field, .itemgroup_shortform {
  display: none;
}

/* line 151, app/assets/stylesheets/new_styles/itemgroups.scss */
input.itemgroup_field, input.itemgroup_shortform, .cost_centre_field {
  width: 100%;
  height: 30px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: 1px solid #dddddd;
  padding: 5px;
  font-size: 14px;
}

/* line 161, app/assets/stylesheets/new_styles/itemgroups.scss */
.edit-icon, .delete-icon, .active-icon {
  opacity: 0.6;
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}

/* line 169, app/assets/stylesheets/new_styles/itemgroups.scss */
.edit-icon {
  background: url(/assets/edit-icon.png) no-repeat;
}

/* line 173, app/assets/stylesheets/new_styles/itemgroups.scss */
.delete-icon {
  background: url(/assets/delete-icon.png) no-repeat;
}

/* line 176, app/assets/stylesheets/new_styles/itemgroups.scss */
.active-icon {
  background: url(/assets/notice.png) no-repeat;
}

/* line 181, app/assets/stylesheets/new_styles/itemgroups.scss */
.itemgroup_form, .costcentre_form {
  padding: 10px;
}

/* line 185, app/assets/stylesheets/new_styles/itemgroups.scss */
.dynamic_text_field {
  width: 100%;
  height: 30px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 5px;
  font-size: 14px;
  display: none;
}

/* line 196, app/assets/stylesheets/new_styles/itemgroups.scss */
.deactive {
  cursor: not-allowed;
  opacity: 0.8;
}

/*css for new alert message start*/
/* line 203, app/assets/stylesheets/new_styles/itemgroups.scss */
.flash-wrapper {
  position: fixed;
  right: 10px;
  top: 71px;
  z-index: 9999;
}

/* line 210, app/assets/stylesheets/new_styles/itemgroups.scss */
.alert {
  opacity: 1 !important;
  display: block;
  font-size: 14px;
  padding: 10px 30px 10px 40px;
  border-radius: 3px;
  color: #282828;
  min-width: 400px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
}

/* line 222, app/assets/stylesheets/new_styles/itemgroups.scss */
.alert button.close {
  font-size: 16px;
  position: absolute;
  right: 10px;
  top: 12px;
}

/* line 229, app/assets/stylesheets/new_styles/itemgroups.scss */
.alert:before {
  content: '';
  position: absolute;
  left: 12px;
  top: 11px;
  font-size: 12px;
  opacity: 0.6;
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}

/* line 242, app/assets/stylesheets/new_styles/itemgroups.scss */
.alert.alert-info, .alert.alert-success {
  background-color: #a9dcb5;
  border: solid 1.5px #6ec482;
}

/* line 247, app/assets/stylesheets/new_styles/itemgroups.scss */
.alert.alert-warning {
  background-color: #ffe79c;
  border: solid 1.5px #ffd659;
}

/* line 252, app/assets/stylesheets/new_styles/itemgroups.scss */
.alert.alert-danger {
  background-color: #f1afb5;
  border: solid 1.5px #e77882;
}

/* line 257, app/assets/stylesheets/new_styles/itemgroups.scss */
.alert.alert-info:before, .alert.alert-success:before {
  background: url(/assets/notice.png) no-repeat;
}

/* line 261, app/assets/stylesheets/new_styles/itemgroups.scss */
.alert.alert-warning:before {
  background: url(/assets/warning.png) no-repeat;
}

/* line 265, app/assets/stylesheets/new_styles/itemgroups.scss */
.alert.alert-danger:before {
  background: url(/assets/danger.png) no-repeat;
}

/*css for new alert message ends*/
/* line 271, app/assets/stylesheets/new_styles/itemgroups.scss */
.tooltip {
  opacity: 1;
  z-index: 0;
}

/* line 276, app/assets/stylesheets/new_styles/itemgroups.scss */
.itemgroup-header {
  font-size: 24px;
  color: #000000;
  margin-left: 50px;
  text-decoration: none;
}

/* line 282, app/assets/stylesheets/new_styles/itemgroups.scss */
.itemgroup-header:hover {
  color: #000000;
  text-decoration: none;
}

/* line 288, app/assets/stylesheets/new_styles/itemgroups.scss */
.export-itemgroup-button {
  border-radius: 3px;
  border: solid 1px #979797;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  text-transform: uppercase;
  padding: 3px 8px;
  margin-right: 150px;
}

/* line 298, app/assets/stylesheets/new_styles/itemgroups.scss */
.export-itemgroup-button:hover {
  color: #000000;
  text-decoration: none;
}
/* This is the core CSS of Tooltipster */

/* GENERAL STRUCTURE RULES (do not edit this section) */

.tooltipster-base {
	/* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
	display: flex;
	pointer-events: none;
	/* this may be overriden in JS for fixed position origins */
	position: absolute;
}

.tooltipster-box {
	/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
	flex: 1 1 auto;
}

.tooltipster-content {
	/* prevents an overflow if the user adds padding to the div */
	box-sizing: border-box;
	/* these make sure we'll be able to detect any overflow */
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
}

.tooltipster-ruler {
	/* these let us test the size of the tooltip without overflowing the window */
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
}

/* ANIMATIONS */

/* Open/close animations */

/* fade */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
	opacity: 1;
}

/* grow */

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

/* swing */

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

/* fall */

.tooltipster-fall {
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall.tooltipster-initial {
	top: 0 !important;
}
.tooltipster-fall.tooltipster-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0 !important;
	opacity: 0;
}

/* slide */

.tooltipster-slide {
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-initial {
	left: -40px !important;
}
.tooltipster-slide.tooltipster-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0 !important;
	opacity: 0;
}

/* Update animations */

/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */

/* fade */

@keyframes tooltipster-fading {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.tooltipster-update-fade {
	animation: tooltipster-fading 400ms;
}

/* rotate */

@keyframes tooltipster-rotating {
	25% {
		transform: rotate(-2deg);
	}
	75% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(0);
	}
}

.tooltipster-update-rotate {
	animation: tooltipster-rotating 600ms;
}

/* scale */

@keyframes tooltipster-scaling {
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

.tooltipster-update-scale {
	animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */

/* .tooltipster-box */

.tooltipster-sidetip .tooltipster-box {
	background: #868e96;
	border: 2px solid #868e96;
	border-radius: 4px;
	font-size: 14px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
	margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
	margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
	margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
	margin-bottom: 8px;
}

/* .tooltipster-content */

.tooltipster-sidetip .tooltipster-content {
	color: white;
	line-height: 18px;
	padding: 3px 10px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */

.tooltipster-sidetip .tooltipster-arrow {
	overflow: hidden;
	position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
	height: 10px;
	/* half the width, for centering */
	margin-left: -10px;
	top: 0;
	width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	right: 0;
	/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	left: 0;
	/* same as .tooltipster-left .tooltipster-arrow */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
	bottom: 0;
	height: 10px;
	margin-left: -10px;
	width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
	height: 0;
	position: absolute;
	width: 0;
}

/* .tooltipster-arrow-background */

.tooltipster-sidetip .tooltipster-arrow-background {
	border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #868e96;
	left: 0;
	top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #868e96;
	left: -3px;
	top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #868e96;
	left: 3px;
	top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #868e96;
	left: 0;
	top: -3px;
}

/* .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-border {
	border: 10px solid transparent;
	left: 0;
	top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: #868e96;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: #868e96;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: #868e96;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #868e96;
}

/* tooltipster-arrow-uncropped */

.tooltipster-sidetip .tooltipster-arrow-uncropped {
	position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
	left: -10px;
}
/* line 15, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltip-inner {
  background-color: #17A2B8 !important;
  color: #fff;
}

/* line 33, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltip[role="tooltip"] {
  z-index: 1070;
  border: 0;
}

/* line 43, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltip .tooltip-inner {
  max-width: 360px;
  text-align: left;
  white-space: normal;
  overflow-wrap: break-word;
}

/* line 51, app/assets/stylesheets/new_styles/global_tooltips.scss */
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #17A2B8 !important;
}

/* line 55, app/assets/stylesheets/new_styles/global_tooltips.scss */
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: #17A2B8 !important;
}

/* line 59, app/assets/stylesheets/new_styles/global_tooltips.scss */
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #17A2B8 !important;
}

/* line 63, app/assets/stylesheets/new_styles/global_tooltips.scss */
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: #17A2B8 !important;
}

/* line 69, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
  border-top-color: #17A2B8 !important;
}

/* line 73, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltip.right .tooltip-arrow {
  border-right-color: #17A2B8 !important;
}

/* line 77, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #17A2B8 !important;
}

/* line 81, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltip.left .tooltip-arrow {
  border-left-color: #17A2B8 !important;
}

/* line 86, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltipster-sidetip .tooltipster-box {
  background: #17A2B8 !important;
  border-color: #17A2B8 !important;
}

/* line 91, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #17A2B8 !important;
}

/* line 96, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #17A2B8 !important;
}

/* line 101, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #17A2B8 !important;
}

/* line 106, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #17A2B8 !important;
}

/* line 118, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltip.tooltip-invalid .tooltip-inner {
  background-color: #e5484d !important;
}

/* line 123, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltip-invalid.bs-tooltip-top .arrow::before, .tooltip-invalid.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #e5484d !important;
}

/* line 127, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltip-invalid.bs-tooltip-right .arrow::before, .tooltip-invalid.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: #e5484d !important;
}

/* line 131, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltip-invalid.bs-tooltip-bottom .arrow::before, .tooltip-invalid.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #e5484d !important;
}

/* line 135, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltip-invalid.bs-tooltip-left .arrow::before, .tooltip-invalid.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: #e5484d !important;
}

/* line 140, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltip.tooltip-invalid.top .tooltip-arrow {
  border-top-color: #e5484d !important;
}

/* line 144, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltip.tooltip-invalid.right .tooltip-arrow {
  border-right-color: #e5484d !important;
}

/* line 148, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltip.tooltip-invalid.bottom .tooltip-arrow {
  border-bottom-color: #e5484d !important;
}

/* line 152, app/assets/stylesheets/new_styles/global_tooltips.scss */
.tooltip.tooltip-invalid.left .tooltip-arrow {
  border-left-color: #e5484d !important;
}
/* line 3, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 6, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .flash-message {
  margin-right: 50%;
  margin-top: 0px;
}

/* line 11, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .item-new {
  float: right;
  margin-right: 50px;
  line-height: 1;
}

/* line 16, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .item-new .item-new-btn {
  padding: 5px 19px;
  border-radius: 7px;
  font-size: 15px;
  background-color: #17A2B8;
  color: #FFFFFF;
  cursor: pointer;
}

/* line 24, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .item-new .item-new-btn:hover {
  text-decoration: none;
  background-color: #0e6471;
}

/* line 31, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .error-wrapper {
  position: relative;
}

/* line 34, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .error-wrapper .name-error {
  position: absolute;
  font-size: 10px;
  color: #de1616;
  bottom: -15px;
  left: 0;
  letter-spacing: 0.6px;
}

/* line 43, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .error-wrapper .quantity {
  height: 35px !important;
}

/* line 48, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .attachment-section {
  position: relative;
  width: 40px;
  display: inline-block;
}

/* line 53, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .attachment-section .name-error {
  position: absolute;
  font-size: 10px;
  color: #17a2b8;
  bottom: -19px;
  left: 0;
  letter-spacing: 0.6px;
}

/* line 63, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .main-form {
  margin-bottom: 100px;
}

/* line 66, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .main-form .select2-selection__arrow {
  height: 18px !important;
}

/* line 71, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .header {
  border-bottom: solid 1px #979797;
  min-height: 69px;
}

/* line 75, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .header div {
  opacity: 0.9;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
}

/* line 84, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .parentindent-details {
  margin-top: 26px;
}

/* line 87, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .parentindent-details div {
  width: 270px;
  display: inline-block;
}

/* line 91, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .parentindent-details div span {
  display: block;
  margin-right: 10px;
}

/* line 95, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .parentindent-details div span:first-child {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.7px;
  color: #212529;
}

/* line 102, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .parentindent-details div span:nth-child(2) select {
  -moz-appearance: menulist;
  /* Firefox */
  -webkit-appearance: menulist;
  /* Safari and Chrome */
  margin-top: 3px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  width: 100%;
  font-size: 14px;
  padding-left: 16px;
}

/* line 118, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details-header {
  margin-top: 50px;
  width: 100%;
}

/* line 122, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details-header span {
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.3px;
  color: #212529;
}

/* line 130, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details {
  table-layout: fixed;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 136, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details .attached-indent-files, #new_content .create-indent .indent-details .attached-enquiry-files {
  color: #17a2b8;
  cursor: pointer;
  font-size: 12px;
}

/* line 143, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details thead tr {
  background-color: #FFFFFF;
  height: 39px;
}

/* line 147, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details thead tr th {
  padding: 0;
}

/* line 152, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details thead .sqty-info {
  display: inline-flex;
  align-items: center;
}

/* line 155, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details thead .sqty-info i {
  color: #17a2b8;
  font-size: 16px;
  cursor: pointer;
}

/* line 164, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr {
  background-color: #FFFFFF;
  border-bottom: solid 1px #e9e9e9;
  /* Rounded sliders */
}

/* line 168, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr td {
  padding: 3px;
}

/* line 171, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr td .attached {
  color: #17a2b8 !important;
}

/* line 175, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr td .attachment {
  position: relative;
  line-height: 0;
  width: 24px;
}

/* line 180, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr td .attachment label {
  line-height: 0;
  cursor: pointer;
  margin-bottom: 0;
}

/* line 185, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr td .attachment label .attachment-icon {
  color: #868e96;
}

/* line 190, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr td .attachment input {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
}

/* line 200, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr td input {
  width: 100%;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 37px;
  padding-left: 10px;
}

/* line 209, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr td .qty-uom {
  border-radius: 3px;
  background-color: #eceeef;
  border: solid 1px #dddddd;
}

/* line 214, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr td .qty-uom input {
  width: 60%;
}

/* line 219, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr td .quantity {
  width: 50%;
  border-radius: 0;
  border: none;
}

/* line 225, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr td .status-alert, #new_content .create-indent .indent-details tbody tr td .issued-alert {
  color: #dc3545;
}

/* line 229, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr td .item-uom {
  padding: 5px 8px;
}

/* line 234, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr .cancel-cross {
  color: #dc3545;
  cursor: pointer;
  margin-top: 8px;
}

/* line 240, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr .remark-note {
  color: #868e96;
  font-size: 28px;
  cursor: pointer;
  margin-top: 8px;
}

/* line 247, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  margin: 0;
  margin-top: 8px;
}

/* line 256, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr .switch input {
  display: none;
}

/* line 260, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

/* line 272, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

/* line 284, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr input:checked + .slider {
  background-color: #138294;
}

/* line 288, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

/* line 292, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/* line 299, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr .slider.round {
  border-radius: 34px;
}

/* line 303, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .indent-details tbody tr .slider.round:before {
  border-radius: 50%;
}

/* line 310, app/assets/stylesheets/new_styles/indents.scss */
#new_content .create-indent .add-another-indent-item {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #17a2b8;
}

@media (max-width: 768px) {
  /* line 3, app/assets/stylesheets/new_styles/indents.scss */
  #new_content .create-indent {
    position: relative;
    min-height: calc(100vh - 30px);
  }
  /* line 321, app/assets/stylesheets/new_styles/indents.scss */
  #new_content .create-indent .item-new {
    margin-right: 0;
  }
  /* line 325, app/assets/stylesheets/new_styles/indents.scss */
  #new_content .create-indent .header {
    margin-top: 30px;
  }
  /* line 329, app/assets/stylesheets/new_styles/indents.scss */
  #new_content .create-indent .parentindent-details {
    margin-top: 5px;
  }
  /* line 332, app/assets/stylesheets/new_styles/indents.scss */
  #new_content .create-indent .parentindent-details div span:last-child select {
    height: 30px;
  }
  /* line 337, app/assets/stylesheets/new_styles/indents.scss */
  #new_content .create-indent .indent-details {
    margin-top: 10px;
  }
  /* line 341, app/assets/stylesheets/new_styles/indents.scss */
  #new_content .create-indent .cancel-changes-btn, #new_content .create-indent .save-changes-btn {
    width: 50%;
  }
  /* line 345, app/assets/stylesheets/new_styles/indents.scss */
  #new_content .create-indent .indent-details-container {
    width: 100%;
    overflow: auto;
  }
  /* line 350, app/assets/stylesheets/new_styles/indents.scss */
  #new_content .create-indent .indent-details {
    width: 1250px;
  }
  /* line 354, app/assets/stylesheets/new_styles/indents.scss */
  #new_content .create-indent .form-footer {
    position: absolute;
    bottom: 0;
    height: 75px;
    text-align: center;
  }
  /* line 361, app/assets/stylesheets/new_styles/indents.scss */
  #new_content .create-indent .app-main-form {
    padding-bottom: 85px;
    margin-bottom: 0;
  }
}

/* line 368, app/assets/stylesheets/new_styles/indents.scss */
.remark-note-modal, .indent-note-modal {
  width: 500px;
  height: 128px;
  border: solid 1.5px #dddddd;
  border-radius: 3px;
  padding: 9px 16px;
}

/* line 376, app/assets/stylesheets/new_styles/indents.scss */
.pending-indents-content, .enquiries-content {
  margin-top: 61px;
}

/* line 381, app/assets/stylesheets/new_styles/indents.scss */
.indent-attachments-section .quote-attachment {
  margin-top: 10px;
}

/* line 385, app/assets/stylesheets/new_styles/indents.scss */
.indent-attachments-section .indent-attachments {
  width: 100%;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 8px 12px;
}

/* line 392, app/assets/stylesheets/new_styles/indents.scss */
.indent-attachments-section .indent-attachments span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

/* line 399, app/assets/stylesheets/new_styles/indents.scss */
.indent-attachments-section .indent-attachments a {
  font-size: 14px;
  color: #17A2B8;
}

/* line 404, app/assets/stylesheets/new_styles/indents.scss */
.indent-attachments-section .indent-attachments div {
  display: flex;
  align-items: center;
}

/* line 409, app/assets/stylesheets/new_styles/indents.scss */
.indent-attachments-section .indent-attachments .remove-indent-attachment {
  font-size: 16px;
  color: red;
  cursor: pointer;
}

@media (max-width: 768px) {
  /* line 418, app/assets/stylesheets/new_styles/indents.scss */
  .remark-note-modal {
    width: 100%;
  }
  /* line 422, app/assets/stylesheets/new_styles/indents.scss */
  .modal-dialog .modal-content {
    min-width: auto;
  }
  /* line 425, app/assets/stylesheets/new_styles/indents.scss */
  .modal-dialog .modal-content .modal-header {
    padding: 15px;
  }
  /* line 429, app/assets/stylesheets/new_styles/indents.scss */
  .modal-dialog .modal-content .modal-footer {
    padding: 12px 12px 12px 0;
  }
  /* line 433, app/assets/stylesheets/new_styles/indents.scss */
  .modal-dialog .modal-content .modal-delete-btn, .modal-dialog .modal-content .modal-calcel-btn {
    min-width: 35%;
  }
}
/* line 3, app/assets/stylesheets/new_styles/rfqs.scss */
.header {
  border-bottom: solid 1px #979797;
  min-height: 71px;
  margin-top: 45px;
}

/* line 8, app/assets/stylesheets/new_styles/rfqs.scss */
.header div {
  opacity: 0.9;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
}

/* line 18, app/assets/stylesheets/new_styles/rfqs.scss */
.present-text-rfqs {
  color: #17a2b8;
}

/* line 22, app/assets/stylesheets/new_styles/rfqs.scss */
.absent-text-rfqs {
  color: #868e96;
}

/* line 27, app/assets/stylesheets/new_styles/rfqs.scss */
.vendor-list-header .sub-header {
  opacity: 0.9;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #212529;
  float: left;
}

/* line 38, app/assets/stylesheets/new_styles/rfqs.scss */
.vendors-table {
  margin-bottom: 150px;
  table-layout: fixed;
}

/* line 43, app/assets/stylesheets/new_styles/rfqs.scss */
.more-item-tags, .more-manufacture-tags {
  color: #17A2B8;
}

/* line 46, app/assets/stylesheets/new_styles/rfqs.scss */
.more-item-tags:hover, .more-manufacture-tags:hover {
  text-decoration: none;
  color: #1C7988;
}

/* line 52, app/assets/stylesheets/new_styles/rfqs.scss */
.auth-dealership {
  margin-bottom: 5px;
}

/* line 56, app/assets/stylesheets/new_styles/rfqs.scss */
.brand-tags {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #212529;
  display: block;
  line-height: 17px;
}

/* line 64, app/assets/stylesheets/new_styles/rfqs.scss */
.brand-tags .more-auth-tags, .brand-tags .more-unauth-tags {
  color: #17A2B8;
}

/* line 67, app/assets/stylesheets/new_styles/rfqs.scss */
.brand-tags .more-auth-tags:hover, .brand-tags .more-unauth-tags:hover {
  text-decoration: none;
  color: #1C7988;
}

/* line 74, app/assets/stylesheets/new_styles/rfqs.scss */
.suggested-vendor {
  padding-left: 12px;
  color: #ffc107;
  font-size: 18px;
  vertical-align: middle;
}

/* line 81, app/assets/stylesheets/new_styles/rfqs.scss */
.vendor-rate-contract-label {
  text-decoration: none;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-align: center;
  color: #28a745;
  border-radius: 12px;
  border: solid 1px #28a745;
  padding: 2px 13px;
}

/* line 93, app/assets/stylesheets/new_styles/rfqs.scss */
.vendor-mandatory-label {
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #2872a7;
  border-radius: 15px;
  border: solid 1px #2872a7;
  padding: 3px 5px;
}

/* line 104, app/assets/stylesheets/new_styles/rfqs.scss */
.dealership {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: -0.2px;
  color: #868e96;
  text-transform: uppercase;
  display: block;
  line-height: 9px;
}

/* line 116, app/assets/stylesheets/new_styles/rfqs.scss */
.indent-remark {
  cursor: pointer;
}

/* line 120, app/assets/stylesheets/new_styles/rfqs.scss */
.modal-dialog .modal-content .modal-footer .modal-cancel {
  margin-right: 24px;
}

/* line 124, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new {
  margin-top: 47px;
}

/* line 127, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .filter-box {
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 6px;
  margin-bottom: 13px;
  margin-top: 4px;
  color: #868e96;
  width: 95%;
}

/* line 139, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .confirm-item-wise-note {
  z-index: 1051;
}

/* line 142, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .confirm-item-wise-note .modal-body {
  max-height: 400px;
  overflow-y: auto;
  margin-right: 35px;
}

/* line 147, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .confirm-item-wise-note .modal-body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

/* line 152, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .confirm-item-wise-note .modal-body::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

/* line 157, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .confirm-item-wise-note .modal-body::-webkit-scrollbar-thumb {
  background-color: #868e96;
  border-radius: 3px;
}

/* line 163, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .confirm-item-wise-note .modal-body > div {
  height: 110px;
  width: 100%;
  border-bottom: solid 1px #e9e9e9;
  margin-bottom: 15px;
}

/* line 170, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .confirm-item-wise-note .item-note textarea .item-desc {
  height: 65px;
  width: 100%;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 12px 16px;
}

/* line 179, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .confirm-item-wise-note .send-note-checkbox {
  margin-top: 8px;
}

/* line 182, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .confirm-item-wise-note .send-note-checkbox span {
  display: flex;
  align-items: center;
}

/* line 186, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .confirm-item-wise-note .send-note-checkbox span i {
  margin: 0;
  font-size: 20px;
  margin-right: 8px;
}

/* line 196, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-new-thead th {
  word-wrap: break-word;
  padding-left: 2px !important;
  padding-right: 2px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
}

/* line 203, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-new-thead th.item-name {
  max-width: 300px;
  width: 20%;
}

/* line 208, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-new-thead th.item-desc {
  max-width: 75px;
  width: 7%;
}

/* line 213, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-new-thead th.indent-no {
  max-width: 150px;
  width: 10%;
}

/* line 218, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-new-thead th.quantity {
  max-width: 175px;
  width: 13%;
}

/* line 223, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-new-thead th.brands {
  max-width: 175px;
  width: 11%;
}

/* line 228, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-new-thead th.company-div {
  max-width: 175px;
  width: 13%;
}

/* line 233, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-new-thead th.requested-by {
  max-width: 150px;
  width: 7%;
}

/* line 242, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-more-options .options .edit-note {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #138294;
  padding: 3px 6px;
  border-radius: 3px;
  border: solid 1px #17a2b8;
  float: right;
  text-transform: uppercase;
  cursor: pointer;
}

/* line 256, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-more-options .attachment {
  margin-top: 15px;
  margin-bottom: 25px;
}

/* line 260, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-more-options .attachment h4 {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px;
  letter-spacing: 0.7px;
  color: #212529;
  line-height: 1.5;
}

/* line 269, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-more-options .attachment .indent-attachements {
  border: 1px solid #dddddd;
  padding: 9px 7px;
  border-radius: 3px;
  background-color: #fbfbfb;
}

/* line 275, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-more-options .attachment .indent-attachements div span {
  display: flex;
  align-items: center;
}

/* line 279, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-more-options .attachment .indent-attachements div span i {
  margin: 0;
  margin-right: 7px;
}

/* line 284, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-more-options .attachment .indent-attachements div span a {
  color: #138294;
}

/* line 287, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-more-options .attachment .indent-attachements div span a:hover {
  text-decoration: none;
  color: #0d5763;
}

/* line 310, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-more-options .attachment .indent-attachements .attachment-memory-row span a {
  flex-shrink: 0;
}

/* line 314, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-more-options .attachment .indent-attachements .attachment-memory-row .attachment-memory-note {
  margin-left: 10px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #868e96;
}

/* line 328, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-more-options .note-to-vendor h4 {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px;
  letter-spacing: 0.7px;
  color: #212529;
  line-height: 1.5;
}

/* line 337, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-more-options .note-to-vendor textarea {
  width: 100%;
  height: 115px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 8px 12px;
}

/* line 348, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .paginate {
  margin-bottom: 10px;
}

/* line 352, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .send-request-to-ip {
  margin-bottom: 15px;
}

/* line 355, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .send-request-to-ip span {
  font-size: 19px;
  display: flex;
  align-items: center;
}

/* line 360, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .send-request-to-ip span i {
  margin: 0;
  margin-right: 8px;
}

/* line 368, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .qty-uom input {
  vertical-align: top;
}

/* line 372, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .qty-uom select {
  -moz-appearance: menulist;
  /* Firefox */
  -webkit-appearance: menulist;
  /* Safari and Chrome */
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  width: 100%;
  font-size: 14px;
  padding-left: 16px;
}

/* line 385, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .checkbox.send-request {
  font-size: 24px;
}

/* line 389, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .vendor-search-box {
  width: 95%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 6px 6px;
  margin-bottom: 13px;
  margin-top: 4px;
  color: #868e96;
}

/* line 401, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .po-date-filter {
  height: 36px;
  border-radius: 3px;
  background-color: #dadada;
  padding: 6px 6px;
  color: #868e96;
  width: 95%;
  padding-right: 5px;
  margin-bottom: 13px;
  margin-top: 4px;
  border: none;
}

/* line 414, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .more-options {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  color: #138294;
  text-transform: uppercase;
  border-radius: 3px;
  border: solid 1px #17a2b8;
  padding: 7px 10px;
  width: 168px;
  margin-bottom: 40px;
  cursor: pointer;
}

/* line 429, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .more-options:hover {
  text-decoration: none;
  color: #0e606d;
}

/* line 444, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .more-options .rfq-options-attachment-badge {
  font-size: 16px;
  line-height: 1;
  vertical-align: text-bottom;
  margin-left: 6px;
}

/* line 452, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-items-table {
  table-layout: fixed;
  margin-bottom: 50px;
}

/* line 456, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-items-table .rate-contract-label {
  text-decoration: none;
  width: 52px;
  height: 20px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-align: center;
  color: #28a745;
  border-radius: 12px;
  border: solid 1px #28a745;
  padding: 2px 7px;
}

/* line 469, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-items-table .rate-contract-label:hover {
  color: #FFFFFF;
  background-color: #28A745;
}

/* line 475, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-items-table .indent-remark-active {
  color: #138294;
}

/* line 479, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-items-table .indent-remark-inactive {
  color: #868e96;
}

/* line 483, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-items-table .qty-text-box {
  width: 60%;
  height: 35px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding-left: 5px;
  border-right: none;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

/* line 494, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-items-table .uom-selection {
  width: 70px;
  height: 35px;
  background-color: #e8e8e8;
  border: solid 1px #dddddd;
  padding: 3px 3px;
  font-size: 14px;
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* line 506, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-items-table thead tr {
  height: 41px;
}

/* line 509, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-items-table thead tr th {
  vertical-align: middle;
  padding: 0px;
}

/* line 514, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-items-table thead tr th:last-child {
  width: auto;
  padding: 0px;
}

/* line 519, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-items-table thead tr th:first-child {
  width: auto;
  padding-left: 15px;
}

/* line 525, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-items-table tbody {
  border-bottom: 1px solid #e9e9e9;
}

/* line 528, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-items-table tbody tr td {
  padding-left: 0;
}

/* line 532, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content .rfq-new .rfq-items-table tbody tr td:first-child {
  padding-left: 15px;
}

/* line 539, app/assets/stylesheets/new_styles/rfqs.scss */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #000000 !important;
  background-color: #17a2b8 !important;
}

/* line 544, app/assets/stylesheets/new_styles/rfqs.scss */
.select2 {
  width: 100% !important;
}

/* line 548, app/assets/stylesheets/new_styles/rfqs.scss */
.select2 .select2-selection {
  height: 35px !important;
  border: solid 1px #dddddd !important;
  border-radius: 3px !important;
  background-color: #E8E8E8;
}

/* line 554, app/assets/stylesheets/new_styles/rfqs.scss */
.select2 .select2-selection .select2-selection__rendered {
  padding-top: 3px !important;
}

/* line 558, app/assets/stylesheets/new_styles/rfqs.scss */
.select2 .select2-selection .select2-selection__arrow {
  margin-top: 3px !important;
}

/* line 564, app/assets/stylesheets/new_styles/rfqs.scss */
#exampleModalRight, #exampleModalRight_old {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 567, app/assets/stylesheets/new_styles/rfqs.scss */
#exampleModalRight .modal-dialog, #exampleModalRight_old .modal-dialog {
  right: 0;
  height: calc(100vh - 60px);
  top: 60px;
  position: fixed;
  margin: auto;
  max-width: 800px;
  min-width: 700px;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

/* line 581, app/assets/stylesheets/new_styles/rfqs.scss */
#exampleModalRight .modal-content, #exampleModalRight_old .modal-content {
  min-width: unset;
  border-radius: 0;
  height: 100%;
}

/* line 586, app/assets/stylesheets/new_styles/rfqs.scss */
#exampleModalRight .modal-content .modal-header, #exampleModalRight_old .modal-content .modal-header {
  border-bottom: solid 1px #979797;
  padding: 22px;
  flex: 0 0 auto;
}

/* line 591, app/assets/stylesheets/new_styles/rfqs.scss */
#exampleModalRight .modal-content .modal-header h5, #exampleModalRight_old .modal-content .modal-header h5 {
  opacity: 0.9;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
}

/* line 600, app/assets/stylesheets/new_styles/rfqs.scss */
#exampleModalRight .modal-content .modal-body, #exampleModalRight_old .modal-content .modal-body {
  overflow-y: auto;
}

/* line 603, app/assets/stylesheets/new_styles/rfqs.scss */
#exampleModalRight .modal-content .modal-body .primary-details-header, #exampleModalRight_old .modal-content .modal-body .primary-details-header {
  opacity: 0.9;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
  margin-top: 24px;
}

/* line 612, app/assets/stylesheets/new_styles/rfqs.scss */
#exampleModalRight .modal-content .modal-body .basic-details, #exampleModalRight_old .modal-content .modal-body .basic-details {
  margin-top: 20px;
  opacity: 0.9;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.3px;
  color: #2eabbf;
}

/* line 621, app/assets/stylesheets/new_styles/rfqs.scss */
#exampleModalRight .modal-content .modal-body .basic-details-block, #exampleModalRight_old .modal-content .modal-body .basic-details-block {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #17a2b8;
}

/* line 626, app/assets/stylesheets/new_styles/rfqs.scss */
#exampleModalRight .modal-content .modal-body .basic-details-block:last-child, #exampleModalRight_old .modal-content .modal-body .basic-details-block:last-child {
  border-bottom: none;
}

/* line 631, app/assets/stylesheets/new_styles/rfqs.scss */
#exampleModalRight .modal-content .modal-body .contact-persons-table, #exampleModalRight_old .modal-content .modal-body .contact-persons-table {
  table-layout: fixed;
  width: 100%;
}

/* line 635, app/assets/stylesheets/new_styles/rfqs.scss */
#exampleModalRight .modal-content .modal-body .contact-persons-table th, #exampleModalRight_old .modal-content .modal-body .contact-persons-table th {
  height: 68px;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.3px;
  color: #212529;
  border-bottom: solid 1.5px #979797;
  background-color: #FFFFFF;
  text-transform: none;
  padding: 0;
  padding-left: 16px;
  font-weight: normal;
}

/* line 649, app/assets/stylesheets/new_styles/rfqs.scss */
#exampleModalRight .modal-content .modal-body .contact-persons-table tr, #exampleModalRight_old .modal-content .modal-body .contact-persons-table tr {
  height: 68px;
  background-color: #FFFFFF;
}

/* line 653, app/assets/stylesheets/new_styles/rfqs.scss */
#exampleModalRight .modal-content .modal-body .contact-persons-table tr td, #exampleModalRight_old .modal-content .modal-body .contact-persons-table tr td {
  padding-left: 16px;
  border-bottom: solid 1px #e9e9e9;
}

/* line 663, app/assets/stylesheets/new_styles/rfqs.scss */
#new_content table tbody tr .vendor-details span:first-child {
  color: #2eabbf;
  cursor: pointer;
  text-decoration: underline;
}

/* line 669, app/assets/stylesheets/new_styles/rfqs.scss */
.contact-person-type {
  margin-top: 20px;
  opacity: 0.9;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.3px;
  color: #2eabbf;
  text-transform: uppercase;
}

/* line 679, app/assets/stylesheets/new_styles/rfqs.scss */
.block-row {
  margin-bottom: 20px;
}

/* line 683, app/assets/stylesheets/new_styles/rfqs.scss */
.block-details {
  width: 45%;
  margin-right: 10px;
}

/* line 687, app/assets/stylesheets/new_styles/rfqs.scss */
.block-details:first-child {
  float: left;
}

/* line 691, app/assets/stylesheets/new_styles/rfqs.scss */
.block-details:last-child {
  float: right;
}

/* line 695, app/assets/stylesheets/new_styles/rfqs.scss */
.block-details span {
  display: block;
}

/* line 698, app/assets/stylesheets/new_styles/rfqs.scss */
.block-details span:first-child {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: #868e96;
}

/* line 706, app/assets/stylesheets/new_styles/rfqs.scss */
.block-details span:last-child {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.3px;
  color: #212529;
}

@media (max-width: 767px) {
  /* line 717, app/assets/stylesheets/new_styles/rfqs.scss */
  #new_content .flash-wrapper {
    width: 90%;
  }
  /* line 721, app/assets/stylesheets/new_styles/rfqs.scss */
  #new_content .alert {
    min-width: 100%;
  }
  /* line 725, app/assets/stylesheets/new_styles/rfqs.scss */
  #new_content .header {
    margin-top: 25px;
    padding: 5px 0;
    min-height: 1px;
    height: 70px;
  }
  /* line 732, app/assets/stylesheets/new_styles/rfqs.scss */
  #new_content .rfq-page-header {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 20px;
  }
  /* line 738, app/assets/stylesheets/new_styles/rfqs.scss */
  #new_content .rfq-items-table-wrapper {
    width: 100%;
    overflow: auto;
  }
  /* line 743, app/assets/stylesheets/new_styles/rfqs.scss */
  #new_content .rfq-new {
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 748, app/assets/stylesheets/new_styles/rfqs.scss */
  #new_content .rfq-new .rfq-items-table {
    width: 1200px;
    margin-bottom: 15px;
  }
  /* line 753, app/assets/stylesheets/new_styles/rfqs.scss */
  #new_content .rfq-new .more-options {
    padding: 2px 5px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  /* line 760, app/assets/stylesheets/new_styles/rfqs.scss */
  #new_content .rfq-new .vendor-list-header .sub-header {
    font-size: 16px;
  }
  /* line 764, app/assets/stylesheets/new_styles/rfqs.scss */
  #new_content .rfq-new .vendor-list-header .paginate {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  /* line 769, app/assets/stylesheets/new_styles/rfqs.scss */
  #new_content .rfq-new .vendor-list-header .material-icons {
    font-size: 16px;
  }
  /* line 774, app/assets/stylesheets/new_styles/rfqs.scss */
  #new_content .rfq-new .send-request-to-ip span {
    font-size: 14px;
  }
  /* line 778, app/assets/stylesheets/new_styles/rfqs.scss */
  #new_content .rfq-new .checkbox.send-request {
    font-size: 20px;
  }
  /* line 784, app/assets/stylesheets/new_styles/rfqs.scss */
  .vendors-table {
    margin-bottom: 20px;
  }
  /* line 787, app/assets/stylesheets/new_styles/rfqs.scss */
  .vendors-table .vendor-list-checkbox {
    width: 10% !important;
  }
  /* line 791, app/assets/stylesheets/new_styles/rfqs.scss */
  .vendors-table .vendor-list-vendor-name {
    width: 40% !important;
  }
  /* line 795, app/assets/stylesheets/new_styles/rfqs.scss */
  .vendors-table .vendor-list-itemgroup {
    width: 30% !important;
  }
  /* line 799, app/assets/stylesheets/new_styles/rfqs.scss */
  .vendors-table .vendor-list-brand {
    width: 20% !important;
  }
  /* line 803, app/assets/stylesheets/new_styles/rfqs.scss */
  .vendors-table .vendor-details-word {
    word-break: break-all;
  }
  /* line 807, app/assets/stylesheets/new_styles/rfqs.scss */
  .vendors-table td {
    padding: 3px;
  }
}
/* line 2, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor table {
  table-layout: fixed;
}

/* line 5, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor table thead th .search-box {
  width: 95%;
}

/* line 9, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor table .add-checked-color {
  background-color: #e2f2f5 !important;
}

/* line 14, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor .bulk-action {
  margin-top: 20px;
  display: none;
}

/* line 18, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor .bulk-action a {
  display: inline-block;
  padding: 4px 32px;
  font-size: 14px;
  letter-spacing: 0.2px;
  color: #138294;
  border-radius: 3px;
  border: solid 1px #17a2b8;
  cursor: pointer;
}

/* line 30, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor .pending-indents-navbar-content {
  border-bottom: 2px solid #17A2B8;
}

/* line 34, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor .sub-tabs {
  width: 100%;
}

/* line 38, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor .pending-indents-header {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
  margin: 0px -15px;
}

/* line 43, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor .vendor-tagging-header {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
  margin: 0px -15px;
  display: flex;
  justify-content: center;
}

/* line 49, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor .vendor-tagging-header .sub-tabs {
  text-align: center;
}

/* line 54, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor .vendor-tagging-navbar {
  padding: 10px 10px 10px 10px;
  font-size: 18px;
  width: 180px;
  margin: 0 20px;
  display: -webkit-inline-box;
}

/* line 62, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor .vendor-tagging-navbar-content {
  border-bottom: 2px solid #138294;
  padding-bottom: 20px;
}

/* line 67, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor .pending-indents-navbar {
  padding: 15px 15px 15px 15px;
  font-size: 18px;
  width: 190px;
  display: -webkit-inline-box;
}

/* line 74, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor .pending-indent-navbar-content {
  border-bottom: 2px solid #138294;
  padding-bottom: 20px;
}

/* line 80, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor .sub-tabs .active {
  color: #17A2B8 !important;
}

/* line 84, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor .sub-tabs .active-number {
  background-color: #17A2B8 !important;
  color: #FFFFFF !important;
}

/* line 89, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor .sub-tabs .pending-indents-count {
  float: right;
  color: #ffffff;
  background-color: #868e96;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  margin-left: 8px;
  display: inline-block;
}

/* line 100, app/assets/stylesheets/new_styles/new_vendors.scss */
#new_content .approved-vendor .sub-tabs a.pending-indent-count {
  display: inline-block;
  color: #404244;
  text-decoration: none;
  vertical-align: middle;
}

/* line 111, app/assets/stylesheets/new_styles/new_vendors.scss */
.confirm-item-wise-note .modal-body .vendor-log-details {
  width: 50%;
  margin-bottom: 10px;
  padding-bottom: 8px;
}

/* line 116, app/assets/stylesheets/new_styles/new_vendors.scss */
.confirm-item-wise-note .modal-body .vendor-log-details:first-child {
  float: left;
  border-bottom: 1px solid #BBBBBB;
}

/* line 121, app/assets/stylesheets/new_styles/new_vendors.scss */
.confirm-item-wise-note .modal-body .vendor-log-details:nth-child(2) {
  float: right;
  border-bottom: 1px solid #BBBBBB;
}

/* line 126, app/assets/stylesheets/new_styles/new_vendors.scss */
.confirm-item-wise-note .modal-body .vendor-log-details:nth-child(3) {
  clear: both;
  float: left;
}

/* line 131, app/assets/stylesheets/new_styles/new_vendors.scss */
.confirm-item-wise-note .modal-body .vendor-log-details:nth-child(4) {
  float: right;
}

/* line 135, app/assets/stylesheets/new_styles/new_vendors.scss */
.confirm-item-wise-note .modal-body .vendor-log-details span {
  display: block;
}

/* line 138, app/assets/stylesheets/new_styles/new_vendors.scss */
.confirm-item-wise-note .modal-body .vendor-log-details span:first-child {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2px;
  color: #868E96;
  text-transform: uppercase;
}

/* line 146, app/assets/stylesheets/new_styles/new_vendors.scss */
.confirm-item-wise-note .modal-body .vendor-log-details span:last-child {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #000000;
}

/* line 155, app/assets/stylesheets/new_styles/new_vendors.scss */
.confirm-item-wise-note .modal-body .remove-border-bottom {
  border: 0 !important;
}

/* line 161, app/assets/stylesheets/new_styles/new_vendors.scss */
.add-new-vendor {
  float: right;
  background-color: #17A2B8;
  color: #FFFFFF;
  font-size: 16px;
  border-radius: 3px;
  border: 1px #17A2B8 solid;
  padding: 6px 12px;
  cursor: pointer;
}

/* line 171, app/assets/stylesheets/new_styles/new_vendors.scss */
.add-new-vendor:hover {
  background-color: #107788;
}

/* line 177, app/assets/stylesheets/new_styles/new_vendors.scss */
.add-new-vendor-form .sub-header {
  opacity: 0.9;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #212529;
  margin-bottom: 30px;
  margin-top: 15px;
}

/* line 188, app/assets/stylesheets/new_styles/new_vendors.scss */
.add-new-vendor-form .form-group div {
  padding: 0;
}

/* line 193, app/assets/stylesheets/new_styles/new_vendors.scss */
.add-new-vendor-form .modal-delete-btn {
  border: none;
  width: 100%;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 14px;
  border-radius: 3px;
  cursor: pointer;
  background-color: #17A2B8;
  color: #FFFFFF;
  box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.15);
}

/* line 209, app/assets/stylesheets/new_styles/new_vendors.scss */
.add-new-vendor-form .modal-delete-btn:hover {
  background-color: #1A8798;
}

/* line 214, app/assets/stylesheets/new_styles/new_vendors.scss */
.add-new-vendor-form .bulk-request-form {
  margin-top: 35px;
}
/* line 1, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po {
  margin-bottom: 100px;
}

/* line 4, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .grn-remark {
  height: 35px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding-left: 5px;
  border-radius: 3px;
  width: 100%;
  margin-top: 6px;
}

/* line 14, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .igst-label.igst-toggle-button {
  color: #17A2B8;
}

/* line 17, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .del-label.del-toggle-button {
  color: #17A2B8;
}

/* line 21, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .location-select {
  height: 35px !important;
  width: 90%;
  padding-left: 5px !important;
  font-size: 12px !important;
}

/* line 28, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .remarks-grn {
  margin-top: 0px !important;
  border-radius: 3px !important;
  width: 438px !important;
}

/* line 34, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .grn-attachment {
  width: 438px !important;
  height: 40px !important;
}

/* line 39, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .grn-attachments {
  width: 100%;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 8px 12px;
}

/* line 46, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .grn-attachments span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

/* line 53, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .grn-attachments a {
  font-size: 14px;
  color: #17A2B8;
}

/* line 58, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .grn-attachments div {
  display: flex;
  align-items: center;
}

/* line 63, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .grn-attachments .remove-grn-attachment {
  font-size: 16px;
  margin-left: 15px;
  color: red;
  cursor: pointer;
}

/* line 71, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .company-details .name-box {
  width: 100%;
}

/* line 75, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .grn-text-field {
  border-radius: 3px !important;
}

/* line 79, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .clear-grn-item {
  cursor: pointer;
  color: red;
}

/* line 84, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .remove-po-attachment, #new_content .create-po .remove-po-approver-attachment {
  font-size: 18px;
  margin-left: 20px;
  color: #ca2929;
  position: relative;
  top: 4px;
  cursor: pointer;
}

/* line 93, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .po-attachments {
  display: inline-block;
  border: 1px solid #c5c5c5;
  border-radius: 10px;
  font-size: 12px;
  padding: 5px;
  background-color: #f3f1f1;
  margin-right: 15px;
}

/* line 103, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .po-attachments-content {
  margin-top: 10px;
  margin-bottom: 15px;
}

/* line 108, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .header {
  border-bottom: solid 1px #979797;
  min-height: 69px;
}

/* line 112, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .header div {
  opacity: 0.9;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
}

/* line 121, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .error-wrapper {
  position: relative;
}

/* line 124, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .error-wrapper .name-error {
  position: absolute;
  font-size: 10px;
  color: #de1616;
  bottom: -15px;
  left: 0;
  letter-spacing: 0.6px;
}

/* line 133, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .error-wrapper .exchange-rate-error {
  bottom: -32px;
  font-size: 11px;
}

/* line 138, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .error-wrapper .tc2-error {
  bottom: -8px;
}

/* line 142, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .error-wrapper .tc3-error {
  bottom: -8px;
}

/* line 146, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .error-wrapper .pnf-error {
  bottom: 5px;
}

/* line 151, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .company-division-details {
  display: flex;
  margin-top: 17px;
  margin-bottom: 17px;
}

/* line 156, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .company-division-details div {
  display: inline;
}

/* line 159, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .company-division-details div span {
  display: block;
}

/* line 162, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .company-division-details div span:first-child {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.7px;
  color: #212529;
  text-transform: uppercase;
}

/* line 172, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .company-division-details:last-child {
  margin-top: 30px;
  clear: both;
}

/* line 177, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .company-division-details .warehouse-details {
  float: right;
}

/* line 181, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .company-division-details .vendor-details span:last-child {
  width: 100%;
  margin-right: 20px;
}

/* line 187, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .name-box {
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  font-size: 14px;
  letter-spacing: -0.2px;
  color: #212529;
  padding: 12px 16px;
  height: 45px;
}

/* line 198, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .currency-type {
  height: 47px;
}

/* line 202, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .currency-box {
  width: 150px;
}

/* line 206, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .igst-label {
  display: inline-block !important;
  color: #8c9094;
}

/* line 211, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .del-label {
  display: inline-block !important;
  color: #8c9094;
}

/* line 216, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .rate-box, #new_content .create-po .po-ref {
  height: 47px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding-left: 5px;
  border-radius: 3px;
  width: 100%;
}

/* line 225, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .item-details-table {
  clear: both;
  margin-top: 35px;
}

/* line 230, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .item-details-table thead tr {
  height: 30px;
}

/* line 234, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .item-details-table thead th {
  padding-left: 12px;
}

/* line 237, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .item-details-table thead th:first-child, #new_content .create-po .item-details-table thead th:last-child {
  padding-bottom: 0;
}

/* line 245, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .item-details-table tbody tr td {
  border-bottom: solid 1px #e9e9e9;
}

/* line 252, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po select {
  -moz-appearance: menulist;
  /* Firefox */
  -webkit-appearance: menulist;
  /* Safari and Chrome */
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  width: 100%;
  font-size: 14px;
  padding-left: 16px;
}

/* line 265, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .qty-uom input {
  vertical-align: top;
}

/* line 269, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .qty-uom .qty-text-box {
  width: 53%;
  height: 35px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding-left: 5px;
  border-right: none;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

/* line 280, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .qty-uom .uom-selection {
  margin-top: 0;
  width: 47%;
  height: 35px;
  background-color: #e8e8e8;
  border: solid 1px #dddddd;
  padding: 3px 3px;
  font-size: 14px;
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* line 294, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .custom-text-box {
  height: 35px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding-left: 5px;
  border-radius: 3px;
  width: 100%;
}

/* line 303, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .rate-contract-label {
  text-decoration: none;
  width: 52px;
  height: 20px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-align: center;
  color: #28a745;
  border-radius: 12px;
  border: solid 1px #28a745;
  padding: 2px 7px;
}

/* line 316, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .rate-contract-label:hover {
  color: #FFFFFF;
  background-color: #28A745;
}

/* line 322, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .po-remark-note {
  color: #868e96;
  cursor: pointer;
}

/* line 327, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .checked {
  color: #17a2b8;
}

/* line 331, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .terms-conditions-block {
  margin-top: 40px;
}

/* line 335, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .terms-details {
  display: block;
}

/* line 338, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .terms-details span {
  display: block;
}

/* line 341, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .terms-details span:first-child {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.7px;
  color: #212529;
}

/* line 349, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .terms-details textarea {
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 80px;
  width: 500px;
  padding: 8px 12px;
}

/* line 358, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .terms-details input {
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  width: 500px;
  padding: 8px 12px;
}

/* line 367, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .terms-details select {
  width: 500px;
}

/* line 372, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .extra-taxes-block .tax-1-block, #new_content .create-po .extra-taxes-block .tax-2-block {
  margin-bottom: 10px;
}

/* line 376, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .extra-taxes-block .tax-1-block input, #new_content .create-po .extra-taxes-block .tax-2-block input {
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  padding: 8px 12px;
}

/* line 384, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .extra-taxes-block .tax-1-block .tax-label, #new_content .create-po .extra-taxes-block .tax-2-block .tax-label {
  display: block;
}

/* line 388, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .extra-taxes-block .tax-1-block .tax-name input, #new_content .create-po .extra-taxes-block .tax-2-block .tax-name input {
  width: 200px;
}

/* line 392, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .extra-taxes-block .tax-1-block .tax-value input, #new_content .create-po .extra-taxes-block .tax-2-block .tax-value input {
  width: 195px;
}

/* line 396, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .extra-taxes-block .tax-1-block .percent-symbol, #new_content .create-po .extra-taxes-block .tax-2-block .percent-symbol {
  border-radius: 3px;
  background-color: #eceeef;
  border-width: 1px 1px 1px 0;
  padding: 9px 15px;
  color: #212529;
  border-color: #cccccc;
  border-style: solid;
  display: inline;
}

/* line 408, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .po-attachment-field {
  display: flex;
  height: 40px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  width: 500px;
}

/* line 416, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .po-attachment-field span {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  padding: 0 10px;
}

/* line 423, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .po-attachment-field label {
  margin: 0;
  width: 95px;
  align-items: center;
  display: flex;
  background-color: #eceeef;
  justify-content: center;
  flex: 0 0 auto;
}

/* line 434, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .delivery-terms-block, #new_content .create-po .payment-terms-block {
  display: flex;
}

/* line 437, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .delivery-terms-block .terms-details, #new_content .create-po .payment-terms-block .terms-details {
  margin-right: 20px;
}

/* line 441, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .delivery-terms-block input, #new_content .create-po .payment-terms-block input {
  border-radius: 3px 0px 0px 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  width: 438.5px;
  padding: 8px 12px;
}

/* line 450, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .delivery-terms-block textarea, #new_content .create-po .payment-terms-block textarea {
  border-radius: 3px 0px 0px 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  width: 500px;
  padding: 7px 5px;
}

/* line 459, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .delivery-terms-block #del_address, #new_content .create-po .payment-terms-block #del_address {
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 80px;
  width: 500px;
  padding: 8px 12px;
}

/* line 468, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .delivery-terms-block #note, #new_content .create-po .payment-terms-block #note {
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 80px;
  width: 500px;
  padding: 8px 12px;
}

/* line 477, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .delivery-terms-block .no-of-days, #new_content .create-po .payment-terms-block .no-of-days {
  border-radius: 0px 3px 3px 0px;
  background-color: #eceeef;
  border-width: 1px 1px 1px 0;
  padding: 0 12px;
  color: #212529;
  border-color: #cccccc;
  border-style: solid;
  display: flex;
  align-items: center;
}

/* line 490, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .terms-details {
  margin-bottom: 20px;
}

/* line 494, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .group-days {
  display: flex;
}

/* line 498, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .pnf-terms-block {
  display: flex;
}

/* line 501, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .pnf-terms-block .terms-details {
  margin-right: 20px;
}

/* line 506, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .pnf-value-details {
  display: flex;
  margin-top: 18px;
  width: 500px;
  margin-right: 20px;
}

/* line 513, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .insp-details {
  width: 130px;
  display: flex;
  margin-right: 0px;
}

/* line 519, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .pnf {
  height: 40px;
  border-radius: 3px 0px 0px 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  width: 438.5px;
  padding: 8px 12px;
}

/* line 528, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .insp {
  height: 35px;
  border-radius: 3px 0px 0px 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  width: 60px;
  padding: 8px 12px;
}

/* line 537, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .pnf-extra-type {
  border-radius: 0px 3px 3px 0px;
  background-color: #eceeef;
  border-width: 1px 1px 1px 0;
  color: #212529;
  border-color: #cccccc;
  border-style: solid;
  width: 100px;
}

/* line 547, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .insp-type {
  border-radius: 0px 3px 3px 0px;
  background-color: #eceeef;
  border-width: 1px 1px 1px 0;
  color: #212529;
  border-color: #cccccc;
  border-style: solid;
  width: 54px;
  height: 35px;
  padding: 4px;
}

/* line 559, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .with-in {
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.7px;
  color: #212529;
}

/* line 567, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po #pnf_tax {
  height: 40px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  width: 100px;
  padding: 8px 12px;
}

/* line 576, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .freight-terms-block {
  display: flex;
}

/* line 579, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .freight-terms-block .terms-details {
  margin-right: 20px;
}

/* line 584, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .transport {
  width: 500px;
  margin-top: 18px;
  margin-right: 20px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  padding: 8px 12px;
}

/* line 595, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po #oc_tax {
  height: 40px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  width: 100px;
  padding: 8px 12px;
}

/* line 604, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .indent-select-for-po, #new_content .create-po .indent-select-for-eo {
  cursor: pointer;
  font-size: 18px;
}

/* line 609, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .po-details {
  display: flex !important;
  flex: 1 1 auto;
}

/* line 614, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .igst, #new_content .create-po .del {
  display: flex !important;
  align-items: center;
  margin-top: 21px;
  flex: 0 0 auto;
  /* Rounded sliders */
}

/* line 620, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .igst .switch, #new_content .create-po .del .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  margin: 0;
  margin-right: 10px;
}

/* line 629, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .igst .switch input, #new_content .create-po .del .switch input {
  display: none;
}

/* line 633, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .igst .slider, #new_content .create-po .del .slider {
  position: absolute;
  cursor: pointer;
  top: 0px;
  left: 0;
  right: 4px;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  width: 36px;
}

/* line 646, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .igst .slider:before, #new_content .create-po .del .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

/* line 658, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .igst input:checked + .slider, #new_content .create-po .del input:checked + .slider {
  background-color: #138294;
}

/* line 662, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .igst input:focus + .slider, #new_content .create-po .del input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

/* line 666, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .igst input:checked + .slider:before, #new_content .create-po .del input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

/* line 673, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .igst .slider.round, #new_content .create-po .del .slider.round {
  border-radius: 34px;
}

/* line 677, app/assets/stylesheets/new_styles/create_po.scss */
#new_content .create-po .igst .slider.round:before, #new_content .create-po .del .slider.round:before {
  border-radius: 50%;
}

/* line 683, app/assets/stylesheets/new_styles/create_po.scss */
.po_preview .modal-content, .draft_po_preview .modal-content {
  min-width: 900px;
  max-width: 900px;
}

/* line 688, app/assets/stylesheets/new_styles/create_po.scss */
.po_preview .modal-dialog, .draft_po_preview .modal-dialog {
  min-width: 900px;
  max-width: 900px;
}

/* line 693, app/assets/stylesheets/new_styles/create_po.scss */
.po_preview p, .draft_po_preview p {
  margin-bottom: 0;
}

/* line 698, app/assets/stylesheets/new_styles/create_po.scss */
.po-tolerance-modal .item-details-table, .rejection-remark-modal .item-details-table {
  table-layout: fixed;
  width: 100%;
}

/* line 702, app/assets/stylesheets/new_styles/create_po.scss */
.po-tolerance-modal .item-details-table thead tr, .rejection-remark-modal .item-details-table thead tr {
  height: 25px !important;
}

/* line 705, app/assets/stylesheets/new_styles/create_po.scss */
.po-tolerance-modal .item-details-table thead tr th:first-child, .po-tolerance-modal .item-details-table thead tr th:last-child, .rejection-remark-modal .item-details-table thead tr th:first-child, .rejection-remark-modal .item-details-table thead tr th:last-child {
  padding-left: 5px !important;
  padding-bottom: 0px !important;
}

/* line 711, app/assets/stylesheets/new_styles/create_po.scss */
.po-tolerance-modal .item-details-table tbody tr, .rejection-remark-modal .item-details-table tbody tr {
  background-color: #FFFFFF !important;
}

/* line 714, app/assets/stylesheets/new_styles/create_po.scss */
.po-tolerance-modal .item-details-table tbody tr td, .rejection-remark-modal .item-details-table tbody tr td {
  padding-left: 3px !important;
}

/* line 721, app/assets/stylesheets/new_styles/create_po.scss */
.previous-po-history-details {
  color: #1A8798;
}

/* line 724, app/assets/stylesheets/new_styles/create_po.scss */
.previous-po-history-details:hover {
  color: #117f90;
}

/* line 731, app/assets/stylesheets/new_styles/create_po.scss */
.landed-cost .po-history-modal .modal-body {
  padding: 0;
}

/* line 735, app/assets/stylesheets/new_styles/create_po.scss */
.landed-cost .po-history-modal .previous-bid-table {
  width: 100%;
  table-layout: fixed;
}

/* line 740, app/assets/stylesheets/new_styles/create_po.scss */
.landed-cost .po-history-modal .previous-bid-table thead tr {
  height: 34px !important;
}

/* line 744, app/assets/stylesheets/new_styles/create_po.scss */
.landed-cost .po-history-modal .previous-bid-table thead th {
  padding: 5px !important;
  width: auto;
  border: none;
  border-bottom: solid 1px #979797;
}

/* line 750, app/assets/stylesheets/new_styles/create_po.scss */
.landed-cost .po-history-modal .previous-bid-table thead th:first-child {
  padding-left: 15px;
}

/* line 757, app/assets/stylesheets/new_styles/create_po.scss */
.landed-cost .po-history-modal .previous-bid-table tbody tr {
  height: auto;
  background-color: #FFFFFF;
}

/* line 762, app/assets/stylesheets/new_styles/create_po.scss */
.landed-cost .po-history-modal .previous-bid-table tbody td {
  padding: 8px 5px;
  border-bottom: solid 1px #e9e9e9;
}

/* line 766, app/assets/stylesheets/new_styles/create_po.scss */
.landed-cost .po-history-modal .previous-bid-table tbody td:first-child {
  padding-left: 15px;
}

/* line 773, app/assets/stylesheets/new_styles/create_po.scss */
.landed-cost .po-history-modal #exampleModalLongTitle {
  opacity: 0.9;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
}

/* line 780, app/assets/stylesheets/new_styles/create_po.scss */
.landed-cost .po-history-modal #exampleModalLongTitle span {
  display: block;
  opacity: 0.9;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #212529;
}

/* line 792, app/assets/stylesheets/new_styles/create_po.scss */
.daterangepicker td.active {
  background-color: #17a2b8 !important;
}

/* line 797, app/assets/stylesheets/new_styles/create_po.scss */
.daterangepicker .ranges li {
  color: #17a2b8;
}

/* line 800, app/assets/stylesheets/new_styles/create_po.scss */
.daterangepicker .ranges li.active {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

/* line 806, app/assets/stylesheets/new_styles/create_po.scss */
.daterangepicker .ranges li:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

/* line 814, app/assets/stylesheets/new_styles/create_po.scss */
.daterangepicker .range_inputs {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 4px !important;
}

/* line 821, app/assets/stylesheets/new_styles/create_po.scss */
.daterangepicker .range_inputs .applyBtn {
  color: #17a2b8 !important;
  background-color: #fff !important;
  border-color: #17a2b8 !important;
}

/* line 826, app/assets/stylesheets/new_styles/create_po.scss */
.daterangepicker .range_inputs .applyBtn:hover {
  color: #fff !important;
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

@media (max-width: 768px) {
  /* line 835, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po {
    margin-bottom: 15px;
  }
  /* line 838, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .igst, #new_content .create-po .del {
    font-size: 14px;
  }
  /* line 841, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .igst .switch, #new_content .create-po .del .switch {
    height: 16px;
  }
  /* line 845, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .igst .slider, #new_content .create-po .del .slider {
    width: 30px;
  }
  /* line 849, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .igst .slider::before, #new_content .create-po .del .slider::before {
    height: 10px;
    width: 10px;
  }
  /* line 855, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .header {
    margin-top: 30px;
  }
  /* line 859, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .company-division-details {
    margin-top: 10px;
    margin-bottom: 0;
  }
  /* line 864, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .company-division-details:last-child {
    margin-top: 0px;
  }
  /* line 868, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .currency-type, #new_content .create-po .rate-box, #new_content .create-po .po-ref {
    height: 30px;
    padding: 5px;
    font-size: 14px;
  }
  /* line 874, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .name-box {
    padding: 5px;
    font-size: 14px;
  }
  /* line 879, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .item-details-table-container {
    width: 100%;
    overflow: auto;
  }
  /* line 884, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .item-details-table {
    table-layout: fixed;
    width: 1300px;
    margin-top: 10px;
  }
  /* line 889, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .item-details-table .item-name {
    width: 30% !important;
  }
  /* line 894, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .error-wrapper .pnf-error {
    bottom: -20px;
  }
  /* line 898, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .terms-details, #new_content .create-po .pnf-value-tax-details, #new_content .create-po .transport-tax {
    margin-top: 20px;
    margin-bottom: 0;
  }
  /* line 904, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .terms-details textarea, #new_content .create-po .terms-details select, #new_content .create-po .terms-details input, #new_content .create-po .delivery-terms-block textarea, #new_content .create-po .delivery-terms-block select, #new_content .create-po .delivery-terms-block input, #new_content .create-po .payment-terms-block textarea, #new_content .create-po .payment-terms-block select, #new_content .create-po .payment-terms-block input {
    width: 100% !important;
    font-size: 14px;
  }
  /* line 910, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .delivery-terms-block, #new_content .create-po .payment-terms-block, #new_content .create-po .pnf-terms-block, #new_content .create-po .freight-terms-block {
    display: block;
  }
  /* line 913, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .delivery-terms-block .terms-details, #new_content .create-po .payment-terms-block .terms-details, #new_content .create-po .pnf-terms-block .terms-details, #new_content .create-po .freight-terms-block .terms-details {
    margin-right: 0;
  }
  /* line 918, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .po-attachment-field, #new_content .create-po .pnf, #new_content .create-po .pnf-value-details {
    width: 100% !important;
  }
  /* line 922, app/assets/stylesheets/new_styles/create_po.scss */
  #new_content .create-po .transport {
    width: 100% !important;
    margin-right: 0;
  }
  /* line 928, app/assets/stylesheets/new_styles/create_po.scss */
  .form-footer {
    margin-top: 200px;
    position: relative;
    text-align: center;
  }
  /* line 935, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content {
    min-width: 0;
    max-width: 96vw;
  }
  /* line 939, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content .modal-header {
    padding: 10px;
  }
  /* line 943, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content .modal-title {
    font-size: 16px;
  }
  /* line 947, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content #header {
    font-size: 16px;
  }
  /* line 951, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content #logo {
    display: none;
  }
  /* line 955, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content p {
    font-size: 12px;
  }
  /* line 959, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content .modal-body {
    padding: 3px;
  }
  /* line 963, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content header {
    margin-bottom: 10px;
  }
  /* line 967, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content .company-info {
    margin: 0;
  }
  /* line 970, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content .company-info h2 {
    font-size: 18px;
  }
  /* line 975, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content main header {
    font-size: 16px;
  }
  /* line 979, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content h3 {
    font-size: 18px;
  }
  /* line 983, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content .modal-calcel-btn {
    display: none;
  }
  /* line 988, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content .po-items-table th {
    padding: 1px;
    font-size: 12px;
    word-break: break-all;
    font-weight: 500;
    width: 9%;
  }
  /* line 996, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content .po-items-table th:nth-child(1), .po_preview .modal-dialog .modal-content .po-items-table th:nth-last-child(2), .po_preview .modal-dialog .modal-content .po-items-table th:nth-last-child(3) {
    width: 8%;
  }
  /* line 1000, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content .po-items-table th:nth-child(2) {
    width: 18%;
  }
  /* line 1004, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content .po-items-table th:last-child {
    width: 13%;
  }
  /* line 1008, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content .po-items-table tbody tr td {
    font-size: 12px !important;
    word-break: break-all;
    vertical-align: top !important;
    padding: 1px !important;
  }
  /* line 1016, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content .commercial_tc, .po_preview .modal-dialog .modal-content .general_tc {
    margin-left: 10px;
  }
  /* line 1019, app/assets/stylesheets/new_styles/create_po.scss */
  .po_preview .modal-dialog .modal-content .commercial_tc h5, .po_preview .modal-dialog .modal-content .general_tc h5 {
    font-size: 14px;
  }
}

/* line 1029, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section thead tr {
  height: auto !important;
}

/* line 1032, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section thead tr th {
  background: #FFF;
  padding: 0 5px !important;
}

/* line 1036, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section thead tr th.date {
  width: 10% !important;
}

/* line 1040, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section thead tr th.warehouse {
  width: 33% !important;
}

/* line 1044, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section thead tr th.items {
  width: 30% !important;
}

/* line 1047, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section thead tr th.vendor {
  width: 20% !important;
}

/* line 1050, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section thead tr th.rate {
  width: 8% !important;
}

/* line 1054, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section thead tr th.selection {
  width: 7% !important;
}

/* line 1057, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section thead tr th.remarks {
  width: 10% !important;
}

/* line 1061, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section thead tr th.payment-method {
  width: 32% !important;
}

/* line 1065, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section thead tr th.amount {
  width: 22%;
}

/* line 1069, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section thead tr th.remarks {
  width: 36% !important;
}

/* line 1073, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section thead tr th.grn-info {
  width: 31%;
}

/* line 1077, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section thead tr th.actions {
  text-align: center;
  width: 5%;
}

/* line 1087, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section tbody.payment-details tr td, .payment-detail-section tfoot tr td {
  padding: 0 5px !important;
}

/* line 1090, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section tbody.payment-details tr td.font-weight-bold, .payment-detail-section tfoot tr td.font-weight-bold {
  padding-top: 12px !important;
}

/* line 1094, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section tbody.payment-details tr td.date, .payment-detail-section tfoot tr td.date {
  width: 10% !important;
}

/* line 1098, app/assets/stylesheets/new_styles/create_po.scss */
.payment-detail-section tbody.payment-details tr td.method, .payment-detail-section tfoot tr td.method {
  padding: 0 10px !important;
}

/* line 1106, app/assets/stylesheets/new_styles/create_po.scss */
.add-payment-row, .edit_payment {
  color: #17A2B8;
}

/* line 1109, app/assets/stylesheets/new_styles/create_po.scss */
.add-payment-row:hover, .edit_payment:hover {
  color: #17A2B8;
}
/* line 3, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 100px;
}

/* line 8, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .create-item-title {
  margin: 20px 0;
}

/* line 12, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .shelf-life-checkbox {
  width: 16px;
  height: 16px;
}

/* line 17, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item input {
  width: 100%;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  padding-left: 10px;
  margin-top: 3px;
}

/* line 27, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item select {
  -webkit-appearance: menulist;
  margin-top: 3px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  width: 100%;
  font-size: 14px;
  padding-left: 16px;
}

/* line 38, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item select option {
  color: #000000;
}

/* line 43, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .create-item-label {
  font-size: 14px;
  text-transform: uppercase;
}

/* line 48, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .input-fields {
  margin-bottom: 30px;
}

/* line 52, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .equal-sign {
  text-align: center;
  font-size: 25px;
}

/* line 57, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .uom-selection {
  padding: 0;
  height: 35px;
  width: 40%;
  margin-left: -6px;
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #e8e8e8;
}

/* line 68, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .equation-input {
  height: 35px;
  width: 60%;
  border-right: none;
}

/* line 74, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .item-back-btn {
  border: none;
  margin-right: 29px;
  color: #138294;
  box-shadow: 0 6px 56px 0 rgba(0, 0, 0, 0.15);
  display: inline-block;
  text-decoration: none;
  min-width: 229px;
  min-height: 48px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  text-transform: uppercase;
  padding: 14px;
  border-radius: 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
}

/* line 93, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .item-back-btn:hover {
  background-color: #e4e4e4;
}

/* line 98, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .item-brand-details, #new_content .create-item .product-brand-details, #new_content .create-item .item-reorder-details, #new_content .create-item .item-location-details {
  width: 100%;
}

/* line 101, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .item-brand-details thead tr, #new_content .create-item .product-brand-details thead tr, #new_content .create-item .item-reorder-details thead tr, #new_content .create-item .item-location-details thead tr {
  height: auto;
  background-color: #ffffff;
}

/* line 106, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .item-brand-details thead th:first-child, #new_content .create-item .product-brand-details thead th:first-child, #new_content .create-item .item-reorder-details thead th:first-child, #new_content .create-item .item-location-details thead th:first-child {
  width: 45%;
  padding-bottom: 0px;
  padding-left: 10px;
}

/* line 112, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .item-brand-details thead th:last-child, #new_content .create-item .product-brand-details thead th:last-child, #new_content .create-item .item-reorder-details thead th:last-child, #new_content .create-item .item-location-details thead th:last-child {
  width: 10%;
  padding-bottom: 0px;
  padding-left: 0px;
}

/* line 118, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .item-brand-details thead th, #new_content .create-item .product-brand-details thead th, #new_content .create-item .item-reorder-details thead th, #new_content .create-item .item-location-details thead th {
  font-weight: 500;
  padding-left: 10px;
  color: #000000;
}

/* line 124, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .item-brand-details tbody tr td:first-child, #new_content .create-item .product-brand-details tbody tr td:first-child, #new_content .create-item .item-reorder-details tbody tr td:first-child, #new_content .create-item .item-location-details tbody tr td:first-child {
  width: auto;
  vertical-align: middle;
  padding-left: 10px;
}

/* line 130, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .item-brand-details tbody tr:nth-of-type(odd),
#new_content .create-item .item-brand-details tbody tr:nth-of-type(even), #new_content .create-item .product-brand-details tbody tr:nth-of-type(odd),
#new_content .create-item .product-brand-details tbody tr:nth-of-type(even), #new_content .create-item .item-reorder-details tbody tr:nth-of-type(odd),
#new_content .create-item .item-reorder-details tbody tr:nth-of-type(even), #new_content .create-item .item-location-details tbody tr:nth-of-type(odd),
#new_content .create-item .item-location-details tbody tr:nth-of-type(even) {
  background-color: #FFFFFF;
}

/* line 136, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .remove-brand, #new_content .create-item .remove-reorder {
  text-align: center;
}

/* line 140, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .remove-brand-icon, #new_content .create-item .remove-reorder-icon, #new_content .create-item .remove-location-icon {
  font-size: 22px;
  vertical-align: -webkit-baseline-middle;
  color: red;
  cursor: pointer;
}

/* line 147, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .select2-selection--single {
  margin-top: 3px;
  height: 40px !important;
}

/* line 152, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 8px !important;
}

/* line 156, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 33px;
}

/* line 160, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .add-another-brand, #new_content .create-item .add-another-reorder {
  font-size: 14px;
  text-decoration: none;
}

/* line 165, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .brand-attachment-field {
  min-width: 400px;
  margin-left: 15px;
}

/* line 170, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item hr {
  border-top: 1px solid #d0caca;
}

/* line 174, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .error-wrapper {
  position: relative;
}

/* line 177, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .error-wrapper .name-error {
  position: absolute;
  font-size: 10px;
  color: #de1616;
  bottom: -15px;
  left: 0;
  letter-spacing: 0.6px;
}

/* line 186, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .error-wrapper .quantity {
  height: 35px !important;
}

/* line 191, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .reorder-qty {
  width: 70%;
}

/* line 195, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .input-group-append {
  width: 30%;
}

/* line 199, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .input-group-text {
  width: 100%;
}

/* line 203, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .select2 {
  width: 100% !important;
}

/* line 207, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .remove-item-attachment, #new_content .create-item .remove-product-attachment, #new_content .create-item .remove-part-attachment {
  font-size: 18px;
  margin-left: 20px;
  color: #ca2929;
  position: relative;
  top: 4px;
  cursor: pointer;
}

/* line 216, app/assets/stylesheets/new_styles/items.scss */
#new_content .create-item .item-attachments {
  display: inline-block;
  border: 1px solid #c5c5c5;
  border-radius: 10px;
  font-size: 12px;
  padding: 5px;
  background-color: #f3f1f1;
  margin-right: 15px;
}

/* line 229, app/assets/stylesheets/new_styles/items.scss */
.item-brand-details-container a,
.item-reorder-details-container a {
  color: #1A8798 !important;
}

/* line 234, app/assets/stylesheets/new_styles/items.scss */
.input-group-text {
  margin-top: 3px !important;
}

/* line 238, app/assets/stylesheets/new_styles/items.scss */
#new_content .merge-items-page {
  margin-top: 80px;
}

/* line 241, app/assets/stylesheets/new_styles/items.scss */
#new_content .merge-items-page .items-merge-table {
  table-layout: fixed;
  margin-top: 15px;
  margin-bottom: 25px;
}

/* line 247, app/assets/stylesheets/new_styles/items.scss */
#new_content .merge-items-page .items-merge-table thead tr {
  height: auto;
}

/* line 250, app/assets/stylesheets/new_styles/items.scss */
#new_content .merge-items-page .items-merge-table thead tr th {
  padding: 10px;
  width: 50%;
}

/* line 258, app/assets/stylesheets/new_styles/items.scss */
#new_content .merge-items-page .items-merge-table tbody tr {
  height: auto;
}

@media (max-width: 768px) {
  /* line 266, app/assets/stylesheets/new_styles/items.scss */
  #new_content .create-item {
    margin-bottom: 0;
  }
  /* line 269, app/assets/stylesheets/new_styles/items.scss */
  #new_content .create-item .item-brand-details-container, #new_content .create-item .item-reorder-details-container {
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 274, app/assets/stylesheets/new_styles/items.scss */
  #new_content .create-item .input-group-text {
    padding: 2px;
  }
  /* line 278, app/assets/stylesheets/new_styles/items.scss */
  #new_content .create-item .header div {
    font-size: 20px;
    overflow: scroll;
    white-space: nowrap;
  }
  /* line 284, app/assets/stylesheets/new_styles/items.scss */
  #new_content .create-item .create-item-title {
    margin: 5px 0 0 0;
  }
  /* line 287, app/assets/stylesheets/new_styles/items.scss */
  #new_content .create-item .create-item-title h4 {
    font-size: 20px;
    margin-bottom: 0;
  }
  /* line 293, app/assets/stylesheets/new_styles/items.scss */
  #new_content .create-item .input-fields {
    margin-bottom: 0;
  }
  /* line 296, app/assets/stylesheets/new_styles/items.scss */
  #new_content .create-item .input-fields div {
    margin-bottom: 7px;
  }
  /* line 301, app/assets/stylesheets/new_styles/items.scss */
  #new_content .create-item .brand-attachment-field {
    max-width: 100%;
    min-width: 300px;
    margin-bottom: 20px;
  }
  /* line 307, app/assets/stylesheets/new_styles/items.scss */
  #new_content .create-item .item-back-btn, #new_content .create-item .create-item-btn {
    min-width: 0;
  }
}
/* line 4, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .assign-item-brand {
  margin-top: 15px;
}

/* line 7, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .assign-item-brand span {
  margin-left: 30px;
}

/* line 12, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .approve-multiple-items {
  margin-top: 15px !important;
}

/* line 16, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .item-list {
  width: 100%;
}

/* line 19, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .item-list .check-box {
  min-width: 55px;
  max-width: 55px;
}

/* line 24, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .item-list .item-name {
  min-width: 385px;
  max-width: 385px;
}

/* line 29, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .item-list .item-code {
  min-width: 110px;
  max-width: 110px;
}

/* line 34, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .item-list .group {
  min-width: 147px;
  max-width: 147px;
}

/* line 39, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .item-list .brand {
  min-width: 135px;
  max-width: 135px;
}

/* line 44, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .item-list .uom, #new_content .item-list-form .item-list .nature {
  min-width: 100px;
  max-width: 100px;
  padding-bottom: 50px;
}

/* line 50, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .item-list .created-by {
  min-width: 150px;
  max-width: 150px;
  padding-bottom: 50px;
}

/* line 56, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .item-list .tentative-value {
  min-width: 100px;
  max-width: 100px;
  padding-bottom: 30px;
}

/* line 62, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .item-list .approx {
  min-width: 150px;
  max-width: 150px;
  padding-bottom: 30px;
}

/* line 68, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .item-list .category {
  min-width: 100px;
  max-width: 100px;
  padding-bottom: 50px;
}

/* line 74, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .item-list .actions {
  min-width: 135px;
  max-width: 135px;
}

/* line 79, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .item-list .inactive-item {
  opacity: 0.5;
}

/* line 84, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .export-button-delivery {
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #979797;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  text-transform: uppercase;
  padding: 3px 8px;
  height: 32px;
  text-decoration: none;
}

/* line 96, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .export-button-delivery:hover {
  background-color: #e7e5e5;
}

/* line 101, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .apply-search {
  height: 39px;
  width: 250px;
  border-top: solid 1px #979797;
}

/* line 107, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .apply {
  border-radius: 3px;
  border: solid 1px #17a2b8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  color: #138294;
  padding: 3px;
  display: inline-block;
  position: absolute;
  bottom: 6px;
  right: 15px;
  font-weight: 500;
}

/* line 123, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .apply:hover {
  background-color: #138294;
  color: #ffffff;
}

/* line 129, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .item-list-action-btns {
  margin-top: 30px;
}

/* line 133, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .item-list-bulk-action {
  width: 160px;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #17a2b8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: 0.7px;
  text-align: center;
  color: #138294;
  background-color: #ffffff;
  margin-right: 10px;
  cursor: pointer;
}

/* line 151, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .item-list-bulk-action:hover {
  background-color: #138294;
  color: #ffffff;
}

/* line 157, app/assets/stylesheets/new_styles/item_list.scss */
#new_content .item-list-form .brand-dropdown {
  width: 160px;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #17a2b8;
  margin-right: 10px;
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
}

/* line 168, app/assets/stylesheets/new_styles/item_list.scss */
.item-header {
  color: #000000;
  text-decoration: none;
}

/* line 172, app/assets/stylesheets/new_styles/item_list.scss */
.item-header:hover {
  color: #000000;
  text-decoration: none;
}

/* line 178, app/assets/stylesheets/new_styles/item_list.scss */
.item-new {
  float: right;
  line-height: 0.8;
}

/* line 182, app/assets/stylesheets/new_styles/item_list.scss */
.item-new .item-new-btn {
  padding: 5px 19px;
  border-radius: 3px;
  font-size: 15px;
  background-color: #17A2B8;
  color: #FFFFFF;
  cursor: pointer;
}

/* line 190, app/assets/stylesheets/new_styles/item_list.scss */
.item-new .item-new-btn:hover {
  text-decoration: none;
  background-color: #0e6471;
}

@media (max-width: 768px) {
  /* line 198, app/assets/stylesheets/new_styles/item_list.scss */
  .flash-wrapper {
    width: 90%;
  }
  /* line 202, app/assets/stylesheets/new_styles/item_list.scss */
  .alert {
    min-width: 100%;
  }
  /* line 206, app/assets/stylesheets/new_styles/item_list.scss */
  .header .item-list-title {
    font-size: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 212, app/assets/stylesheets/new_styles/item_list.scss */
  .item-new {
    margin-right: 0;
  }
  /* line 215, app/assets/stylesheets/new_styles/item_list.scss */
  .item-new .item-new-btn {
    font-size: 14px;
    padding: 2px 5px;
  }
  /* line 222, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .assign-item-brand {
    margin-top: 5px;
  }
  /* line 225, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .assign-item-brand span {
    margin-left: 0;
  }
  /* line 230, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .brand-dropdown {
    width: 100px;
    height: 24px;
  }
  /* line 235, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-list-bulk-action {
    width: 130px;
    height: auto;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  /* line 242, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-name-break {
    word-break: break-all;
  }
  /* line 246, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .header {
    margin-top: 25px;
  }
  /* line 249, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .header .float-left {
    padding-top: 20px;
  }
  /* line 254, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-header {
    font-size: 20px;
  }
  /* line 258, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .paginate {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  /* line 263, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .material-icons {
    font-size: 16px;
  }
  /* line 267, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-list-page {
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 272, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-list {
    table-layout: fixed;
    width: 100%;
  }
  /* line 276, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-list tbody tr {
    height: 30px;
  }
  /* line 280, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-list td {
    padding: 2px;
    font-size: 12px;
  }
  /* line 285, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-list th {
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #504d4d;
  }
  /* line 292, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-list .check-box {
    width: 6%;
    padding-bottom: 48px;
  }
  /* line 297, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-list .item-name {
    width: 30%;
  }
  /* line 301, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-list .group {
    width: 18%;
  }
  /* line 305, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-list .brand {
    width: 23%;
  }
  /* line 308, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-list .brand .fs-wrap {
    position: relative !important;
  }
  /* line 312, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-list .brand .fs-dropdown:last-of-type {
    right: 0 !important;
  }
  /* line 317, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-list .uom {
    width: 16%;
    word-break: break-word;
  }
  /* line 322, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-list .actions {
    width: 7%;
  }
  /* line 327, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-list .action .nav-link {
    width: 15px;
    -webkit-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
  }
  /* line 335, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-list .action .dropdown-menu {
    top: 0 !important;
    left: 0 !important;
  }
  /* line 340, app/assets/stylesheets/new_styles/item_list.scss */
  #new_content .item-list-form .item-list .action .dropdown-menu-right {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }
  /* line 351, app/assets/stylesheets/new_styles/item_list.scss */
  .drp-buttons {
    text-align: center !important;
  }
  /* line 354, app/assets/stylesheets/new_styles/item_list.scss */
  .drp-buttons .drp-selected {
    padding-right: 0 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
}
/* line 5, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .all-indent-form .header div {
  padding-top: 0;
}

/* line 9, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .all-indent-form .header .float-left {
  padding-top: 26px;
}

/* line 15, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .po-details-modal-table {
  width: 100%;
}

/* line 18, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .po-details-modal-table thead tr {
  height: 25px;
}

/* line 22, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .po-details-modal-table thead th {
  width: 14.28%;
  background-color: #ebebeb;
}

/* line 27, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .po-details-modal-table tbody tr:nth-of-type(even), #new_content .po-details-modal-table tbody tr:nth-of-type(odd) {
  height: 68px;
  background-color: #ffffff;
  border-bottom: solid 1px #e9e9e9;
}

/* line 33, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .po-details-modal-table tr td:first-child {
  width: 14.28%;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
}

/* line 40, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .po-details-modal-table .read-more-text {
  font-size: 72px;
}

/* line 44, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .po-details-modal-table th, #new_content .po-details-modal-table td {
  padding: 3px;
}

/* line 48, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .po-details-modal-table thead th:first-child {
  width: 14.28%;
  padding-bottom: 2px;
  padding-left: 20px;
}

/* line 54, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .po-details-modal-table thead th:last-child {
  width: auto;
  padding-bottom: 2px;
  padding-left: 0px;
}

/* line 62, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .all-indents td, #new_content .all-indents th {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

/* line 69, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .white-bg, #new_content .enquiries .white-bg, #new_content .purchase-orders .white-bg, #new_content .delivery .white-bg, #new_content .all-indents .white-bg {
  background-color: #ffffff;
}

/* line 73, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .grey-bg, #new_content .enquiries .grey-bg, #new_content .purchase-orders .grey-bg, #new_content .delivery .grey-bg, #new_content .all-indents .grey-bg {
  background-color: #f5f1f1;
}

/* line 77, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .indent-date-search, #new_content .enquiries .indent-date-search, #new_content .purchase-orders .indent-date-search, #new_content .delivery .indent-date-search, #new_content .all-indents .indent-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 89, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .check-box, #new_content .enquiries .check-box, #new_content .purchase-orders .check-box, #new_content .delivery .check-box, #new_content .all-indents .check-box {
  min-width: 50px;
  max-width: 50px;
}

/* line 94, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .check-box1, #new_content .enquiries .check-box1, #new_content .purchase-orders .check-box1, #new_content .delivery .check-box1, #new_content .all-indents .check-box1 {
  min-width: 30px;
  max-width: 30px;
  padding-bottom: 20px;
}

/* line 100, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .department, #new_content .enquiries .department, #new_content .purchase-orders .department, #new_content .delivery .department, #new_content .all-indents .department {
  min-width: 40px;
  max-width: 80px;
  padding-bottom: 50px;
}

/* line 106, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .rfq-desc, #new_content .enquiries .rfq-desc, #new_content .purchase-orders .rfq-desc, #new_content .delivery .rfq-desc, #new_content .all-indents .rfq-desc {
  font-size: 12px;
}

/* line 110, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .item-name, #new_content .enquiries .item-name, #new_content .purchase-orders .item-name, #new_content .delivery .item-name, #new_content .all-indents .item-name {
  min-width: 180px;
  max-width: 180px;
}

/* line 115, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .item-code, #new_content .enquiries .item-code, #new_content .purchase-orders .item-code, #new_content .delivery .item-code, #new_content .all-indents .item-code {
  min-width: 80px;
  max-width: 120px;
}

/* line 120, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .groups, #new_content .enquiries .groups, #new_content .purchase-orders .groups, #new_content .delivery .groups, #new_content .all-indents .groups {
  min-width: 100px;
  max-width: 100px;
}

/* line 125, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .company, #new_content .enquiries .company, #new_content .purchase-orders .company, #new_content .delivery .company, #new_content .all-indents .company {
  min-width: 110px;
  max-width: 110px;
}

/* line 130, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .vendor, #new_content .enquiries .vendor, #new_content .purchase-orders .vendor, #new_content .delivery .vendor, #new_content .all-indents .vendor {
  min-width: 140px;
  max-width: 140px;
}

/* line 135, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .qty-pending, #new_content .enquiries .qty-pending, #new_content .purchase-orders .qty-pending, #new_content .delivery .qty-pending, #new_content .all-indents .qty-pending {
  min-width: 100px;
  max-width: 100px;
  padding-bottom: 50px;
}

/* line 141, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .indent-no, #new_content .pending-indents .rfq-no, #new_content .pending-indents .po-no, #new_content .enquiries .indent-no, #new_content .enquiries .rfq-no, #new_content .enquiries .po-no, #new_content .purchase-orders .indent-no, #new_content .purchase-orders .rfq-no, #new_content .purchase-orders .po-no, #new_content .delivery .indent-no, #new_content .delivery .rfq-no, #new_content .delivery .po-no, #new_content .all-indents .indent-no, #new_content .all-indents .rfq-no, #new_content .all-indents .po-no {
  min-width: 90px;
  max-width: 90px;
}

/* line 146, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .prev-po, #new_content .enquiries .prev-po, #new_content .purchase-orders .prev-po, #new_content .delivery .prev-po, #new_content .all-indents .prev-po {
  min-width: 80px;
  max-width: 80px;
  padding-bottom: 50px;
}

/* line 151, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .prev-qc, #new_content .enquiries .prev-qc, #new_content .purchase-orders .prev-qc, #new_content .delivery .prev-qc, #new_content .all-indents .prev-qc {
  min-width: 80px;
  max-width: 80px;
  padding-bottom: 30px;
}

/* line 157, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .prev-po-vendor, #new_content .enquiries .prev-po-vendor, #new_content .purchase-orders .prev-po-vendor, #new_content .delivery .prev-po-vendor, #new_content .all-indents .prev-po-vendor {
  min-width: 140px;
  max-width: 140px;
}

/* line 162, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .state-date, #new_content .pending-indents .state-person, #new_content .pending-indents .vendor-count, #new_content .pending-indents .appr-date, #new_content .enquiries .state-date, #new_content .enquiries .state-person, #new_content .enquiries .vendor-count, #new_content .enquiries .appr-date, #new_content .purchase-orders .state-date, #new_content .purchase-orders .state-person, #new_content .purchase-orders .vendor-count, #new_content .purchase-orders .appr-date, #new_content .delivery .state-date, #new_content .delivery .state-person, #new_content .delivery .vendor-count, #new_content .delivery .appr-date, #new_content .all-indents .state-date, #new_content .all-indents .state-person, #new_content .all-indents .vendor-count, #new_content .all-indents .appr-date {
  padding-bottom: 50px;
}

/* line 166, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .pending-days, #new_content .enquiries .pending-days, #new_content .purchase-orders .pending-days, #new_content .delivery .pending-days, #new_content .all-indents .pending-days {
  padding-bottom: 40px;
}

/* line 170, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .state, #new_content .enquiries .state, #new_content .purchase-orders .state, #new_content .delivery .state, #new_content .all-indents .state {
  min-width: 100px;
  max-width: 100px;
}

/* line 175, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .brands, #new_content .enquiries .brands, #new_content .purchase-orders .brands, #new_content .delivery .brands, #new_content .all-indents .brands {
  min-width: 60px;
  max-width: 110px;
}

/* line 180, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .costcentre, #new_content .enquiries .costcentre, #new_content .purchase-orders .costcentre, #new_content .delivery .costcentre, #new_content .all-indents .costcentre {
  min-width: 110px;
  max-width: 110px;
}

/* line 185, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .actions, #new_content .enquiries .actions, #new_content .purchase-orders .actions, #new_content .delivery .actions, #new_content .all-indents .actions {
  min-width: 80px;
  max-width: 80px;
}

/* line 190, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .qty, #new_content .enquiries .qty, #new_content .purchase-orders .qty, #new_content .delivery .qty, #new_content .all-indents .qty {
  min-width: 75px;
  max-width: 75px;
  padding-bottom: 50px;
}

/* line 196, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .notes, #new_content .enquiries .notes, #new_content .purchase-orders .notes, #new_content .delivery .notes, #new_content .all-indents .notes {
  min-width: 60px;
  max-width: 60px;
  padding-bottom: 50px;
}

/* line 202, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .attachments, #new_content .enquiries .attachments, #new_content .purchase-orders .attachments, #new_content .delivery .attachments, #new_content .all-indents .attachments {
  min-width: 100px;
  max-width: 100px;
  padding-bottom: 50px;
}

/* line 208, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .crescent-reqdate, #new_content .enquiries .crescent-reqdate, #new_content .purchase-orders .crescent-reqdate, #new_content .delivery .crescent-reqdate, #new_content .all-indents .crescent-reqdate {
  min-width: 80px;
  max-width: 80px;
  padding-bottom: 50px;
}

/* line 214, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .indent-details, #new_content .enquiries .indent-details, #new_content .purchase-orders .indent-details, #new_content .delivery .indent-details, #new_content .all-indents .indent-details {
  min-width: 85px;
  max-width: 85px;
  padding-bottom: 50px;
}

/* line 220, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .indent-type, #new_content .enquiries .indent-type, #new_content .purchase-orders .indent-type, #new_content .delivery .indent-type, #new_content .all-indents .indent-type {
  min-width: 65px;
  max-width: 65px;
  padding-bottom: 50px;
}

/* line 226, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .reqd-date, #new_content .pending-indents .po-date, #new_content .enquiries .reqd-date, #new_content .enquiries .po-date, #new_content .purchase-orders .reqd-date, #new_content .purchase-orders .po-date, #new_content .delivery .reqd-date, #new_content .delivery .po-date, #new_content .all-indents .reqd-date, #new_content .all-indents .po-date {
  min-width: 100px;
  max-width: 100px;
}

/* line 231, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .del-date, #new_content .enquiries .del-date, #new_content .purchase-orders .del-date, #new_content .delivery .del-date, #new_content .all-indents .del-date {
  min-width: 100px;
  max-width: 100px;
  padding-bottom: 50px;
}

/* line 237, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .req-date, #new_content .enquiries .req-date, #new_content .purchase-orders .req-date, #new_content .delivery .req-date, #new_content .all-indents .req-date {
  min-width: 100px;
  max-width: 100px;
}

/* line 242, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .indent-date, #new_content .enquiries .indent-date, #new_content .purchase-orders .indent-date, #new_content .delivery .indent-date, #new_content .all-indents .indent-date {
  min-width: 100px;
  max-width: 100px;
}

/* line 247, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .req-by, #new_content .pending-indents .rfq-by, #new_content .enquiries .req-by, #new_content .enquiries .rfq-by, #new_content .purchase-orders .req-by, #new_content .purchase-orders .rfq-by, #new_content .delivery .req-by, #new_content .delivery .rfq-by, #new_content .all-indents .req-by, #new_content .all-indents .rfq-by {
  min-width: 70px;
  max-width: 120px;
}

/* line 252, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .status, #new_content .enquiries .status, #new_content .purchase-orders .status, #new_content .delivery .status, #new_content .all-indents .status {
  min-width: 90px;
  max-width: 90px;
}

/* line 257, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .vendors, #new_content .enquiries .vendors, #new_content .purchase-orders .vendors, #new_content .delivery .vendors, #new_content .all-indents .vendors {
  min-width: 200px;
  max-width: 200px;
  padding-bottom: 50px;
}

/* line 263, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .quotations-recd, #new_content .enquiries .quotations-recd, #new_content .purchase-orders .quotations-recd, #new_content .delivery .quotations-recd, #new_content .all-indents .quotations-recd {
  padding-bottom: 50px;
  min-width: 100px;
  max-width: 100px;
}

/* line 271, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents thead th, #new_content .enquiries thead th, #new_content .purchase-orders thead th, .delivery thead th, #new_content .all-indents thead th {
  font-size: 12px;
  line-height: 12px;
}

/* line 275, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents thead th input, #new_content .enquiries thead th input, #new_content .purchase-orders thead th input, .delivery thead th input, #new_content .all-indents thead th input {
  margin-bottom: 8px;
  margin-top: 6px;
}

/* line 280, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents thead th .item-search, #new_content .enquiries thead th .item-search, #new_content .purchase-orders thead th .item-search, .delivery thead th .item-search, #new_content .all-indents thead th .item-search {
  width: 135px;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
}

/* line 288, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents thead th .indent-no-search, #new_content .enquiries thead th .indent-no-search, #new_content .purchase-orders thead th .indent-no-search, .delivery thead th .indent-no-search, #new_content .all-indents thead th .indent-no-search {
  width: 90px;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
}

/* line 296, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents thead th .qty-search, #new_content .enquiries thead th .qty-search, #new_content .purchase-orders thead th .qty-search, .delivery thead th .qty-search, #new_content .all-indents thead th .qty-search {
  width: 75px;
  height: 36px;
  opacity: 0.3;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #dddddd;
}

/* line 305, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents thead th .groups-search, #new_content .enquiries thead th .groups-search, #new_content .purchase-orders thead th .groups-search, .delivery thead th .groups-search, #new_content .all-indents thead th .groups-search {
  width: 147px;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
}

/* line 313, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents thead th .brands-search, #new_content .enquiries thead th .brands-search, #new_content .purchase-orders thead th .brands-search, .delivery thead th .brands-search, #new_content .all-indents thead th .brands-search {
  width: 157px;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
}

/* line 321, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents thead th .reqd-date-search, #new_content .pending-indents thead th .po-date-search, #new_content .enquiries thead th .reqd-date-search, #new_content .enquiries thead th .po-date-search, #new_content .purchase-orders thead th .reqd-date-search, #new_content .purchase-orders thead th .po-date-search, .delivery thead th .reqd-date-search, .delivery thead th .po-date-search, #new_content .all-indents thead th .reqd-date-search, #new_content .all-indents thead th .po-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
}

/* line 330, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents thead th .company-search, #new_content .enquiries thead th .company-search, #new_content .purchase-orders thead th .company-search, .delivery thead th .company-search, #new_content .all-indents thead th .company-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  margin-bottom: 8px;
  color: #868e96;
  font-size: 12px;
  font-weight: 600;
  margin-top: 6px;
}

/* line 343, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents thead th .status-search, #new_content .enquiries thead th .status-search, #new_content .purchase-orders thead th .status-search, .delivery thead th .status-search, #new_content .all-indents thead th .status-search {
  width: 100% !important;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  margin-bottom: 8px;
  color: #868e96;
  font-size: 12px;
  font-weight: 600;
  margin-top: 6px;
}

/* line 356, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents thead th .req-by-search, #new_content .enquiries thead th .req-by-search, #new_content .purchase-orders thead th .req-by-search, .delivery thead th .req-by-search, #new_content .all-indents thead th .req-by-search {
  width: 109px;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
}

/* line 364, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents thead th .req-date-search, #new_content .pending-indents thead th .exp-date-search, #new_content .pending-indents thead th .rfq-date-search, #new_content .enquiries thead th .req-date-search, #new_content .enquiries thead th .exp-date-search, #new_content .enquiries thead th .rfq-date-search, #new_content .purchase-orders thead th .req-date-search, #new_content .purchase-orders thead th .exp-date-search, #new_content .purchase-orders thead th .rfq-date-search, .delivery thead th .req-date-search, .delivery thead th .exp-date-search, .delivery thead th .rfq-date-search, #new_content .all-indents thead th .req-date-search, #new_content .all-indents thead th .exp-date-search, #new_content .all-indents thead th .rfq-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
}

/* line 373, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents thead th .notes-search, #new_content .enquiries thead th .notes-search, #new_content .purchase-orders thead th .notes-search, .delivery thead th .notes-search, #new_content .all-indents thead th .notes-search {
  width: 43px;
  height: 36px;
  opacity: 0.3;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #dddddd;
}

/* line 384, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .date-over, #new_content .enquiries .date-over, #new_content .purchase-orders .date-over, .delivery .date-over, #new_content .all-indents .date-over {
  color: #dc3545;
}

/* line 390, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents input, #new_content .all-indents input {
  padding: 10px;
}

/* line 395, app/assets/stylesheets/new_styles/pending_indents.scss */
#indents-notes-modal .modal-header {
  border-bottom: solid 1px #979797;
}

/* line 399, app/assets/stylesheets/new_styles/pending_indents.scss */
#indents-notes-modal .modal-body {
  padding-top: 10px;
  min-height: 100px;
}

/* line 404, app/assets/stylesheets/new_styles/pending_indents.scss */
.indent-notes {
  cursor: pointer;
  width: 24px;
  height: 19px;
  color: #138294;
}

/* line 411, app/assets/stylesheets/new_styles/pending_indents.scss */
.price-notes {
  cursor: pointer;
  width: 24px;
  height: 19px;
  color: #133594;
}

/* line 418, app/assets/stylesheets/new_styles/pending_indents.scss */
.amend-notes {
  cursor: pointer;
  width: 24px;
  height: 19px;
  color: #d9822b;
}

/* line 425, app/assets/stylesheets/new_styles/pending_indents.scss */
.urgent-indent {
  border-radius: 12px;
  border: solid 1px #dc3545;
  padding: 1px 8px;
  font-size: 10px;
  letter-spacing: 0.5px;
  color: #dc3545;
  display: inline-block;
  margin-bottom: 2px;
}

/* line 436, app/assets/stylesheets/new_styles/pending_indents.scss */
.vendor-created {
  border-radius: 12px;
  border: solid 1px #000000;
  padding: 1px 8px;
  font-size: 10px;
  letter-spacing: 0.5px;
  color: #000000;
  display: inline-block;
  margin-bottom: 2px;
}

/* line 447, app/assets/stylesheets/new_styles/pending_indents.scss */
.indent-attachments a {
  padding: 0;
}

/* line 450, app/assets/stylesheets/new_styles/pending_indents.scss */
.indent-attachments a:hover {
  text-decoration: none;
}

/* line 454, app/assets/stylesheets/new_styles/pending_indents.scss */
.indent-attachments a a {
  display: inline-block;
  line-height: 0;
}

/* line 459, app/assets/stylesheets/new_styles/pending_indents.scss */
.indent-attachments a i {
  color: #2eabbf;
}

/* line 464, app/assets/stylesheets/new_styles/pending_indents.scss */
.clarify-indent {
  border-radius: 12px;
  border: solid 1px #6464f3;
  padding: 1px 8px;
  font-size: 10px;
  letter-spacing: 0.5px;
  color: #35588c;
  display: inline-block;
  margin-bottom: 2px;
}

/* line 475, app/assets/stylesheets/new_styles/pending_indents.scss */
.clarify-indent-vendor {
  border-radius: 12px;
  border: solid 1px #214a4e;
  padding: 1px 8px;
  font-size: 10px;
  letter-spacing: 0.5px;
  color: #1f4c39;
  display: inline-block;
  margin-bottom: 2px;
}

/* line 486, app/assets/stylesheets/new_styles/pending_indents.scss */
.po-made {
  border-radius: 12px;
  border: solid 1px #28a745;
  padding: 1px 8px;
  font-size: 10px;
  letter-spacing: 0.5px;
  color: #28a745;
  display: inline-block;
  margin-bottom: 2px;
}

/* line 497, app/assets/stylesheets/new_styles/pending_indents.scss */
.rfq-done {
  border-radius: 12px;
  border: solid 1px #c19716;
  padding: 1px 8px;
  font-size: 10px;
  letter-spacing: 0.5px;
  color: #a58013;
  display: inline-block;
  margin-bottom: 2px;
}

/* line 508, app/assets/stylesheets/new_styles/pending_indents.scss */
.po-status {
  border-radius: 12px;
  border: solid 1px #28a745;
  padding: 1px 8px;
  font-size: 10px;
  letter-spacing: 0.5px;
  color: #28a745;
  display: inline-block;
  margin-bottom: 2px;
  text-transform: uppercase;
}

/* line 520, app/assets/stylesheets/new_styles/pending_indents.scss */
.indent-border {
  border-bottom: solid 2px #17a2b8;
}

/* line 524, app/assets/stylesheets/new_styles/pending_indents.scss */
.selected-row {
  background-color: #e2f2f5 !important;
}

/* line 528, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .pending-indents .action .dropdown-menu, #new_content .enquiries .action .dropdown-menu, #new_content .all-indents .action .dropdown-menu {
  top: -8px !important;
  left: -58px !important;
  padding: 0px;
  min-width: 126px;
  min-height: 68px;
}

/* line 536, app/assets/stylesheets/new_styles/pending_indents.scss */
.pending-indents-filter-btns {
  margin-top: 21px;
}

/* line 540, app/assets/stylesheets/new_styles/pending_indents.scss */
.pending-indent-remove-filter {
  width: 180px;
  border-radius: 4px;
  border: solid 1px #17a2b8;
  background-color: #138294;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.7px;
  text-align: center;
  color: #ffffff;
  padding: 7px 20px;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
}

/* line 556, app/assets/stylesheets/new_styles/pending_indents.scss */
.pending-indent-remove-filter:hover {
  background-color: #ffffff;
  color: #138294;
  text-decoration: none;
}

/* line 563, app/assets/stylesheets/new_styles/pending_indents.scss */
.create-new-indent {
  border-radius: 4px;
  border: solid 1px #17a2b8;
  background-color: #138294;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  padding: 7px 20px;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
}

/* line 576, app/assets/stylesheets/new_styles/pending_indents.scss */
.create-new-indent:hover {
  color: #ffffff;
  text-decoration: none;
}

/* line 582, app/assets/stylesheets/new_styles/pending_indents.scss */
.new-indent {
  margin-top: 15px;
  margin-left: auto;
}

/* line 587, app/assets/stylesheets/new_styles/pending_indents.scss */
.inactive-filters {
  width: 210px;
  border-radius: 4px;
  border: solid 1px #17a2b8;
  background-color: #ffffff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.7px;
  text-align: center;
  color: #138294;
  padding: 7px 20px;
  display: inline-block;
  margin-right: 10px;
}

/* line 603, app/assets/stylesheets/new_styles/pending_indents.scss */
.pending-indents-bulk-action, .pending-indents-bulk-actions {
  width: 160px;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #17a2b8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: 0.7px;
  text-align: center;
  color: #138294;
  background-color: #ffffff;
  margin-right: 10px;
  cursor: pointer;
}

/* line 621, app/assets/stylesheets/new_styles/pending_indents.scss */
.pending-indents-bulk-action:hover, .pending-indents-bulk-actions:hover {
  background-color: #138294;
  color: #ffffff;
}

/* line 627, app/assets/stylesheets/new_styles/pending_indents.scss */
.apply-search {
  height: 39px;
  width: 250px;
  border-top: solid 1px #979797;
}

/* line 633, app/assets/stylesheets/new_styles/pending_indents.scss */
.apply {
  border-radius: 3px;
  border: solid 1px #17a2b8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  color: #138294;
  padding: 3px;
  display: inline-block;
  position: absolute;
  bottom: 6px;
  right: 15px;
  font-weight: 500;
}

/* line 649, app/assets/stylesheets/new_styles/pending_indents.scss */
.apply:hover {
  background-color: #138294;
  color: #ffffff;
}

/* line 655, app/assets/stylesheets/new_styles/pending_indents.scss */
.clear-options {
  border-radius: 3px;
  border: solid 1px #868686;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  color: #138294;
  padding: 3px;
  display: inline-block;
  position: absolute;
  bottom: 6px;
  left: 15px;
  font-weight: 500;
}

/* line 671, app/assets/stylesheets/new_styles/pending_indents.scss */
.clear-options:hover {
  background-color: #e3e3e3;
  color: #000;
}

/* line 677, app/assets/stylesheets/new_styles/pending_indents.scss */
.download-pending-indents {
  border: none;
}

/* line 681, app/assets/stylesheets/new_styles/pending_indents.scss */
.indent-stock {
  font-size: 10px;
}

/* line 685, app/assets/stylesheets/new_styles/pending_indents.scss */
.pending-indents-count {
  color: #ffffff;
  background-color: #138294;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 14px;
  display: inline-block;
  margin-left: 10px;
}

/* line 695, app/assets/stylesheets/new_styles/pending_indents.scss */
a.pending-indent-count {
  display: inline-block;
  color: #138294;
  text-decoration: none;
}

/* line 721, app/assets/stylesheets/new_styles/pending_indents.scss */
button.pilot-invite-link {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  padding: 7px 0;
  font-family: inherit;
  font-size: 12.5px;
  color: #0d7c8f;
  cursor: pointer;
  text-decoration: underline;
  white-space: nowrap;
}

/* line 734, app/assets/stylesheets/new_styles/pending_indents.scss */
button.pilot-invite-link:hover, button.pilot-invite-link:focus {
  color: #15181d;
  text-decoration: underline;
  outline: none;
}

/* line 745, app/assets/stylesheets/new_styles/pending_indents.scss */
.pilot-invite-form {
  display: flex;
  align-items: flex-end;
  margin: 0;
}

/* line 758, app/assets/stylesheets/new_styles/pending_indents.scss */
.pilot-invite-row {
  margin-left: auto;
  display: flex;
  align-items: flex-end;
  padding: 20px 20px 20px 0;
}

/* line 765, app/assets/stylesheets/new_styles/pending_indents.scss */
.pilot-invite-row + .new-indent {
  margin-left: 0;
}

/* line 771, app/assets/stylesheets/new_styles/pending_indents.scss */
button.pilot-invite-bare {
  margin: 0 0 12px 0;
}

/* line 775, app/assets/stylesheets/new_styles/pending_indents.scss */
.sub-tabs {
  display: flex;
  justify-content: center;
}

/* line 778, app/assets/stylesheets/new_styles/pending_indents.scss */
.sub-tabs .pending-indents-count {
  color: #ffffff;
  background-color: #868e96;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 14px;
  display: inline-block;
  margin-left: 10px;
}

/* line 788, app/assets/stylesheets/new_styles/pending_indents.scss */
.sub-tabs a.pending-indent-count {
  display: inline-block;
  color: #404244;
  text-decoration: none;
}

/* line 795, app/assets/stylesheets/new_styles/pending_indents.scss */
.disabled {
  cursor: not-allowed;
}

/* line 800, app/assets/stylesheets/new_styles/pending_indents.scss */
#clarification_modal .modal-header {
  border-bottom: solid 1px #979797;
  padding: 15px;
}

/* line 805, app/assets/stylesheets/new_styles/pending_indents.scss */
#clarification_modal .clarify-query {
  width: 498px;
  height: 75px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 9px 14px;
  margin-top: 10px;
}

/* line 815, app/assets/stylesheets/new_styles/pending_indents.scss */
#clarification_modal .person-details {
  color: #848484;
  font-size: 12px;
  padding-top: 7px;
  margin-right: 10px;
}

/* line 822, app/assets/stylesheets/new_styles/pending_indents.scss */
#clarification_modal .spec-details {
  font-size: 16px;
  border-bottom: solid 1px #dddddd;
  padding-bottom: 10px;
  padding-left: 7px;
  padding-right: 7px;
  clear: both;
  color: #464646;
}

/* line 832, app/assets/stylesheets/new_styles/pending_indents.scss */
#clarification_modal .enquiry-spec-details {
  font-size: 18px;
  border-bottom: solid 1px #dddddd;
  padding: 7px 8px;
  clear: both;
  color: #464646;
}

/* line 840, app/assets/stylesheets/new_styles/pending_indents.scss */
#clarification_modal .indent-spec-content {
  max-height: 400px;
  overflow-y: auto;
}

/* line 844, app/assets/stylesheets/new_styles/pending_indents.scss */
#clarification_modal .indent-spec-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

/* line 849, app/assets/stylesheets/new_styles/pending_indents.scss */
#clarification_modal .indent-spec-content::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

/* line 854, app/assets/stylesheets/new_styles/pending_indents.scss */
#clarification_modal .indent-spec-content::-webkit-scrollbar-thumb {
  background-color: #868e96;
  border-radius: 3px;
}

/* line 861, app/assets/stylesheets/new_styles/pending_indents.scss */
.pending-indents-header {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

/* line 865, app/assets/stylesheets/new_styles/pending_indents.scss */
.pending-indents-navbar {
  padding: 20px 0 0 20px;
  font-size: 18px;
  width: 250px;
}

/* line 871, app/assets/stylesheets/new_styles/pending_indents.scss */
.pending-indent-navbar-content {
  border-bottom: 2px solid #138294;
  padding-bottom: 20px;
  display: flex;
  justify-content: center;
}

/* line 878, app/assets/stylesheets/new_styles/pending_indents.scss */
.vendor-names {
  cursor: pointer;
}

/* line 883, app/assets/stylesheets/new_styles/pending_indents.scss */
#po_details_modal .modal-dialog {
  right: 0;
  height: calc(100vh - 60px);
  top: 60px;
  position: fixed;
  margin: auto;
  max-width: 850px;
  min-width: 850px;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

/* line 898, app/assets/stylesheets/new_styles/pending_indents.scss */
#po_details_modal .modal-content {
  min-width: unset;
  border-radius: 0;
  height: 100%;
}

/* line 905, app/assets/stylesheets/new_styles/pending_indents.scss */
.po-link a {
  color: #17a2b8;
}

/* line 909, app/assets/stylesheets/new_styles/pending_indents.scss */
.view-columns {
  vertical-align: middle;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 23px;
  color: #326182;
  border-radius: 3px;
  border: solid 1px #868e96;
}

/* line 922, app/assets/stylesheets/new_styles/pending_indents.scss */
.view-rows {
  vertical-align: middle;
  font-size: 20px;
  color: #326182;
  border-radius: 3px;
  padding: 5px;
  border: solid 1px #868e96;
}

/* line 931, app/assets/stylesheets/new_styles/pending_indents.scss */
.export-button-delivery {
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #979797;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  text-transform: uppercase;
  padding: 3px 8px;
}

/* line 941, app/assets/stylesheets/new_styles/pending_indents.scss */
.export-button-delivery:hover {
  background-color: #e7e5e5;
}

/* line 946, app/assets/stylesheets/new_styles/pending_indents.scss */
.short-close-button {
  padding: 7px 20px;
}

/* line 949, app/assets/stylesheets/new_styles/pending_indents.scss */
.short-close-button:hover {
  text-decoration: none;
}

/* line 954, app/assets/stylesheets/new_styles/pending_indents.scss */
.short-close-now {
  border: none;
}

/* line 958, app/assets/stylesheets/new_styles/pending_indents.scss */
#grn_entry_modal .modal-content, #grn_entry_modal .modal-dialog-centered {
  min-width: 800px;
}

/* line 962, app/assets/stylesheets/new_styles/pending_indents.scss */
#grn_entry_modal .modal-header {
  border-bottom: 1px solid #868686;
  height: 66px;
  padding: 21px;
}

/* line 968, app/assets/stylesheets/new_styles/pending_indents.scss */
#grn_entry_modal .modal-footer {
  justify-content: center;
}

/* line 972, app/assets/stylesheets/new_styles/pending_indents.scss */
#grn_entry_modal .row {
  margin-top: 15px;
}

/* line 976, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .new-grn-entry-table {
  width: 740px;
  border-bottom: 1px solid #868686;
}

/* line 980, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .new-grn-entry-table tbody tr:nth-of-type(even) {
  background-color: #ffffff;
}

/* line 984, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .new-grn-entry-table tbody td {
  padding-bottom: 0px;
}

/* line 988, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .new-grn-entry-table thead tr {
  height: auto;
  background-color: #ffffff;
}

/* line 993, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .new-grn-entry-table .item-name, #new_content .new-grn-entry-table .challan-qty, #new_content .new-grn-entry-table .accepted-qty {
  min-width: 225px;
  max-width: 225px;
}

/* line 998, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .new-grn-entry-table .uom {
  min-width: 65px;
  max-width: 65px;
}

/* line 1003, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .new-grn-entry-table .tolerance-check-row {
  height: 15px;
}

/* line 1006, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .new-grn-entry-table .tolerance-check-row td {
  border-top: 0px;
}

/* line 1011, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .new-grn-entry-table .tolerance-error {
  font-size: 12px;
  color: red;
  padding-top: 0;
  line-height: 0;
  padding-bottom: 5px;
  letter-spacing: 1px;
  padding-left: 0;
}

/* line 1022, app/assets/stylesheets/new_styles/pending_indents.scss */
.create-grn-new {
  border: none;
}

/* line 1026, app/assets/stylesheets/new_styles/pending_indents.scss */
.create-grn-label {
  font-size: 14px;
}

/* line 1030, app/assets/stylesheets/new_styles/pending_indents.scss */
.remarks-char-rem {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #868e96;
  position: absolute;
  height: 15px;
}

/* line 1040, app/assets/stylesheets/new_styles/pending_indents.scss */
.po-vendor-list {
  margin-top: 70px;
}

@media (max-width: 768px) {
  /* line 1046, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .pending-indents-action-btns, #new_content .all-indent-form .pending-indents-filter-action-btns {
    display: block;
    margin-top: 2px;
    margin-bottom: 5px;
  }
  /* line 1052, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .pending-indents-bulk-action, #new_content .all-indent-form .pending-indents-bulk-actions {
    width: auto;
    height: auto;
    margin-right: 0;
    letter-spacing: 0;
    font-size: 12px;
  }
  /* line 1060, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .short-close-button {
    padding: 2px 5px;
  }
  /* line 1064, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .item-header {
    font-size: 20px;
  }
  /* line 1069, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .header .float-left {
    padding-top: 18px;
  }
  /* line 1074, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .paginate {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  /* line 1079, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .material-icons {
    font-size: 16px;
  }
  /* line 1083, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents-page {
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 1088, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents {
    table-layout: fixed;
    width: 100%;
  }
  /* line 1092, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents tbody tr {
    height: 30px;
  }
  /* line 1096, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents td {
    padding: 1px;
    font-size: 12px;
    word-break: break-all;
  }
  /* line 1102, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents th {
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #504d4d;
    word-break: break-all;
  }
  /* line 1110, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents .indent-approval-table {
    overflow-x: auto;
  }
  /* line 1114, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents .check-box1 {
    width: 15%;
    padding-bottom: 50px;
  }
  /* line 1119, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents .company {
    width: 35%;
  }
  /* line 1123, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents .item-name {
    width: 46%;
  }
  /* line 1127, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents .indent-no {
    width: 35%;
  }
  /* line 1131, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents .indent-type {
    width: 40%;
  }
  /* line 1135, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents .qty {
    width: 30%;
    padding-bottom: 50px;
  }
  /* line 1140, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents .indent-date {
    width: 31%;
  }
  /* line 1144, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents .state {
    width: 12%;
  }
  /* line 1148, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents .vendor-count {
    width: 8%;
    padding-bottom: 50px;
  }
  /* line 1153, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents .actions {
    width: 5%;
  }
  /* line 1158, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents .action .nav-link {
    width: 15px;
    -webkit-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
  }
  /* line 1166, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents .action .dropdown-menu {
    top: 0 !important;
    left: 0 !important;
  }
  /* line 1171, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents .action .dropdown-menu-right {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }
  /* line 1180, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents .indent-date-search, #new_content .all-indent-form .all-indents .status-search {
    height: 35px;
  }
  /* line 1184, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .all-indents .indent-slip-link {
    color: #17a2b8;
  }
  /* line 1189, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .drp-buttons {
    text-align: center !important;
  }
  /* line 1192, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .drp-buttons .drp-selected {
    padding-right: 0 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  /* line 1200, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .daterangepicker.opensright:before {
    left: 80px !important;
  }
  /* line 1204, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .all-indent-form .daterangepicker.opensright:after {
    left: 80px !important;
  }
  /* line 1210, app/assets/stylesheets/new_styles/pending_indents.scss */
  #clarification_modal .clarify-query {
    width: 100%;
  }
  /* line 1214, app/assets/stylesheets/new_styles/pending_indents.scss */
  #clarification_modal .modal-title {
    font-size: 16px !important;
  }
}

/* line 1224, app/assets/stylesheets/new_styles/pending_indents.scss */
.multi-quoted-clear {
  cursor: pointer;
}

/* line 1248, app/assets/stylesheets/new_styles/pending_indents.scss */
.all-indents-content .multi-quoted-filter {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0 0 4px 10px;
  font-size: 13px;
  color: #5b626d;
  cursor: pointer;
}

/* line 1257, app/assets/stylesheets/new_styles/pending_indents.scss */
.all-indents-content .multi-quoted-filter input {
  margin: 0;
  cursor: pointer;
}

/* line 1269, app/assets/stylesheets/new_styles/pending_indents.scss */
.all-indents-content .multi-quoted-filter.is-disabled {
  color: #949aa4;
  cursor: not-allowed;
}

/* line 1270, app/assets/stylesheets/new_styles/pending_indents.scss */
.all-indents-content .multi-quoted-filter.is-disabled input {
  cursor: not-allowed;
}

/* line 1292, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .item-header {
  font-size: 27px;
  color: var(--text);
}

/* line 1293, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .indents-count {
  margin-left: 10px;
  font-size: 15px;
  font-weight: 500;
  color: var(--text);
}

/* line 1299, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .paginate {
  color: var(--text-muted);
}

/* line 1300, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .paginate .date-range {
  font-size: 13px;
}

/* line 1304, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .all-indents-page .paginate {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 30px;
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 13px;
  padding: 8px 0;
}

/* line 1314, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .all-indents-page .range-filter {
  margin-bottom: 4px;
}

/* line 1317, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .all-indents a {
  color: var(--accent-ink);
}

/* line 1318, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .all-indents .date-over {
  color: var(--act);
  font-weight: 600;
}

/* line 1327, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .all-indents td .stage-pill {
  font-weight: 600;
}

/* line 1328, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .all-indents td .stage-pill--stage {
  display: inline-block;
  font-size: 11px;
  padding: 1px 7px;
  border-radius: 4px;
  background: var(--waiting-wash);
  color: var(--text-muted);
  border: 1px solid var(--border);
}

/* line 1338, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .all-indents td .stage-pill--stage:hover {
  color: var(--text-muted);
}

/* line 1339, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .all-indents td .stage-pill--ready, #new_content .ip-ux .all-indents td .stage-pill--ready:hover {
  color: var(--ready);
}

/* line 1340, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .all-indents td .stage-pill--ontrack, #new_content .ip-ux .all-indents td .stage-pill--ontrack:hover {
  color: var(--ontrack);
}

/* line 1350, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-tabs {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  vertical-align: middle;
  padding: 8px 0;
}

/* line 1357, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-tab {
  font-size: 12.5px;
  font-weight: 600;
  padding: 7px 13px;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;
  color: var(--accent-ink);
  background: #fff;
  border: 1px solid #cdebf1;
}

/* line 1368, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-tab:hover {
  background: var(--accent-wash);
}

/* line 1369, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-tab.is-active {
  color: #fff;
  background: var(--accent-ink);
  border-color: var(--accent-ink);
}

/* line 1374, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-tab.is-active:hover {
  background: #0a6878;
}

/* line 1375, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-tab__count {
  font-weight: 400;
}

/* line 1404, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-tab--terminal {
  margin-left: 4px;
  color: var(--text-muted);
  background: var(--waiting-wash);
  border-color: var(--border-strong);
}

/* line 1410, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-tab--terminal:hover {
  background: var(--waiting-wash);
  border-color: var(--waiting);
  color: var(--text);
}

/* line 1424, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-tab--terminal.is-active {
  color: #fff;
  background: var(--text-muted);
  border-color: var(--text-muted);
}

/* line 1429, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-tab--terminal.is-active:hover {
  background: var(--text-muted);
  border-color: var(--text-muted);
  color: #fff;
}

/* line 1430, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-chips {
  margin-left: 6px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* line 1436, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-chip {
  font-size: 11px;
  font-weight: 600;
  padding: 1px 7px;
  border-radius: 4px;
  white-space: nowrap;
  cursor: pointer;
}

/* line 1444, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-chip--overdue {
  background: var(--surface);
  color: var(--chase);
  border: 1px solid var(--chase);
}

/* line 1445, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-chip--overdue.is-active {
  background: var(--chase);
  color: #fff;
}

/* line 1446, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-chip--urgent {
  background: var(--act-wash);
  color: var(--act);
  border: 1px solid var(--act);
}

/* line 1447, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-chip--urgent.is-active {
  background: var(--act);
  color: #fff;
}

/* line 1448, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-chip--clarify {
  background: var(--accent-wash);
  color: var(--accent-ink);
  border: 1px solid var(--accent-ink);
}

/* line 1449, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-chip--clarify.is-active {
  background: var(--accent-ink);
  color: #fff;
}

/* line 1459, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-chip-wrap {
  display: flex;
}

/* line 1486, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux.pilot-workspace-reg .export-button-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

/* line 1496, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-chip--multi-quoted {
  background: var(--surface);
  color: var(--ontrack);
  border: 1px solid var(--ontrack);
}

/* line 1497, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-chip--multi-quoted.is-active {
  background: var(--ontrack);
  color: #fff;
}

/* line 1504, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-chip--multi-quoted[disabled] {
  background: var(--surface);
  color: var(--text-subtle);
  border: 1px solid var(--border);
  cursor: not-allowed;
  pointer-events: none;
}

/* line 1515, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-chip--urgent[disabled] {
  background: var(--surface);
  color: var(--text-subtle);
  border: 1px solid var(--border);
  cursor: not-allowed;
  pointer-events: none;
}

/* line 1527, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-chip-block {
  display: inline-flex;
  cursor: not-allowed;
}

/* line 1535, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-chip--sort {
  background: var(--waiting-wash);
  color: var(--text-muted);
  border: 1px solid var(--border-strong);
}

/* line 1540, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-chip--sort:hover {
  color: var(--text);
  border-color: var(--waiting);
}

/* line 1554, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .add-to-rfq-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 15px;
  background: var(--accent-wash);
  border-bottom: 1px solid var(--border);
  font-size: 13px;
  line-height: 18px;
  color: var(--text-muted);
}

/* line 1566, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .add-to-rfq-strip__text {
  min-width: 0;
}

/* line 1567, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .add-to-rfq-strip__serial {
  color: var(--text);
}

/* line 1568, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .add-to-rfq-strip__cancel {
  flex: none;
  color: var(--accent-ink);
  cursor: pointer;
}

/* line 1573, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .add-to-rfq-strip__cancel:hover {
  color: var(--accent-ink);
  text-decoration: underline;
}

/* line 1578, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .add-to-rfq-count {
  font-size: 12.5px;
  color: var(--text-muted);
  margin-right: 8px;
  white-space: nowrap;
}

/* line 1587, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .add-to-rfq-count.is-over {
  color: var(--act);
}

/* line 1593, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .stage-tab[disabled] {
  background: var(--surface);
  color: var(--text-subtle);
  border: 1px solid var(--border);
  cursor: not-allowed;
  pointer-events: none;
}

/* line 1603, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .sort-toggle {
  background: none;
  border: 0;
  padding: 0 2px;
  font-size: 11px;
  line-height: 1;
  color: var(--text-subtle);
  cursor: pointer;
}

/* line 1612, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .sort-toggle:hover {
  color: var(--accent-ink);
}

/* line 1613, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .sort-toggle.is-active {
  color: var(--accent-ink);
  font-weight: 600;
}

/* line 1617, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .urgent-indent {
  border-color: var(--act);
  color: var(--act);
  background: var(--act-wash);
}

/* line 1618, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .clarify-indent {
  border-color: var(--accent-ink);
  color: var(--accent-ink);
  background: var(--accent-wash);
}

/* line 1621, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .pending-indents-bulk-action, #new_content .ip-ux .pending-indents-bulk-actions {
  border-color: var(--accent-ink);
  color: var(--accent-ink);
}

/* line 1625, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .pending-indents-bulk-action:hover, #new_content .ip-ux .pending-indents-bulk-actions:hover {
  background-color: var(--accent-ink);
  color: var(--surface);
}

/* line 1628, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .pending-indent-remove-filter {
  border-color: var(--accent-ink);
  background-color: var(--accent-ink);
}

/* line 1632, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .pending-indent-remove-filter:hover {
  color: var(--accent-ink);
}

/* line 1638, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .all-indents tbody tr.white-bg {
  background-color: var(--surface);
}

/* line 1639, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .all-indents tbody tr.grey-bg {
  background-color: var(--waiting-wash);
}

/* line 1640, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .all-indents tbody tr:hover {
  background-color: var(--accent-wash);
}

/* line 1641, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .all-indents tr.indent-border {
  border-bottom: 2px solid var(--border-strong);
}

/* line 1643, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .all-indents tbody tr.no-records-row td {
  padding: 48px 12px !important;
  color: var(--text-subtle);
}

/* line 1647, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .all-indents tbody tr.no-records-row td .no-records-title {
  font-size: 15px;
  margin-bottom: 4px;
}

/* line 1648, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .ip-ux .all-indents tbody tr.no-records-row td .no-records-hint {
  font-size: 12px;
}

@media (min-width: 769px) {
  /* line 1677, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .header .container-fluid {
    display: flex;
    align-items: flex-end;
  }
  /* line 1684, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .header .float-right {
    margin-left: auto;
    align-self: flex-start;
  }
  /* line 1692, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .header .pending-indents-action-btns {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 28px;
    padding-bottom: 2px;
  }
  /* line 1707, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .header .pending-indents-bulk-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0 14px;
    margin-right: 0;
    border-radius: 6px;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.4px;
    line-height: 1;
  }
  /* line 1729, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents thead tr {
    height: auto;
    background-color: var(--waiting-wash);
    box-shadow: none;
  }
  /* line 1734, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents thead th {
    height: auto;
    vertical-align: top;
    padding: 8px var(--cell-pad-x) 6px !important;
    background-color: var(--waiting-wash);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 1.3;
    color: var(--text);
    border-bottom: none;
    box-shadow: inset 0 -1px 0 var(--border-strong);
  }
  /* line 1752, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents thead th input,
#new_content .ip-ux .all-indents thead th select,
#new_content .ip-ux .all-indents thead th .fs-label-wrap {
    font-size: 11px;
    font-weight: 400;
    color: var(--text-subtle);
    background-color: var(--surface);
    border: 1px solid var(--border);
    border-radius: 5px;
  }
  /* line 1762, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents thead th input,
#new_content .ip-ux .all-indents thead th select {
    height: auto;
    margin: 2px 0 0;
    padding: 3px 6px;
  }
  /* line 1768, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents thead th .fs-label-wrap {
    height: auto !important;
  }
  /* line 1773, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents thead th .fs-label-wrap .fs-label {
    padding: 4px 18px 4px 6px;
    font-size: 11px;
  }
  /* line 1777, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents thead th .fs-wrap {
    margin: 2px 0 0 !important;
  }
  /* line 1779, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents thead th .indent-date-search {
    color: var(--text-muted);
  }
  /* line 1783, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents thead th .fs-dropdown {
    width: 250px;
    font-size: 13px;
    color: var(--text);
  }
  /* line 1788, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents thead th .fs-dropdown .fs-search input {
    width: 100%;
    margin: 0;
    padding: 6px 8px;
    font-size: 13px;
    color: var(--text);
  }
  /* line 1799, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents thead th.state br {
    display: none;
  }
  /* line 1805, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents thead th:focus-within {
    z-index: 6 !important;
  }
  /* line 1806, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents thead th:has(.fs-wrap.fs-open) {
    z-index: 6 !important;
  }
  /* line 1809, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents-page .float-left > .hide-for-app {
    font-size: 13px;
    color: var(--text-muted);
  }
  /* line 1810, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .range-filter {
    font-size: 12px;
    color: var(--text-muted);
    background-color: var(--surface);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 4px 7px;
  }
  /* line 1822, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents-page .left-arrow,
#new_content .ip-ux .all-indents-page .right-arrow {
    border: 1px solid var(--border-strong);
    border-radius: 5px;
    padding: 1px 1px 0;
    color: var(--text-muted);
  }
  /* line 1829, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents-page .left-arrow .material-icons,
#new_content .ip-ux .all-indents-page .right-arrow .material-icons {
    font-size: 16px;
  }
  /* line 1833, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents tbody tr {
    height: var(--row-h);
  }
  /* line 1834, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents tbody tr td {
    padding: 5px var(--cell-pad-x) !important;
    font-size: 13px;
    letter-spacing: normal;
    line-height: 1.35;
    color: var(--text);
    border-top: 1px solid var(--border-2);
  }
  /* line 1874, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux.pilot-workspace-reg .all-indents tbody tr td {
    vertical-align: top;
  }
  /* line 1883, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux.pilot-workspace-reg .all-indents tbody tr td.col-select, #new_content .ip-ux.pilot-workspace-reg .all-indents tbody tr td.col-act {
    vertical-align: middle;
  }
  /* line 1904, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux.pilot-workspace-reg .all-indents th.col-select.frz, #new_content .ip-ux.pilot-workspace-reg .all-indents td.col-select.frz {
    left: 0;
  }
  /* line 1905, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux.pilot-workspace-reg .all-indents th.col-identity.frz, #new_content .ip-ux.pilot-workspace-reg .all-indents td.col-identity.frz {
    left: var(--reg-select);
  }
  /* line 1906, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux.pilot-workspace-reg .all-indents th.item-code.frz, #new_content .ip-ux.pilot-workspace-reg .all-indents td.item-code.frz {
    left: calc(var(--reg-select) + var(--reg-identity));
  }
  /* line 1907, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux.pilot-workspace-reg .all-indents th.frz-last, #new_content .ip-ux.pilot-workspace-reg .all-indents td.frz-last {
    left: calc(var(--reg-select) + var(--reg-identity) + var(--reg-ctx));
  }
  /* line 1908, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux.pilot-workspace-reg .all-indents.no-item-code th.frz-last, #new_content .ip-ux.pilot-workspace-reg .all-indents.no-item-code td.frz-last {
    left: calc(var(--reg-select) + var(--reg-identity));
  }
  /* line 1924, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux.pilot-workspace-reg .all-indents th.col-qty-pair, #new_content .ip-ux.pilot-workspace-reg .all-indents td.col-qty-pair {
    min-width: 141px;
    max-width: 141px;
    width: 141px;
    padding-right: 8px !important;
  }
  /* line 1937, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux td.check-cell {
    min-width: 36px;
    max-width: 36px;
  }
  /* line 1938, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux td.warehouse-info, #new_content .ip-ux td.item-cell, #new_content .ip-ux td.groups-cell, #new_content .ip-ux td.brands-cell,
#new_content .ip-ux td.costcentre-cell, #new_content .ip-ux td.req-by-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* line 1944, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents th.company, #new_content .ip-ux .all-indents td.warehouse-info {
    min-width: 110px;
    max-width: 110px;
  }
  /* line 1945, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents th.item-name, #new_content .ip-ux .all-indents td.item-cell {
    min-width: 285px;
    max-width: 285px;
  }
  /* line 1946, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux td.groups-cell {
    min-width: 100px;
    max-width: 100px;
  }
  /* line 1947, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux td.brands-cell {
    max-width: 110px;
  }
  /* line 1948, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux td.costcentre-cell {
    max-width: 110px;
  }
  /* line 1949, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux td.req-by-cell {
    max-width: 120px;
  }
  /* line 1953, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents th.indent-details, #new_content .ip-ux td.details-cell {
    min-width: 125px;
    max-width: 125px;
  }
  /* line 1954, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux td.details-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* line 1960, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents th.state-person {
    min-width: 120px;
  }
  /* line 1961, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents tbody td small {
    font-size: inherit;
  }
  /* line 1966, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents th.check-box1, #new_content .ip-ux .all-indents td.check-cell {
    position: sticky;
    left: 0;
    z-index: 1;
  }
  /* line 1967, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents th.company, #new_content .ip-ux .all-indents td.warehouse-info {
    position: sticky;
    left: 36px;
    z-index: 1;
  }
  /* line 1968, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents th.item-name, #new_content .ip-ux .all-indents td.item-cell {
    position: sticky;
    left: 146px;
    z-index: 1;
  }
  /* line 1969, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents th.check-box1 {
    min-width: 36px;
    max-width: 36px;
  }
  /* line 1973, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents td.check-cell, #new_content .ip-ux .all-indents td.warehouse-info, #new_content .ip-ux .all-indents td.item-cell {
    background-color: inherit;
  }
  /* line 1977, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents thead th.check-box1, #new_content .ip-ux .all-indents thead th.company, #new_content .ip-ux .all-indents thead th.item-name {
    z-index: 3;
  }
  /* line 1981, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents td.item-cell {
    box-shadow: inset -1px 0 0 var(--border-strong);
  }
  /* line 1984, app/assets/stylesheets/new_styles/pending_indents.scss */
  #new_content .ip-ux .all-indents thead th.item-name {
    box-shadow: inset -1px 0 0 var(--border-strong), inset 0 -1px 0 var(--border-strong);
  }
}

/* line 2010, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .compare-prev-pending-indent-modal.ip-ux .modal-dialog {
  max-width: 760px !important;
}

/* line 2013, app/assets/stylesheets/new_styles/pending_indents.scss */
#new_content .compare-prev-pending-indent-modal.ip-ux .modal-content {
  min-width: 0 !important;
}
/* line 1, app/assets/stylesheets/new_styles/fselect.scss */
.fs-wrap {
  display: inline-block;
  cursor: pointer;
  line-height: 1;
  width: 100%;
  margin-top: 6px;
  margin-bottom: 10px;
}

/* line 10, app/assets/stylesheets/new_styles/fselect.scss */
.fs-label-wrap {
  position: relative;
  background-color: #fff;
  border: 1px solid #ddd;
  cursor: default;
  text-transform: none;
  border-radius: 3px;
  font-weight: 500;
  font-size: 12px;
}

/* line 21, app/assets/stylesheets/new_styles/fselect.scss */
.fs-label-wrap,
.fs-dropdown {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 29, app/assets/stylesheets/new_styles/fselect.scss */
.fs-label-wrap .fs-label {
  padding: 6px 22px 6px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 10px;
}

/* line 37, app/assets/stylesheets/new_styles/fselect.scss */
.fs-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  margin: auto;
}

/* line 50, app/assets/stylesheets/new_styles/fselect.scss */
.fs-dropdown {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ddd;
  width: 250px;
  margin-top: 5px;
  z-index: 1000;
}

/* line 59, app/assets/stylesheets/new_styles/fselect.scss */
.fs-dropdown .fs-options {
  max-height: 200px;
  overflow: auto;
}

/* line 63, app/assets/stylesheets/new_styles/fselect.scss */
.fs-dropdown .fs-options::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

/* line 68, app/assets/stylesheets/new_styles/fselect.scss */
.fs-dropdown .fs-options::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

/* line 73, app/assets/stylesheets/new_styles/fselect.scss */
.fs-dropdown .fs-options::-webkit-scrollbar-thumb {
  background-color: #868e96;
  border-radius: 3px;
}

/* line 79, app/assets/stylesheets/new_styles/fselect.scss */
.fs-search input {
  border: none !important;
  box-shadow: none !important;
  outline: none;
  padding: 6px 0;
  width: 100%;
}

/* line 87, app/assets/stylesheets/new_styles/fselect.scss */
.fs-option,
.fs-search,
.fs-optgroup-label {
  padding: 6px 8px;
  border-bottom: 1px solid #eee;
  cursor: default;
}

/* line 95, app/assets/stylesheets/new_styles/fselect.scss */
.fs-option:last-child {
  border-bottom: none;
}

/* line 99, app/assets/stylesheets/new_styles/fselect.scss */
.fs-search {
  padding: 0 8px;
}

/* line 102, app/assets/stylesheets/new_styles/fselect.scss */
.fs-search input {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* line 108, app/assets/stylesheets/new_styles/fselect.scss */
.fs-no-results {
  padding: 6px 8px;
}

/* line 112, app/assets/stylesheets/new_styles/fselect.scss */
.fs-option {
  cursor: pointer;
  word-break: break-all;
  border: none;
}

/* line 118, app/assets/stylesheets/new_styles/fselect.scss */
.fs-option.disabled {
  opacity: 0.4;
  cursor: default;
}

/* line 123, app/assets/stylesheets/new_styles/fselect.scss */
.fs-option.hl {
  background-color: #f5f5f5;
}

/* line 127, app/assets/stylesheets/new_styles/fselect.scss */
.fs-wrap.multiple .fs-option {
  position: relative;
  padding-left: 30px;
  text-transform: none;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #000000;
  font-weight: 500;
}

/* line 138, app/assets/stylesheets/new_styles/fselect.scss */
.fs-wrap.multiple .fs-checkbox {
  position: absolute;
  display: block;
  width: 30px;
  top: 0;
  left: 0;
  bottom: 0;
}

/* line 147, app/assets/stylesheets/new_styles/fselect.scss */
.fs-wrap.multiple .fs-option .fs-checkbox i {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
  border: 1px solid #aeaeae;
  background-color: #fff;
}

/* line 160, app/assets/stylesheets/new_styles/fselect.scss */
.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
  background-color: #868e96;
  border-color: transparent;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: center;
}

/* line 168, app/assets/stylesheets/new_styles/fselect.scss */
.fs-optgroup-label {
  font-weight: bold;
  text-align: center;
}

/* line 173, app/assets/stylesheets/new_styles/fselect.scss */
.hidden {
  display: none;
}

@media (max-width: 768px) {
  /* line 178, app/assets/stylesheets/new_styles/fselect.scss */
  .fs-dropdown, .apply-search {
    width: 200px !important;
  }
}
/* line 1, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote {
  margin-bottom: 100px;
}

/* line 4, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .remove-background-color {
  background-color: #FFFFFF !important;
}

/* line 8, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .base-bid-dark {
  background-color: #d8d8d8 !important;
  color: #3e3e3e !important;
}

/* line 13, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .target-bid-dark {
  background-color: #17a2b8 !important;
  color: #3e3e3e !important;
}

/* line 18, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .base-bid-light {
  background-color: #f3f3f3 !important;
}

/* line 22, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .target-bid-light {
  background-color: #e0fbff !important;
  padding-right: 8px !important;
}

/* line 27, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .alternate-quote-btn {
  color: #434446;
  opacity: 0.4;
  cursor: pointer;
}

/* line 33, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .need-more-info, #new_content .manual-quote .regret-item, #new_content .manual-quote .regret-product {
  color: #434446;
  opacity: 0.4;
  cursor: pointer;
}

/* line 39, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote table tbody tr td:first-child {
  padding-left: 5px;
}

/* line 43, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .active {
  color: #17A2B8;
  opacity: 1;
}

/* line 48, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .regreted {
  opacity: 1;
  color: #dc3545;
}

/* line 69, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .vendor-quote-controls thead th.control-key,
#new_content .manual-quote .vendor-quote-controls tbody tr td:first-child {
  white-space: nowrap;
}

/* line 78, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .vendor-quote-controls thead th.control-key {
  padding-left: 5px;
}

/* line 86, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .vendor-quote-controls tbody tr td:first-child .alternate-quote-btn, #new_content .manual-quote .vendor-quote-controls tbody tr td:first-child .need-more-info, #new_content .manual-quote .vendor-quote-controls tbody tr td:first-child .regret-item, #new_content .manual-quote .vendor-quote-controls tbody tr td:first-child .control-slot-empty {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
}

/* line 98, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .vendor-quote-controls .control-key > span {
  display: inline-block;
  width: 40px;
  text-align: center;
  font-size: 9px;
  line-height: 11px;
  font-weight: 400;
  color: #6c757d;
  text-transform: none;
  letter-spacing: 0;
}

/* line 113, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .vendor-quote-controls .control-key .control-key-short {
  display: none;
}

/* line 119, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote #clarification_modal .modal-header, #new_content .manual-quote #regret_modal .modal-header, #new_content .manual-quote #chat_modal .modal-header {
  border-bottom: solid 1px #979797;
  padding: 15px;
}

/* line 127, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote #clarification_modal .regret-item-name, #new_content .manual-quote #regret_modal .regret-item-name, #new_content .manual-quote #chat_modal .regret-item-name {
  font-size: 13px;
  font-weight: 400;
  color: #6c757d;
  margin-top: 4px;
  word-break: break-word;
}

/* line 137, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote #clarification_modal .regret-reason-picks, #new_content .manual-quote #regret_modal .regret-reason-picks, #new_content .manual-quote #chat_modal .regret-reason-picks {
  margin-bottom: 10px;
}

/* line 140, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote #clarification_modal .regret-reason-picks .regret-pick, #new_content .manual-quote #regret_modal .regret-reason-picks .regret-pick, #new_content .manual-quote #chat_modal .regret-reason-picks .regret-pick {
  display: inline-block;
  margin: 0 6px 6px 0;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 16px;
  color: #434446;
  background-color: #f5f5f5;
  border: solid 1px #dddddd;
  border-radius: 14px;
  cursor: pointer;
}

/* line 152, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote #clarification_modal .regret-reason-picks .regret-pick:hover, #new_content .manual-quote #regret_modal .regret-reason-picks .regret-pick:hover, #new_content .manual-quote #chat_modal .regret-reason-picks .regret-pick:hover {
  background-color: #e9ecef;
  border-color: #adb5bd;
}

/* line 159, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote #clarification_modal #additional_info_reply, #new_content .manual-quote #clarification_modal #text_message, #new_content .manual-quote #regret_modal #additional_info_reply, #new_content .manual-quote #regret_modal #text_message, #new_content .manual-quote #chat_modal #additional_info_reply, #new_content .manual-quote #chat_modal #text_message {
  width: 498px;
  height: 75px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 9px 14px;
  margin-top: 10px;
}

/* line 169, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote #clarification_modal .person-details, #new_content .manual-quote #regret_modal .person-details, #new_content .manual-quote #chat_modal .person-details {
  color: #848484;
  font-size: 12px;
  padding-top: 7px;
  margin-right: 10px;
}

/* line 176, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote #clarification_modal .spec-details, #new_content .manual-quote #regret_modal .spec-details, #new_content .manual-quote #chat_modal .spec-details {
  font-size: 16px;
  border-bottom: solid 1px #dddddd;
  padding-bottom: 10px;
  padding-left: 7px;
  padding-right: 7px;
  clear: both;
  color: #464646;
}

/* line 186, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote #clarification_modal .indent-spec-content, #new_content .manual-quote #regret_modal .indent-spec-content, #new_content .manual-quote #chat_modal .indent-spec-content {
  max-height: 400px;
  overflow-y: auto;
}

/* line 190, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote #clarification_modal .indent-spec-content::-webkit-scrollbar-track, #new_content .manual-quote #regret_modal .indent-spec-content::-webkit-scrollbar-track, #new_content .manual-quote #chat_modal .indent-spec-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 197, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote #clarification_modal .indent-spec-content::-webkit-scrollbar, #new_content .manual-quote #regret_modal .indent-spec-content::-webkit-scrollbar, #new_content .manual-quote #chat_modal .indent-spec-content::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 204, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote #clarification_modal .indent-spec-content::-webkit-scrollbar-thumb, #new_content .manual-quote #regret_modal .indent-spec-content::-webkit-scrollbar-thumb, #new_content .manual-quote #chat_modal .indent-spec-content::-webkit-scrollbar-thumb {
  background-color: #868e96;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 213, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote #regret_modal .modal-body {
  padding-top: 18px;
}

/* line 217, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .net-amount {
  height: 35px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding-left: 5px;
  border-radius: 3px;
  width: 95%;
  text-rendering: auto;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  margin-right: 5px;
  line-height: 2.2;
  padding-left: 9px;
}

/* line 238, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .header {
  border-bottom: solid 1px #979797;
  min-height: 69px;
}

/* line 242, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .header div {
  opacity: 0.9;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
}

/* line 251, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .error-wrapper {
  position: relative;
}

/* line 254, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .error-wrapper .name-error {
  position: absolute;
  font-size: 10px;
  color: #de1616;
  bottom: -15px;
  left: 0;
  letter-spacing: 0.6px;
}

/* line 263, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .error-wrapper .price-basis-note-error {
  bottom: -9px;
}

/* line 267, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .error-wrapper .pnf-error {
  bottom: 4px;
}

/* line 271, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .error-wrapper .tc3-error, #new_content .manual-quote .error-wrapper .tc2-error {
  bottom: -8px;
}

/* line 276, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .name-box {
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  font-size: 14px;
  letter-spacing: -0.2px;
  color: #212529;
  padding: 12px 16px;
}

/* line 286, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .rate-box {
  height: 47px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding-left: 5px;
  border-radius: 3px;
  width: 100%;
}

/* line 295, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .item-details-table {
  table-layout: fixed;
  clear: both;
  margin-top: 35px;
}

/* line 301, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .item-details-table thead tr {
  height: 30px;
}

/* line 305, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .item-details-table thead th {
  padding-left: 12px;
}

/* line 308, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .item-details-table thead th:first-child, #new_content .manual-quote .item-details-table thead th:last-child {
  padding-bottom: 0;
}

/* line 315, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .item-details-table tbody .alternate-quote-row {
  background-color: #efefef !important;
}

/* line 319, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .item-details-table tbody tr {
  background-color: #FFFFFF !important;
}

/* line 322, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .item-details-table tbody tr td {
  border-bottom: solid 1px #e9e9e9;
}

/* line 327, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .item-details-table tbody textarea {
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding-left: 5px;
  border-radius: 3px;
  width: 100%;
  height: 35px;
  padding-top: 9px;
  line-height: 1.2;
}

/* line 340, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .zero-line-height {
  line-height: 0;
}

/* line 344, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote select {
  -moz-appearance: menulist;
  /* Firefox */
  -webkit-appearance: menulist;
  /* Safari and Chrome */
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  width: 100%;
  font-size: 14px;
  padding-left: 16px;
}

/* line 356, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .js-example {
  height: 35px !important;
}

/* line 360, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .custom-text-box {
  height: 35px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding-left: 5px;
  border-radius: 3px;
  width: 100%;
}

/* line 369, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .checked {
  color: #17a2b8;
}

/* line 373, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .terms-conditions-block {
  margin-top: 40px;
}

/* line 377, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .terms-details {
  display: block;
}

/* line 380, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .terms-details span {
  display: block;
}

/* line 383, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .terms-details span:first-child {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.7px;
  color: #212529;
}

/* line 391, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .terms-details textarea {
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 80px;
  width: 500px;
  padding: 8px 12px;
}

/* line 400, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .terms-details input {
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  width: 500px;
  padding: 8px 12px;
}

/* line 409, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .terms-details select {
  width: 500px;
}

/* line 414, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .po-attachment-field {
  display: flex;
  height: 34px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  width: 500px;
}

/* line 422, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .po-attachment-field span {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  padding: 0 10px;
}

/* line 429, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .po-attachment-field label {
  margin: 0;
  width: 95px;
  align-items: center;
  display: flex;
  background-color: #eceeef;
  justify-content: center;
  flex: 0 0 auto;
}

/* line 440, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .delivery-terms-block, #new_content .manual-quote .payment-terms-block, #new_content .manual-quote .price-basis-terms-block {
  display: flex;
}

/* line 443, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .delivery-terms-block .terms-details, #new_content .manual-quote .payment-terms-block .terms-details, #new_content .manual-quote .price-basis-terms-block .terms-details {
  margin-right: 20px;
}

/* line 447, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .delivery-terms-block input, #new_content .manual-quote .payment-terms-block input, #new_content .manual-quote .price-basis-terms-block input {
  border-radius: 3px 0px 0px 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  width: 438.5px;
  padding: 8px 12px;
}

/* line 456, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .delivery-terms-block textarea, #new_content .manual-quote .payment-terms-block textarea, #new_content .manual-quote .price-basis-terms-block textarea {
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  width: 500px;
  padding: 7px 5px;
}

/* line 465, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .delivery-terms-block .no-of-days, #new_content .manual-quote .payment-terms-block .no-of-days, #new_content .manual-quote .price-basis-terms-block .no-of-days {
  border-radius: 0px 3px 3px 0px;
  background-color: #eceeef;
  border-width: 1px 1px 1px 0;
  padding: 0 12px;
  color: #212529;
  border-color: #cccccc;
  border-style: solid;
  display: flex;
  align-items: center;
}

/* line 478, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .terms-details {
  margin-bottom: 20px;
}

/* line 482, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .group-days {
  display: flex;
}

/* line 486, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .pnf-terms-block {
  display: flex;
}

/* line 489, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .pnf-terms-block .terms-details {
  margin-right: 20px;
}

/* line 494, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .pnf-value-details {
  display: flex;
  margin-top: 18px;
  width: 500px;
  margin-right: 20px;
}

/* line 501, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .insp-details {
  width: 130px;
  display: flex;
  margin-right: 0px;
}

/* line 507, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .pnf {
  height: 40px;
  border-radius: 3px 0px 0px 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  width: 400px;
  padding: 8px 12px;
}

/* line 516, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .insp {
  height: 35px;
  border-radius: 3px 0px 0px 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  width: 60px;
  padding: 8px 12px;
}

/* line 525, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .pnf-extra-type {
  border-radius: 0px 3px 3px 0px;
  background-color: #eceeef;
  border-width: 1px 1px 1px 0;
  color: #212529;
  border-color: #cccccc;
  border-style: solid;
  width: 100px;
}

/* line 535, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .insp-type {
  border-radius: 0px 3px 3px 0px;
  background-color: #eceeef;
  border-width: 1px 1px 1px 0;
  color: #212529;
  border-color: #cccccc;
  border-style: solid;
  width: 54px;
  height: 35px;
  padding: 4px;
}

/* line 547, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .with-in {
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.7px;
  color: #212529;
}

/* line 555, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .freight-terms-block {
  display: flex;
}

/* line 558, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .freight-terms-block .terms-details {
  margin-right: 20px;
}

/* line 563, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .transport {
  width: 500px;
  margin-top: 18px;
  margin-right: 20px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  padding: 8px 12px;
}

/* line 574, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .indent-select-for-po, #new_content .manual-quote .indent-select-for-eo {
  cursor: pointer;
  font-size: 18px;
}

/* line 579, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .po-details {
  display: flex !important;
  flex: 1 1 auto;
}

/* line 584, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .remove-quote-attachment {
  font-size: 16px;
  color: red;
  cursor: pointer;
}

/* line 590, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .indent-attachments {
  width: 500px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 8px 12px;
}

/* line 597, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .indent-attachments span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

/* line 604, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .indent-attachments a {
  font-size: 14px;
  color: #17A2B8;
}

/* line 609, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .indent-attachments div {
  display: flex;
  align-items: center;
}

/* line 615, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .previous-quote-details-btn {
  float: right;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-align: center;
  color: #17a2b8;
  border-radius: 4px;
  border: solid 1px #17a2b8;
  padding: 8px 13px;
  cursor: pointer;
}

/* line 627, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .previous-quote-details-btn:hover {
  color: #106b79;
  border-color: #106b79;
}

/* line 633, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .rfq-details {
  margin-top: 20px;
}

/* line 636, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .rfq-details .sub-header {
  opacity: 0.9;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #212529;
  line-height: 1;
  margin-right: 15px;
  text-align: left;
}

/* line 646, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .rfq-details .sub-header .quotation-ref {
  display: inline-block;
  opacity: 1;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  text-align: left;
}

/* line 654, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .rfq-details .sub-header .quotation-ref p {
  margin-top: 3px;
  margin-bottom: 2px;
  font-size: 14px;
  opacity: 1;
  color: #000000;
  font-weight: normal;
}

/* line 663, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .rfq-details .sub-header .quotation-ref .quotation-date {
  height: 30px;
  background-color: #fbfbfb;
  border: solid 1px #5d5d5d;
  padding-left: 5px;
  border-radius: 3px;
  width: 100%;
}

/* line 673, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .rfq-details .sub-header span {
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}

/* line 679, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .rfq-details .sub-header span p {
  margin-top: 3px;
  margin-bottom: 2px;
  font-size: 14px;
  opacity: 1;
  color: #000000;
  font-weight: normal;
}

/* line 690, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .rfq-details #quotation_reference_number {
  height: 30px;
  background-color: #fbfbfb;
  border: solid 1px #5d5d5d;
  padding-left: 5px;
  border-radius: 3px;
  width: 100%;
}

/* line 699, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .rfq-details .company-header {
  vertical-align: text-top;
}

/* line 701, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .rfq-details .company-header div {
  margin-left: 20px;
  width: 500px;
}

/* line 705, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .rfq-details .company-header div p {
  font-size: 12px;
  margin-bottom: 2px;
  line-height: 1;
}

/* line 711, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .rfq-details .company-header div p:first-child {
  line-height: 1;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 2px;
}

/* line 721, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .rfq-vendor-attachment {
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-bottom: 5px;
}

/* line 727, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .rfq-vendor-attachment i {
  margin-right: 5px;
  font-size: 20px;
  color: #17a2b8;
}

/* line 732, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .rfq-vendor-attachment i:hover {
  color: #106b79;
}

/* line 738, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .previous-quote {
  float: right;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-align: center;
  color: #17a2b8;
  border-radius: 4px;
  border: solid 1px #17a2b8;
  padding: 8px 13px;
  cursor: pointer;
}

/* line 750, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .previous-quote:hover {
  color: #106b79;
  border-color: #106b79;
}

/* line 756, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .previous-quote-btn {
  float: right;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-align: center;
  color: #17a2b8;
  border-radius: 4px;
  border: solid 1px #17a2b8;
  padding: 8px 13px;
  cursor: pointer;
}

/* line 768, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .manual-quote .previous-quote-btn:hover {
  color: #106b79;
  border-color: #106b79;
}

/* line 776, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-history-modal .modal-dialog {
  height: calc(100vh - 0px);
  top: 0px;
}

/* line 781, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-history-modal .rfq-number {
  color: #17A2B8;
  opacity: 1;
  text-decoration: underline;
}

/* line 787, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-history-modal .modal-body {
  padding: 0;
}

/* line 791, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-history-modal .modal-content .modal-header {
  padding: 13.5px;
}

/* line 794, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-history-modal .modal-content .modal-header .close {
  padding: 1.5rem;
}

/* line 798, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-history-modal .modal-content .modal-header h5 {
  font-size: 27px;
}

/* line 803, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-history-modal .previous-bid-table {
  table-layout: fixed;
}

/* line 807, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-history-modal .previous-bid-table thead tr {
  height: auto;
}

/* line 810, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-history-modal .previous-bid-table thead tr th {
  padding-bottom: 0;
}

/* line 816, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-history-modal .previous-bid-table tbody tr td {
  padding-left: 12px;
}

/* line 820, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-history-modal .previous-bid-table .title-row {
  height: 19px;
  background-color: #c0c7ce;
}

/* line 824, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-history-modal .previous-bid-table .title-row td {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: 0.2px;
  color: #4a4a4a;
}

/* line 833, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-history-modal .previous-bid-table .details-row {
  background-color: #FFFFFF;
  height: 55px;
}

/* line 837, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-history-modal .previous-bid-table .details-row td {
  border-bottom: 1px solid #ebebeb;
}

/* line 845, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-details-history-modal .rfq-number {
  color: #17A2B8;
  opacity: 1;
  text-decoration: underline;
}

/* line 851, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-details-history-modal .modal-body {
  padding: 0;
}

/* line 855, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-details-history-modal .modal-content .modal-header {
  padding: 6px;
  padding-left: 12px;
}

/* line 859, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-details-history-modal .modal-content .modal-header .close {
  padding: 1.5rem;
}

/* line 863, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-details-history-modal .modal-content .modal-header h5 {
  font-size: 27px;
}

/* line 868, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-details-history-modal .previous-bid-table {
  table-layout: fixed;
}

/* line 872, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-details-history-modal .previous-bid-table thead tr {
  height: auto;
}

/* line 875, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-details-history-modal .previous-bid-table thead tr th {
  padding-bottom: 0;
}

/* line 881, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-details-history-modal .previous-bid-table tbody tr td {
  padding-left: 12px;
}

/* line 885, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-details-history-modal .previous-bid-table .title-row {
  height: 19px;
  background-color: #c0c7ce;
}

/* line 889, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-details-history-modal .previous-bid-table .title-row td {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: 0.2px;
  color: #4a4a4a;
}

/* line 898, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-details-history-modal .previous-bid-table .details-row {
  background-color: #FFFFFF;
  height: 55px;
}

/* line 902, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .previous-quote-details-history-modal .previous-bid-table .details-row td {
  border-bottom: 1px solid #ebebeb;
}

/* line 910, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .quote-history-modal .modal-dialog {
  height: calc(100vh - 0px);
  top: 0px;
}

/* line 915, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .quote-history-modal .rfq-number {
  color: #17A2B8;
  opacity: 1;
  text-decoration: underline;
}

/* line 921, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .quote-history-modal .modal-body {
  padding: 0;
}

/* line 925, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .quote-history-modal .modal-content .modal-header {
  padding: 13.5px;
}

/* line 928, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .quote-history-modal .modal-content .modal-header .close {
  padding: 1.5rem;
}

/* line 932, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .quote-history-modal .modal-content .modal-header h5 {
  font-size: 27px;
}

/* line 937, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .quote-history-modal .previous-bid-table {
  table-layout: fixed;
}

/* line 941, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .quote-history-modal .previous-bid-table thead tr {
  height: auto;
}

/* line 944, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .quote-history-modal .previous-bid-table thead tr th {
  padding-bottom: 0;
}

/* line 950, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .quote-history-modal .previous-bid-table tbody tr td {
  padding-left: 12px;
}

/* line 954, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .quote-history-modal .previous-bid-table .title-row {
  height: 19px;
  background-color: #c0c7ce;
}

/* line 958, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .quote-history-modal .previous-bid-table .title-row td {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: 0.2px;
  color: #4a4a4a;
}

/* line 967, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .quote-history-modal .previous-bid-table .details-row {
  background-color: #FFFFFF;
  height: 55px;
}

/* line 971, app/assets/stylesheets/new_styles/manual_quote.scss */
#new_content .quote-history-modal .previous-bid-table .details-row td {
  border-bottom: 1px solid #ebebeb;
}

@media (max-width: 768px) {
  /* line 979, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote {
    margin-bottom: 20px;
  }
  /* line 982, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .header {
    min-height: 1px;
    height: 52px;
  }
  /* line 986, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .header .container-fluid {
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 993, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .rfq-details {
    margin-top: 10px;
  }
  /* line 996, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .rfq-details .sub-header {
    margin-left: 5px !important;
    font-size: 14px;
  }
  /* line 1000, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .rfq-details .sub-header .quotation-ref {
    font-size: 12px;
  }
  /* line 1005, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .rfq-details .company-header div {
    width: 95%;
    margin: auto;
  }
  /* line 1009, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .rfq-details .company-header div p:first-child {
    font-size: 16px !important;
  }
  /* line 1015, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .terms-conditions-block {
    margin-top: 0;
  }
  /* line 1019, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .indent-attachments {
    width: 100%;
  }
  /* line 1023, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .item-details-table-wrapper {
    width: 100%;
    overflow: auto;
  }
  /* line 1028, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .item-details-table {
    width: 1200px;
    margin-top: 15px;
  }
  /* line 1038, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .vendor-quote-controls .control-key > span {
    font-size: 10px;
    line-height: 12px;
  }
  /* line 1046, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .vendor-quote-controls .control-key .control-key-full {
    display: none;
  }
  /* line 1050, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .vendor-quote-controls .control-key .control-key-short {
    display: inline;
  }
  /* line 1063, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .vendor-quote-controls thead th.control-key,
#new_content .manual-quote .vendor-quote-controls tbody tr td:first-child {
    width: 12% !important;
  }
  /* line 1068, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .item-details {
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 1073, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .error-wrapper .pnf-error {
    bottom: -20px;
  }
  /* line 1077, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .terms-details, #new_content .manual-quote .pnf-value-tax-details, #new_content .manual-quote .transport-tax {
    margin-top: 20px;
    margin-bottom: 0;
  }
  /* line 1083, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .terms-details textarea, #new_content .manual-quote .terms-details select, #new_content .manual-quote .terms-details input, #new_content .manual-quote .delivery-terms-block textarea, #new_content .manual-quote .delivery-terms-block select, #new_content .manual-quote .delivery-terms-block input, #new_content .manual-quote .payment-terms-block textarea, #new_content .manual-quote .payment-terms-block select, #new_content .manual-quote .payment-terms-block input {
    width: 100% !important;
    font-size: 14px;
  }
  /* line 1089, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .price-basis-terms-block {
    display: block;
  }
  /* line 1092, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .price-basis-terms-block textarea {
    width: 100%;
  }
  /* line 1096, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .price-basis-terms-block .terms-details {
    margin-right: 0;
  }
  /* line 1101, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .delivery-terms-block, #new_content .manual-quote .payment-terms-block, #new_content .manual-quote .pnf-terms-block, #new_content .manual-quote .freight-terms-block {
    display: block;
  }
  /* line 1104, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .delivery-terms-block .terms-details, #new_content .manual-quote .payment-terms-block .terms-details, #new_content .manual-quote .pnf-terms-block .terms-details, #new_content .manual-quote .freight-terms-block .terms-details {
    margin-right: 0;
  }
  /* line 1109, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .po-attachment-field, #new_content .manual-quote .pnf, #new_content .manual-quote .pnf-value-details {
    width: 100% !important;
  }
  /* line 1113, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .transport {
    width: 100% !important;
    margin-right: 0;
  }
  /* line 1118, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .mobile-quotation-header {
    min-height: 1px !important;
    height: 40px !important;
  }
  /* line 1122, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote .mobile-quotation-header .container-fluid {
    padding-top: 10px !important;
    font-size: 14px;
  }
  /* line 1129, app/assets/stylesheets/new_styles/manual_quote.scss */
  #new_content .manual-quote #clarification_modal #additional_info_reply, #new_content .manual-quote #regret_modal #additional_info_reply {
    width: 100%;
  }
}
/* line 2, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .remove-background-color {
  background-color: #FFFFFF;
}

/* line 6, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .remove-border-left {
  border-left: 0px !important;
}

/* line 10, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .light-base-color {
  background-color: #f3f3f3 !important;
}

/* line 14, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .dark-base-color {
  background-color: #d8d8d8 !important;
  color: black !important;
}

/* line 19, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .light-target-color {
  background-color: #bcc2c3 !important;
}

/* line 23, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .dark-target-color {
  background-color: #bababa !important;
  color: black !important;
}

/* line 28, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .light-active-color {
  background-color: #e0fbff !important;
}

/* line 32, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .dark-active-color {
  background-color: #17a2b8 !important;
  color: black !important;
}

/* line 37, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .header {
  border-bottom: solid 1px #979797;
  min-height: 69px;
}

/* line 41, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .header div {
  opacity: 0.9;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
}

/* line 50, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .meta-data {
  background-color: #f8f8f8;
  padding: 28px 14px 15px;
  margin-top: 57px;
  border-bottom: solid 1px #17a2b8;
}

/* line 56, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .meta-data p {
  width: 500px;
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #212529;
}

/* line 64, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .rfq-details {
  margin-top: 40px;
}

/* line 67, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .rfq-details .sub-header {
  opacity: 0.9;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #212529;
  line-height: 1;
  margin-left: 10px;
}

/* line 76, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .rfq-details .sub-header span {
  display: block;
  opacity: 0.5;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}

/* line 86, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details {
  margin-top: 32px;
}

/* line 89, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table {
  table-layout: fixed;
  margin-bottom: 20px;
}

/* line 93, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table thead tr {
  height: 35px;
}

/* line 96, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table thead tr th {
  padding-bottom: 0px;
  padding-left: 7px;
  padding-right: 7px;
  border-left: solid 1px #d8d8d8;
}

/* line 103, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table thead tr .border-right {
  border-right: solid 1px #d8d8d8;
}

/* line 108, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table tbody tr {
  background-color: #FFFFFF !important;
}

/* line 111, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table tbody tr td {
  padding-left: 15px;
  border-bottom: solid 1px #d8d8d8;
  border-left: solid 1px #d8d8d8;
}

/* line 117, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table tbody tr .border-right {
  border-right: solid 1px #d8d8d8;
}

/* line 121, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table tbody tr .regret {
  background-color: #e7e7e7;
}

/* line 124, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table tbody tr .regret span:first-child {
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.3px;
  color: #212529;
}

/* line 131, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table tbody tr .regret span:last-child {
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #212529;
}

/* line 139, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table .alternative-row {
  background-color: #d8d8d8 !important;
}

/* line 143, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table .terms-row {
  height: auto;
  line-height: 1;
}

/* line 147, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table .terms-row td {
  border-bottom: none;
}

/* line 151, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table .terms-row:last-child {
  border-bottom: solid 1px #d8d8d8;
}

/* line 156, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table .total-class {
  font-weight: 600;
  font-size: 15px !important;
}

/* line 161, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table .attachment a {
  padding: 0;
}

/* line 164, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table .attachment a:hover {
  text-decoration: none;
}

/* line 168, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table .attachment a a {
  display: inline-block;
  line-height: 0;
}

/* line 173, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .item-details table .attachment a i {
  color: #2eabbf;
}

/* line 180, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .rfq-details {
  display: flex;
  justify-content: space-between;
}

/* line 185, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .download-btn, #new_content .counter-quote-preview .revise-quote-btn {
  display: block;
  width: 110px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-align: center;
  color: #17a2b8;
  border-radius: 4px;
  padding: 5px 8px;
  border: solid 1px #17a2b8;
  cursor: pointer;
}

/* line 198, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .download-btn:hover, #new_content .counter-quote-preview .revise-quote-btn:hover {
  color: #107b8c;
  border-color: #107b8c;
}

/* line 204, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .revise-quote-btn {
  display: block;
  width: 230px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #17a2b8;
  border-radius: 4px;
  padding: 3px 7px;
  border: solid 1px #17a2b8;
  cursor: pointer;
  text-transform: uppercase;
}

/* line 217, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .revise-quote-btn:hover {
  color: #107b8c;
  border-color: #107b8c;
  text-decoration: none;
}

/* line 224, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .quotation-number {
  opacity: 0.9;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #212529;
}

/* line 232, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .vendor-more-info {
  color: #17a2b8;
  text-decoration: underline;
  cursor: pointer;
}

/* line 237, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .vendor-more-info:hover {
  color: #107b8c;
}

/* line 242, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .counter-quote-preview .more-info-link {
  color: #17a2b8;
  display: block;
  text-decoration: underline;
}

/* line 250, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .vendor-quote-preview .modal-dialog {
  max-width: 800px;
}

/* line 254, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .vendor-quote-preview .modal-content {
  max-width: 800px;
}

/* line 259, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .vendor-quote-preview .item-preview-details table {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 20px;
}

/* line 264, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .vendor-quote-preview .item-preview-details table thead tr {
  height: 35px;
}

/* line 267, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .vendor-quote-preview .item-preview-details table thead tr th {
  font-size: 10px;
  padding-bottom: 0px;
  padding-left: 15px;
  border-left: solid 1px #d8d8d8;
}

/* line 274, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .vendor-quote-preview .item-preview-details table thead tr .border-right {
  border-right: solid 1px #d8d8d8;
}

/* line 279, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .vendor-quote-preview .item-preview-details table tbody tr {
  background-color: #FFFFFF !important;
}

/* line 282, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .vendor-quote-preview .item-preview-details table tbody tr td {
  padding-left: 15px;
  border-bottom: solid 1px #d8d8d8;
  border-left: solid 1px #d8d8d8;
}

/* line 288, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .vendor-quote-preview .item-preview-details table tbody tr .border-right {
  border-right: solid 1px #d8d8d8;
}

/* line 292, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .vendor-quote-preview .item-preview-details table tbody tr .regret {
  background-color: #e7e7e7;
}

/* line 295, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .vendor-quote-preview .item-preview-details table tbody tr .regret span:first-child {
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.3px;
  color: #212529;
}

/* line 302, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .vendor-quote-preview .item-preview-details table tbody tr .regret span:last-child {
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #212529;
}

/* line 310, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .vendor-quote-preview .item-preview-details table .alternative-row {
  background-color: #d8d8d8 !important;
}

/* line 314, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .vendor-quote-preview .item-preview-details table .terms-row {
  height: auto;
  line-height: 1;
}

/* line 318, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .vendor-quote-preview .item-preview-details table .terms-row td {
  border-bottom: none;
}

/* line 322, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .vendor-quote-preview .item-preview-details table .terms-row:last-child {
  border-bottom: solid 1px #d8d8d8;
}

/* line 327, app/assets/stylesheets/new_styles/counter_offer.scss */
#new_content .vendor-quote-preview .item-preview-details table .total-class {
  font-weight: 600;
  font-size: 15px !important;
}
/* line 1, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.add-margin-top {
  margin-top: 64px !important;
}

/* line 5, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.errorable-label {
  color: #de1616 !important;
}

/* line 9, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.errorable-textbox {
  border-color: #de1616 !important;
}

/* line 13, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.msme-document-review {
  font-size: 16px;
}

/* line 17, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.vendor-certificate-link {
  color: #1A8798;
  display: block;
}

/* line 21, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.vendor-certificate-link:hover {
  text-decoration: none;
  color: #035b69;
}

/* line 27, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.select2-match {
  border-bottom: 2px solid #17A2B8;
}

/* line 31, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.remove-margin-top {
  margin-top: 0px !important;
}

/* line 35, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .item-list .visited-item {
  color: #212529;
  cursor: pointer;
}

/* line 40, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.msme-filter-box {
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 6px;
  margin-bottom: 13px;
  margin-top: 4px;
  color: #868e96;
  width: 95%;
}

/* line 52, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.send-from-to-vendor-btn {
  font-size: 14px;
  letter-spacing: 0.2px;
  text-align: center;
  color: #ffffff;
  background-color: #17A2B8;
  padding: 10px 12px;
  text-transform: uppercase;
  border-radius: 3px;
  float: right;
  line-height: 0.95;
}

/* line 64, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.send-from-to-vendor-btn:hover {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #14636f;
}

/* line 71, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .contact-block .check_box_position {
  width: 14px;
  height: 14px;
}

/* line 77, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_new_vendor .errorable-label {
  color: #de1616 !important;
}

/* line 81, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_new_vendor .errorable-textbox {
  border-color: #de1616 !important;
}

/* line 85, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_new_vendor .error-wrapper {
  position: relative;
}

/* line 88, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_new_vendor .error-wrapper .name-error {
  position: absolute;
  font-size: 10px;
  color: #de1616;
  bottom: -16px;
  left: 0;
  letter-spacing: 0.6px;
}

/* line 100, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .manu-dealership-block .manu-brand-error {
  font-size: 12px;
  letter-spacing: -0.2px;
  color: #868e96 !important;
  bottom: -27px !important;
}

/* line 107, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .msme-checkbox {
  height: 28px !important;
  width: auto !important;
}

/* line 112, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .auth-attachment {
  vertical-align: middle;
}

/* line 116, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form #new_vendor_vendor_short_note {
  width: 100%;
  height: 100px;
  border-radius: 3px;
  border: solid 1px #dddddd;
  background-color: #fbfbfb;
  margin-bottom: 20px;
  padding: 12px 16px;
}

/* line 126, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .remove-vendor-attachment {
  font-size: 16px;
  color: red;
  cursor: pointer;
}

/* line 132, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .msme-document-link {
  font-size: 14px;
  color: #17A2B8;
}

/* line 136, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .msme-document-link:hover {
  text-decoration: none;
}

/* line 141, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .remove-msme-document {
  color: #d14040;
  font-size: 18px;
  cursor: pointer;
}

/* line 147, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .quote-attachment {
  margin-top: 10px;
}

/* line 151, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .quote-attachment-header {
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.7px;
  color: #212529;
  margin-bottom: 1px;
  text-transform: uppercase;
}

/* line 161, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .indent-attachments {
  width: 100%;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 8px 12px;
}

/* line 168, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .indent-attachments span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

/* line 175, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .indent-attachments a {
  font-size: 14px;
  color: #17A2B8;
}

/* line 180, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .indent-attachments div {
  display: flex;
  align-items: center;
}

/* line 186, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form #remainingC {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #868e96;
}

/* line 194, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .enquiry-check {
  line-height: 0;
  padding-top: 15px;
}

/* line 199, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .errorable-label {
  color: #de1616 !important;
}

/* line 203, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .errorable-textbox {
  border-color: #de1616 !important;
}

/* line 207, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .sub-header {
  opacity: 0.9;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
}

/* line 215, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .clear-btn {
  color: #dc3545;
  vertical-align: sub;
}

/* line 220, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .title {
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.3px;
  color: #212529;
  margin-bottom: 0px;
}

/* line 228, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .error-wrapper {
  position: relative;
}

/* line 231, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .error-wrapper .name-error {
  position: absolute;
  font-size: 10px;
  color: #de1616;
  bottom: 4px;
  left: 0;
  letter-spacing: 0.6px;
}

/* line 241, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .authorised-dealership-block .error-wrapper, #new_content .vendor-registration-form .unauthorised-dealership-block .error-wrapper, #new_content .vendor-registration-form .manu-dealership-block .error-wrapper {
  display: inline;
}

/* line 244, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .authorised-dealership-block .error-wrapper .brand-error, #new_content .vendor-registration-form .unauthorised-dealership-block .error-wrapper .brand-error, #new_content .vendor-registration-form .manu-dealership-block .error-wrapper .brand-error {
  bottom: -21px;
}

/* line 248, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .authorised-dealership-block .error-wrapper .product-tag-error, #new_content .vendor-registration-form .unauthorised-dealership-block .error-wrapper .product-tag-error, #new_content .vendor-registration-form .manu-dealership-block .error-wrapper .product-tag-error {
  bottom: -27px;
}

/* line 253, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .product-item-tag .error-wrapper .item-tag-error-box {
  bottom: -18px;
}

/* line 257, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .title-info {
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: -0.2px;
  color: #868e96;
}

/* line 264, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .form-header {
  width: 100%;
  border-bottom: solid 1px #979797;
}

/* line 268, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .form-header span {
  display: inline-block;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.3px;
  color: #212529;
  padding-bottom: 10px;
}

/* line 278, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .contact-block {
  padding: 15px 0px;
  border-bottom: solid 1px #e9e9e9;
}

/* line 282, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .contact-block input {
  width: 22%;
  margin-right: .5%;
  height: 48px;
  border-radius: 3px;
  border: solid 1px #dddddd;
  background-color: #fbfbfb;
  padding: 12px 16px;
}

/* line 293, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .vendor-reg-link {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #17a2b8;
}

/* line 300, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .fixed-mid-width {
  width: 22.5%;
}

/* line 304, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .fixed-sm-width {
  width: 8%;
}

/* line 308, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .vendor-form {
  margin-top: 20px;
}

/* line 311, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .vendor-form .highlight {
  opacity: 0.9;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
  display: inline-block;
  margin-bottom: 30px;
}

/* line 321, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .vendor-form .devider {
  margin-top: 20px;
  border-top: solid 1px #17a2b8;
  margin-bottom: 40px;
}

/* line 327, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .vendor-form .field-list {
  list-style-type: none;
  margin-block-start: 0px;
  padding: 0px;
}

/* line 332, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .vendor-form .field-list li {
  width: 45%;
  margin-right: 5%;
}

/* line 337, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .vendor-form .field-list li:nth-child(odd) {
  float: left;
}

/* line 341, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .vendor-form .field-list li:nth-child(even) {
  float: right;
}

/* line 346, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .vendor-form .form-label {
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.7px;
  color: #212529;
  margin-bottom: 1px;
  text-transform: uppercase;
}

/* line 357, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .vendor-form .form-input input, #new_content .vendor-registration-form .vendor-form .form-input select {
  width: 100%;
  height: 48px;
  border-radius: 3px;
  border: solid 1px #dddddd;
  background-color: #fbfbfb;
  margin-bottom: 20px;
  padding: 12px 16px;
}

/* line 367, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .vendor-form .form-input select {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
}

/* line 373, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .vendor-form .mandatory:after {
  color: red;
  content: ' *';
}

/* line 379, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .field-error {
  bottom: -31px !important;
}

/* line 384, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.progress-bar {
  background-color: white !important;
}

/* line 387, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.progress-bar .header-progress-container {
  width: 100%;
  padding: 30px 10px 0;
  background-color: white;
  border-radius: 10px;
}

/* line 394, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.progress-bar .header-progress-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* line 400, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.progress-bar .header-progress-item {
  position: relative;
  display: inline-block;
  width: 135px;
  text-align: center;
  line-height: 5;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #868e96 !important;
}

/* line 411, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.progress-bar .header-progress-item span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #c0c0c0;
  position: absolute;
  top: 3px;
  left: 50%;
  z-index: 1;
}

/* line 422, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.progress-bar .header-progress-item .active-bar {
  background-color: #17a2b8 !important;
}

/* line 426, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.progress-bar .header-progress-item.active {
  color: #17a2b8 !important;
}

/* line 429, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.progress-bar .header-progress-item.active:after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #00a2ba;
  position: absolute;
  background-color: #fff;
  z-index: 2;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
}

/* line 445, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.progress-bar .header-progress-item.done {
  color: #17a2b8 !important;
}

/* line 449, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.progress-bar .header-progress-item:before {
  position: absolute;
  z-index: 3;
  top: -3px;
  left: 50%;
  height: 14px;
  width: 14px;
  border-radius: 1.2em;
  border: none;
  line-height: 1.2em;
  content: " ";
  background-color: #007d91;
  transform: translateX(-50%);
}

/* line 464, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.progress-bar .header-progress-item.todo:before {
  background-color: #c0c0c0;
}

/* line 470, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.submit-primary-details:hover, .submit-contact-details:hover, .bank_details:hover, .save-n-next:hover {
  text-decoration: none !important;
  color: #FFFFFF !important;
}

/* line 476, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .dealership-details {
  width: 100%;
  display: flex;
  height: calc(100vh - 339px);
}

/* line 482, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .item-list {
  border-right: solid 1px #979797;
  list-style-type: none;
  padding: 0 10px;
  margin: 0 10px 0 0;
  flex: 0 0 auto;
  width: 170px;
}

/* line 490, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .item-list li {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.8px;
  color: #868e96;
  margin: 20px 0px;
}

/* line 498, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .item-list .active-item {
  color: #138294;
  border-left: solid 1.5px #138294;
  padding-left: 10px;
}

/* line 506, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .authorised-dealer-fieldset .brand-name-box {
  width: 25%;
}

/* line 510, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .authorised-dealer-fieldset .auth-attachment-section {
  display: inline-block;
  vertical-align: top;
  width: 25%;
}

/* line 515, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .authorised-dealer-fieldset .auth-attachment-section .indent-attachments {
  padding: 4px;
  padding-left: 8px;
  line-height: 1.5;
}

/* line 520, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .authorised-dealer-fieldset .auth-attachment-section .indent-attachments .remove-auth-vendor-attachment {
  vertical-align: middle;
  color: #dc3545;
  cursor: pointer;
}

/* line 528, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .authorised-dealer-fieldset .product-tags-box {
  width: 45%;
}

/* line 532, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .authorised-dealer-fieldset .certificate-box {
  width: 0;
  visibility: hidden;
  height: 0;
}

/* line 538, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .authorised-dealer-fieldset .brand-attachment-field {
  width: 100%;
}

/* line 541, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .authorised-dealer-fieldset .brand-attachment-field span {
  font-size: 10px;
  letter-spacing: -0.2px;
  color: #212529;
}

/* line 548, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .authorised-dealer-fieldset .cancel-box {
  width: 5%;
}

/* line 553, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .brand-details-header {
  border-bottom: solid 1px #979797;
  padding-bottom: 8px;
  line-height: 0;
  flex: 0 0 auto;
  margin-bottom: 12px;
}

/* line 560, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .brand-details-header span {
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.3px;
  color: #212529;
  display: inline-block;
}

/* line 569, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .brand-details {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* line 575, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .fixed-notice {
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #212529;
  bottom: 60px;
  background-color: #fff;
  margin: 0;
  flex: 0 0 auto;
}

/* line 585, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .brand-wise-details {
  flex: 1 1 auto;
  overflow-y: auto;
}

/* line 590, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .check-notice {
  margin-left: 25%;
  width: 50%;
}

/* line 594, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .check-notice p {
  opacity: 0.9;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  text-align: center;
  color: #212529;
  margin-bottom: 64px;
}

/* line 604, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .check-notice .check-btn-group {
  text-align: center;
}

/* line 608, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .check-notice .check-btn {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  color: #138294;
  padding: 12px 45px;
  cursor: pointer;
  border-radius: 3px;
}

/* line 619, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .check-notice .authorised-check-true, #new_content .vendor-registration-form .check-notice .unauthorised-check-true, #new_content .vendor-registration-form .check-notice .manu-check-true {
  color: #FFFFFF;
  background-color: #138294;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), inset 0 -2px 0 0 rgba(255, 255, 255, 0.15);
  margin-left: 8px;
}

/* line 626, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .check-notice .authorised-check-false, #new_content .vendor-registration-form .check-notice .unauthorised-check-false, #new_content .vendor-registration-form .check-notice .manu-check-false {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1), inset 0 -2px 0 0 rgba(255, 255, 255, 0.15);
  margin-right: 8px;
}

/* line 632, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .authorised-dealer-fieldset {
  min-height: 125px;
  border-bottom: solid 1px #e9e9e9;
  margin-bottom: 10px;
  position: relative;
}

/* line 638, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .authorised-dealer-fieldset .selection {
  line-height: 1.3 !important;
}

/* line 641, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .authorised-dealer-fieldset .selection .select2-selection {
  height: auto !important;
}

/* line 647, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .brand-name-box + .select2-container {
  margin-right: 0px;
  width: 25% !important;
  vertical-align: top;
}

/* line 653, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .select2-container .select2-search--inline .select2-search__field {
  margin-top: 3px;
}

/* line 657, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .product-tags-box + .select2-container {
  margin-right: 0px;
  width: 45% !important;
}

/* line 662, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .select2-selection__choice {
  margin-top: 0px !important;
  margin-bottom: 5px !important;
  background-color: #138294 !important;
  border-radius: 3px !important;
  border: 1px solid #138294 !important;
  color: #FFFFFF !important;
  line-height: 1.5 !important;
}

/* line 672, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .select2-selection__choice__remove {
  float: right !important;
  margin-left: 6px !important;
  color: #282828 !important;
}

/* line 677, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .select2-selection__choice__remove:hover {
  color: #dc3545 !important;
}

/* line 682, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .tag-suggestion-block {
  margin-left: calc(25% + 5px);
  width: 45%;
  padding: 6px 12px;
  border: solid 1px #dddddd;
  background-color: #fbfbfb;
  border-radius: 3px;
  margin-bottom: 6px;
  margin-top: 17px;
}

/* line 692, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .tag-suggestion-block .suggestion-header {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #868e96;
}

/* line 700, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .tag-suggestion-block .item-type-tags {
  border-radius: 100px;
  border: solid 1px #17a2b8;
  padding: 5px 8px;
  margin-right: 8px;
  margin-bottom: 3px;
  display: inline-block;
  line-height: 0;
}

/* line 709, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .tag-suggestion-block .item-type-tags .tag-desc {
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #282828;
  font-weight: normal;
}

/* line 718, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
#new_content .vendor-registration-form .tag-suggestion-block .add-tag-auth {
  font-size: 16px;
  color: #138294;
  vertical-align: middle;
  cursor: pointer;
}

/* line 727, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.product-item-tag > .error-wrapper {
  width: 50%;
}

/* line 731, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.product-item-tag > .error-wrapper > .select2-container {
  width: 100% !important;
}

/* line 735, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.product-item-tag > .select2-container > span > .select2-selection--multiple {
  height: auto !important;
}

/* line 739, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.add-product-item-tag {
  width: 50%;
  padding: 10px;
  border-radius: 3px;
  border: solid 1px #dddddd;
  background-color: #fbfbfb;
  margin-bottom: 10px;
}

/* line 747, app/assets/stylesheets/new_styles/new_vendor_reg.scss */
.add-product-item-tag span {
  display: inline-block;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #ffffff;
  padding: 5px 13px;
  margin-right: 5px;
  border-radius: 4px;
  background-color: #006c7e;
  margin-bottom: 3px;
}
/* line 1, app/assets/stylesheets/new_styles/form_review.scss */
.padding-top {
  padding-top: 12px;
  display: inline-block;
}

/* line 6, app/assets/stylesheets/new_styles/form_review.scss */
#new_content .vendor-registration-form-review {
  margin-bottom: 100px;
}

/* line 9, app/assets/stylesheets/new_styles/form_review.scss */
#new_content .vendor-registration-form-review .checked {
  color: #17a2b8;
}

/* line 13, app/assets/stylesheets/new_styles/form_review.scss */
#new_content .vendor-registration-form-review .key_person_details {
  table-layout: fixed;
  margin-bottom: 40px;
}

/* line 17, app/assets/stylesheets/new_styles/form_review.scss */
#new_content .vendor-registration-form-review .key_person_details thead tr {
  height: 44px !important;
  background-color: #FFFFFF !important;
}

/* line 21, app/assets/stylesheets/new_styles/form_review.scss */
#new_content .vendor-registration-form-review .key_person_details thead tr th {
  padding-bottom: 10px !important;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.3px;
  color: #212529;
  text-transform: none;
  font-weight: 500;
}

/* line 32, app/assets/stylesheets/new_styles/form_review.scss */
#new_content .vendor-registration-form-review .key_person_details tbody tr {
  background-color: #FFFFFF !important;
  border-bottom: solid 1px #e9e9e9;
}

/* line 36, app/assets/stylesheets/new_styles/form_review.scss */
#new_content .vendor-registration-form-review .key_person_details tbody tr td {
  padding-left: 23px !important;
}

/* line 39, app/assets/stylesheets/new_styles/form_review.scss */
#new_content .vendor-registration-form-review .key_person_details tbody tr td a {
  color: #1A8798;
}

/* line 47, app/assets/stylesheets/new_styles/form_review.scss */
#new_content .vendor-registration-form-review section header {
  opacity: 0.9;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
  margin-bottom: 20px;
}

/* line 56, app/assets/stylesheets/new_styles/form_review.scss */
#new_content .vendor-registration-form-review section .sub-header {
  opacity: 0.9;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.3px;
  color: #2eabbf;
  margin-bottom: 24px;
  text-transform: uppercase;
}

/* line 67, app/assets/stylesheets/new_styles/form_review.scss */
#new_content .vendor-registration-form-review section .details-block .product-tags {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.3px;
  color: #212529;
}

/* line 74, app/assets/stylesheets/new_styles/form_review.scss */
#new_content .vendor-registration-form-review section .details-block .details-block-item {
  width: 45%;
  margin-right: 5%;
  min-height: 75px;
}

/* line 79, app/assets/stylesheets/new_styles/form_review.scss */
#new_content .vendor-registration-form-review section .details-block .details-block-item span:first-child {
  display: block;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: -0.2px;
  color: #212529;
}

/* line 87, app/assets/stylesheets/new_styles/form_review.scss */
#new_content .vendor-registration-form-review section .details-block .details-block-item span:last-child {
  display: block;
  opacity: 0.9;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #212529;
  margin-bottom: 25px;
}

/* line 98, app/assets/stylesheets/new_styles/form_review.scss */
#new_content .vendor-registration-form-review section .details-block .details-block-item:nth-child(odd) {
  float: left;
}

/* line 102, app/assets/stylesheets/new_styles/form_review.scss */
#new_content .vendor-registration-form-review section .details-block .details-block-item:nth-child(even) {
  float: right;
}

/* line 109, app/assets/stylesheets/new_styles/form_review.scss */
.success-page {
  font-family: helvetica;
}

/* line 112, app/assets/stylesheets/new_styles/form_review.scss */
.success-page .heading {
  opacity: 0.9;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 30px;
}

/* line 123, app/assets/stylesheets/new_styles/form_review.scss */
.success-page .sub-heading {
  opacity: 0.9;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #17a2b8;
  margin-bottom: 20px;
}

/* line 132, app/assets/stylesheets/new_styles/form_review.scss */
.success-page .content {
  background-color: #e9e9e9;
  margin-left: 20%;
  margin-right: 20%;
  padding: 20px;
  border-radius: 3px;
  border: 1px solid #17a2b8;
}

/* line 140, app/assets/stylesheets/new_styles/form_review.scss */
.success-page .content p {
  margin-bottom: 0;
}

/* line 145, app/assets/stylesheets/new_styles/form_review.scss */
.success-page .copyright {
  bottom: 0;
  text-align: center;
  position: fixed;
  width: 100%;
}

/* line 151, app/assets/stylesheets/new_styles/form_review.scss */
.success-page .copyright a {
  color: #17a2b8;
}

/* line 156, app/assets/stylesheets/new_styles/form_review.scss */
.success-page .add-margin-top {
  margin-top: 130px !important;
}

/* line 161, app/assets/stylesheets/new_styles/form_review.scss */
.copyright {
  width: 100%;
  margin-top: 10px;
}

/* line 165, app/assets/stylesheets/new_styles/form_review.scss */
.copyright a {
  color: #17a2b8;
}

/* line 170, app/assets/stylesheets/new_styles/form_review.scss */
.page-review-form {
  left: 0;
  text-align: center;
}

/* line 175, app/assets/stylesheets/new_styles/form_review.scss */
.vendor-review-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 480px) {
  /* line 182, app/assets/stylesheets/new_styles/form_review.scss */
  .details-block {
    display: flex;
    flex-direction: column;
  }
  /* line 187, app/assets/stylesheets/new_styles/form_review.scss */
  .details-item-info {
    font-size: 16px !important;
  }
}

@media (min-width: 481px) and (max-width: 780px) {
  /* line 193, app/assets/stylesheets/new_styles/form_review.scss */
  .details-item-info {
    font-size: 16px !important;
  }
}
/* line 4, app/assets/stylesheets/new_styles/workers.scss */
#new_content .worker-list-form .worker-list {
  width: 100%;
}

/* line 7, app/assets/stylesheets/new_styles/workers.scss */
#new_content .worker-list-form .worker-list .name {
  width: 35%;
  padding-left: 26px;
}

/* line 12, app/assets/stylesheets/new_styles/workers.scss */
#new_content .worker-list-form .worker-list .mobile {
  width: 20%;
  padding-bottom: 50px;
}

/* line 17, app/assets/stylesheets/new_styles/workers.scss */
#new_content .worker-list-form .worker-list .warehouse {
  width: 30%;
}

/* line 21, app/assets/stylesheets/new_styles/workers.scss */
#new_content .worker-list-form .worker-list .active {
  width: 10%;
  padding-bottom: 50px;
}

/* line 26, app/assets/stylesheets/new_styles/workers.scss */
#new_content .worker-list-form .worker-list .inactive {
  opacity: 0.5;
}

/* line 30, app/assets/stylesheets/new_styles/workers.scss */
#new_content .worker-list-form .worker-list .inactive-status {
  color: #ff2525cb;
  border: 2px solid #ff2525cb;
  border-radius: 25px;
  padding: 2px 5px;
}

/* line 37, app/assets/stylesheets/new_styles/workers.scss */
#new_content .worker-list-form .worker-list .edit {
  width: 5%;
}

/* line 41, app/assets/stylesheets/new_styles/workers.scss */
#new_content .worker-list-form .worker-list .worker-name {
  padding-left: 26px;
}

/* line 46, app/assets/stylesheets/new_styles/workers.scss */
#new_content .worker-list-form .apply-search {
  height: 39px;
  width: 250px;
  border-top: solid 1px #979797;
}

/* line 52, app/assets/stylesheets/new_styles/workers.scss */
#new_content .worker-list-form .apply {
  border-radius: 3px;
  border: solid 1px #17a2b8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  color: #138294;
  padding: 3px;
  display: inline-block;
  position: absolute;
  bottom: 6px;
  right: 15px;
  font-weight: 500;
}

/* line 68, app/assets/stylesheets/new_styles/workers.scss */
#new_content .worker-list-form .apply:hover {
  background-color: #138294;
  color: #ffffff;
}

/* line 74, app/assets/stylesheets/new_styles/workers.scss */
#new_content .worker-list-form .item-list-action-btns {
  margin-top: 30px;
}

/* line 79, app/assets/stylesheets/new_styles/workers.scss */
.create-worker-new {
  border: none;
}

/* line 84, app/assets/stylesheets/new_styles/workers.scss */
#new_content .worker-warehouse-select {
  -webkit-appearance: menulist;
}

/* line 88, app/assets/stylesheets/new_styles/workers.scss */
#new_content .worker-active-checkbox {
  height: 16px;
  width: 16px;
  margin-top: 3px;
}

/* line 96, app/assets/stylesheets/new_styles/workers.scss */
.error-container .panel-body {
  font-size: 14px;
  color: red;
}

/* line 102, app/assets/stylesheets/new_styles/workers.scss */
#new_worker_modal .modal-header {
  padding: 12px 25px;
  border-bottom: 1px solid #aaa8a8;
}

/* line 107, app/assets/stylesheets/new_styles/workers.scss */
#new_worker_modal .modal-body {
  min-height: 250px;
  margin-top: 20px;
}
/* line 3, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section {
  margin-top: 61px;
}

/* line 6, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .white-bg {
  background-color: #ffffff;
}

/* line 10, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .grey-bg {
  background-color: #f5f1f1;
}

/* line 14, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section input {
  margin-bottom: 8px;
  margin-top: 6px;
}

/* line 19, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .head {
  padding: 10px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

/* line 25, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .grn-report .item-name {
  min-width: 170px;
  max-width: 170px;
}

/* line 30, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .grn-report .company {
  min-width: 140px;
  max-width: 140px;
}

/* line 35, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .grn-report .grn-no, #new_content .new-reports-section .grn-report .po-no, #new_content .new-reports-section .grn-report .by, #new_content .new-reports-section .grn-report .grn-date {
  min-width: 100px;
  max-width: 100px;
}

/* line 40, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .grn-report .group, #new_content .new-reports-section .grn-report .vendor, #new_content .new-reports-section .grn-report .brand, #new_content .new-reports-section .grn-report .remarks {
  min-width: 120px;
  max-width: 120px;
}

/* line 45, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .grn-report .brand, #new_content .new-reports-section .grn-report .remarks {
  min-width: 120px;
  max-width: 120px;
  padding-bottom: 50px;
}

/* line 51, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .grn-report .recd-qty, #new_content .new-reports-section .grn-report .rate, #new_content .new-reports-section .grn-report .discount, #new_content .new-reports-section .grn-report .gst, #new_content .new-reports-section .grn-report .total, #new_content .new-reports-section .grn-report .attachment {
  min-width: 100px;
  max-width: 100px;
  padding-bottom: 50px;
}

/* line 57, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .grn-report .basic {
  min-width: 120px;
  max-width: 120px;
  padding-bottom: 50px;
}

/* line 63, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .grn-report .view-grn {
  min-width: 100px;
  max-width: 100px;
}

/* line 68, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .grn-report .grn-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
}

/* line 78, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .report-name {
  width: 100%;
  -webkit-appearance: menulist;
}

/* line 82, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .report-name option {
  font-size: 14px;
  font-weight: normal;
}

/* line 88, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .report-date-range {
  width: 100%;
}

/* line 92, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section label {
  margin-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #868e96;
}

/* line 103, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section #date_range_picker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: -0.2px;
  width: 100%;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #138294;
  padding: 5px;
  vertical-align: middle;
  display: inline-block;
}

/* line 116, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .generate-report {
  background-color: #17a2b8;
  float: right;
  margin-right: 50px;
  margin-top: 7px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  padding: 12px 40px;
  border-radius: 3px;
  border: 1px solid #155a65;
  cursor: pointer;
  letter-spacing: 0.7px;
}

/* line 130, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .generate-report:hover {
  background-color: #138294;
}

/* line 135, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .po-report {
  width: 100%;
}

/* line 138, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .po-report .item-name {
  width: 17%;
}

/* line 142, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .po-report .po-no {
  width: 10%;
}

/* line 146, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .po-report .po-date {
  width: 10%;
}

/* line 150, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .po-report .brands {
  width: 10%;
}

/* line 154, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .po-report .del-date {
  width: 12%;
  padding-bottom: 50px;
}

/* line 159, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .po-report .indent-no {
  width: 10%;
}

/* line 163, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .po-report .vendor {
  width: 13%;
}

/* line 167, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .po-report .qty-pending {
  width: 10%;
  padding-bottom: 50px;
}

/* line 172, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .po-report .view-po {
  width: 8%;
}

/* line 176, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .po-report .po-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
}

/* line 186, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .po-history {
  margin-top: 60px;
}

/* line 190, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .grn-attachments {
  width: 100%;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 8px 12px;
}

/* line 197, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .grn-attachments span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

/* line 204, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .grn-attachments a {
  font-size: 14px;
  color: #17A2B8;
}

/* line 209, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .grn-attachments div {
  display: flex;
  align-items: center;
}

/* line 214, app/assets/stylesheets/new_styles/new_reports.scss */
#new_content .new-reports-section .grn-attachments .remove-grn-attachment {
  font-size: 16px;
  margin-left: 15px;
  color: red;
  cursor: pointer;
}
@charset "UTF-8";
/* line 3, app/assets/stylesheets/new_styles/landed_cost.scss */
.vendor-list-header {
  clear: both;
}

/* line 8, app/assets/stylesheets/new_styles/landed_cost.scss */
.landed-cost-header div div {
  margin-top: 0;
  padding-top: 0;
}

/* line 12, app/assets/stylesheets/new_styles/landed_cost.scss */
.landed-cost-header div div .export-button-group {
  margin-top: 0;
  padding-top: 0;
}

/* line 20, app/assets/stylesheets/new_styles/landed_cost.scss */
#view_clarification_modal .modal-header {
  border-bottom: solid 1px #979797;
  padding: 15px;
}

/* line 25, app/assets/stylesheets/new_styles/landed_cost.scss */
#view_clarification_modal #additional_info_reply, #view_clarification_modal #text_message {
  width: 498px;
  height: 75px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 9px 14px;
  margin-top: 10px;
}

/* line 35, app/assets/stylesheets/new_styles/landed_cost.scss */
#view_clarification_modal .person-details {
  color: #848484;
  font-size: 12px;
  padding-top: 7px;
  margin-right: 10px;
}

/* line 42, app/assets/stylesheets/new_styles/landed_cost.scss */
#view_clarification_modal .spec-details {
  font-size: 16px;
  border-bottom: solid 1px #dddddd;
  padding-bottom: 10px;
  padding-left: 7px;
  padding-right: 7px;
  clear: both;
  color: #464646;
}

/* line 52, app/assets/stylesheets/new_styles/landed_cost.scss */
#view_clarification_modal .indent-spec-content {
  max-height: 400px;
  overflow-y: auto;
}

/* line 56, app/assets/stylesheets/new_styles/landed_cost.scss */
#view_clarification_modal .indent-spec-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

/* line 61, app/assets/stylesheets/new_styles/landed_cost.scss */
#view_clarification_modal .indent-spec-content::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

/* line 66, app/assets/stylesheets/new_styles/landed_cost.scss */
#view_clarification_modal .indent-spec-content::-webkit-scrollbar-thumb {
  background-color: #868e96;
  border-radius: 3px;
}

/* line 73, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 77, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #clarification_modal .modal-header, #new_content .landed-cost #chat_modal .modal-header {
  border-bottom: solid 1px #979797;
  padding: 15px;
}

/* line 82, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #clarification_modal #additional_info_reply, #new_content .landed-cost #clarification_modal #text_message, #new_content .landed-cost #chat_modal #additional_info_reply, #new_content .landed-cost #chat_modal #text_message {
  width: 498px;
  height: 75px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 9px 14px;
  margin-top: 10px;
}

/* line 92, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #clarification_modal .person-details, #new_content .landed-cost #chat_modal .person-details {
  color: #848484;
  font-size: 12px;
  padding-top: 7px;
  margin-right: 10px;
}

/* line 99, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #clarification_modal .spec-details, #new_content .landed-cost #chat_modal .spec-details {
  font-size: 16px;
  border-bottom: solid 1px #dddddd;
  padding-bottom: 10px;
  padding-left: 7px;
  padding-right: 7px;
  clear: both;
  color: #464646;
}

/* line 109, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #clarification_modal .indent-spec-content, #new_content .landed-cost #chat_modal .indent-spec-content {
  max-height: 400px;
  overflow-y: auto;
}

/* line 113, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #clarification_modal .indent-spec-content::-webkit-scrollbar-track, #new_content .landed-cost #chat_modal .indent-spec-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

/* line 118, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #clarification_modal .indent-spec-content::-webkit-scrollbar, #new_content .landed-cost #chat_modal .indent-spec-content::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

/* line 123, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #clarification_modal .indent-spec-content::-webkit-scrollbar-thumb, #new_content .landed-cost #chat_modal .indent-spec-content::-webkit-scrollbar-thumb {
  background-color: #868e96;
  border-radius: 3px;
}

/* line 130, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .modal-dialog .modal-content .modal-calcel-btn {
  margin-right: 0;
}

/* line 135, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #exampleModalRight .modal-body {
  padding: 0;
}

/* line 139, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #exampleModalRight .previous-bid-table {
  width: 100%;
  table-layout: fixed;
}

/* line 144, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #exampleModalRight .previous-bid-table thead tr {
  height: 34px;
}

/* line 148, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #exampleModalRight .previous-bid-table thead th {
  padding: 0;
  width: auto;
  border: none;
  border-bottom: solid 1px #979797;
}

/* line 154, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #exampleModalRight .previous-bid-table thead th:first-child {
  padding-left: 15px;
}

/* line 161, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #exampleModalRight .previous-bid-table tbody tr {
  height: auto;
  background-color: #FFFFFF;
}

/* line 166, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #exampleModalRight .previous-bid-table tbody td {
  padding: 8px 5px;
  border-bottom: solid 1px #e9e9e9;
}

/* line 170, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #exampleModalRight .previous-bid-table tbody td:first-child {
  padding-left: 15px;
}

/* line 177, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #exampleModalRight #exampleModalLongTitle {
  opacity: 0.9;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
}

/* line 184, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost #exampleModalRight #exampleModalLongTitle span {
  display: block;
  opacity: 0.9;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #212529;
}

/* line 195, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .exampleModalRight_new {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 198, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .exampleModalRight_new .modal-dialog {
  right: 0;
  height: calc(100vh - 60px);
  top: 60px;
  position: fixed;
  margin: auto;
  max-width: 700px;
  min-width: 700px;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

/* line 212, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .exampleModalRight_new .modal-content {
  min-width: unset;
  border-radius: 0;
  height: 100%;
}

/* line 217, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .exampleModalRight_new .modal-content .modal-header {
  border-bottom: solid 1px #979797;
  padding: 22px;
  flex: 0 0 auto;
}

/* line 222, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .exampleModalRight_new .modal-content .modal-header h5 {
  opacity: 0.9;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
}

/* line 231, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .exampleModalRight_new .modal-content .modal-body {
  padding: 0px 32px !important;
  overflow-y: auto;
}

/* line 235, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .exampleModalRight_new .modal-content .modal-body .primary-details-header {
  opacity: 0.9;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
  margin-top: 24px;
}

/* line 244, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .exampleModalRight_new .modal-content .modal-body .basic-details {
  margin-top: 20px;
  opacity: 0.9;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.3px;
  color: #2eabbf;
}

/* line 253, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .exampleModalRight_new .modal-content .modal-body .basic-details-block {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #17a2b8;
}

/* line 258, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .exampleModalRight_new .modal-content .modal-body .basic-details-block:last-child {
  border-bottom: none;
}

/* line 263, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .exampleModalRight_new .modal-content .modal-body .contact-persons-table {
  table-layout: fixed;
  width: 100%;
}

/* line 267, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .exampleModalRight_new .modal-content .modal-body .contact-persons-table th {
  height: 68px;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.3px;
  color: #212529;
  border-bottom: solid 1.5px #979797;
  background-color: #FFFFFF;
  text-transform: none;
  padding: 0;
  padding-left: 16px;
  font-weight: normal;
}

/* line 281, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .exampleModalRight_new .modal-content .modal-body .contact-persons-table tr {
  height: 68px;
  background-color: #FFFFFF;
}

/* line 285, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .exampleModalRight_new .modal-content .modal-body .contact-persons-table tr td {
  padding-left: 16px;
  border-bottom: solid 1px #e9e9e9;
}

/* line 296, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-reminder-modal #exampleModalLongTitle {
  opacity: 0.9;
  line-height: 29px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #212529;
}

/* line 304, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-reminder-modal #exampleModalLongTitle span {
  display: block;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: #212529;
}

/* line 313, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-reminder-modal .checkbox-check {
  margin-bottom: 2px;
  padding-right: 8px;
}

/* line 318, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-reminder-modal .rem-vendor {
  padding: 10px 0px;
  border-bottom: solid 1px #e9e9e9;
}

/* line 323, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-reminder-modal .rfq-reminder-btn, #new_content .landed-cost .rfq-reminder-modal .manual-quote-btn {
  min-width: 235px;
  min-height: 48px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 14px;
  border-radius: 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
  background-color: #17A2B8;
  color: #FFFFFF;
  box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.15);
}

/* line 340, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-reminder-modal .rfq-reminder-btn:hover, #new_content .landed-cost .rfq-reminder-modal .manual-quote-btn:hover {
  background-color: #1A8798;
}

/* line 345, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-reminder-modal .modal-calcel-btn {
  margin-right: 26px !important;
}

/* line 350, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .cancel-changes-btn {
  display: inline-block;
}

/* line 353, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .cancel-changes-btn:hover {
  text-decoration: none;
}

/* line 358, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .attachment a {
  padding: 0;
}

/* line 361, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .attachment a:hover {
  text-decoration: none;
}

/* line 365, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .attachment a a {
  display: inline-block;
  line-height: 0;
}

/* line 370, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .attachment a i {
  color: #2eabbf;
}

/* line 375, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .pick-item-check {
  font-size: 20px;
  color: #138294;
  cursor: pointer;
  vertical-align: middle;
}

/* line 382, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .price-bit-history, #new_content .landed-cost .more-info {
  display: block;
  font-size: 12px;
  letter-spacing: -0.2px;
  color: #17a2b8;
  text-decoration: underline;
  cursor: pointer;
}

/* line 391, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .flash-btn-section div {
  margin-bottom: 15px;
}

/* line 395, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-items-header {
  opacity: 0.9;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #212529;
}

/* line 403, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .clearfix {
  clear: both;
}

/* line 407, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-items-table {
  width: 100%;
  table-layout: fixed;
  margin: 21px 0px;
  font-size: 14px;
}

/* line 413, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-items-table .active-note {
  color: #2eabbf;
  cursor: pointer;
}

/* line 419, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-items-table thead tr {
  height: 52px;
}

/* line 423, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-items-table thead th:last-child {
  padding: 0;
}

/* line 427, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-items-table thead th:first-child {
  padding-bottom: 0;
}

/* line 433, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-items-table tbody tr {
  background-color: #FFFFFF;
  border-bottom: solid 1px #e9e9e9;
}

/* line 437, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-items-table tbody tr .lapsed-requirement-date {
  color: #dc3545;
}

/* line 441, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-items-table tbody tr td {
  padding-left: 0px;
}

/* line 445, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-items-table tbody tr td:first-child {
  padding-left: 23px;
}

/* line 450, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-items-table tbody .word-wrap {
  word-wrap: break-word;
}

/* line 456, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-items {
  border-bottom: solid 1px #17a2b8;
  margin-bottom: 37px;
  margin-top: 15px;
}

/* line 461, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-items .indent-toggle-btn, #new_content .landed-cost .rfq-items .show-sg-vendor-btn {
  margin-bottom: 17px;
}

/* line 464, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-items .indent-toggle-btn span, #new_content .landed-cost .rfq-items .show-sg-vendor-btn span {
  color: #2eabbf;
  opacity: 0.9;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.3px;
  cursor: pointer;
}

/* line 472, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-items .indent-toggle-btn span:hover, #new_content .landed-cost .rfq-items .show-sg-vendor-btn span:hover {
  color: #217d8c;
}

/* line 479, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-info {
  margin-top: 37px;
}

/* line 482, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-info .rfq-other-option {
  float: right;
}

/* line 485, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-info .rfq-other-option a {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  background-color: #138294;
  margin-right: 10px;
  padding: 4px 24px;
  cursor: pointer;
}

/* line 497, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-info .rfq-other-option a:hover {
  text-decoration: none;
  background-color: #0c515d;
}

/* line 504, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-info .rfq-details {
  margin-right: 67px;
  display: inline-block;
}

/* line 508, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-info .rfq-details span {
  display: block;
  line-height: 1;
}

/* line 512, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-info .rfq-details span:first-child {
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: -0.2px;
  color: #212529;
}

/* line 519, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-info .rfq-details span:last-child {
  opacity: 0.9;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #212529;
}

/* line 529, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-info .rfq-other-details {
  margin-right: 27px;
}

/* line 532, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-info .rfq-other-details .rem-vendor-name-block .rem-vendor-name {
  color: #17A2B8 !important;
  display: inline-block;
  cursor: pointer;
  opacity: 0.9;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
}

/* line 541, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-info .rfq-other-details .rem-vendor-name-block .rem-vendor-name:hover {
  color: #107282 !important;
}

/* line 545, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-info .rfq-other-details .rem-vendor-name-block .rem-vendor-name .rfq-reminder-count {
  display: inline;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
}

/* line 554, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-info .rfq-info-btn-group {
  display: inline-block;
}

/* line 557, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-info .rfq-info-btn-group span {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  background-color: #138294;
  margin-right: 10px;
  padding: 4px 24px;
  cursor: pointer;
}

/* line 569, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .rfq-info .rfq-info-btn-group span:hover {
  background-color: #0c515d;
}

/* line 576, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .dark-bottom-border {
  border-bottom: solid 1px #bcbcbc;
}

/* line 580, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .total-class {
  font-weight: 600;
  font-size: 15px !important;
}

/* line 585, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-view-action-div {
  position: initial;
}

/* line 589, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table {
  margin-top: 22px;
  margin-bottom: 30px;
}

/* line 595, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table thead tr {
  height: 23px;
  border: solid 1px #EBEBEB;
}

/* line 599, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table thead tr th {
  width: auto;
  padding: 0;
  border: none;
  padding-left: 10px;
}

/* line 620, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .edit-picked-quote-btn {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-align: center;
  color: #17a2b8;
  border-radius: 4px;
  border: solid 1px #17a2b8;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 6px 18px;
  margin-right: 6px;
}

/* line 634, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .edit-picked-quote-btn:hover {
  color: #217d8c;
  background-color: #EAE8E8;
}

/* line 640, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody tr {
  background-color: #FFFFFF;
}

/* line 643, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody tr td:last-child {
  border-right: solid 1px #bcbcbc;
}

/* line 647, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody tr .dark-left-border {
  border-left: solid 1px #bcbcbc;
}

/* line 651, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody tr .light-left-border {
  border-left: solid 1px rgba(188, 188, 188, 0.4);
}

/* line 655, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody tr .previous-po, #new_content .landed-cost .qc-table tbody tr .lowest-po {
  text-align: center;
  padding-left: 0px !important;
}

/* line 659, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody tr .previous-po a, #new_content .landed-cost .qc-table tbody tr .lowest-po a {
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #17a2b8;
  cursor: pointer;
  text-decoration: underline;
}

/* line 666, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody tr .previous-po a:hover, #new_content .landed-cost .qc-table tbody tr .lowest-po a:hover {
  color: #217d8c;
}

/* line 673, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .terms-row {
  height: 20px;
}

/* line 676, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .terms-row td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* line 682, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .quote-btn-group-row {
  height: 40px;
}

/* line 685, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .quote-btn-group-row td {
  padding: 20px 0px;
  border-bottom: solid 1px #bcbcbc;
}

/* line 690, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .quote-btn-group-row .quote-btn-group {
  text-align: center;
}

/* line 693, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .quote-btn-group-row .quote-btn-group .counter-quote-btn, #new_content .landed-cost .qc-table tbody .quote-btn-group-row .quote-btn-group .edit-quote-btn {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-align: center;
  color: #17a2b8;
  border-radius: 4px;
  border: solid 1px #17a2b8;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
}

/* line 705, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .quote-btn-group-row .quote-btn-group .counter-quote-btn:hover, #new_content .landed-cost .qc-table tbody .quote-btn-group-row .quote-btn-group .edit-quote-btn:hover {
  color: #217d8c;
  background-color: #EAE8E8;
}

/* line 711, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .quote-btn-group-row .quote-btn-group .counter-quote-btn {
  padding: 6px 25px;
}

/* line 715, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .quote-btn-group-row .quote-btn-group .edit-quote-btn {
  padding: 6px 40px;
}

/* line 730, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .quote-btn-group-row .quote-btn-group .chat-vendor-replied {
  font-weight: 700;
  color: #ffffff;
  background-color: #11a008;
  border-color: #11a008;
}

/* line 736, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .quote-btn-group-row .quote-btn-group .chat-vendor-replied:hover {
  color: #ffffff;
  background-color: #0d7d06;
}

/* line 744, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .alternate-quote {
  background-color: #f4f4f4;
}

/* line 748, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .qc-indent-details td, #new_content .landed-cost .qc-table tbody .alternate-quote td {
  border-bottom: solid 1px rgba(188, 188, 188, 0.4);
}

/* line 752, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .qc-vendor-header {
  height: 40px;
}

/* line 755, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .qc-vendor-header td {
  border-bottom: solid 1px #979797;
}

/* line 760, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .qc-vendor-details {
  padding-bottom: 10px;
}

/* line 763, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .qc-vendor-details .counter-offer-status {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 1px 8px;
  border: 1px solid black;
  width: 173px;
  margin: 0 auto;
  border-radius: 14px;
}

/* line 774, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .qc-vendor-details .counter-offer-sent {
  color: #a09c08;
  border-color: #a09c08;
  width: 125px;
  margin-top: 3px;
}

/* line 781, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .qc-vendor-details .counter-offer-received {
  color: #11a008;
  border-color: #11a008;
  margin-top: 3px;
}

/* line 787, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .qc-vendor-details td {
  text-align: center;
  border-left: solid 1px #bcbcbc;
}

/* line 792, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .qc-vendor-details span {
  display: block;
}

/* line 796, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .qc-vendor-details .request-date {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.67;
  letter-spacing: 0.2px;
  text-align: center;
  color: #868e96;
}

/* line 805, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .qc-vendor-details .request-contact {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.65;
  letter-spacing: 0.15px;
  text-align: center;
  color: #868e96c3;
}

/* line 814, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .qc-vendor-details .request-vendor {
  opacity: 0.9;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #17A2B8;
  line-height: 1;
  cursor: pointer;
}

/* line 822, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .qc-table tbody .qc-vendor-details .request-vendor:hover {
  color: #107282;
}

/* line 830, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .trading-quote-btn {
  background-color: #fafafa;
  border-radius: 4px;
  padding: 4px 45px;
  border: 1px solid #138294;
  text-transform: uppercase;
  color: #138394;
  cursor: pointer;
  font-size: 12px;
}

/* line 840, app/assets/stylesheets/new_styles/landed_cost.scss */
#new_content .landed-cost .trading-quote-btn:hover {
  background-color: #EAE8E8;
}

/* line 846, app/assets/stylesheets/new_styles/landed_cost.scss */
.vendor-reminder-note {
  width: 100%;
  margin-top: 40px;
}

@media (max-width: 768px) {
  /* line 852, app/assets/stylesheets/new_styles/landed_cost.scss */
  .landed-cost-header {
    margin-top: 30px;
    min-height: 1px;
    height: 50px;
  }
  /* line 857, app/assets/stylesheets/new_styles/landed_cost.scss */
  .landed-cost-header div {
    font-size: 20px;
    padding-left: 5px;
  }
  /* line 864, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost {
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 868, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost #clarification_modal #additional_info_reply, #new_content .landed-cost #chat_modal #text_message {
    width: 100%;
  }
  /* line 872, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .rfq-info {
    margin-top: 0;
  }
  /* line 875, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .rfq-info .rfq-details {
    margin-right: 10px;
  }
  /* line 878, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .rfq-info .rfq-details span:last-child {
    font-size: 16px;
  }
  /* line 883, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .rfq-info .rfq-other-details .rem-vendor-name-block .rem-vendor-name {
    font-size: 14px;
    display: inline-block;
  }
  /* line 889, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .qc-table-container {
    width: 100%;
    overflow: auto;
  }
  /* line 894, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .qc-table {
    margin-bottom: 20px;
  }
  /* line 898, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .qc-table tbody .qc-vendor-details {
    padding-bottom: 3px;
    height: auto;
  }
  /* line 902, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .qc-table tbody .qc-vendor-details .request-vendor {
    font-size: 14px;
  }
  /* line 906, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .qc-table tbody .qc-vendor-details .request-address {
    font-size: 10px;
  }
  /* line 910, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .qc-table tbody .qc-vendor-details .request-date {
    line-height: 1;
    font-weight: 500;
  }
  /* line 916, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .qc-table tbody .quote-btn-group-row {
    height: auto;
  }
  /* line 919, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .qc-table tbody .quote-btn-group-row td {
    padding: 10px;
  }
  /* line 924, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .qc-table tbody .qc-vendor-header, #new_content .landed-cost .qc-table tbody .qc-indent-details, #new_content .landed-cost .qc-table tbody .terms-row {
    height: auto;
  }
  /* line 927, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .qc-table tbody .qc-vendor-header .qc-rank, #new_content .landed-cost .qc-table tbody .qc-vendor-header .qc-item-remarks, #new_content .landed-cost .qc-table tbody .qc-indent-details .qc-rank, #new_content .landed-cost .qc-table tbody .qc-indent-details .qc-item-remarks, #new_content .landed-cost .qc-table tbody .terms-row .qc-rank, #new_content .landed-cost .qc-table tbody .terms-row .qc-item-remarks {
    min-width: 90px !important;
  }
  /* line 931, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .qc-table tbody .qc-vendor-header td, #new_content .landed-cost .qc-table tbody .qc-indent-details td, #new_content .landed-cost .qc-table tbody .terms-row td {
    min-width: 50px !important;
    font-size: 12px;
    padding: 2px;
    vertical-align: top;
    word-break: break-all;
  }
  /* line 939, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .qc-table tbody .qc-vendor-header td:first-child, #new_content .landed-cost .qc-table tbody .qc-indent-details td:first-child, #new_content .landed-cost .qc-table tbody .terms-row td:first-child {
    min-width: 120px !important;
    font-size: 12px;
    padding: 2px;
    vertical-align: top;
    word-break: break-all;
  }
  /* line 947, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .qc-table tbody .qc-vendor-header .total-class, #new_content .landed-cost .qc-table tbody .qc-indent-details .total-class, #new_content .landed-cost .qc-table tbody .terms-row .total-class {
    font-size: 12px !important;
  }
  /* line 952, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .qc-table tbody .quote-btn-group-row .quote-btn-group .edit-quote-btn, #new_content .landed-cost .qc-table tbody .quote-btn-group-row .quote-btn-group .counter-quote-btn {
    padding: 4px 7px;
  }
  /* line 959, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .qc-table tbody .edit-picked-quote-btn {
    padding: 4px 7px;
  }
  /* line 966, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .rfq-reminder-modal .rfq-reminder-btn, #new_content .landed-cost .rfq-reminder-modal .manual-quote-btn {
    padding: 7px 15px;
    min-height: 0;
    min-width: 0;
  }
  /* line 972, app/assets/stylesheets/new_styles/landed_cost.scss */
  #new_content .landed-cost .rfq-reminder-modal .rem-vendor {
    font-size: 14px;
    padding: 5px 0;
  }
  /* line 981, app/assets/stylesheets/new_styles/landed_cost.scss */
  #exampleModalRight_old .modal-dialog, #new_content .landed-cost .exampleModalRight_new .modal-dialog {
    min-width: auto;
    top: 3px;
    height: calc(100vh - 5px);
  }
  /* line 987, app/assets/stylesheets/new_styles/landed_cost.scss */
  #exampleModalRight_old .modal-dialog .modal-content .modal-header, #new_content .landed-cost .exampleModalRight_new .modal-dialog .modal-content .modal-header {
    padding: 5px;
  }
  /* line 990, app/assets/stylesheets/new_styles/landed_cost.scss */
  #exampleModalRight_old .modal-dialog .modal-content .modal-header .modal-title, #new_content .landed-cost .exampleModalRight_new .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 18px !important;
  }
  /* line 995, app/assets/stylesheets/new_styles/landed_cost.scss */
  #exampleModalRight_old .modal-dialog .modal-content .modal-body, #new_content .landed-cost .exampleModalRight_new .modal-dialog .modal-content .modal-body {
    padding: 0 10px !important;
  }
  /* line 998, app/assets/stylesheets/new_styles/landed_cost.scss */
  #exampleModalRight_old .modal-dialog .modal-content .modal-body .primary-details-header, #new_content .landed-cost .exampleModalRight_new .modal-dialog .modal-content .modal-body .primary-details-header {
    margin-top: 10px;
    font-size: 16px;
  }
  /* line 1003, app/assets/stylesheets/new_styles/landed_cost.scss */
  #exampleModalRight_old .modal-dialog .modal-content .modal-body .basic-details, #new_content .landed-cost .exampleModalRight_new .modal-dialog .modal-content .modal-body .basic-details {
    margin-top: 0;
    font-size: 14px;
  }
  /* line 1008, app/assets/stylesheets/new_styles/landed_cost.scss */
  #exampleModalRight_old .modal-dialog .modal-content .modal-body .basic-details-block, #new_content .landed-cost .exampleModalRight_new .modal-dialog .modal-content .modal-body .basic-details-block {
    margin-top: 3px;
    padding-bottom: 0;
  }
  /* line 1012, app/assets/stylesheets/new_styles/landed_cost.scss */
  #exampleModalRight_old .modal-dialog .modal-content .modal-body .basic-details-block .block-row, #new_content .landed-cost .exampleModalRight_new .modal-dialog .modal-content .modal-body .basic-details-block .block-row {
    margin-bottom: 12px;
  }
  /* line 1015, app/assets/stylesheets/new_styles/landed_cost.scss */
  #exampleModalRight_old .modal-dialog .modal-content .modal-body .basic-details-block .block-row .block-details span:last-child, #new_content .landed-cost .exampleModalRight_new .modal-dialog .modal-content .modal-body .basic-details-block .block-row .block-details span:last-child {
    font-size: 12px;
  }
  /* line 1020, app/assets/stylesheets/new_styles/landed_cost.scss */
  #exampleModalRight_old .modal-dialog .modal-content .modal-body .basic-details-block .contact-person-type, #new_content .landed-cost .exampleModalRight_new .modal-dialog .modal-content .modal-body .basic-details-block .contact-person-type {
    margin-top: 10px;
    font-size: 14px;
  }
  /* line 1027, app/assets/stylesheets/new_styles/landed_cost.scss */
  #exampleModalRight_old .modal-dialog .modal-content .modal-body .contact-persons-table tr, #exampleModalRight_old .modal-dialog .modal-content .modal-body .contact-persons-table th, #new_content .landed-cost .exampleModalRight_new .modal-dialog .modal-content .modal-body .contact-persons-table tr, #new_content .landed-cost .exampleModalRight_new .modal-dialog .modal-content .modal-body .contact-persons-table th {
    height: auto;
    font-size: 12px;
    padding: 2px;
  }
  /* line 1032, app/assets/stylesheets/new_styles/landed_cost.scss */
  #exampleModalRight_old .modal-dialog .modal-content .modal-body .contact-persons-table tr td, #exampleModalRight_old .modal-dialog .modal-content .modal-body .contact-persons-table th td, #new_content .landed-cost .exampleModalRight_new .modal-dialog .modal-content .modal-body .contact-persons-table tr td, #new_content .landed-cost .exampleModalRight_new .modal-dialog .modal-content .modal-body .contact-persons-table th td {
    font-size: 12px;
    padding: 2px;
  }
  /* line 1038, app/assets/stylesheets/new_styles/landed_cost.scss */
  #exampleModalRight_old .modal-dialog .modal-content .modal-body .contact-persons-table .material-icons, #new_content .landed-cost .exampleModalRight_new .modal-dialog .modal-content .modal-body .contact-persons-table .material-icons {
    font-size: 16px;
  }
  /* line 1043, app/assets/stylesheets/new_styles/landed_cost.scss */
  #exampleModalRight_old .modal-dialog .modal-content .modal-body #products, #new_content .landed-cost .exampleModalRight_new .modal-dialog .modal-content .modal-body #products {
    font-size: 12px;
  }
  /* line 1051, app/assets/stylesheets/new_styles/landed_cost.scss */
  #vendor_email, #email_2, #website {
    word-break: break-all;
  }
}

/* Crescent #22 — the awarded (item, vendor) marker: a tint on the whole vendor block.

   THE CANONICAL DEFINITION — declared here FIRST, not consolidated from anywhere. ⚠️ CORRECTED:
   an earlier revision of this comment said the rule "used to be hand-copied into the <style> block
   of four templates". It never was. Grepped on this branch's base: `git show HEAD:<file> | grep -c
   qc-awarded-cell` returns 0 for all seven QC templates. What those four templates carried at HEAD
   was `.dark-bg { background-color: #80808017 !important; }` — a DIFFERENT rule, a different
   colour, and the OPPOSITE convention (it dimmed the losers) — and only ONE of the four,
   `approvals/view_qc_page`, actually used it: 13 usages there against a definition-only, zero-usage
   copy in each of `reports/qc_view`, `new_qc_view` and `qc_view_for_sms`. So what this change did
   was introduce a new rule in one place and delete three dead declarations plus one live opposite
   convention; do not cite it as evidence that consolidation-from-N-copies is this repo's pattern.

   It reaches all four screens through `new_application`, which every one of them loads:
   `reports#qc_view`, `#new_qc_view`, `#qc_view_for_sms` and `approvals#view_qc_page` all set
   `@new_view = true`, and `layouts/application.html.erb` serves
   `stylesheet_link_tag "new_application"` on exactly that condition. `new_application.scss`
   requires `new_styles/landed_cost`.

   ⚠️ TWO COPIES REMAIN AND NEITHER MAY BE FOLDED IN HERE — both MAILED QCs, both rendered
   `layout: false`, therefore no stylesheet link, therefore the tint has to ship inside the
   document:
     * `app/views/reports/_qc_view.html.erb`, attached to the PO-APPROVAL mail
       (`ApplicationController.render(partial: "reports/qc_view", layout: false, …)` inside
       `UserMailer#approval_with_attachment`);
     * `app/views/reports/_picked_qc_view.html.erb`, the picked-quote QC
       (`render_to_string(partial: "reports/picked_qc_view", layout: false, …)` from
       `ranks_controller#pick_quotes` and `quotations_controller`).
   ⚠️ This paragraph said "ONE COPY REMAINS" and named only the first, while the print/Excel note 40
   lines below already named BOTH mailed documents as carrying a marker — the same file contradicting
   itself. Deleting either inline rule would silently un-tint a mailed PDF while every on-screen
   surface kept working. Each partial's own header says the same thing from the other side; keep all
   three values equal.

   WHY A TINT AND NOT A LABEL. Three mockups were rendered live on Crescent's own QC and shown to
   the owner before this was written. A filled `AWARDED` pill in #11a008 was rejected —
   "overwhelming... you have to shout" — as was a green left edge — "a dark boundary line...
   unnecessary" — as was green in general: "odd... does not gel". The brief that survived was
   "I just want it not to be white. If visually I can just see that, that's enough for me."

   WHY THIS HUE. #17a2b8, sampled with getComputedStyle off the running app's nav bar and off
   every vendor name on the QC page itself — not read out of a stylesheet, and not guessed.
   #eff8fa is that teal at ~7% over white.

   WHY 7% AND NOT MORE. 9% (#e9f6f9) was the first candidate and is the density this app used
   elsewhere, so it is known-tolerable on ONE cell. This tint covers EIGHT adjacent cells, and
   area amplifies apparent weight; rendered side by side on RFQCRES/26-27/00186 the owner picked
   the lighter one. WHY NOT LESS: 5% (#f4fafb) was rendered in the same pass and survives only on
   a clean 2x screenshot — on a wide grid you scroll sideways through, it becomes white. An
   earlier note claimed #f3fdff had already proved "too faint to go lighter"; that was not a
   comparable colour — its channels work out to ~5% red, ~2% green, 0% blue, i.e. a near-white
   cyan, not a dimmer #17a2b8. Do not cite it as evidence about teal.

   MARK THE WINNER, NEVER DIM THE LOSERS — one convention on every surface (owner, S336). The
   losing cells are the majority of the page, so dimming them inks most of it, and a signal made
   of absence is not a signal. This replaced `approvals/view_qc_page`'s opposite convention
   (`.dark-bg` on every NOT-picked cell), which was removed in the same change: one award must not
   read as "tinted" to the buyer and "everything else greyed" to the approver.

   NO `print-color-adjust`, DELIBERATELY. Contrast `.prev-po-item-title` in `download_qc.html.erb`,
   which sets `-webkit-print-color-adjust: exact` to force its grey band onto paper. This tint
   must NOT do that. Printed quotation comparisons are attached as supportings in volume every
   day, and a background wash over eight cells per awarded line is real toner. Dropping silently
   out of the printout is the CORRECT behaviour here. If you ever "fix" this by forcing the colour
   to print, you have re-created the ink problem.

   ⚠️ THE PRINT AND EXCEL SURFACES CARRY NO MARKER AT ALL — grepped, `download_qc.html.erb` and
   `export_qc.xlsx.axlsx` contain zero award markers of any kind. That gap is a DELIBERATE OWNER
   DECISION (S336), not an oversight, and the reason is the workflow: for the ~100 non-SAP tenants
   nothing is picked at the moment the QC is printed. They print the comparison, the approver marks
   item→vendor on PAPER by hand, and only then is the quote picked. A print-time marker would
   render nothing on the journey it was built for, and pre-printing system marks onto a sheet whose
   job is to be a blank working canvas risks confusing that. A marker is worth building only on a
   surface that exists BECAUSE an award happened — which is why the two MAILED documents,
   `reports/_qc_view` and `reports/_picked_qc_view`, each carry one and these two do not.

   ⚠️ DO NOT READ THAT AS AN EXHAUSTIVE LIST. A THIRD `layout: false` QC DOCUMENT EXISTS AND IS
   DELIBERATELY LEFT UNMARKED (OQ-337-3, owner's call): `app/views/reports/_vaswani_qc_view.html.erb`.
   It is rendered by `call_vaswani_external_service_worker.rb:61`
   (`ApplicationController.render(partial: "reports/vaswani_qc_view", layout: false, …)`), turned
   into a PDF by WickedPdf and POSTed to Vaswani's external service; the job is enqueued from
   `approvals_controller.rb:229`. It has its own Alternate Quote row, so it COULD be marked exactly
   like the two above. It is not, because that PDF's addressee is a machine endpoint and whether any
   human opens it is an open question — not because the surface was overlooked. Do not "complete the
   set" by tinting it without reopening that question, and do not edit that template here.

   Note its gate precisely, because it is easy to over-generalise: `organisation.from_vaswani?`
   (`organisation.rb:103-105`) is `from_crescent? && email == "purchase@vaswaniindustries.com"` —
   ONE organisation, not the SAP/`has_sap` tenant set. This is not "SAP tenants get a machine PDF
   instead"; every other `from_crescent?` tenant reaches the mailed documents above.

   (The work-order QC family — `reports/_work_order_qc_view` and its download/export siblings — is a
   separate document family, also unmarked, and was not in this change's scope.)

   `!important` is inherited from the `.dark-bg` declarations this replaced (see the correction at
   the top of this block — they were `.dark-bg`, not earlier copies of this rule), not newly
   reasoned. It is not strictly
   required — `#new_content .landed-cost .qc-table tbody tr { background-color: #FFFFFF; }` above
   paints the ROW, and a `td` background paints over it regardless — but it is what shipped and
   what the mailed copy carries, so the two stay byte-identical. No other `background` rule in
   `new_styles/` is `!important` on a QC cell (grepped), so nothing here can out-cascade it. */
/* line 1157, app/assets/stylesheets/new_styles/landed_cost.scss */
.qc-awarded-cell {
  background-color: #eff8fa !important;
}
/* line 2, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .header {
  border-bottom: solid 1px #979797;
  min-height: 69px;
}

/* line 6, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .header div {
  opacity: 0.9;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
}

/* line 15, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .meta-data {
  background-color: #f8f8f8;
  padding: 28px 14px 15px;
  margin-top: 57px;
  border-bottom: solid 1px #17a2b8;
}

/* line 21, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .meta-data p {
  width: 500px;
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #212529;
}

/* line 29, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .rfq-details {
  margin-top: 40px;
}

/* line 32, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .rfq-details .sub-header {
  opacity: 0.9;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #212529;
  line-height: 1;
  margin-left: 10px;
}

/* line 41, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .rfq-details .sub-header span {
  display: block;
  opacity: 0.5;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}

/* line 51, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details {
  margin-top: 32px;
}

/* line 54, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 20px;
}

/* line 59, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table thead tr {
  height: 35px;
}

/* line 62, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table thead tr th {
  padding-bottom: 0px;
  padding-left: 15px;
  border-left: solid 1px #d8d8d8;
}

/* line 68, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table thead tr .border-right {
  border-right: solid 1px #d8d8d8;
}

/* line 73, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table tbody tr {
  background-color: #FFFFFF !important;
}

/* line 76, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table tbody tr td {
  padding-left: 15px;
  border-bottom: solid 1px #d8d8d8;
  border-left: solid 1px #d8d8d8;
}

/* line 82, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table tbody tr .border-right {
  border-right: solid 1px #d8d8d8;
}

/* line 86, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table tbody tr .regret {
  background-color: #e7e7e7;
}

/* line 89, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table tbody tr .regret span:first-child {
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.3px;
  color: #212529;
}

/* line 96, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table tbody tr .regret span:last-child {
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #212529;
}

/* line 104, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table .alternative-row {
  background-color: #d8d8d8 !important;
}

/* line 108, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table .terms-row {
  height: auto;
  line-height: 1;
}

/* line 112, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table .terms-row td {
  border-bottom: none;
}

/* line 116, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table .terms-row:last-child {
  border-bottom: solid 1px #d8d8d8;
}

/* line 121, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table .total-class {
  font-weight: 600;
  font-size: 15px !important;
}

/* line 126, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table .attachment a {
  padding: 0;
}

/* line 129, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table .attachment a:hover {
  text-decoration: none;
}

/* line 133, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table .attachment a a {
  display: inline-block;
  line-height: 0;
}

/* line 138, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .item-details table .attachment a i {
  color: #2eabbf;
}

/* line 145, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .rfq-details {
  display: flex;
  justify-content: space-between;
}

/* line 150, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .download-btn, #new_content .quote-preview .revise-quote-btn {
  display: block;
  width: 110px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-align: center;
  color: #17a2b8;
  border-radius: 4px;
  padding: 5px 8px;
  border: solid 1px #17a2b8;
  cursor: pointer;
}

/* line 163, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .download-btn:hover, #new_content .quote-preview .revise-quote-btn:hover {
  color: #107b8c;
  border-color: #107b8c;
}

/* line 169, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .revise-quote-btn {
  display: block;
  width: 95px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #17a2b8;
  border-radius: 4px;
  padding: 3px 7px;
  border: solid 1px #17a2b8;
  cursor: pointer;
}

/* line 181, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .revise-quote-btn:hover {
  color: #107b8c;
  border-color: #107b8c;
}

/* line 187, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .quotation-number {
  opacity: 0.9;
  font-size: 18px;
  font-weight: 500;
  margin-right: 3px;
  letter-spacing: -0.4px;
  color: #212529;
}

/* line 196, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .vendor-more-info {
  color: #17a2b8;
  text-decoration: underline;
  cursor: pointer;
}

/* line 201, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .vendor-more-info:hover {
  color: #107b8c;
}

/* line 206, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .quote-preview .more-info-link {
  color: #17a2b8;
  display: block;
  text-decoration: underline;
}

/* line 214, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .vendor-quote-preview .modal-dialog {
  max-width: 800px;
}

/* line 218, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .vendor-quote-preview .modal-content {
  max-width: 800px;
}

/* line 223, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .vendor-quote-preview .item-preview-details table {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 20px;
}

/* line 228, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .vendor-quote-preview .item-preview-details table thead tr {
  height: 35px;
}

/* line 231, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .vendor-quote-preview .item-preview-details table thead tr th {
  font-size: 10px;
  padding-bottom: 0px;
  padding-left: 15px;
  border-left: solid 1px #d8d8d8;
}

/* line 238, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .vendor-quote-preview .item-preview-details table thead tr .border-right {
  border-right: solid 1px #d8d8d8;
}

/* line 243, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .vendor-quote-preview .item-preview-details table tbody tr {
  background-color: #FFFFFF !important;
}

/* line 246, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .vendor-quote-preview .item-preview-details table tbody tr td {
  padding-left: 15px;
  border-bottom: solid 1px #d8d8d8;
  border-left: solid 1px #d8d8d8;
}

/* line 252, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .vendor-quote-preview .item-preview-details table tbody tr .border-right {
  border-right: solid 1px #d8d8d8;
}

/* line 256, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .vendor-quote-preview .item-preview-details table tbody tr .regret {
  background-color: #e7e7e7;
}

/* line 259, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .vendor-quote-preview .item-preview-details table tbody tr .regret span:first-child {
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.3px;
  color: #212529;
}

/* line 266, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .vendor-quote-preview .item-preview-details table tbody tr .regret span:last-child {
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #212529;
}

/* line 274, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .vendor-quote-preview .item-preview-details table .alternative-row {
  background-color: #d8d8d8 !important;
}

/* line 278, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .vendor-quote-preview .item-preview-details table .terms-row {
  height: auto;
  line-height: 1;
}

/* line 282, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .vendor-quote-preview .item-preview-details table .terms-row td {
  border-bottom: none;
}

/* line 286, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .vendor-quote-preview .item-preview-details table .terms-row:last-child {
  border-bottom: solid 1px #d8d8d8;
}

/* line 291, app/assets/stylesheets/new_styles/quote_preview.scss */
#new_content .vendor-quote-preview .item-preview-details table .total-class {
  font-weight: 600;
  font-size: 15px !important;
}

/* line 299, app/assets/stylesheets/new_styles/quote_preview.scss */
.modal-delete-btn.more-info-reply {
  border: none;
}

@media (max-width: 768px) {
  /* line 305, app/assets/stylesheets/new_styles/quote_preview.scss */
  #new_content .quote-preview .header {
    min-height: 1px;
    height: 40px;
  }
  /* line 309, app/assets/stylesheets/new_styles/quote_preview.scss */
  #new_content .quote-preview .header div {
    font-size: 18px;
    padding-top: 10px;
  }
  /* line 315, app/assets/stylesheets/new_styles/quote_preview.scss */
  #new_content .quote-preview .container {
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 320, app/assets/stylesheets/new_styles/quote_preview.scss */
  #new_content .quote-preview .meta-data {
    padding: 5px;
    margin-top: 10px;
  }
  /* line 324, app/assets/stylesheets/new_styles/quote_preview.scss */
  #new_content .quote-preview .meta-data p {
    width: 100%;
  }
  /* line 329, app/assets/stylesheets/new_styles/quote_preview.scss */
  #new_content .quote-preview .rfq-details {
    margin-top: 10px;
  }
  /* line 332, app/assets/stylesheets/new_styles/quote_preview.scss */
  #new_content .quote-preview .rfq-details .sub-header {
    font-size: 14px;
  }
  /* line 335, app/assets/stylesheets/new_styles/quote_preview.scss */
  #new_content .quote-preview .rfq-details .sub-header span {
    font-size: 14px;
  }
  /* line 341, app/assets/stylesheets/new_styles/quote_preview.scss */
  #new_content .quote-preview .download-btn {
    font-size: 12px;
    padding: 5px 10px;
    width: auto;
  }
  /* line 347, app/assets/stylesheets/new_styles/quote_preview.scss */
  #new_content .quote-preview .item-details {
    margin-top: 10px;
  }
  /* line 350, app/assets/stylesheets/new_styles/quote_preview.scss */
  #new_content .quote-preview .item-details table thead tr th {
    padding: 1px;
    word-break: break-all;
    font-size: 12px;
    font-weight: 500;
  }
  /* line 357, app/assets/stylesheets/new_styles/quote_preview.scss */
  #new_content .quote-preview .item-details table tbody tr td {
    font-size: 12px;
    padding: 1px 2px;
    word-break: break-all;
  }
  /* line 363, app/assets/stylesheets/new_styles/quote_preview.scss */
  #new_content .quote-preview .item-details table .total-class {
    font-size: 14px !important;
  }
  /* line 368, app/assets/stylesheets/new_styles/quote_preview.scss */
  #new_content .quote-preview .quotation-number {
    font-size: 14px;
  }
}
/* line 3, app/assets/stylesheets/new_styles/locations.scss */
#new_content .location-reg-form {
  margin-top: 61px;
}

/* line 6, app/assets/stylesheets/new_styles/locations.scss */
#new_content .location-reg-form .location-reg {
  width: 100%;
}

/* line 9, app/assets/stylesheets/new_styles/locations.scss */
#new_content .location-reg-form .location-reg .name {
  width: 15%;
  padding-left: 26px;
}

/* line 14, app/assets/stylesheets/new_styles/locations.scss */
#new_content .location-reg-form .location-reg .company {
  width: 20%;
}

/* line 18, app/assets/stylesheets/new_styles/locations.scss */
#new_content .location-reg-form .location-reg .warehouse {
  width: 20%;
  padding-bottom: 40px;
}

/* line 23, app/assets/stylesheets/new_styles/locations.scss */
#new_content .location-reg-form .location-reg .item {
  width: 30%;
}

/* line 27, app/assets/stylesheets/new_styles/locations.scss */
#new_content .location-reg-form .location-reg .itemgroup {
  width: 10%;
}

/* line 31, app/assets/stylesheets/new_styles/locations.scss */
#new_content .location-reg-form .location-reg .brand {
  width: 10%;
}

/* line 35, app/assets/stylesheets/new_styles/locations.scss */
#new_content .location-reg-form .location-reg .edit {
  width: 10%;
}

/* line 39, app/assets/stylesheets/new_styles/locations.scss */
#new_content .location-reg-form .location-reg .location-name {
  padding-left: 26px;
}

/* line 44, app/assets/stylesheets/new_styles/locations.scss */
#new_content .location-reg-form .generate-locations-report {
  background-color: #17a2b8;
  float: right;
  margin-right: 50px;
  margin-top: 14px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 30px;
  border-radius: 3px;
  border: 1px solid #155a65;
  cursor: pointer;
  letter-spacing: 0.7px;
}

/* line 58, app/assets/stylesheets/new_styles/locations.scss */
#new_content .location-reg-form .generate-locations-report:hover {
  background-color: #138294;
}

/* line 63, app/assets/stylesheets/new_styles/locations.scss */
#new_content .location-reg-form .locations-export {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 69, app/assets/stylesheets/new_styles/locations.scss */
#new_content .location-reg-form .locations-header {
  border-bottom: solid 1px #979797;
  margin-bottom: 20px;
}

/* line 74, app/assets/stylesheets/new_styles/locations.scss */
#new_content .location-reg-form .apply-search {
  height: 39px;
  width: 250px;
  border-top: solid 1px #979797;
}

/* line 80, app/assets/stylesheets/new_styles/locations.scss */
#new_content .location-reg-form .apply {
  border-radius: 3px;
  border: solid 1px #17a2b8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  color: #138294;
  padding: 3px;
  display: inline-block;
  position: absolute;
  bottom: 6px;
  right: 15px;
  font-weight: 500;
}

/* line 96, app/assets/stylesheets/new_styles/locations.scss */
#new_content .location-reg-form .apply:hover {
  background-color: #138294;
  color: #ffffff;
}

/* line 103, app/assets/stylesheets/new_styles/locations.scss */
.change-stock-location {
  border: none;
}

/* line 108, app/assets/stylesheets/new_styles/locations.scss */
#new_content #change_location_modal .modal-header {
  padding: 10px 20px;
  border-bottom: 1px solid #b4b4b4;
}

/* line 113, app/assets/stylesheets/new_styles/locations.scss */
#new_content #change_location_modal .modal-body {
  margin-top: 20px;
  font-size: 14px;
}

/* line 120, app/assets/stylesheets/new_styles/locations.scss */
#new_content .locations-table .location {
  width: 25%;
}

/* line 124, app/assets/stylesheets/new_styles/locations.scss */
#new_content .locations-table .company {
  width: 20%;
}

/* line 128, app/assets/stylesheets/new_styles/locations.scss */
#new_content .locations-table .warehouse {
  width: 25%;
}

/* line 132, app/assets/stylesheets/new_styles/locations.scss */
#new_content .locations-table .status {
  width: 10%;
}

/* line 136, app/assets/stylesheets/new_styles/locations.scss */
#new_content .locations-table .actions {
  width: 10%;
}

/* line 140, app/assets/stylesheets/new_styles/locations.scss */
#new_content .locations-table .status-search {
  width: 100% !important;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  margin-bottom: 8px;
  color: #868e96;
  font-size: 12px;
  font-weight: 600;
  margin-top: 6px;
}

/* line 154, app/assets/stylesheets/new_styles/locations.scss */
.new-location {
  margin-right: 0;
}

/* line 158, app/assets/stylesheets/new_styles/locations.scss */
.location-active-checkbox {
  margin-top: 5px;
  margin-left: 20px;
  width: auto;
}
/* line 5, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .header div {
  padding-top: 0;
}

/* line 9, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .header .float-left {
  padding-top: 26px;
}

/* line 14, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg {
  width: 100%;
}

/* line 17, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .rgp-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 29, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .white-bg {
  background-color: #ffffff;
}

/* line 33, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .grey-bg {
  background-color: #f5f1f1;
}

/* line 37, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .check-box {
  width: 4%;
}

/* line 41, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .item-name {
  width: 12%;
}

/* line 45, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .no {
  width: 7%;
}

/* line 49, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .warehouse {
  width: 8%;
}

/* line 53, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .date {
  width: 9%;
}

/* line 57, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .brand {
  width: 6%;
  padding-bottom: 50px;
}

/* line 62, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .qty {
  width: 5%;
  padding-bottom: 50px;
}

/* line 67, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .rate {
  width: 5%;
  padding-bottom: 50px;
}

/* line 72, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .party {
  width: 8%;
}

/* line 76, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .by {
  width: 6%;
}

/* line 80, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .ret-date {
  width: 8%;
  padding-bottom: 12px;
}

/* line 85, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .nature {
  width: 5%;
  padding-bottom: 50px;
}

/* line 90, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .remarks {
  width: 8%;
  padding-bottom: 50px;
}

/* line 95, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .attached {
  width: 7%;
  padding-bottom: 50px;
}

/* line 100, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .status {
  width: 6%;
}

/* line 104, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .rgp-reg .actions {
  width: 4%;
}

/* line 109, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .export-button-delivery {
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #979797;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  text-transform: uppercase;
  padding: 3px 8px;
}

/* line 119, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .export-button-delivery:hover {
  background-color: #e7e5e5;
}

/* line 124, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .apply-search {
  height: 39px;
  width: 250px;
  border-top: solid 1px #979797;
}

/* line 130, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .apply {
  border-radius: 3px;
  border: solid 1px #17a2b8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  color: #138294;
  padding: 3px;
  display: inline-block;
  position: absolute;
  bottom: 6px;
  right: 15px;
  font-weight: 500;
}

/* line 146, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-reg-form .apply:hover {
  background-color: #138294;
  color: #ffffff;
}

/* line 153, app/assets/stylesheets/new_styles/rgp_reg.scss */
.item-header {
  color: #000000;
  text-decoration: none;
}

/* line 157, app/assets/stylesheets/new_styles/rgp_reg.scss */
.item-header:hover {
  color: #000000;
  text-decoration: none;
}

/* line 175, app/assets/stylesheets/new_styles/rgp_reg.scss */
.gate-pass-status-pill {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

/* line 192, app/assets/stylesheets/new_styles/rgp_reg.scss */
.gate-pass-status-pill--approved {
  border-color: #2f9e68;
  color: #2f9e68;
}

/* line 196, app/assets/stylesheets/new_styles/rgp_reg.scss */
.gate-pass-status-pill--approved:hover, .gate-pass-status-pill--approved:focus, .gate-pass-status-pill--approved:visited {
  color: #2f9e68;
}

/* line 201, app/assets/stylesheets/new_styles/rgp_reg.scss */
.gate-pass-status-pill--unapproved {
  border-color: #e5484d;
  color: #e5484d;
}

/* line 205, app/assets/stylesheets/new_styles/rgp_reg.scss */
.gate-pass-status-pill--unapproved:hover, .gate-pass-status-pill--unapproved:focus, .gate-pass-status-pill--unapproved:visited {
  color: #e5484d;
}

/* line 210, app/assets/stylesheets/new_styles/rgp_reg.scss */
.gate-pass-status-pill--pending {
  border-color: #d9820a;
  color: #d9820a;
}

/* line 214, app/assets/stylesheets/new_styles/rgp_reg.scss */
.gate-pass-status-pill--pending:hover, .gate-pass-status-pill--pending:focus, .gate-pass-status-pill--pending:visited {
  color: #d9820a;
}

/* line 222, app/assets/stylesheets/new_styles/rgp_reg.scss */
.gate-pass-status-pill--created {
  border-color: #5b626d;
  color: #5b626d;
}

/* line 226, app/assets/stylesheets/new_styles/rgp_reg.scss */
.gate-pass-status-pill--created:hover, .gate-pass-status-pill--created:focus, .gate-pass-status-pill--created:visited {
  color: #5b626d;
}

/* line 231, app/assets/stylesheets/new_styles/rgp_reg.scss */
.gate-pass-status-pill:hover {
  text-decoration: none;
  opacity: 0.8;
}

/* line 238, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-create-details {
  margin-top: 25px;
}

/* line 242, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-create-details thead tr {
  height: 30px;
  background-color: #f3efef;
}

/* line 247, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-create-details thead th:first-child {
  padding-bottom: 0;
}

/* line 252, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-create-details tbody tr:nth-of-type(even) {
  background-color: #ffffff;
}

/* line 256, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-create-details tbody tr {
  border-bottom: 1px solid #d2cece;
}

/* line 260, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-create-details .remove-rgp-item {
  color: red;
  font-size: 24px;
  cursor: pointer;
}

/* line 267, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .add-another-rgp-item {
  color: #17a2b8;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 100px;
}

/* line 274, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .rgp-date, #new_content .rgp-return-date {
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  width: 100%;
  font-size: 14px;
  padding-left: 16px;
}

/* line 285, app/assets/stylesheets/new_styles/rgp_reg.scss */
.create-rgp-submit {
  background-color: #178294;
  color: #f0f0f0;
  padding: 10px 30px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  background-color: #178294;
  margin-top: 10px;
  margin-right: 100px;
}

/* line 299, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .header div {
  padding-top: 0;
}

/* line 303, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .header .float-left {
  padding-top: 26px;
}

/* line 308, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .repair-actions {
  margin-top: 10px;
}

/* line 312, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .scrap-item, #new_content .repair-reg-form .repair-item {
  padding: 3px 10px;
  font-size: 14px;
}

/* line 316, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .scrap-item:hover, #new_content .repair-reg-form .repair-item:hover {
  text-decoration: none;
}

/* line 321, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .scrap-item-now, #new_content .repair-reg-form .repair-item-now {
  border: none;
}

/* line 325, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .repair-reg {
  width: 100%;
}

/* line 328, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .repair-reg .repair-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 340, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .repair-reg .white-bg {
  background-color: #ffffff;
}

/* line 344, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .repair-reg .grey-bg {
  background-color: #f5f1f1;
}

/* line 348, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .repair-reg .check-box {
  width: 5%;
}

/* line 352, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .repair-reg .item-name {
  width: 21%;
}

/* line 356, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .repair-reg .warehouse {
  width: 9%;
}

/* line 360, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .repair-reg .no {
  width: 9%;
}

/* line 364, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .repair-reg .date {
  width: 8%;
}

/* line 368, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .repair-reg .brand {
  width: 7%;
  padding-bottom: 50px;
}

/* line 373, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .repair-reg .qty {
  width: 6%;
  padding-bottom: 50px;
}

/* line 378, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .repair-reg .by {
  width: 9%;
  padding-bottom: 50px;
}

/* line 383, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .repair-reg .rate {
  width: 6%;
  padding-bottom: 50px;
}

/* line 388, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .repair-reg .remarks {
  width: 12%;
  padding-bottom: 50px;
}

/* line 393, app/assets/stylesheets/new_styles/rgp_reg.scss */
#new_content .repair-reg-form .repair-reg .actions {
  width: 8%;
  padding-bottom: 50px;
}

@media (max-width: 768px) {
  /* line 402, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .header {
    margin-top: 25px;
  }
  /* line 405, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .header .float-left {
    padding-top: 20px;
  }
  /* line 410, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .item-header {
    font-size: 20px;
  }
  /* line 414, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .paginate {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  /* line 419, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .material-icons {
    font-size: 16px;
  }
  /* line 423, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .rgp-reg-page {
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 428, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .rgp-reg {
    table-layout: fixed;
    width: 100%;
  }
  /* line 432, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .rgp-reg tbody tr {
    height: 30px;
  }
  /* line 436, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .rgp-reg td {
    padding: 2px;
    font-size: 12px;
    word-break: break-all;
  }
  /* line 442, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .rgp-reg th {
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #504d4d;
    word-break: break-all;
  }
  /* line 450, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .rgp-reg .item-name {
    width: 20%;
  }
  /* line 454, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .rgp-reg .no {
    width: 12%;
  }
  /* line 458, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .rgp-reg .warehouse {
    width: 12%;
  }
  /* line 462, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .rgp-reg .date {
    width: 14%;
  }
  /* line 466, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .rgp-reg .qty {
    width: 14%;
  }
  /* line 470, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .rgp-reg .party {
    width: 20%;
  }
  /* line 473, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .rgp-reg .party .fs-wrap {
    position: relative !important;
  }
  /* line 477, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .rgp-reg .party .fs-dropdown:last-of-type {
    right: 0 !important;
  }
  /* line 482, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .rgp-reg .nature {
    width: 8%;
  }
  /* line 486, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .rgp-reg .rgp-date-search {
    height: 35px;
  }
  /* line 490, app/assets/stylesheets/new_styles/rgp_reg.scss */
  #new_content .rgp-reg-form .rgp-reg a {
    color: #17a2b8;
  }
  /* line 496, app/assets/stylesheets/new_styles/rgp_reg.scss */
  .drp-buttons {
    text-align: center !important;
  }
  /* line 499, app/assets/stylesheets/new_styles/rgp_reg.scss */
  .drp-buttons .drp-selected {
    padding-right: 0 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  /* line 507, app/assets/stylesheets/new_styles/rgp_reg.scss */
  .daterangepicker.opensright:before {
    left: 80px !important;
  }
  /* line 511, app/assets/stylesheets/new_styles/rgp_reg.scss */
  .daterangepicker.opensright:after {
    left: 80px !important;
  }
}
/* line 5, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .header div {
  padding-top: 0;
}

/* line 9, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .header .float-left {
  padding-top: 26px;
}

/* line 14, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .nrgp-reg {
  width: 100%;
}

/* line 17, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .nrgp-reg .nrgp-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 29, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .nrgp-reg .white-bg {
  background-color: #ffffff;
}

/* line 33, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .nrgp-reg .grey-bg {
  background-color: #f5f1f1;
}

/* line 37, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .nrgp-reg .check-box {
  width: 5%;
}

/* line 41, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .nrgp-reg .item-name {
  width: 15%;
}

/* line 45, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .nrgp-reg .no {
  width: 10%;
}

/* line 49, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .nrgp-reg .warehouse {
  width: 10%;
}

/* line 53, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .nrgp-reg .date {
  width: 8%;
}

/* line 57, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .nrgp-reg .brand {
  width: 6%;
  padding-bottom: 50px;
}

/* line 62, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .nrgp-reg .qty {
  width: 6%;
  padding-bottom: 50px;
}

/* line 67, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .nrgp-reg .party {
  width: 10%;
}

/* line 71, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .nrgp-reg .by {
  width: 8%;
}

/* line 75, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .nrgp-reg .pur-ret {
  width: 5%;
}

/* line 79, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .nrgp-reg .remarks {
  width: 12%;
  padding-bottom: 50px;
}

/* line 84, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .nrgp-reg .status {
  width: 6%;
}

/* line 88, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .nrgp-reg .actions {
  width: 5%;
}

/* line 93, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .export-button-delivery {
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #979797;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  text-transform: uppercase;
  padding: 3px 8px;
}

/* line 103, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .export-button-delivery:hover {
  background-color: #e7e5e5;
}

/* line 108, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .apply-search {
  height: 39px;
  width: 250px;
  border-top: solid 1px #979797;
}

/* line 114, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .apply {
  border-radius: 3px;
  border: solid 1px #17a2b8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  color: #138294;
  padding: 3px;
  display: inline-block;
  position: absolute;
  bottom: 6px;
  right: 15px;
  font-weight: 500;
}

/* line 130, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-reg-form .apply:hover {
  background-color: #138294;
  color: #ffffff;
}

/* line 137, app/assets/stylesheets/new_styles/nrgp_reg.scss */
.item-header {
  color: #000000;
  text-decoration: none;
}

/* line 141, app/assets/stylesheets/new_styles/nrgp_reg.scss */
.item-header:hover {
  color: #000000;
  text-decoration: none;
}

/* line 148, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-create-details {
  margin-top: 25px;
}

/* line 152, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-create-details thead tr {
  height: 30px;
  background-color: #f3efef;
}

/* line 157, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-create-details thead th:first-child {
  padding-bottom: 0;
}

/* line 162, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-create-details tbody tr:nth-of-type(even) {
  background-color: #ffffff;
}

/* line 166, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-create-details tbody tr {
  border-bottom: 1px solid #d2cece;
}

/* line 170, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-create-details .remove-nrgp-item {
  color: red;
  font-size: 24px;
  cursor: pointer;
}

/* line 176, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-create-details .purchase-return-info {
  font-size: 20px;
  cursor: pointer;
}

/* line 181, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-create-details .purchase-return-checkbox {
  width: 16px;
  height: 16px;
}

/* line 187, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .add-another-nrgp-item {
  color: #17a2b8;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 100px;
}

/* line 194, app/assets/stylesheets/new_styles/nrgp_reg.scss */
#new_content .nrgp-date {
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  width: 100%;
  font-size: 14px;
  padding-left: 16px;
}

/* line 205, app/assets/stylesheets/new_styles/nrgp_reg.scss */
.create-nrgp-submit {
  background-color: #178294;
  color: #f0f0f0;
  padding: 10px 30px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  background-color: #178294;
  margin-top: 10px;
  margin-right: 100px;
}

@media (max-width: 768px) {
  /* line 219, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .header {
    margin-top: 25px;
  }
  /* line 221, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .header .float-left {
    padding-top: 20px;
  }
  /* line 226, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .item-header {
    font-size: 20px;
  }
  /* line 230, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .paginate {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  /* line 235, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .material-icons {
    font-size: 16px;
  }
  /* line 239, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .nrgp-reg-page {
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 244, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .nrgp-reg {
    table-layout: fixed;
    width: 100%;
  }
  /* line 248, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .nrgp-reg tbody tr {
    height: 30px;
  }
  /* line 252, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .nrgp-reg td {
    padding: 2px;
    font-size: 12px;
    word-break: break-all;
  }
  /* line 258, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .nrgp-reg th {
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #504d4d;
    word-break: break-all;
  }
  /* line 266, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .nrgp-reg .item-name {
    width: 22%;
  }
  /* line 270, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .nrgp-reg .no {
    width: 12%;
  }
  /* line 274, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .nrgp-reg .warehouse {
    width: 12%;
  }
  /* line 278, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .nrgp-reg .date {
    width: 12%;
  }
  /* line 282, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .nrgp-reg .qty {
    width: 12%;
  }
  /* line 286, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .nrgp-reg .party {
    width: 20%;
  }
  /* line 289, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .nrgp-reg .party .fs-wrap {
    position: relative !important;
  }
  /* line 293, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .nrgp-reg .party .fs-dropdown:last-of-type {
    right: 0 !important;
  }
  /* line 298, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .nrgp-reg .pur-ret {
    width: 10%;
  }
  /* line 302, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .nrgp-reg .nrgp-date-search {
    height: 35px;
  }
  /* line 306, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  #new_content .nrgp-reg-form .nrgp-reg a {
    color: #17a2b8;
  }
  /* line 312, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  .drp-buttons {
    text-align: center !important;
  }
  /* line 315, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  .drp-buttons .drp-selected {
    padding-right: 0 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  /* line 323, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  .daterangepicker.opensright:before {
    left: 80px !important;
  }
  /* line 327, app/assets/stylesheets/new_styles/nrgp_reg.scss */
  .daterangepicker.opensright:after {
    left: 80px !important;
  }
}
/* line 5, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .header div {
  padding-top: 0;
}

/* line 9, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .header .float-left {
  padding-top: 26px;
}

/* line 14, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .issue-reg {
  width: 100%;
}

/* line 17, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .issue-reg .issue-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 29, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .issue-reg .white-bg {
  background-color: #ffffff;
}

/* line 33, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .issue-reg .grey-bg {
  background-color: #f5f1f1;
}

/* line 37, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .issue-reg .check-box {
  min-width: 55px;
  max-width: 55px;
}

/* line 42, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .issue-reg .item-name {
  min-width: 170px;
  max-width: 170px;
}

/* line 47, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .issue-reg .groups, #new_content .issue-reg-form .issue-reg .company, #new_content .issue-reg-form .issue-reg .department, #new_content .issue-reg-form .issue-reg .costcentre {
  min-width: 147px;
  max-width: 147px;
}

/* line 52, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .issue-reg .qty, #new_content .issue-reg-form .issue-reg .rate, #new_content .issue-reg-form .issue-reg .amount {
  min-width: 100px;
  max-width: 100px;
  padding-bottom: 50px;
}

/* line 58, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .issue-reg .to, #new_content .issue-reg-form .issue-reg .by {
  min-width: 120px;
  max-width: 120px;
}

/* line 63, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .issue-reg .date {
  min-width: 140px;
  max-width: 140px;
}

/* line 68, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .issue-reg .brand, #new_content .issue-reg-form .issue-reg .issue-no {
  min-width: 120px;
  max-width: 120px;
}

/* line 73, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .issue-reg .cf, #new_content .issue-reg-form .issue-reg .scrap {
  min-width: 60px;
  max-width: 60px;
  padding-bottom: 30px;
}

/* line 79, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .issue-reg .cf, #new_content .issue-reg-form .issue-reg .brand, #new_content .issue-reg-form .issue-reg .attachment {
  padding-bottom: 50px;
}

/* line 83, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .issue-reg .remarks {
  min-width: 120px;
  max-width: 120px;
  padding-bottom: 50px;
}

/* line 89, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .issue-reg .actions {
  min-width: 90px;
  max-width: 90px;
}

/* line 95, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .export-button-delivery {
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #979797;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  text-transform: uppercase;
  padding: 3px 8px;
}

/* line 105, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .export-button-delivery:hover {
  background-color: #e7e5e5;
}

/* line 110, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .apply-search {
  height: 39px;
  width: 250px;
  border-top: solid 1px #979797;
}

/* line 116, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .apply {
  border-radius: 3px;
  border: solid 1px #17a2b8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  color: #138294;
  padding: 3px;
  display: inline-block;
  position: absolute;
  bottom: 6px;
  right: 15px;
  font-weight: 500;
}

/* line 132, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-reg-form .apply:hover {
  background-color: #138294;
  color: #ffffff;
}

/* line 139, app/assets/stylesheets/new_styles/issue_reg.scss */
.item-header {
  color: #000000;
  text-decoration: none;
}

/* line 143, app/assets/stylesheets/new_styles/issue_reg.scss */
.item-header:hover {
  color: #000000;
  text-decoration: none;
}

@media (max-width: 768px) {
  /* line 150, app/assets/stylesheets/new_styles/issue_reg.scss */
  .flash-wrapper {
    width: 90%;
  }
  /* line 154, app/assets/stylesheets/new_styles/issue_reg.scss */
  .alert {
    min-width: 100%;
  }
  /* line 159, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .issue-item-name {
    word-break: break-all;
  }
  /* line 163, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .header {
    margin-top: 25px;
  }
  /* line 166, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .header .float-left {
    padding-top: 20px;
  }
  /* line 171, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .item-header {
    font-size: 20px;
  }
  /* line 175, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .paginate {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  /* line 180, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .material-icons {
    font-size: 16px;
  }
  /* line 184, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .issue-reg {
    table-layout: fixed;
    width: 100%;
  }
  /* line 188, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .issue-reg tbody tr {
    height: 30px;
  }
  /* line 192, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .issue-reg td {
    padding: 2px;
    font-size: 12px;
  }
  /* line 197, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .issue-reg th {
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #504d4d;
  }
  /* line 204, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .issue-reg .item-name {
    width: 28%;
  }
  /* line 208, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .issue-reg .issue-no {
    width: 15%;
  }
  /* line 212, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .issue-reg .date {
    width: 20%;
  }
  /* line 216, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .issue-reg .company {
    width: 15%;
    word-break: break-word;
  }
  /* line 220, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .issue-reg .company .fs-wrap {
    position: relative !important;
  }
  /* line 224, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .issue-reg .company .fs-dropdown:last-of-type {
    right: 0 !important;
  }
  /* line 229, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .issue-reg .qty {
    width: 15%;
  }
  /* line 233, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .issue-reg .actions {
    width: 7%;
  }
  /* line 237, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .issue-reg .issue-date-search {
    height: 35px;
  }
  /* line 241, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .issue-reg .app-issue-edit {
    font-size: 16px;
    color: #17a2b8;
  }
  /* line 246, app/assets/stylesheets/new_styles/issue_reg.scss */
  #new_content .issue-reg-form .issue-reg a {
    color: #17a2b8;
  }
  /* line 252, app/assets/stylesheets/new_styles/issue_reg.scss */
  .drp-buttons {
    text-align: center !important;
  }
  /* line 255, app/assets/stylesheets/new_styles/issue_reg.scss */
  .drp-buttons .drp-selected {
    padding-right: 0 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  /* line 263, app/assets/stylesheets/new_styles/issue_reg.scss */
  .daterangepicker.opensright:before {
    left: 80px !important;
  }
  /* line 267, app/assets/stylesheets/new_styles/issue_reg.scss */
  .daterangepicker.opensright:after {
    left: 80px !important;
  }
}

/* line 274, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .scrap-reg-form .header div {
  padding-top: 0;
}

/* line 278, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .scrap-reg-form .header .float-left {
  padding-top: 26px;
}

/* line 283, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .scrap-reg-form .scrap-reg {
  width: 100%;
}

/* line 286, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .scrap-reg-form .scrap-reg .scrap {
  max-width: 70px;
  min-width: 60px;
}

/* line 291, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .scrap-reg-form .scrap-reg .sc_quantity {
  max-width: 70px;
  min-width: 60px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 35px;
  padding-left: 10px;
  -webkit-appearance: none;
}

/* line 302, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .scrap-reg-form .scrap-reg .sc_quantity::-webkit-outer-spin-button,
#new_content .scrap-reg-form .scrap-reg .sc_quantity::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 308, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .scrap-reg-form .scrap-reg .scrap-update {
  border-radius: 3px;
  background-color: #17a2b8;
  color: #fff;
  padding: 8px;
}

/* line 314, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .scrap-reg-form .scrap-reg .timeline-link {
  text-decoration: none;
}

/* line 317, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .scrap-reg-form .scrap-reg .scraped {
  border-radius: 20px;
  color: #0ca657;
  border: solid 1px #0ca657;
  padding: 4px 6px;
}

/* line 323, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .scrap-reg-form .scrap-reg .rejected {
  border-radius: 20px;
  color: #d31111;
  border: solid 1px #d31111;
  padding: 4px 5px;
}

/* line 330, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .scrap-reg-form .scrap-reg .scrap-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 343, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .scrap-reg-form .scrap-reg .person-name .fs-wrap {
  position: relative !important;
}

/* line 347, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .scrap-reg-form .scrap-reg .person-name .fs-dropdown:last-of-type {
  right: 0 !important;
}

/* line 352, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .scrap-reg-form .scrap-reg .bottom-padding {
  padding-bottom: 50px;
}

/* line 356, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .scrap-reg-form .scrap-reg .white-bg {
  background-color: #ffffff;
}

/* line 360, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .scrap-reg-form .scrap-reg .grey-bg {
  background-color: #f5f1f1;
}

/* line 368, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .header div {
  padding-top: 0;
}

/* line 372, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .header .float-left {
  padding-top: 26px;
}

/* line 377, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg {
  width: 100%;
}

/* line 380, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg .issue-return-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 392, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg .return-no {
  width: 8%;
}

/* line 396, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg .return-date {
  width: 7%;
}

/* line 400, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg .warehouse {
  width: 7%;
}

/* line 404, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg .issue-no {
  width: 8%;
}

/* line 408, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg .issue-date {
  width: 6%;
  padding-bottom: 50px;
}

/* line 413, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg .item {
  width: 15%;
}

/* line 417, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg .brand {
  width: 6%;
  padding-bottom: 50px;
}

/* line 422, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg .qty {
  width: 6%;
  padding-bottom: 50px;
}

/* line 427, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg .from {
  width: 7%;
}

/* line 431, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg .itemgroup {
  width: 9%;
}

/* line 435, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg .remarks {
  width: 9%;
  padding-bottom: 50px;
}

/* line 440, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg .by {
  width: 7%;
}

/* line 443, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg .by .fs-wrap {
  position: relative !important;
}

/* line 447, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg .by .fs-dropdown:last-of-type {
  right: 0 !important;
}

/* line 452, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg .edit {
  width: 5%;
}

/* line 456, app/assets/stylesheets/new_styles/issue_reg.scss */
#new_content .issue-return-reg-form .issue-return-reg .issue-return-edit-link {
  color: #17a2b8;
  font-size: 20px;
}

/* line 463, app/assets/stylesheets/new_styles/issue_reg.scss */
.issue-return-edit-form {
  margin-top: 65px;
}
/* line 4, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .range-filter, .bills-tally-form .range-filter, .pending-bills-form .range-filter, .payment-sheet-form .range-filter, .bill-register-form .range-filter, .all-indents-content .range-filter {
  width: 120px;
  height: 32px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #c7bfbf;
  color: #1c1c1c;
  font-size: 12px;
  font-weight: 600;
  margin: 10px 30px 10px 20px;
}

/* line 15, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .range-filter option, .bills-tally-form .range-filter option, .pending-bills-form .range-filter option, .payment-sheet-form .range-filter option, .bill-register-form .range-filter option, .all-indents-content .range-filter option {
  font-size: 12px;
  font-weight: bold;
}

/* line 22, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .header div, .bills-tally-form .header div, .pending-bills-form .header div, .payment-sheet-form .header div, .bill-register-form .header div, .all-indents-content .header div {
  padding-top: 0;
}

/* line 26, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .header .float-left, .bills-tally-form .header .float-left, .pending-bills-form .header .float-left, .payment-sheet-form .header .float-left, .bill-register-form .header .float-left, .all-indents-content .header .float-left {
  padding-top: 26px;
}

/* line 31, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .grn-reg, .bills-tally-form .grn-reg, .pending-bills-form .grn-reg, .payment-sheet-form .grn-reg, .bill-register-form .grn-reg, .all-indents-content .grn-reg {
  width: 100%;
}

/* line 34, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .grn-reg .grn-date-search, #new_content .grn-reg-form .grn-reg .gate-date-search, .bills-tally-form .grn-reg .grn-date-search, .bills-tally-form .grn-reg .gate-date-search, .pending-bills-form .grn-reg .grn-date-search, .pending-bills-form .grn-reg .gate-date-search, .payment-sheet-form .grn-reg .grn-date-search, .payment-sheet-form .grn-reg .gate-date-search, .bill-register-form .grn-reg .grn-date-search, .bill-register-form .grn-reg .gate-date-search, .all-indents-content .grn-reg .grn-date-search, .all-indents-content .grn-reg .gate-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 46, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .grn-reg .white-bg, .bills-tally-form .grn-reg .white-bg, .pending-bills-form .grn-reg .white-bg, .payment-sheet-form .grn-reg .white-bg, .bill-register-form .grn-reg .white-bg, .all-indents-content .grn-reg .white-bg {
  background-color: #ffffff;
}

/* line 50, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .grn-reg .grey-bg, .bills-tally-form .grn-reg .grey-bg, .pending-bills-form .grn-reg .grey-bg, .payment-sheet-form .grn-reg .grey-bg, .bill-register-form .grn-reg .grey-bg, .all-indents-content .grn-reg .grey-bg {
  background-color: #f5f1f1;
}

/* line 54, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .grn-reg .check-box, .bills-tally-form .grn-reg .check-box, .pending-bills-form .grn-reg .check-box, .payment-sheet-form .grn-reg .check-box, .bill-register-form .grn-reg .check-box, .all-indents-content .grn-reg .check-box {
  min-width: 55px;
  max-width: 55px;
}

/* line 59, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .grn-reg .item-name, .bills-tally-form .grn-reg .item-name, .pending-bills-form .grn-reg .item-name, .payment-sheet-form .grn-reg .item-name, .bill-register-form .grn-reg .item-name, .all-indents-content .grn-reg .item-name {
  min-width: 170px;
  max-width: 170px;
}

/* line 64, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .grn-reg .grn-date, .bills-tally-form .grn-reg .grn-date, .pending-bills-form .grn-reg .grn-date, .payment-sheet-form .grn-reg .grn-date, .bill-register-form .grn-reg .grn-date, .all-indents-content .grn-reg .grn-date {
  min-width: 140px;
  max-width: 140px;
}

/* line 69, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .grn-reg .grn-no, #new_content .grn-reg-form .grn-reg .po-no, .bills-tally-form .grn-reg .grn-no, .bills-tally-form .grn-reg .po-no, .pending-bills-form .grn-reg .grn-no, .pending-bills-form .grn-reg .po-no, .payment-sheet-form .grn-reg .grn-no, .payment-sheet-form .grn-reg .po-no, .bill-register-form .grn-reg .grn-no, .bill-register-form .grn-reg .po-no, .all-indents-content .grn-reg .grn-no, .all-indents-content .grn-reg .po-no {
  min-width: 120px;
  max-width: 120px;
}

/* line 74, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .grn-reg .groups, #new_content .grn-reg-form .grn-reg .company, #new_content .grn-reg-form .grn-reg .vendor, #new_content .grn-reg-form .grn-reg .costcentre, .bills-tally-form .grn-reg .groups, .bills-tally-form .grn-reg .company, .bills-tally-form .grn-reg .vendor, .bills-tally-form .grn-reg .costcentre, .pending-bills-form .grn-reg .groups, .pending-bills-form .grn-reg .company, .pending-bills-form .grn-reg .vendor, .pending-bills-form .grn-reg .costcentre, .payment-sheet-form .grn-reg .groups, .payment-sheet-form .grn-reg .company, .payment-sheet-form .grn-reg .vendor, .payment-sheet-form .grn-reg .costcentre, .bill-register-form .grn-reg .groups, .bill-register-form .grn-reg .company, .bill-register-form .grn-reg .vendor, .bill-register-form .grn-reg .costcentre, .all-indents-content .grn-reg .groups, .all-indents-content .grn-reg .company, .all-indents-content .grn-reg .vendor, .all-indents-content .grn-reg .costcentre {
  min-width: 147px;
  max-width: 147px;
}

/* line 79, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .grn-reg .qty, #new_content .grn-reg-form .grn-reg .rate, #new_content .grn-reg-form .grn-reg .amount, #new_content .grn-reg-form .grn-reg .discount, #new_content .grn-reg-form .grn-reg .gst, #new_content .grn-reg-form .grn-reg .pnf, #new_content .grn-reg-form .grn-reg .freight, #new_content .grn-reg-form .grn-reg .total, #new_content .grn-reg-form .grn-reg .challan-no, #new_content .grn-reg-form .grn-reg .net-weight, #new_content .grn-reg-form .grn-reg .challan-qty, #new_content .grn-reg-form .grn-reg .waybill-no, #new_content .grn-reg-form .grn-reg .pmt-date, #new_content .grn-reg-form .grn-reg .attachments, #new_content .grn-reg-form .grn-reg .photo, #new_content .grn-reg-form .grn-reg .brand, #new_content .grn-reg-form .grn-reg .bill-no, #new_content .grn-reg-form .grn-reg .bill-date, #new_content .grn-reg-form .grn-reg .lr-no, #new_content .grn-reg-form .grn-reg .lr-date, .bills-tally-form .grn-reg .qty, .bills-tally-form .grn-reg .rate, .bills-tally-form .grn-reg .amount, .bills-tally-form .grn-reg .discount, .bills-tally-form .grn-reg .gst, .bills-tally-form .grn-reg .pnf, .bills-tally-form .grn-reg .freight, .bills-tally-form .grn-reg .total, .bills-tally-form .grn-reg .challan-no, .bills-tally-form .grn-reg .net-weight, .bills-tally-form .grn-reg .challan-qty, .bills-tally-form .grn-reg .waybill-no, .bills-tally-form .grn-reg .pmt-date, .bills-tally-form .grn-reg .attachments, .bills-tally-form .grn-reg .photo, .bills-tally-form .grn-reg .brand, .bills-tally-form .grn-reg .bill-no, .bills-tally-form .grn-reg .bill-date, .bills-tally-form .grn-reg .lr-no, .bills-tally-form .grn-reg .lr-date, .pending-bills-form .grn-reg .qty, .pending-bills-form .grn-reg .rate, .pending-bills-form .grn-reg .amount, .pending-bills-form .grn-reg .discount, .pending-bills-form .grn-reg .gst, .pending-bills-form .grn-reg .pnf, .pending-bills-form .grn-reg .freight, .pending-bills-form .grn-reg .total, .pending-bills-form .grn-reg .challan-no, .pending-bills-form .grn-reg .net-weight, .pending-bills-form .grn-reg .challan-qty, .pending-bills-form .grn-reg .waybill-no, .pending-bills-form .grn-reg .pmt-date, .pending-bills-form .grn-reg .attachments, .pending-bills-form .grn-reg .photo, .pending-bills-form .grn-reg .brand, .pending-bills-form .grn-reg .bill-no, .pending-bills-form .grn-reg .bill-date, .pending-bills-form .grn-reg .lr-no, .pending-bills-form .grn-reg .lr-date, .payment-sheet-form .grn-reg .qty, .payment-sheet-form .grn-reg .rate, .payment-sheet-form .grn-reg .amount, .payment-sheet-form .grn-reg .discount, .payment-sheet-form .grn-reg .gst, .payment-sheet-form .grn-reg .pnf, .payment-sheet-form .grn-reg .freight, .payment-sheet-form .grn-reg .total, .payment-sheet-form .grn-reg .challan-no, .payment-sheet-form .grn-reg .net-weight, .payment-sheet-form .grn-reg .challan-qty, .payment-sheet-form .grn-reg .waybill-no, .payment-sheet-form .grn-reg .pmt-date, .payment-sheet-form .grn-reg .attachments, .payment-sheet-form .grn-reg .photo, .payment-sheet-form .grn-reg .brand, .payment-sheet-form .grn-reg .bill-no, .payment-sheet-form .grn-reg .bill-date, .payment-sheet-form .grn-reg .lr-no, .payment-sheet-form .grn-reg .lr-date, .bill-register-form .grn-reg .qty, .bill-register-form .grn-reg .rate, .bill-register-form .grn-reg .amount, .bill-register-form .grn-reg .discount, .bill-register-form .grn-reg .gst, .bill-register-form .grn-reg .pnf, .bill-register-form .grn-reg .freight, .bill-register-form .grn-reg .total, .bill-register-form .grn-reg .challan-no, .bill-register-form .grn-reg .net-weight, .bill-register-form .grn-reg .challan-qty, .bill-register-form .grn-reg .waybill-no, .bill-register-form .grn-reg .pmt-date, .bill-register-form .grn-reg .attachments, .bill-register-form .grn-reg .photo, .bill-register-form .grn-reg .brand, .bill-register-form .grn-reg .bill-no, .bill-register-form .grn-reg .bill-date, .bill-register-form .grn-reg .lr-no, .bill-register-form .grn-reg .lr-date, .all-indents-content .grn-reg .qty, .all-indents-content .grn-reg .rate, .all-indents-content .grn-reg .amount, .all-indents-content .grn-reg .discount, .all-indents-content .grn-reg .gst, .all-indents-content .grn-reg .pnf, .all-indents-content .grn-reg .freight, .all-indents-content .grn-reg .total, .all-indents-content .grn-reg .challan-no, .all-indents-content .grn-reg .net-weight, .all-indents-content .grn-reg .challan-qty, .all-indents-content .grn-reg .waybill-no, .all-indents-content .grn-reg .pmt-date, .all-indents-content .grn-reg .attachments, .all-indents-content .grn-reg .photo, .all-indents-content .grn-reg .brand, .all-indents-content .grn-reg .bill-no, .all-indents-content .grn-reg .bill-date, .all-indents-content .grn-reg .lr-no, .all-indents-content .grn-reg .lr-date {
  min-width: 90px;
  max-width: 90px;
  padding-bottom: 50px;
}

/* line 84, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .grn-reg .ctc-total, .bills-tally-form .grn-reg .ctc-total, .pending-bills-form .grn-reg .ctc-total, .payment-sheet-form .grn-reg .ctc-total, .bill-register-form .grn-reg .ctc-total, .all-indents-content .grn-reg .ctc-total {
  min-width: 100px;
  max-width: 100px;
  padding-bottom: 30px;
}

/* line 90, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .grn-reg .remarks, #new_content .grn-reg-form .grn-reg .gate-entry-date, .bills-tally-form .grn-reg .remarks, .bills-tally-form .grn-reg .gate-entry-date, .pending-bills-form .grn-reg .remarks, .pending-bills-form .grn-reg .gate-entry-date, .payment-sheet-form .grn-reg .remarks, .payment-sheet-form .grn-reg .gate-entry-date, .bill-register-form .grn-reg .remarks, .bill-register-form .grn-reg .gate-entry-date, .all-indents-content .grn-reg .remarks, .all-indents-content .grn-reg .gate-entry-date {
  min-width: 115px;
  max-width: 115px;
  padding-bottom: 50px;
}

/* line 96, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .grn-reg .by, .bills-tally-form .grn-reg .by, .pending-bills-form .grn-reg .by, .payment-sheet-form .grn-reg .by, .bill-register-form .grn-reg .by, .all-indents-content .grn-reg .by {
  min-width: 120px;
  max-width: 120px;
}

/* line 101, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .grn-reg .slip, .bills-tally-form .grn-reg .slip, .pending-bills-form .grn-reg .slip, .payment-sheet-form .grn-reg .slip, .bill-register-form .grn-reg .slip, .all-indents-content .grn-reg .slip {
  min-width: 90px;
  max-width: 90px;
}

/* line 107, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .export-button-delivery, .bills-tally-form .export-button-delivery, .pending-bills-form .export-button-delivery, .payment-sheet-form .export-button-delivery, .bill-register-form .export-button-delivery, .all-indents-content .export-button-delivery {
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #979797;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  text-transform: uppercase;
  padding: 3px 8px;
}

/* line 117, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .export-button-delivery:hover, .bills-tally-form .export-button-delivery:hover, .pending-bills-form .export-button-delivery:hover, .payment-sheet-form .export-button-delivery:hover, .bill-register-form .export-button-delivery:hover, .all-indents-content .export-button-delivery:hover {
  background-color: #e7e5e5;
}

/* line 122, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .apply-search, .bills-tally-form .apply-search, .pending-bills-form .apply-search, .payment-sheet-form .apply-search, .bill-register-form .apply-search, .all-indents-content .apply-search {
  height: 39px;
  width: 250px;
  border-top: solid 1px #979797;
}

/* line 128, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .apply, .bills-tally-form .apply, .pending-bills-form .apply, .payment-sheet-form .apply, .bill-register-form .apply, .all-indents-content .apply {
  border-radius: 3px;
  border: solid 1px #17a2b8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  color: #138294;
  padding: 3px;
  display: inline-block;
  position: absolute;
  bottom: 6px;
  right: 15px;
  font-weight: 500;
}

/* line 144, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .grn-reg-form .apply:hover, .bills-tally-form .apply:hover, .pending-bills-form .apply:hover, .payment-sheet-form .apply:hover, .bill-register-form .apply:hover, .all-indents-content .apply:hover {
  background-color: #138294;
  color: #ffffff;
}

/* line 151, app/assets/stylesheets/new_styles/grn_reg.scss */
.item-header {
  color: #000000;
  text-decoration: none;
}

/* line 155, app/assets/stylesheets/new_styles/grn_reg.scss */
.item-header:hover {
  color: #000000;
  text-decoration: none;
}

@media (max-width: 768px) {
  /* line 163, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .create-grn .terms-conditions-block {
    margin-top: 0;
  }
  /* line 167, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .create-grn .delivery-terms-block .terms-details {
    margin-top: 10px;
  }
  /* line 173, app/assets/stylesheets/new_styles/grn_reg.scss */
  .tolerance-bill-modal .modal-dialog {
    min-width: auto !important;
  }
  /* line 176, app/assets/stylesheets/new_styles/grn_reg.scss */
  .tolerance-bill-modal .modal-dialog .modal-content {
    min-width: auto !important;
  }
  /* line 179, app/assets/stylesheets/new_styles/grn_reg.scss */
  .tolerance-bill-modal .modal-dialog .modal-content .modal-body {
    padding: 0 5px;
  }
  /* line 182, app/assets/stylesheets/new_styles/grn_reg.scss */
  .tolerance-bill-modal .modal-dialog .modal-content .modal-body h6 {
    font-size: 14px;
  }
  /* line 187, app/assets/stylesheets/new_styles/grn_reg.scss */
  .tolerance-bill-modal .modal-dialog .modal-content .modal-body .item-details-table thead tr th {
    font-size: 12px !important;
    padding: 1px;
    word-break: break-all;
  }
  /* line 193, app/assets/stylesheets/new_styles/grn_reg.scss */
  .tolerance-bill-modal .modal-dialog .modal-content .modal-body .item-details-table tbody tr td {
    font-size: 12px !important;
    padding: 1px;
    word-break: break-all;
  }
  /* line 204, app/assets/stylesheets/new_styles/grn_reg.scss */
  .flash-wrapper {
    width: 90%;
  }
  /* line 208, app/assets/stylesheets/new_styles/grn_reg.scss */
  .alert {
    min-width: 100%;
  }
  /* line 212, app/assets/stylesheets/new_styles/grn_reg.scss */
  .grn-reg-page {
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 218, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .range-filter {
    margin: 3px;
    height: 30px;
  }
  /* line 223, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-item-name {
    word-break: break-all;
  }
  /* line 227, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .header {
    margin-top: 20px;
    min-height: 60px;
  }
  /* line 231, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .header .float-left {
    padding-top: 26px;
  }
  /* line 236, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .item-header {
    font-size: 20px;
  }
  /* line 240, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .paginate {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  /* line 245, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .material-icons {
    font-size: 16px;
  }
  /* line 249, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg {
    table-layout: fixed;
    width: 100%;
  }
  /* line 253, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg tbody tr {
    height: 30px;
  }
  /* line 257, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg td {
    padding: 2px;
    font-size: 12px;
  }
  /* line 262, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg th {
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #504d4d;
  }
  /* line 269, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg .item-name {
    width: 20%;
    word-break: break-all;
  }
  /* line 274, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg .grn-no {
    width: 12%;
  }
  /* line 278, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg .grn-date {
    width: 14%;
  }
  /* line 282, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg .vendor {
    width: 20%;
    word-break: break-all;
  }
  /* line 286, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg .vendor .fs-wrap {
    position: relative !important;
  }
  /* line 290, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg .vendor .fs-dropdown:last-of-type {
    right: 0 !important;
  }
  /* line 295, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg .company {
    width: 12%;
    word-break: break-all;
  }
  /* line 299, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg .company .fs-wrap {
    position: relative !important;
  }
  /* line 303, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg .company .fs-dropdown:last-of-type {
    right: 0 !important;
  }
  /* line 308, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg .qty {
    width: 15%;
    word-break: break-all;
  }
  /* line 313, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg .slip {
    width: 6% !important;
    padding-bottom: 50px;
    word-break: break-all;
  }
  /* line 319, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg .grn-date-search {
    height: 35px;
  }
  /* line 324, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg .action .nav-link {
    width: 15px;
    -webkit-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
  }
  /* line 332, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg .action .dropdown-menu {
    top: 0 !important;
    left: 0 !important;
  }
  /* line 337, app/assets/stylesheets/new_styles/grn_reg.scss */
  #new_content .grn-reg-form .grn-reg .action .dropdown-menu-right {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }
  /* line 348, app/assets/stylesheets/new_styles/grn_reg.scss */
  .drp-buttons {
    text-align: center !important;
  }
  /* line 351, app/assets/stylesheets/new_styles/grn_reg.scss */
  .drp-buttons .drp-selected {
    padding-right: 0 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  /* line 359, app/assets/stylesheets/new_styles/grn_reg.scss */
  .daterangepicker.opensright:before {
    left: 80px !important;
  }
  /* line 363, app/assets/stylesheets/new_styles/grn_reg.scss */
  .daterangepicker.opensright:after {
    left: 80px !important;
  }
}

/* line 370, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .header div {
  padding-top: 0;
}

/* line 374, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .header .float-left {
  padding-top: 26px;
}

/* line 379, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg {
  width: 100%;
}

/* line 382, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg th, #new_content .gate-entry-reg-form .gate-entry-reg td {
  padding: 4px;
}

/* line 386, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .grn-date-search, #new_content .gate-entry-reg-form .gate-entry-reg .gate-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 398, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .white-bg {
  background-color: #ffffff;
}

/* line 402, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .grey-bg {
  background-color: #f5f1f1;
}

/* line 406, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .item-name {
  min-width: 150px;
  max-width: 150px;
}

/* line 411, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .grn-date {
  min-width: 100px;
  max-width: 100px;
}

/* line 416, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .grn-no, #new_content .gate-entry-reg-form .gate-entry-reg .po-no {
  min-width: 10px;
  max-width: 100px;
}

/* line 421, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .warehouse, #new_content .gate-entry-reg-form .gate-entry-reg .vendor {
  min-width: 115px;
  max-width: 115px;
}

/* line 426, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .brand {
  min-width: 80px;
  max-width: 80px;
}

/* line 431, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .recd-qty {
  min-width: 80px;
  max-width: 80px;
}

/* line 436, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .rej-qty {
  min-width: 60px;
  max-width: 60px;
}

/* line 441, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .rate, #new_content .gate-entry-reg-form .gate-entry-reg .basic, #new_content .gate-entry-reg-form .gate-entry-reg .gst, #new_content .gate-entry-reg-form .gate-entry-reg .total {
  min-width: 75px;
  max-width: 75px;
}

/* line 446, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .discount {
  min-width: 65px;
  max-width: 65px;
}

/* line 451, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .challan {
  min-width: 120px;
  max-width: 120px;
}

/* line 456, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .waybill {
  min-width: 90px;
  max-width: 90px;
}

/* line 461, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .remarks {
  min-width: 110px;
  max-width: 110px;
}

/* line 466, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .by {
  min-width: 120px;
  max-width: 120px;
}

/* line 471, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .weighment {
  min-width: 70px;
  max-width: 70px;
}

/* line 476, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .status {
  min-width: 70px;
  max-width: 70px;
}

/* line 483, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .status .fs-wrap {
  position: relative !important;
}

/* line 487, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .status .fs-dropdown {
  left: auto;
  right: 0 !important;
}

/* line 493, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .photo {
  min-width: 80px;
  max-width: 80px;
}

/* line 498, app/assets/stylesheets/new_styles/grn_reg.scss */
#new_content .gate-entry-reg-form .gate-entry-reg .actions {
  min-width: 50px;
  max-width: 50px;
}

/* line 505, app/assets/stylesheets/new_styles/grn_reg.scss */
.grn-approval-btn {
  width: 200px;
}
/* line 1, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview, .dispatch-preview {
  font: 14px/1.4 Times, serif;
}

/* line 4, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview #logo, .dispatch-preview #logo {
  text-align: center;
  float: left;
  position: relative;
  margin-top: 0px;
  margin-left: 40px;
  border: 1px solid #fff;
  max-width: 200px;
  max-height: 100px;
  overflow: hidden;
  margin-bottom: 5px;
}

/* line 16, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview #image, .dispatch-preview #image {
  width: 100%;
  object-fit: contain;
  height: 110px;
}

/* line 22, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview .modal-title, .dispatch-preview .modal-title {
  font: bold 15px Helvetica, Sans-Serif;
  text-align: center;
  letter-spacing: 10px;
  font-size: 16px !important;
}

/* line 31, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grn-info-table tr, .dispatch-preview table.grn-info-table tr {
  height: auto !important;
}

/* line 34, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grn-info-table tr:nth-of-type(even), .dispatch-preview table.grn-info-table tr:nth-of-type(even) {
  background-color: #FFF !important;
}

/* line 38, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grn-info-table tr td, .dispatch-preview table.grn-info-table tr td {
  border: 1px solid #000;
  padding: 2px 3px !important;
  font-weight: bold;
}

/* line 43, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grn-info-table tr td#remarks-info, .dispatch-preview table.grn-info-table tr td#remarks-info {
  font-weight: normal;
  border-top: none;
  width: 357px;
}

/* line 49, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grn-info-table tr td.remarks-label, .grn-preview table.grn-info-table tr td.remarks, .dispatch-preview table.grn-info-table tr td.remarks-label, .dispatch-preview table.grn-info-table tr td.remarks {
  border-top: none;
}

/* line 53, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grn-info-table tr td:nth-of-type(odd), .dispatch-preview table.grn-info-table tr td:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

/* line 60, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.warehouse-details-table, .dispatch-preview table.warehouse-details-table {
  min-width: 100%;
  margin-left: 5px;
}

/* line 64, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.warehouse-details-table tr, .dispatch-preview table.warehouse-details-table tr {
  border: 1px solid #000;
}

/* line 67, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.warehouse-details-table tr td, .dispatch-preview table.warehouse-details-table tr td {
  padding: 0 !important;
  margin: 0;
}

/* line 71, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.warehouse-details-table tr td p, .dispatch-preview table.warehouse-details-table tr td p {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}

/* line 77, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.warehouse-details-table tr td p.company_name, .dispatch-preview table.warehouse-details-table tr td p.company_name {
  font-size: 15px;
}

/* line 81, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.warehouse-details-table tr td p.warehouse-heading, .dispatch-preview table.warehouse-details-table tr td p.warehouse-heading {
  font-size: 10px;
  border-bottom: 1px solid black;
}

/* line 86, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.warehouse-details-table tr td p.address_area, .dispatch-preview table.warehouse-details-table tr td p.address_area {
  font-size: 10px;
  height: 58px;
}

/* line 95, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grnitems-info-table, .dispatch-preview table.grnitems-info-table {
  width: 100%;
}

/* line 99, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grnitems-info-table thead tr, .dispatch-preview table.grnitems-info-table thead tr {
  height: auto !important;
}

/* line 102, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grnitems-info-table thead tr th, .dispatch-preview table.grnitems-info-table thead tr th {
  background-color: #EEE !important;
  color: #000 !important;
  text-transform: none !important;
  text-align: center;
  border: 1px solid #000 !important;
  padding: 2px !important;
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  text-align: -internal-center;
}

/* line 114, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grnitems-info-table thead tr th.item-name, .dispatch-preview table.grnitems-info-table thead tr th.item-name {
  width: 22% !important;
}

/* line 118, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grnitems-info-table thead tr th.uom, .dispatch-preview table.grnitems-info-table thead tr th.uom {
  width: 6% !important;
}

/* line 122, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grnitems-info-table thead tr th.make, .grn-preview table.grnitems-info-table thead tr th.challan-qty, .grn-preview table.grnitems-info-table thead tr th.accepted-qty, .grn-preview table.grnitems-info-table thead tr th.rejected-qty, .grn-preview table.grnitems-info-table thead tr th.discount, .dispatch-preview table.grnitems-info-table thead tr th.make, .dispatch-preview table.grnitems-info-table thead tr th.challan-qty, .dispatch-preview table.grnitems-info-table thead tr th.accepted-qty, .dispatch-preview table.grnitems-info-table thead tr th.rejected-qty, .dispatch-preview table.grnitems-info-table thead tr th.discount {
  width: 8% !important;
}

/* line 126, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grnitems-info-table thead tr th.rate, .grn-preview table.grnitems-info-table thead tr th.basic-amount, .dispatch-preview table.grnitems-info-table thead tr th.rate, .dispatch-preview table.grnitems-info-table thead tr th.basic-amount {
  width: 10% !important;
}

/* line 130, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grnitems-info-table thead tr th.remarks, .dispatch-preview table.grnitems-info-table thead tr th.remarks {
  width: 12% !important;
}

/* line 139, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grnitems-info-table tbody tr:nth-of-type(even), .dispatch-preview table.grnitems-info-table tbody tr:nth-of-type(even) {
  background-color: #FFF !important;
}

/* line 143, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grnitems-info-table tbody tr td, .dispatch-preview table.grnitems-info-table tbody tr td {
  border: 1px solid #000;
  font-size: 14px;
  padding-left: 2px !important;
  padding: 2px !important;
}

/* line 149, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grnitems-info-table tbody tr td.grn-uom, .grn-preview table.grnitems-info-table tbody tr td.grn-chalan-qty, .grn-preview table.grnitems-info-table tbody tr td.grn-received-qty, .grn-preview table.grnitems-info-table tbody tr td.grn-rejected-qty, .grn-preview table.grnitems-info-table tbody tr td.basic-rate, .grn-preview table.grnitems-info-table tbody tr td.discount, .grn-preview table.grnitems-info-table tbody tr td.grn-subtotal, .grn-preview table.grnitems-info-table tbody tr td.remarks, .dispatch-preview table.grnitems-info-table tbody tr td.grn-uom, .dispatch-preview table.grnitems-info-table tbody tr td.grn-chalan-qty, .dispatch-preview table.grnitems-info-table tbody tr td.grn-received-qty, .dispatch-preview table.grnitems-info-table tbody tr td.grn-rejected-qty, .dispatch-preview table.grnitems-info-table tbody tr td.basic-rate, .dispatch-preview table.grnitems-info-table tbody tr td.discount, .dispatch-preview table.grnitems-info-table tbody tr td.grn-subtotal, .dispatch-preview table.grnitems-info-table tbody tr td.remarks {
  font-weight: bold;
  text-align: right;
}

/* line 158, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grnitems-info-table tfoot td, .dispatch-preview table.grnitems-info-table tfoot td {
  border: 1px solid #000;
  font-size: 14px;
  padding: 2px !important;
}

/* line 163, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grnitems-info-table tfoot td.border-bottom-none, .dispatch-preview table.grnitems-info-table tfoot td.border-bottom-none {
  border-bottom: none;
}

/* line 167, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grnitems-info-table tfoot td.border-top-none, .dispatch-preview table.grnitems-info-table tfoot td.border-top-none {
  border-top: none;
}

/* line 171, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grnitems-info-table tfoot td.border-left-none, .dispatch-preview table.grnitems-info-table tfoot td.border-left-none {
  border-left: none;
}

/* line 175, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grnitems-info-table tfoot td.border-right-none, .dispatch-preview table.grnitems-info-table tfoot td.border-right-none {
  border-right: none;
}

/* line 179, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview table.grnitems-info-table tfoot td.subtotal-amount, .grn-preview table.grnitems-info-table tfoot td.total-gst, .grn-preview table.grnitems-info-table tfoot td.total-amount, .grn-preview table.grnitems-info-table tfoot td.total-pnf, .grn-preview table.grnitems-info-table tfoot td.total-freight, .grn-preview table.grnitems-info-table tfoot td.total-extra-tax1, .grn-preview table.grnitems-info-table tfoot td.total-extra-tax2, .grn-preview table.grnitems-info-table tfoot td.total-loading-charge, .grn-preview table.grnitems-info-table tfoot td.round-off, .grn-preview table.grnitems-info-table tfoot td.service-charge-amount, .dispatch-preview table.grnitems-info-table tfoot td.subtotal-amount, .dispatch-preview table.grnitems-info-table tfoot td.total-gst, .dispatch-preview table.grnitems-info-table tfoot td.total-amount, .dispatch-preview table.grnitems-info-table tfoot td.total-pnf, .dispatch-preview table.grnitems-info-table tfoot td.total-freight, .dispatch-preview table.grnitems-info-table tfoot td.total-extra-tax1, .dispatch-preview table.grnitems-info-table tfoot td.total-extra-tax2, .dispatch-preview table.grnitems-info-table tfoot td.total-loading-charge, .dispatch-preview table.grnitems-info-table tfoot td.round-off, .dispatch-preview table.grnitems-info-table tfoot td.service-charge-amount {
  font-weight: bold;
  text-align: right;
}

/* line 190, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview .form-footer, .dispatch-preview .form-footer {
  width: 99.7% !important;
}

/* line 193, app/assets/stylesheets/new_styles/grns.scss */
.grn-preview .form-footer .grn-preview-footer, .dispatch-preview .form-footer .grn-preview-footer {
  margin-top: 10px !important;
  margin-right: 5% !important;
}

/* line 200, app/assets/stylesheets/new_styles/grns.scss */
.price-info {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 2px auto;
  font-size: 20px;
  font-weight: 500;
  color: #FFFFFF;
}

/* line 207, app/assets/stylesheets/new_styles/grns.scss */
.price-info i.fas.fa-rupee-sign {
  font-weight: 500;
}
/* line 1, app/assets/stylesheets/new_styles/setup_page.scss */
.setup-page {
  padding-top: 100px;
  min-height: 100vh;
}

/* line 5, app/assets/stylesheets/new_styles/setup_page.scss */
.setup-page .card-header {
  background-color: #17a2b8;
  color: #FFFFFF;
  font-weight: 500;
  text-transform: uppercase;
}

/* line 12, app/assets/stylesheets/new_styles/setup_page.scss */
.setup-page .card-body {
  border: 1px solid #17a2b8;
  border-top: 0;
}

/* line 17, app/assets/stylesheets/new_styles/setup_page.scss */
.setup-page a, .setup-page i {
  color: #0c8294;
}

/* line 21, app/assets/stylesheets/new_styles/setup_page.scss */
.setup-page .not-active {
  opacity: 0.7;
  cursor: not-allowed;
}

/* line 26, app/assets/stylesheets/new_styles/setup_page.scss */
.setup-page .badge-primary {
  margin-top: 3px;
  background-color: #17a2b8;
}

/* line 32, app/assets/stylesheets/new_styles/setup_page.scss */
.transaction-page > div > div {
  margin-left: 120px;
  margin-right: 120px;
}

/* line 38, app/assets/stylesheets/new_styles/setup_page.scss */
.transaction-page .breadcrumb {
  padding: 5px 15px;
  margin-bottom: 5px;
}
/* line 5, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .header div {
  padding-top: 0;
}

/* line 9, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .header .float-left {
  padding-top: 26px;
}

/* line 14, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .range-filter {
  width: 120px;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #c7bfbf;
  color: #1c1c1c;
  font-size: 12px;
  font-weight: 600;
  margin-top: 12px;
  margin-left: 20px;
}

/* line 26, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .range-filter option {
  font-size: 12px;
  font-weight: bold;
}

/* line 32, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .aging-report {
  width: 100%;
}

/* line 35, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .aging-report .check-box {
  width: 4%;
}

/* line 39, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .aging-report .item-name {
  width: 9%;
}

/* line 43, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .aging-report .group, #new_content .aging-form .aging-report .warehouse {
  width: 6%;
}

/* line 47, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .aging-report .brand {
  width: 5%;
  padding-bottom: 50px;
}

/* line 52, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .aging-report .uom {
  width: 4%;
  padding-bottom: 50px;
}

/* line 57, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .aging-report .quantity {
  width: 5%;
  padding-bottom: 50px;
}

/* line 62, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .aging-report .location {
  width: 5%;
}

/* line 66, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .aging-report .amount {
  width: 6%;
}

/* line 70, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .aging-report .aging-days {
  width: 6%;
  padding-bottom: 50px;
}

/* line 75, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .aging-report .amount-filter {
  width: 100% !important;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  margin-bottom: 8px;
  color: #868e96;
  font-size: 12px;
  font-weight: 600;
  margin-top: 6px;
}

/* line 87, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .aging-report .amount-filter option {
  font-size: 12px;
  font-weight: bold;
}

/* line 94, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .export-button-delivery {
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #979797;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  text-transform: uppercase;
  padding: 3px 8px;
}

/* line 104, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .export-button-delivery:hover {
  background-color: #e7e5e5;
}

/* line 109, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .apply-search {
  height: 39px;
  width: 250px;
  border-top: solid 1px #979797;
}

/* line 115, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .apply {
  border-radius: 3px;
  border: solid 1px #17a2b8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  color: #138294;
  padding: 3px;
  display: inline-block;
  position: absolute;
  bottom: 6px;
  right: 15px;
  font-weight: 500;
}

/* line 131, app/assets/stylesheets/new_styles/stock_aging.scss */
#new_content .aging-form .apply:hover {
  background-color: #138294;
  color: #ffffff;
}

/* line 138, app/assets/stylesheets/new_styles/stock_aging.scss */
.item-header {
  color: #000000;
  text-decoration: none;
}

/* line 142, app/assets/stylesheets/new_styles/stock_aging.scss */
.item-header:hover {
  color: #000000;
  text-decoration: none;
}
/* line 3, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 6, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .flash-message {
  margin-right: 50%;
  margin-top: 0px;
}

/* line 11, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue select {
  -moz-appearance: menulist;
  /* Firefox */
  -webkit-appearance: menulist;
  /* Safari and Chrome */
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 37px;
  width: 100%;
  font-size: 14px;
  padding-left: 8px;
}

/* line 23, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .item-new {
  float: right;
  margin-right: 50px;
  line-height: 1;
}

/* line 28, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .item-new .item-new-btn {
  padding: 5px 19px;
  border-radius: 7px;
  font-size: 15px;
  background-color: #17A2B8;
  color: #FFFFFF;
  cursor: pointer;
}

/* line 36, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .item-new .item-new-btn:hover {
  text-decoration: none;
  background-color: #0e6471;
}

/* line 43, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .error-wrapper {
  position: relative;
}

/* line 46, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .error-wrapper .name-error {
  position: absolute;
  font-size: 10px;
  color: #de1616;
  bottom: -15px;
  left: 0;
  letter-spacing: 0.6px;
}

/* line 55, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .error-wrapper .quantity {
  height: 35px !important;
}

/* line 60, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .attachment-section {
  position: relative;
  width: 40px;
  display: inline-block;
}

/* line 65, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .attachment-section .name-error {
  position: absolute;
  font-size: 10px;
  color: #17a2b8;
  bottom: -19px;
  left: 0;
  letter-spacing: 0.6px;
}

/* line 75, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .main-form {
  margin-bottom: 100px;
}

/* line 78, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .main-form .select2-selection__arrow {
  height: 18px !important;
}

/* line 83, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .header {
  border-bottom: solid 1px #979797;
  min-height: 69px;
}

/* line 87, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .header div {
  opacity: 0.9;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
}

/* line 96, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .parentissue-details {
  margin-top: 26px;
}

/* line 99, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .parentissue-details .remarks {
  width: 400px;
  vertical-align: top;
}

/* line 104, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .parentissue-details .issue-remarks {
  width: 100%;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  min-height: 40px;
  max-height: 40px;
  font-size: 14px;
  padding: 3px;
  margin-top: 3px;
}

/* line 116, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .parentissue-details .issue-date-div {
  flex: 0 0 8.6%;
  max-width: 8.6%;
}

/* line 121, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .parentissue-details .issue-type-div {
  flex: 0 0 11.67%;
  max-width: 11.67%;
}

/* line 126, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .parentissue-details .issue-category-div {
  flex: 0 0 9.2%;
  max-width: 9.2%;
}

/* line 131, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .parentissue-details .issue-remark-div {
  flex: 0 0 20%;
  max-width: 20%;
}

/* line 136, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .parentissue-details div {
  width: 220px;
  display: inline-block;
}

/* line 140, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .parentissue-details div .issue-date {
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  width: 100%;
  font-size: 14px;
  padding: 0px 8px;
  margin-top: 3px;
}

/* line 151, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .parentissue-details div span {
  display: block;
  margin-right: 10px;
}

/* line 155, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .parentissue-details div span:first-child {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.7px;
  color: #212529;
}

/* line 162, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .parentissue-details div span:last-child select {
  -moz-appearance: menulist;
  /* Firefox */
  -webkit-appearance: menulist;
  /* Safari and Chrome */
  margin-top: 3px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  width: 100%;
  font-size: 14px;
  padding-left: 8px;
}

/* line 178, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .indent-details-header {
  margin-top: 50px;
  width: 100%;
}

/* line 182, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .indent-details-header span {
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.3px;
  color: #212529;
}

/* line 190, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details {
  table-layout: fixed;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 20px;
}

/* line 196, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details .attached-indent-files {
  color: #17a2b8;
  cursor: pointer;
  font-size: 12px;
}

/* line 203, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details thead tr {
  background-color: #FFFFFF;
  height: 39px;
}

/* line 207, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details thead tr th {
  padding: 0;
}

/* line 214, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr {
  background-color: #FFFFFF;
  border-bottom: solid 1px #e9e9e9;
  /* Rounded sliders */
}

/* line 218, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr td {
  padding: 3px;
}

/* line 221, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr td .attached {
  color: #17a2b8 !important;
}

/* line 225, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr td .issue-remarks {
  width: 100%;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  min-height: 40px;
  max-height: 40px;
  font-size: 14px;
  padding: 3px;
  margin-top: 3px;
}

/* line 237, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr td .attachment {
  position: relative;
  line-height: 0;
  width: 24px;
}

/* line 242, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr td .attachment label {
  line-height: 0;
  cursor: pointer;
  margin-bottom: 0;
}

/* line 247, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr td .attachment label .attachment-icon {
  color: #868e96;
}

/* line 252, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr td .attachment input {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
}

/* line 262, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr td input {
  width: 100%;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 37px;
  padding-left: 10px;
}

/* line 271, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr td .qty-uom {
  border-radius: 3px;
  background-color: #eceeef;
  border: solid 1px #dddddd;
}

/* line 276, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr td .qty-uom input {
  width: 60%;
}

/* line 281, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr td .quantity {
  width: 50%;
  border-radius: 0;
  border: none;
}

/* line 287, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr td .status-alert {
  color: #dc3545;
}

/* line 291, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr td .item-uom {
  width: 50%;
  height: 48px;
  padding-left: 5px;
}

/* line 298, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr .remove-issue-item {
  color: #dc3545;
  cursor: pointer;
  margin-top: 8px;
}

/* line 304, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr .remark-note {
  color: #868e96;
  font-size: 28px;
  cursor: pointer;
  margin-top: 8px;
}

/* line 311, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  margin: 0;
  margin-top: 8px;
}

/* line 320, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr .switch input {
  display: none;
}

/* line 324, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

/* line 336, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

/* line 348, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr input:checked + .slider {
  background-color: #138294;
}

/* line 352, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

/* line 356, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/* line 363, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr .slider.round {
  border-radius: 34px;
}

/* line 367, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .issue-create-details tbody tr .slider.round:before {
  border-radius: 50%;
}

/* line 374, app/assets/stylesheets/new_styles/issue.scss */
#new_content .create-issue .add-another-issue-item {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #17a2b8;
}

@media (max-width: 768px) {
  /* line 3, app/assets/stylesheets/new_styles/issue.scss */
  #new_content .create-issue {
    position: relative;
    min-height: calc(100vh - 30px);
  }
  /* line 385, app/assets/stylesheets/new_styles/issue.scss */
  #new_content .create-issue .header {
    margin-top: 30px;
  }
  /* line 389, app/assets/stylesheets/new_styles/issue.scss */
  #new_content .create-issue .parentissue-details {
    margin-top: 5px;
  }
  /* line 392, app/assets/stylesheets/new_styles/issue.scss */
  #new_content .create-issue .parentissue-details div span:last-child select {
    height: 30px;
  }
  /* line 396, app/assets/stylesheets/new_styles/issue.scss */
  #new_content .create-issue .parentissue-details div .issue-date {
    height: 30px;
  }
  /* line 401, app/assets/stylesheets/new_styles/issue.scss */
  #new_content .create-issue .issue-create-details {
    margin-top: 10px;
    width: 800px;
  }
  /* line 406, app/assets/stylesheets/new_styles/issue.scss */
  #new_content .create-issue .issue-details-container {
    width: 100%;
    overflow: auto;
  }
  /* line 411, app/assets/stylesheets/new_styles/issue.scss */
  #new_content .create-issue .form-footer {
    position: absolute;
    bottom: 0;
    height: 75px;
    text-align: center;
  }
  /* line 418, app/assets/stylesheets/new_styles/issue.scss */
  #new_content .create-issue .app-main-form {
    padding-bottom: 85px;
    margin-bottom: 0;
  }
}

/* line 425, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview {
  font: 14px/1.4 Times, serif !important;
}

/* line 428, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview .company_address {
  min-width: 100%;
  text-align: center;
}

/* line 432, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview .company_address h2 {
  font-size: 1.5em;
  font-weight: bold;
}

/* line 437, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview .company_address h4 {
  font-size: 0.85em;
  display: block;
  font-weight: bold;
}

/* line 443, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview .company_address p {
  font-size: 0.85rem;
}

/* line 448, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview .header-info {
  margin-top: -10px;
  margin-bottom: 10px;
  min-width: 100%;
}

/* line 453, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview .header-info h3 {
  font: bold 15px Helvetica, Sans-Serif;
  text-decoration: uppercase;
  letter-spacing: 20px;
  height: 30px;
  padding: 4px 0px;
  margin: 10px 0;
}

/* line 463, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview .logo {
  text-align: right;
  float: right;
  position: relative;
  margin-top: 0px;
  margin-right: 40px;
  border: 1px solid #fff;
  max-width: 540px;
  max-height: 100px;
  overflow: hidden;
}

/* line 475, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview .modal-title {
  font: bold 15px Helvetica, Sans-Serif;
  text-align: center;
  letter-spacing: 10px;
  font-size: 16px !important;
}

/* line 483, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-info-table {
  min-width: 100%;
}

/* line 486, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-info-table tr {
  height: auto !important;
}

/* line 489, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-info-table tr:nth-of-type(even) {
  background-color: #FFF !important;
}

/* line 493, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-info-table tr td {
  border: 1px solid #000;
  padding: 2px 3px !important;
}

/* line 497, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-info-table tr td.remarks-label, .issue-preview table.issue-info-table tr td.remarks {
  border-top: none;
}

/* line 501, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-info-table tr td:nth-of-type(odd) {
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.05);
  min-width: 110px;
}

/* line 510, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-items-table {
  min-width: 100%;
}

/* line 514, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-items-table thead tr {
  height: auto !important;
}

/* line 517, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-items-table thead tr th {
  text-align: center;
  background-color: #EEE !important;
  color: #000 !important;
  text-transform: none !important;
  border: 1px solid #000 !important;
  padding: 2px !important;
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
}

/* line 528, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-items-table thead tr th.item-name {
  width: 32% !important;
}

/* line 532, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-items-table thead tr th.make {
  width: 12% !important;
}

/* line 536, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-items-table thead tr th.uom, .issue-preview table.issue-items-table thead tr th.quantity {
  width: 8% !important;
}

/* line 540, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-items-table thead tr th.remarks, .issue-preview table.issue-items-table thead tr th.costcentre {
  width: 20% !important;
}

/* line 548, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-items-table tbody tr {
  height: auto !important;
}

/* line 551, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-items-table tbody tr:nth-of-type(even) {
  background-color: #FFF !important;
}

/* line 555, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-items-table tbody tr td {
  border: 1px solid #000;
  font-size: 14px;
  padding: 2px !important;
  padding-left: 5px !important;
}

/* line 561, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-items-table tbody tr td.uom, .issue-preview table.issue-items-table tbody tr td.make {
  text-align: center;
}

/* line 565, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview table.issue-items-table tbody tr td.quantity {
  text-align: right;
}

/* line 574, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview .prepared-by {
  font: 14px/1.4 Times, serif;
}

/* line 578, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview .form-footer {
  max-width: 99.7% !important;
}

/* line 581, app/assets/stylesheets/new_styles/issue.scss */
.issue-preview .form-footer .issue-preview-footer {
  margin-top: 10px;
  margin-right: 34px;
}

@media (max-width: 767px) {
  /* line 589, app/assets/stylesheets/new_styles/issue.scss */
  .issue-preview .form-footer .issue-preview-footer {
    margin-top: -10px;
    margin-right: 0px;
  }
}

/* line 595, app/assets/stylesheets/new_styles/issue.scss */
.footer-margin {
  margin-top: -14px;
}

/* line 599, app/assets/stylesheets/new_styles/issue.scss */
.issue-return-date {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
}
/* line 159, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register th.num,
#new_content .ip-ux-register td.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* line 172, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register table thead tr {
  height: auto;
  background-color: var(--waiting-wash);
  box-shadow: none;
}

/* line 178, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register table thead th {
  height: auto;
  vertical-align: top;
  background-color: var(--waiting-wash);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .06em;
  line-height: 1.3;
  color: var(--text);
  text-transform: none;
  border-bottom: none;
  box-shadow: inset 0 -1px 0 var(--border-strong);
}

/* line 204, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register.ip-ux-register label {
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: normal;
  line-height: 1.3;
  color: var(--text-muted);
}

/* line 224, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register .fs-wrap .fs-label {
  padding: 5px 18px 5px 8px;
}

/* line 225, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register .fs-wrap .fs-label-wrap {
  height: auto;
}

/* line 240, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register .stage-chip {
  font-size: 11px;
  font-weight: 600;
  padding: 1px 7px;
  border-radius: 4px;
  white-space: nowrap;
  cursor: pointer;
}

/* line 271, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register .stage-chips {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* line 280, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register .stage-chip--stock-sort {
  background: var(--waiting-wash);
  color: var(--text-muted);
  border: 1px solid var(--border-strong);
}

/* line 285, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register .stage-chip--stock-sort:hover {
  color: var(--text);
  border-color: var(--waiting);
}

/* line 295, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register .register-sort-toggle {
  background: none;
  border: 0;
  padding: 0 2px;
  font-size: 11px;
  line-height: 1;
  color: var(--text-subtle);
  cursor: pointer;
}

/* line 304, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register .register-sort-toggle:hover {
  color: var(--accent-ink);
}

/* line 305, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register .register-sort-toggle.is-active {
  color: var(--accent-ink);
  font-weight: 600;
}

/* line 310, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register .stock-sort-toggle {
  background: none;
  border: 0;
  padding: 0 2px;
  font-size: 11px;
  line-height: 1;
  color: var(--text-subtle);
  cursor: pointer;
}

/* line 319, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register .stock-sort-toggle:hover {
  color: var(--accent-ink);
}

/* line 320, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register .stock-sort-toggle.is-active {
  color: var(--accent-ink);
  font-weight: 600;
}

/* line 331, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register th .fs-wrap {
  width: 100%;
  min-width: 0;
  margin-top: 3px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}

/* line 356, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register table thead th:focus-within {
  z-index: 6 !important;
}

/* line 357, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register table thead th:has(.fs-wrap.fs-open) {
  z-index: 6 !important;
}

/* line 365, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register table.is-unbanded tbody tr:nth-of-type(even),
#new_content .ip-ux-register table.is-unbanded tbody tr:nth-of-type(odd) {
  background-color: var(--surface);
}

/* line 367, app/assets/stylesheets/new_styles/register_chrome.scss */
#new_content .ip-ux-register table.is-unbanded tbody tr:hover {
  background-color: var(--accent-wash);
}

@media (min-width: 769px) {
  /* line 376, app/assets/stylesheets/new_styles/register_chrome.scss */
  #new_content .ip-ux-register table tbody tr {
    height: var(--row-h);
  }
  /* line 378, app/assets/stylesheets/new_styles/register_chrome.scss */
  #new_content .ip-ux-register table tbody tr td {
    padding: 5px var(--cell-pad-x) !important;
    font-size: 13px;
    letter-spacing: normal;
    line-height: 1.35;
    color: var(--text);
    border-top: 1px solid var(--border-2);
  }
  /* line 388, app/assets/stylesheets/new_styles/register_chrome.scss */
  #new_content .ip-ux-register table thead th {
    padding: 8px var(--cell-pad-x) 6px !important;
  }
  /* line 402, app/assets/stylesheets/new_styles/register_chrome.scss */
  #new_content .ip-ux-register table tbody tr:last-child td {
    border-bottom: 1px solid var(--border-strong);
  }
}
/* line 50, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section {
  margin-top: 61px;
}

/* line 53, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .stock-summary-report-table thead tr {
  height: auto;
}

/* line 57, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .stock-summary-report-table thead tr th {
  padding-bottom: 8px;
}

/* line 61, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .stock-summary-report-table {
  width: 100%;
  margin-bottom: 10px;
}

/* line 65, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .stock-summary-report-table .itemgroup {
  min-width: 100px;
  max-width: 100px;
}

/* line 70, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .stock-summary-report-table .item-name {
  min-width: 100px;
  max-width: 100px;
}

/* line 75, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .stock-summary-report-table .stock, #new_content .stock-summary-section .stock-summary-report-table .uom {
  min-width: 80px;
  max-width: 80px;
}

/* line 80, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .stock-summary-report-table .max-level {
  border-left: #000 1px solid;
}

/* line 84, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .stock-summary-report-table .btn-group {
  float: right;
}

/* line 88, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .stock-summary-report-table .btn-custom {
  display: inline-block;
  font-weight: 300;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.275rem;
  font-size: .8rem;
  line-height: 1;
  border-radius: 0.15rem;
  cursor: pointer;
}

/* line 103, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .stock-summary-report-table .black {
  background-color: #46004b;
  color: #fff;
}

/* line 108, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .stock-summary-report-table .green {
  background-color: #008000;
  color: #fff;
}

/* line 113, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .stock-summary-report-table .yellow {
  background-color: #dcdc05;
  color: #000;
}

/* line 118, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .stock-summary-report-table .red {
  background-color: #ff0000;
  color: #fff;
}

/* line 123, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .stock-summary-report-table .actions {
  min-width: 70px;
  max-width: 70px;
}

/* line 129, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section input {
  margin-bottom: 8px;
}

/* line 133, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .fs-wrap {
  margin-top: 0px;
}

/* line 137, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .head {
  padding: 10px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

/* line 142, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .stock-summary-start-date, #new_content .stock-summary-section .stock-summary-end-date {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
}

/* line 151, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .stock-summary-report-name, #new_content .stock-summary-section .transaction-type-list {
  -webkit-appearance: menulist;
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 6px 16px;
  font-size: 14px;
  background-color: #FFFFFF;
}

/* line 162, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .stock-summary-report-name option, #new_content .stock-summary-section .transaction-type-list option {
  font-size: 14px;
  font-weight: normal;
}

/* line 168, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .report-date-range {
  width: 100%;
}

/* line 172, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section label {
  margin-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #868e96;
}

/* line 183, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section #date_range_picker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: -0.2px;
  width: 100%;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #138294;
  padding: 5px;
  vertical-align: middle;
  display: inline-block;
}

/* line 196, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .generate-stock-summary-report {
  background-color: #17a2b8;
  float: right;
  margin-right: 50px;
  margin-top: 14px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 30px;
  border-radius: 3px;
  border: 1px solid #155a65;
  cursor: pointer;
  letter-spacing: 0.7px;
}

/* line 210, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .generate-stock-summary-report:hover {
  background-color: #138294;
}

/* line 215, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .show-stock-summary-report {
  background-color: #17a2b8;
  margin-top: 14px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 30px;
  border-radius: 3px;
  border: 1px solid #155a65;
  cursor: pointer;
  letter-spacing: 0.7px;
}

/* line 227, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .stock-summary-section .show-stock-summary-report:hover {
  background-color: #138294;
}

/* line 273, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .head {
  padding: 10px;
  box-shadow: var(--shadow);
  border-bottom: 1px solid var(--border);
}

/* line 309, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .report-table-scroll {
  max-width: 100%;
  overflow-x: auto;
  min-height: 360px;
}

/* line 339, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .paginate {
  margin-top: 2px;
  margin-bottom: 6px;
}

/* line 349, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .report-total {
  margin: 2px 18px 6px 0;
  white-space: nowrap;
}

/* line 354, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .report-total__label {
  font-size: 12px;
  color: var(--text-muted);
  margin-right: 6px;
}

/* line 363, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .report-total__value {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}

/* line 370, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .left-arrow, #new_content .ip-ux.stock-summary-section .right-arrow {
  padding: 1px 2px 0;
  line-height: 1;
}

/* line 375, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section input {
  margin-bottom: 8px;
}

/* line 377, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .fs-wrap {
  margin-top: 0;
}

/* line 379, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-start-date,
#new_content .ip-ux.stock-summary-section .stock-summary-end-date {
  width: 100%;
  height: 30px;
  border-radius: 3px;
  background-color: var(--surface);
  border: solid 1px var(--border);
  padding: 3px 8px;
  font-size: 12px;
  color: var(--text);
}

/* line 395, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-name,
#new_content .ip-ux.stock-summary-section .stock-summary-company,
#new_content .ip-ux.stock-summary-section .transaction-type-list {
  -webkit-appearance: menulist;
  width: 100%;
  height: 30px;
  border-radius: 3px;
  background-color: var(--surface);
  border: solid 1px var(--border);
  padding: 4px 8px;
  font-size: 12px;
  color: var(--text);
}

/* line 408, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-name option,
#new_content .ip-ux.stock-summary-section .stock-summary-company option,
#new_content .ip-ux.stock-summary-section .transaction-type-list option {
  font-size: 12px;
  font-weight: normal;
}

/* line 414, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .show-stock-summary-report {
  margin-top: 14px;
  padding: 7px 16px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: var(--surface);
  background-color: var(--accent-ink);
  border: 1px solid var(--accent-ink);
  border-radius: 6px;
  cursor: pointer;
}

/* line 427, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .show-stock-summary-report:hover {
  background-color: #0a6878;
}

/* line 430, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .no-report-rows {
  padding: 48px 12px;
  color: var(--text-subtle);
  font-size: 13px;
}

/* line 437, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table {
  width: 100%;
  margin-bottom: 10px;
}

/* line 455, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table th.itemgroup, #new_content .ip-ux.stock-summary-section .stock-summary-report-table td.itemgroup-cell {
  min-width: 110px;
  max-width: 110px;
}

/* line 456, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table th.item-code, #new_content .ip-ux.stock-summary-section .stock-summary-report-table td.item-code-cell {
  min-width: 90px;
  max-width: 90px;
}

/* line 457, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table th.item-name, #new_content .ip-ux.stock-summary-section .stock-summary-report-table td.item-cell {
  min-width: 200px;
  max-width: 200px;
}

/* line 459, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table th.uom, #new_content .ip-ux.stock-summary-section .stock-summary-report-table td.uom-cell {
  min-width: 60px;
  max-width: 60px;
}

/* line 460, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table th.stock {
  min-width: 80px;
  max-width: 80px;
}

/* line 461, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table th.location, #new_content .ip-ux.stock-summary-section .stock-summary-report-table td.location-cell {
  min-width: 90px;
  max-width: 90px;
}

/* line 463, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table th.actions {
  min-width: 44px;
  max-width: 44px;
}

/* line 476, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table td.itemgroup-cell,
#new_content .ip-ux.stock-summary-section .stock-summary-report-table td.item-code-cell,
#new_content .ip-ux.stock-summary-section .stock-summary-report-table td.item-cell,
#new_content .ip-ux.stock-summary-section .stock-summary-report-table td.location-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 491, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table.is-movement td.item-cell {
  white-space: normal;
  text-overflow: clip;
}

/* line 513, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table th.itemgroup, #new_content .ip-ux.stock-summary-section .stock-summary-report-table td.itemgroup-cell {
  position: sticky;
  left: 0;
  z-index: 1;
}

/* line 514, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table th.item-name, #new_content .ip-ux.stock-summary-section .stock-summary-report-table td.item-cell {
  position: sticky;
  left: 110px;
  z-index: 1;
}

/* line 517, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table.has-item-code th.item-code, #new_content .ip-ux.stock-summary-section .stock-summary-report-table.has-item-code td.item-code-cell {
  position: sticky;
  left: 110px;
  z-index: 1;
}

/* line 518, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table.has-item-code th.item-name, #new_content .ip-ux.stock-summary-section .stock-summary-report-table.has-item-code td.item-cell {
  position: sticky;
  left: 200px;
  z-index: 1;
}

/* line 524, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table td.itemgroup-cell, #new_content .ip-ux.stock-summary-section .stock-summary-report-table td.item-code-cell, #new_content .ip-ux.stock-summary-section .stock-summary-report-table td.item-cell {
  background-color: inherit;
}

/* line 534, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table thead th.itemgroup, #new_content .ip-ux.stock-summary-section .stock-summary-report-table thead th.item-code, #new_content .ip-ux.stock-summary-section .stock-summary-report-table thead th.item-name {
  z-index: 3;
}

/* line 538, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table td.item-cell {
  box-shadow: inset -1px 0 0 var(--border-strong);
}

/* line 539, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table thead th.item-name {
  box-shadow: inset -1px 0 0 var(--border-strong), inset 0 -1px 0 var(--border-strong);
}

/* line 565, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table.is-summary tbody td.wh-b {
  background-color: var(--surface-2);
}

/* line 571, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table.is-summary th.wh-start {
  box-shadow: inset 1px 0 0 var(--border-strong), inset 0 -1px 0 var(--border-strong);
}

/* line 574, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table.is-summary tbody td.wh-start {
  box-shadow: inset 1px 0 0 var(--border-strong);
}

/* line 582, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table.is-summary tbody tr:hover td.wh-b {
  background-color: var(--accent-wash);
}

/* line 607, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table th.grp-start {
  box-shadow: inset 1px 0 0 var(--border-strong), inset 0 -1px 0 var(--border-strong);
}

/* line 610, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table td.grp-start {
  box-shadow: inset 1px 0 0 var(--border-strong);
}

/* line 622, app/assets/stylesheets/new_styles/stock_summary.scss */
#new_content .ip-ux.stock-summary-section .stock-summary-report-table td.grp-closing {
  font-weight: 600;
}
/* line 3, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section {
  margin-top: 61px;
}

/* line 6, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section .stock-summary-report-table thead tr {
  height: auto;
}

/* line 10, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section .stock-summary-report-table thead tr th {
  padding-bottom: 8px;
}

/* line 14, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section .cc-issue-report-table {
  width: 100%;
}

/* line 17, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section .cc-issue-report-table .costcentre {
  width: 20%;
}

/* line 21, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section .cc-issue-report-table .item {
  width: 35%;
}

/* line 25, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section .cc-issue-report-table .itemgroup {
  width: 15%;
}

/* line 29, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section .cc-issue-report-table .quantity, #new_content .cc-issue-section .cc-issue-report-table .amount {
  width: 15%;
  padding-bottom: 50px;
}

/* line 33, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section .cc-issue-report-table .stock {
  width: 15%;
  padding-bottom: 30px;
}

/* line 39, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section input {
  margin-bottom: 8px;
}

/* line 43, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section .fs-wrap {
  margin-top: 0px;
}

/* line 47, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section .head {
  padding: 10px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

/* line 52, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section .cc-issue-start-date, #new_content .cc-issue-section .cc-issue-end-date {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
}

/* line 61, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section .report-date-range {
  width: 100%;
}

/* line 65, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section label {
  margin-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #868e96;
}

/* line 76, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section #date_range_picker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: -0.2px;
  width: 100%;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #138294;
  padding: 5px;
  vertical-align: middle;
  display: inline-block;
}

/* line 89, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section .generate-stock-summary-report {
  background-color: #17a2b8;
  float: right;
  margin-right: 50px;
  margin-top: 14px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 30px;
  border-radius: 3px;
  border: 1px solid #155a65;
  cursor: pointer;
  letter-spacing: 0.7px;
}

/* line 103, app/assets/stylesheets/new_styles/cc_issue_report.scss */
#new_content .cc-issue-section .generate-stock-summary-report:hover {
  background-color: #138294;
}
/* line 4, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .range-filter {
  width: 160px;
  height: 32px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #c7bfbf;
  color: #1c1c1c;
  font-size: 12px;
  font-weight: 600;
  margin: 12px 30px 0px 20px;
}

/* line 15, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .range-filter option {
  font-size: 12px;
  font-weight: bold;
}

/* line 22, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .header div {
  padding-top: 0;
}

/* line 26, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .header .float-left {
  padding-top: 26px;
}

/* line 31, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg {
  width: 100%;
}

/* line 34, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg td, #new_content .pending-po-form .pending-po-reg th {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

/* line 39, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .delivery-reminder-count {
  display: inline;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  background-color: var(--accent-ink, #0d7c8f);
  position: relative;
  bottom: 18px;
}

/* line 49, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .white-bg {
  background-color: #ffffff;
}

/* line 53, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .grey-bg {
  background-color: #f5f1f1;
}

/* line 64, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .pending-po-date-search, #new_content .pending-po-form .pending-po-reg .pending-po-indent-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 82, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .date-over {
  color: var(--act, #e5484d);
  font-weight: 600;
}

/* line 104, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg a {
  color: var(--accent-ink, #0d7c8f);
}

/* line 108, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .warehouse {
  min-width: 90px;
  max-width: 110px;
}

/* line 113, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .item-name {
  min-width: 150px;
  max-width: 150px;
}

/* line 134, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .item-code {
  min-width: 90px;
  max-width: 110px;
}

/* line 139, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .brand {
  min-width: 70px;
  max-width: 100px;
  padding-bottom: 50px;
}

/* line 145, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .quantity {
  min-width: 120px;
  max-width: 120px;
  padding-bottom: 50px;
}

/* line 151, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .indent-details {
  min-width: 120px;
  max-width: 120px;
  padding-bottom: 30px;
}

/* line 157, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .po-no {
  min-width: 110px;
  max-width: 110px;
}

/* line 162, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .vendor {
  min-width: 150px;
  max-width: 150px;
}

/* line 175, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .department {
  min-width: 150px;
  max-width: 150px;
}

/* line 180, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .po-date, #new_content .pending-po-form .pending-po-reg .indent-date {
  min-width: 120px;
  max-width: 120px;
}

/* line 185, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .dlv-date, #new_content .pending-po-form .pending-po-reg .date, #new_content .pending-po-form .pending-po-reg .phone {
  min-width: 100px;
  max-width: 100px;
  padding-bottom: 50px;
}

/* line 191, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .check-box {
  min-width: 30px;
  max-width: 30px;
}

/* line 196, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .mail {
  min-width: 60px;
  max-width: 60px;
  padding-bottom: 50px;
}

/* line 202, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .add-info, #new_content .pending-po-form .pending-po-reg .payment-terms, #new_content .pending-po-form .pending-po-reg .status {
  min-width: 100px;
  max-width: 100px;
}

/* line 208, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .poi-status {
  border-radius: 12px;
  border: #095bcc 1px solid;
  padding: 1px 8px;
  font-size: 10px;
  letter-spacing: 0.5px;
  display: inline-block;
  margin-bottom: 2px;
  text-transform: uppercase;
}

/* line 219, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .remarks {
  min-width: 60px;
  max-width: 120px;
  padding-bottom: 50px;
}

/* line 225, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .pending-po-reg .attachment, #new_content .pending-po-form .pending-po-reg .reminder {
  min-width: 75px;
  max-width: 75px;
  padding-bottom: 50px;
}

/* line 233, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .export-button-delivery {
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #979797;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  text-transform: uppercase;
  padding: 3px 8px;
}

/* line 243, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .export-button-delivery:hover {
  background-color: #e7e5e5;
}

/* line 248, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .apply-search {
  height: 39px;
  width: 250px;
  border-top: solid 1px #979797;
}

/* line 254, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .apply {
  border-radius: 3px;
  border: solid 1px #17a2b8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  color: #138294;
  padding: 3px;
  display: inline-block;
  position: absolute;
  bottom: 6px;
  right: 15px;
  font-weight: 500;
}

/* line 270, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form .apply:hover {
  background-color: #138294;
  color: #ffffff;
}

/* line 277, app/assets/stylesheets/new_styles/pending_po.scss */
.item-header {
  color: #000000;
  text-decoration: none;
}

/* line 281, app/assets/stylesheets/new_styles/pending_po.scss */
.item-header:hover {
  color: #000000;
  text-decoration: none;
}

/* line 288, app/assets/stylesheets/new_styles/pending_po.scss */
.adv-payment-remarks textarea {
  width: 162px;
  height: 40px;
}

/* line 294, app/assets/stylesheets/new_styles/pending_po.scss */
.remove-adv-payment-attachment {
  font-size: 18px;
  margin-left: 20px;
  color: #ca2929;
  position: relative;
  top: 4px;
  cursor: pointer;
}

@media (max-width: 768px) {
  /* line 304, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-page {
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 309, app/assets/stylesheets/new_styles/pending_po.scss */
  .flash-wrapper {
    width: 90%;
  }
  /* line 313, app/assets/stylesheets/new_styles/pending_po.scss */
  .alert {
    min-width: 100%;
  }
  /* line 318, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-indents-action-btns {
    display: block;
    margin-top: 2px;
    margin-bottom: 5px;
  }
  /* line 324, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-indents-bulk-action {
    width: auto;
    height: auto;
    margin-right: 0;
    letter-spacing: 0;
    font-size: 12px;
  }
  /* line 332, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .short-close-button {
    padding: 2px;
  }
  /* line 336, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .range-filter {
    margin: 3px;
    height: 30px;
    width: 150px;
  }
  /* line 342, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .po-item-name {
    word-break: break-all;
  }
  /* line 346, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .header {
    margin-top: 20px;
    min-height: 60px;
  }
  /* line 350, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .header .float-left {
    padding-top: 20px;
  }
  /* line 355, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .item-header {
    font-size: 20px;
  }
  /* line 359, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .paginate {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  /* line 364, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .material-icons {
    font-size: 16px;
  }
  /* line 368, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-po-reg {
    table-layout: fixed;
    width: 100%;
  }
  /* line 377, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-po-reg a {
    color: var(--accent-ink, #0d7c8f);
  }
  /* line 381, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-po-reg tbody tr {
    height: 30px;
  }
  /* line 385, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-po-reg td {
    padding: 2px;
    font-size: 12px;
  }
  /* line 390, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-po-reg th {
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #504d4d;
  }
  /* line 397, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-po-reg .check-box {
    width: 6% !important;
    padding-bottom: 50px;
  }
  /* line 402, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-po-reg .warehouse {
    width: 11%;
    word-break: break-all;
  }
  /* line 407, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-po-reg .item-name {
    width: 20%;
    word-break: break-all;
  }
  /* line 424, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-po-reg .quantity {
    width: 16%;
    word-break: break-all;
  }
  /* line 429, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-po-reg .po-no {
    width: 12%;
  }
  /* line 432, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-po-reg .po-no .fs-wrap {
    position: relative !important;
  }
  /* line 436, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-po-reg .po-no .fs-dropdown:last-of-type {
    right: 0 !important;
  }
  /* line 441, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-po-reg .vendor {
    width: 20%;
    word-break: break-all;
  }
  /* line 445, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-po-reg .vendor .fs-wrap {
    position: relative !important;
  }
  /* line 449, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-po-reg .vendor .fs-dropdown:last-of-type {
    right: 0 !important;
  }
  /* line 454, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-po-reg .po-date {
    width: 15%;
  }
  /* line 458, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .pending-po-form .pending-po-reg .po-date-search {
    height: 35px;
  }
  /* line 470, app/assets/stylesheets/new_styles/pending_po.scss */
  .drp-buttons {
    text-align: center !important;
  }
  /* line 473, app/assets/stylesheets/new_styles/pending_po.scss */
  .drp-buttons .drp-selected {
    padding-right: 0 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  /* line 481, app/assets/stylesheets/new_styles/pending_po.scss */
  .daterangepicker.opensright:before {
    left: 80px !important;
  }
  /* line 485, app/assets/stylesheets/new_styles/pending_po.scss */
  .daterangepicker.opensright:after {
    left: 80px !important;
  }
}

/* line 490, app/assets/stylesheets/new_styles/pending_po.scss */
.po-item-status-update-form {
  border: 1px solid #ccc1c1;
  border-radius: 10px;
  padding: 5px;
  background-color: #f5f4f4;
}

/* line 496, app/assets/stylesheets/new_styles/pending_po.scss */
.po-item-status-update-form .po-status-update-checkbox {
  height: 16px;
  width: 16px;
}

@media (min-width: 769px) {
  /* line 570, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg .check-box {
    min-width: 30px;
    max-width: 30px;
    width: 30px;
  }
  /* line 571, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg .warehouse, #new_content .ip-ux-register .pending-po-reg td.po-warehouse-cell {
    min-width: 96px;
    max-width: 96px;
    width: 96px;
  }
  /* line 572, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg .item-name, #new_content .ip-ux-register .pending-po-reg td.po-item-cell {
    min-width: 285px;
    max-width: 285px;
    width: 285px;
  }
  /* line 573, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg .department, #new_content .ip-ux-register .pending-po-reg td.po-department-cell {
    min-width: 120px;
    max-width: 120px;
    width: 120px;
  }
  /* line 574, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg .vendor, #new_content .ip-ux-register .pending-po-reg td.po-vendor-cell {
    min-width: 150px;
    max-width: 150px;
    width: 150px;
  }
  /* line 614, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg th.po-date, #new_content .ip-ux-register .pending-po-reg td.po-date-cell {
    min-width: 120px;
    max-width: 195px;
  }
  /* line 637, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg td.po-warehouse-cell,
#new_content .ip-ux-register .pending-po-reg td.po-item-cell,
#new_content .ip-ux-register .pending-po-reg td.po-department-cell,
#new_content .ip-ux-register .pending-po-reg td.po-vendor-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* line 653, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg td.po-date-cell {
    white-space: nowrap;
  }
  /* line 670, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg .po-date-icon {
    font-size: 16px;
    vertical-align: middle;
  }
  /* line 675, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg .po-date-sep {
    color: var(--text-muted);
  }
  /* line 699, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg input.pending-po-date-search, #new_content .ip-ux-register .pending-po-reg input.pending-po-indent-date-search {
    height: 24px;
  }
  /* line 732, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg thead th:nth-child(-n + 3),
#new_content .ip-ux-register .pending-po-reg tbody td:nth-child(-n + 3) {
    position: sticky;
    z-index: 1;
  }
  /* line 738, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg thead th:nth-child(1), #new_content .ip-ux-register .pending-po-reg tbody td:nth-child(1) {
    left: 0;
  }
  /* line 739, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg thead th:nth-child(2), #new_content .ip-ux-register .pending-po-reg tbody td:nth-child(2) {
    left: 30px;
  }
  /* line 740, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg thead th:nth-child(3), #new_content .ip-ux-register .pending-po-reg tbody td:nth-child(3) {
    left: 126px;
  }
  /* line 746, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg tbody td:nth-child(-n + 3) {
    background-color: inherit;
  }
  /* line 753, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg tbody td:nth-child(3) {
    box-shadow: inset -1px 0 0 var(--border-strong);
  }
  /* line 754, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg thead th:nth-child(3) {
    box-shadow: inset -1px 0 0 var(--border-strong), inset 0 -1px 0 var(--border-strong);
  }
  /* line 764, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg thead th:nth-child(-n + 3) {
    z-index: 3;
  }
  /* line 773, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg tbody tr.no-records-row td {
    padding: 48px 12px !important;
    color: var(--text-subtle);
  }
  /* line 777, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg tbody tr.no-records-row td .no-records-title {
    font-size: 15px;
    margin-bottom: 4px;
  }
  /* line 778, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .pending-po-reg tbody tr.no-records-row td .no-records-hint {
    font-size: 12px;
  }
  /* line 803, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .po-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  /* line 816, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .po-toolbar .float-left {
    order: 1;
  }
  /* line 817, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .po-toolbar .po-chip-row {
    order: 2;
  }
  /* line 818, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .po-toolbar .float-right {
    order: 3;
  }
  /* line 827, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .po-toolbar .float-left {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    min-height: 30px;
    padding: 8px 0;
  }
  /* line 851, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .po-toolbar select.range-filter {
    width: 130px;
    height: 30px;
    margin: 0 8px 0 6px;
  }
  /* line 899, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .po-toolbar #gst_type_filter.range-filter {
    width: 120px;
  }
  /* line 900, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .po-toolbar #item_filter.range-filter {
    width: 120px;
  }
  /* line 907, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .po-toolbar .float-left > .hide-for-app {
    font-size: 13px;
    color: var(--text-muted);
  }
  /* line 912, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .po-toolbar .po-chip-row {
    display: inline-flex;
    align-items: center;
    margin: 0 0 0 6px;
    padding: 8px 0;
  }
  /* line 928, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .po-toolbar .float-right {
    margin-left: auto;
  }
  /* line 933, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .po-toolbar .paginate {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 30px;
    margin: 0;
    padding: 8px 0;
  }
}

/* line 991, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row {
  clear: both;
  padding: 0 0 6px 0;
}

/* line 1003, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .stage-chips {
  margin-left: 0;
}

/* line 1009, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .stage-chip__count {
  font-weight: 400;
  margin-left: 4px;
  opacity: .75;
}

/* line 1024, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .stage-chip__icon {
  font-size: 13px;
  line-height: 1;
  margin-right: 3px;
}

/* line 1046, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .po-overdue-band {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 6px;
  font-size: 11px;
  color: var(--text-muted);
}

/* line 1057, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .po-overdue-band select {
  height: 24px;
  padding: 0 4px;
  font-size: 11px;
}

/* line 1066, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .chip-input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
}

/* line 1076, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .stage-chip:focus-within {
  outline: 2px solid var(--accent-ink);
  outline-offset: 1px;
}

/* line 1095, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .stage-chip {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  line-height: inherit;
  user-select: none;
}

/* line 1122, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .stage-chip--po-urgent {
  background: var(--act-wash);
  color: var(--act);
  border: 1px solid var(--act);
}

/* line 1123, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .stage-chip--po-overdue {
  background: var(--surface);
  color: var(--act);
  border: 1px solid var(--act);
}

/* line 1124, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .stage-chip--mail-not-sent {
  background: var(--surface);
  color: var(--chase);
  border: 1px solid var(--chase);
}

/* line 1125, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .stage-chip--adv-payment {
  background: var(--accent-wash);
  color: var(--accent-ink);
  border: 1px solid var(--accent-ink);
}

/* line 1126, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .stage-chip--part-received {
  background: var(--waiting-wash);
  color: var(--text-muted);
  border: 1px solid var(--border-strong);
}

/* line 1128, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .stage-chip--po-urgent.is-active {
  background: var(--act);
  color: #fff;
}

/* line 1129, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .stage-chip--po-overdue.is-active {
  background: var(--act);
  color: #fff;
}

/* line 1130, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .stage-chip--mail-not-sent.is-active {
  background: var(--chase);
  color: #fff;
}

/* line 1131, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .stage-chip--adv-payment.is-active {
  background: var(--accent-ink);
  color: #fff;
}

/* line 1132, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .stage-chip--part-received.is-active {
  background: var(--waiting);
  color: #fff;
}

/* line 1157, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .stage-chip--po-sort {
  background: var(--waiting-wash);
  color: var(--text-muted);
  border: 1px solid var(--border-strong);
}

/* line 1162, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-chip-row .stage-chip--po-sort:hover {
  color: var(--text);
  border-color: var(--waiting);
}

/* line 1179, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .po-sort-toggle {
  vertical-align: middle;
}

/* line 1202, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .header .pending-indents-action-btns.pending-po-actions {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: 24px;
  vertical-align: middle;
}

/* line 1215, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .header .pending-indents-action-btns.pending-po-actions .pending-indents-bulk-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 30px;
  margin-right: 0;
  padding: 0 12px;
  border-radius: 6px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 1;
  white-space: nowrap;
}

/* line 1234, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .header .pending-indents-action-btns.pending-po-actions .short-close-button {
  padding: 0 12px;
}

/* line 1254, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .header .pending-indents-action-btns.pending-po-actions .pending-po-destructive {
  position: relative;
  margin-left: 14px;
  border-color: var(--act);
  color: var(--act);
  background: transparent;
}

/* line 1261, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .header .pending-indents-action-btns.pending-po-actions .pending-po-destructive::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 3px;
  bottom: 3px;
  width: 1px;
  background: var(--border-strong);
}

/* line 1271, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .ip-ux-register .header .pending-indents-action-btns.pending-po-actions .pending-po-destructive:hover, #new_content .ip-ux-register .header .pending-indents-action-btns.pending-po-actions .pending-po-destructive:focus {
  background: var(--act);
  border-color: var(--act);
  color: #fff;
  text-decoration: none;
}

@media (max-width: 768px) {
  /* line 1311, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .header {
    position: relative;
  }
  /* line 1313, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .header .pending-indents-action-btns.pending-po-actions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 4px 0 0 0;
    padding: 6px 5px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
  }
  /* line 1333, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .header .pending-indents-action-btns.pending-po-actions .pending-indents-bulk-action {
    height: 28px;
    padding: 0 10px;
    font-size: 11.5px;
  }
  /* line 1341, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .header .pending-indents-action-btns.pending-po-actions .pending-po-destructive {
    margin-left: 0;
    border-radius: 6px;
  }
  /* line 1345, app/assets/stylesheets/new_styles/pending_po.scss */
  #new_content .ip-ux-register .header .pending-indents-action-btns.pending-po-actions .pending-po-destructive::before {
    content: none;
  }
}

/* line 1360, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form table.pending-po-reg td.action .pending-po-kebab,
#new_content .pending-po-form table.pending-po-reg td.action .pending-po-kebab.show {
  position: relative;
  display: inline-block !important;
}

/* line 1366, app/assets/stylesheets/new_styles/pending_po.scss */
#new_content .pending-po-form table.pending-po-reg td.action .pending-po-kebab .dropdown-menu {
  top: 100% !important;
  right: 0;
  left: auto !important;
  margin: 0;
}
/* line 44, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg {
  margin-top: 0;
}

/* line 63, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg .export-button-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

/* line 91, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg .pq-header div {
  padding-top: 0;
}

/* line 95, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg .pq-header .float-left {
  padding-top: 26px;
}

/* line 109, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg .pq-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0 6px;
}

/* line 115, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg .pq-toolbar .paginate {
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
}

/* line 130, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg .pq-toolbar .pending-indents-filter-btns {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

/* line 136, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg .pq-toolbar .pending-indents-filter-btns .range-filter {
  width: auto;
}

/* line 140, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg .stage-tabs .stage-tab {
  display: inline-block;
  text-decoration: none;
}

/* line 144, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg .stage-tabs .stage-tab:hover {
  text-decoration: none;
}

/* line 152, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg .stage-chip--pq-exception {
  background: var(--surface);
  color: var(--chase);
  border: 1px solid var(--chase);
  text-decoration: none;
}

/* line 158, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg .stage-chip--pq-exception:hover {
  text-decoration: none;
  color: var(--chase);
}

/* line 160, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg .stage-chip--pq-exception.is-active {
  background: var(--chase);
  color: #fff;
}

/* line 164, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg .stage-chip--pq-exception.is-active:hover {
  color: #fff;
}

/* line 174, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg table.enquiries tbody tr.white-bg {
  background-color: var(--surface);
}

/* line 175, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg table.enquiries tbody tr.grey-bg {
  background-color: var(--waiting-wash);
}

/* line 176, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg table.enquiries tbody tr:hover {
  background-color: var(--accent-wash);
}

/* line 177, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg table.enquiries tr.indent-border {
  border-bottom: 2px solid var(--border-strong);
}

/* line 180, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg table.enquiries a {
  color: var(--accent-ink);
}

/* line 187, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg table.enquiries thead th {
  text-transform: uppercase;
}

/* line 211, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg .po-status {
  text-transform: none;
  font-size: 11px;
  letter-spacing: 0.2px;
  border-color: var(--ontrack);
  color: var(--ontrack);
}

/* line 223, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg .po-status.rejected {
  border-color: var(--act);
  color: var(--act);
}

/* line 229, app/assets/stylesheets/new_styles/picked_quotes.scss */
#new_content .picked-quotes-reg .po-status.picked {
  border-color: var(--border-strong);
  color: var(--text-muted);
  background-color: var(--waiting-wash);
}

@media (min-width: 769px) {
  /* line 274, app/assets/stylesheets/new_styles/picked_quotes.scss */
  #new_content .picked-quotes-reg table.enquiries th.col-identity.frz, #new_content .picked-quotes-reg table.enquiries td.col-identity.frz {
    left: 0;
  }
  /* line 275, app/assets/stylesheets/new_styles/picked_quotes.scss */
  #new_content .picked-quotes-reg table.enquiries th.item-code.frz, #new_content .picked-quotes-reg table.enquiries td.item-code.frz {
    left: var(--reg-identity);
  }
  /* line 276, app/assets/stylesheets/new_styles/picked_quotes.scss */
  #new_content .picked-quotes-reg table.enquiries th.frz-last, #new_content .picked-quotes-reg table.enquiries td.frz-last {
    left: calc(var(--reg-identity) + var(--reg-ctx));
  }
  /* line 281, app/assets/stylesheets/new_styles/picked_quotes.scss */
  #new_content .picked-quotes-reg table.enquiries.no-item-code th.frz-last, #new_content .picked-quotes-reg table.enquiries.no-item-code td.frz-last {
    left: var(--reg-identity);
  }
  /* line 314, app/assets/stylesheets/new_styles/picked_quotes.scss */
  #new_content .picked-quotes-reg table.enquiries thead th select {
    height: auto;
    margin: 3px 0 0;
    font-size: 11px;
    font-weight: 400;
  }
  /* line 329, app/assets/stylesheets/new_styles/picked_quotes.scss */
  #new_content .picked-quotes-reg table.enquiries tbody td {
    vertical-align: top;
  }
  /* line 342, app/assets/stylesheets/new_styles/picked_quotes.scss */
  #new_content .picked-quotes-reg table.enquiries tbody td.col-act {
    vertical-align: middle;
  }
}
/* line 57, app/assets/stylesheets/new_styles/register_roles.scss */
.reg-tooltip {
  z-index: 1070;
}

/* line 65, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles .fix-header {
  height: calc(100vh - var(--reg-scroll-top, 125px));
}

/* line 69, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table {
  --reg-select:   36px;
  --reg-identity: 260px;
  --reg-ctx:      116px;
  --reg-qty-pair: 133px;
}

/* line 111, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table .unit {
  margin-left: 3px;
  font-size: 11px;
  color: var(--text-muted);
}

/* line 119, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table .loc-fy {
  color: var(--text-muted);
}

/* line 120, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table .loc-ser {
  font-weight: 500;
}

/* line 122, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table .rank--ok {
  color: var(--ontrack);
  font-weight: 600;
}

/* line 123, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table .diff--up {
  color: var(--act);
  font-weight: 600;
}

/* line 124, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table .diff--down {
  color: var(--ontrack);
}

/* line 130, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table td.col-identity {
  line-height: 16.5px;
}

/* line 131, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table td.col-identity .l1,
#new_content .reg-roles table td.col-identity .l2 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 16.5px;
}

/* line 139, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table td.col-identity .l1 {
  font-weight: 500;
}

/* line 140, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table td.col-identity .l2 {
  font-size: 12px;
  color: var(--text-muted);
}

/* line 145, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table td.col-identity .l1.has-badges {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 146, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table td.col-identity .l1.has-badges .l1-text {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 147, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table td.col-identity .l1.has-badges .urgent-indent,
#new_content .reg-roles table td.col-identity .l1.has-badges .clarify-indent {
  flex: 0 0 auto;
  margin: 0;
  line-height: 12px;
}

/* line 152, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table td .l1, #new_content .reg-roles table td .l2 {
  display: block;
  line-height: 16.5px;
}

/* line 153, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table td .l1.muted, #new_content .reg-roles table td .l2.muted {
  color: var(--text-muted);
}

/* line 157, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table td.col-state .l1 .stage-pill {
  line-height: 12.5px;
}

/* line 176, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table tbody tr.no-records-row td {
  padding: 48px 12px !important;
  color: var(--text-subtle);
}

/* line 180, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table tbody tr.no-records-row td .no-records-title {
  font-size: 15px;
  margin-bottom: 4px;
}

/* line 181, app/assets/stylesheets/new_styles/register_roles.scss */
#new_content .reg-roles table tbody tr.no-records-row td .no-records-hint {
  font-size: 12px;
}

@media (min-width: 769px) {
  /* line 189, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table th.col-select, #new_content .reg-roles table td.col-select {
    min-width: var(--reg-select);
    max-width: var(--reg-select);
    width: var(--reg-select);
    text-align: center;
  }
  /* line 190, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table th.col-identity, #new_content .reg-roles table td.col-identity {
    min-width: var(--reg-identity);
    max-width: var(--reg-identity);
    width: var(--reg-identity);
  }
  /* line 191, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table th.col-locator, #new_content .reg-roles table td.col-locator {
    min-width: 96px;
    max-width: 96px;
    width: 96px;
    font-variant-numeric: tabular-nums;
  }
  /* line 192, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table th.col-num, #new_content .reg-roles table td.col-num {
    min-width: 96px;
    max-width: 96px;
    width: 96px;
  }
  /* line 196, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table th.col-qty-pair, #new_content .reg-roles table td.col-qty-pair {
    min-width: var(--reg-qty-pair);
    max-width: var(--reg-qty-pair);
    width: var(--reg-qty-pair);
  }
  /* line 197, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table th.col-money, #new_content .reg-roles table td.col-money {
    min-width: 104px;
    max-width: 104px;
    width: 104px;
  }
  /* line 199, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table th.col-ctx, #new_content .reg-roles table td.col-ctx {
    min-width: var(--reg-ctx);
    max-width: var(--reg-ctx);
    width: var(--reg-ctx);
  }
  /* line 200, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table th.col-ctx-wide, #new_content .reg-roles table td.col-ctx-wide {
    min-width: 200px;
    max-width: 200px;
    width: 200px;
  }
  /* line 210, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table th.col-state, #new_content .reg-roles table td.col-state {
    min-width: 116px;
    max-width: 116px;
    width: 116px;
  }
  /* line 211, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table th.col-act, #new_content .reg-roles table td.col-act {
    min-width: 44px;
    max-width: 44px;
    width: 44px;
    text-align: center;
  }
  /* line 215, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table th.col-num, #new_content .reg-roles table td.col-num, #new_content .reg-roles table th.col-money, #new_content .reg-roles table td.col-money {
    text-align: right;
    font-variant-numeric: tabular-nums;
  }
  /* line 221, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table td.col-num, #new_content .reg-roles table td.col-money {
    white-space: nowrap;
  }
  /* line 225, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table td.col-locator, #new_content .reg-roles table td.col-ctx, #new_content .reg-roles table td.col-ctx-wide, #new_content .reg-roles table td.col-state {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* line 233, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table th.frz, #new_content .reg-roles table td.frz {
    position: sticky;
    z-index: 1;
  }
  /* line 236, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table td.frz, #new_content .reg-roles table td.frz-r {
    background-color: inherit;
  }
  /* line 239, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table thead th.frz, #new_content .reg-roles table thead th.frz-r {
    z-index: 3;
  }
  /* line 243, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table td.frz-last {
    box-shadow: inset -1px 0 0 var(--border-strong);
  }
  /* line 244, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table thead th.frz-last {
    box-shadow: inset -1px 0 0 var(--border-strong), inset 0 -1px 0 var(--border-strong);
  }
  /* line 246, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table th.frz-r, #new_content .reg-roles table td.frz-r {
    position: sticky;
    right: 0;
    z-index: 1;
  }
  /* line 247, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table td.frz-r {
    box-shadow: inset 1px 0 0 var(--border-strong);
  }
  /* line 248, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table thead th.frz-r {
    box-shadow: inset 1px 0 0 var(--border-strong), inset 0 -1px 0 var(--border-strong);
  }
  /* line 256, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table thead th .fs-wrap {
    margin: 3px 0 0;
  }
  /* line 257, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table thead th .fs-wrap .fs-label {
    padding: 4px 18px 4px 6px;
    font-size: 11px;
  }
  /* line 258, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table thead th .fs-wrap .fs-label-wrap {
    height: auto !important;
    font-size: 11px;
  }
  /* line 269, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table thead th input[type="text"],
#new_content .reg-roles table thead th select {
    width: 100%;
    height: auto;
    margin: 3px 0 0;
    padding: 4px 6px;
    font-size: 11px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-weight: 400;
    letter-spacing: normal;
  }
  /* line 283, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table thead th .fs-dropdown {
    width: 250px;
    font-size: 13px;
  }
  /* line 289, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table thead th.opens-left .fs-wrap {
    position: relative;
  }
  /* line 290, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table thead th.opens-left .fs-dropdown {
    left: auto;
    right: 0;
  }
  /* line 293, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table td.col-act {
    overflow: visible;
  }
  /* line 294, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table td.col-act .dropdown-toggle {
    display: block;
    padding: 0;
    line-height: 1;
    color: var(--text-muted);
  }
  /* line 300, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table td.col-act .dropdown-toggle::after {
    content: none;
    display: none;
  }
  /* line 309, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table td.col-act.show {
    display: table-cell !important;
    z-index: 4;
  }
  /* line 317, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table td.col-act .dropdown-menu {
    top: 100% !important;
    left: auto !important;
    right: 0;
    margin: 0;
    min-height: 0;
    min-width: 0;
    width: max-content;
    padding: 4px 0;
  }
  /* line 320, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table td.col-act.reg-dropup .dropdown-menu {
    top: auto !important;
    bottom: 100%;
  }
  /* line 323, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table td.col-act .dropdown-item {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    min-height: 0;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 500;
    line-height: 28px;
    color: var(--accent-ink);
  }
  /* line 324, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table td.col-act .dropdown-item .material-icons {
    font-size: 16px;
  }
  /* line 325, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table td.col-act .dropdown-item:hover, #new_content .reg-roles table td.col-act .dropdown-item:focus {
    background: var(--accent-wash);
    color: var(--accent-ink);
  }
  /* line 326, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table td.col-act .dropdown-item--danger {
    color: var(--act);
  }
  /* line 327, app/assets/stylesheets/new_styles/register_roles.scss */
  #new_content .reg-roles table td.col-act .dropdown-item--danger:hover, #new_content .reg-roles table td.col-act .dropdown-item--danger:focus {
    background: var(--act-wash);
    color: var(--act);
  }
}
/* line 290, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .modal-dialog, #new_content #customise_columns_all_indents .modal-dialog, #new_content #exampleModalCenter_all_indents .modal-dialog, #new_content #exampleModalCenter_print_all_indents .modal-dialog, #new_content .picked-quotes-reg #exampleModalCenter_2 .modal-dialog, #new_content .picked-quotes-reg #customise_columns_picked_quotes .modal-dialog, #new_content .approval-reg #customise_columns_approval_register .modal-dialog, #new_content .pending-po-modal-reg #customise_columns .modal-dialog, #new_content .pending-po-modal-reg #exampleModalCenter_2 .modal-dialog, #new_content .pending-po-modal-reg #exampleModalCenter_3 .modal-dialog, #new_content #exampleModalCenter_2.indent-reg-export .modal-dialog, #new_content #exampleModalCenter_2.indent-mis-export .modal-dialog, #new_content #customise_columns.po-reg-picker .modal-dialog, #new_content #print_columns.po-reg-picker .modal-dialog, #new_content #exampleModalCenter_2.po-reg-picker .modal-dialog, #new_content #customise_columns.grn-reg-picker .modal-dialog, #new_content #exampleModalCenter_3.grn-reg-picker .modal-dialog, #new_content #exampleModalCenter_2.grn-reg-picker .modal-dialog, #new_content #customise_columns.issue-reg-picker .modal-dialog, #new_content #exampleModalCenter_3.issue-reg-picker .modal-dialog, #new_content #exampleModalCenter_2.issue-reg-picker .modal-dialog, #new_content #customise_columns.po-mis-picker .modal-dialog, #new_content #exampleModalCenter_2.po-mis-picker .modal-dialog, #new_content #customise_columns.item-reg-picker .modal-dialog, #new_content #exampleModalCenter_2.item-reg-picker .modal-dialog, #new_content #exampleModalCenter_2.rgp-reg-picker .modal-dialog, #new_content #exampleModalCenter_3.rgp-reg-picker .modal-dialog, #new_content .pilot-workspace-reg #short_close_indent .modal-dialog, #new_content .pending-po-modal-reg #advance_payment .modal-dialog, #new_content .pending-po-modal-reg #short_close_pending_po .modal-dialog, #new_content .pending-po-modal-reg #delivery_reminder .modal-dialog, #new_content .modal.reg-overlay .modal-dialog {
  width: max-content;
  min-width: 320px;
  max-width: 900px;
  max-width: min(92vw, 900px);
  margin: 60px auto;
}

/* line 303, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .modal-content, #new_content #customise_columns_all_indents .modal-content, #new_content #exampleModalCenter_all_indents .modal-content, #new_content #exampleModalCenter_print_all_indents .modal-content, #new_content .picked-quotes-reg #exampleModalCenter_2 .modal-content, #new_content .picked-quotes-reg #customise_columns_picked_quotes .modal-content, #new_content .approval-reg #customise_columns_approval_register .modal-content, #new_content .pending-po-modal-reg #customise_columns .modal-content, #new_content .pending-po-modal-reg #exampleModalCenter_2 .modal-content, #new_content .pending-po-modal-reg #exampleModalCenter_3 .modal-content, #new_content #exampleModalCenter_2.indent-reg-export .modal-content, #new_content #exampleModalCenter_2.indent-mis-export .modal-content, #new_content #customise_columns.po-reg-picker .modal-content, #new_content #print_columns.po-reg-picker .modal-content, #new_content #exampleModalCenter_2.po-reg-picker .modal-content, #new_content #customise_columns.grn-reg-picker .modal-content, #new_content #exampleModalCenter_3.grn-reg-picker .modal-content, #new_content #exampleModalCenter_2.grn-reg-picker .modal-content, #new_content #customise_columns.issue-reg-picker .modal-content, #new_content #exampleModalCenter_3.issue-reg-picker .modal-content, #new_content #exampleModalCenter_2.issue-reg-picker .modal-content, #new_content #customise_columns.po-mis-picker .modal-content, #new_content #exampleModalCenter_2.po-mis-picker .modal-content, #new_content #customise_columns.item-reg-picker .modal-content, #new_content #exampleModalCenter_2.item-reg-picker .modal-content, #new_content #exampleModalCenter_2.rgp-reg-picker .modal-content, #new_content #exampleModalCenter_3.rgp-reg-picker .modal-content, #new_content .pilot-workspace-reg #short_close_indent .modal-content, #new_content .pending-po-modal-reg #advance_payment .modal-content, #new_content .pending-po-modal-reg #short_close_pending_po .modal-content, #new_content .pending-po-modal-reg #delivery_reminder .modal-content, #new_content .modal.reg-overlay .modal-content {
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 8px 32px rgba(20, 24, 29, 0.18);
  font-size: 13px;
  line-height: 17.55px;
  color: var(--text);
}

/* line 313, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .modal-header, #new_content #customise_columns_all_indents .modal-header, #new_content #exampleModalCenter_all_indents .modal-header, #new_content #exampleModalCenter_print_all_indents .modal-header, #new_content .picked-quotes-reg #exampleModalCenter_2 .modal-header, #new_content .picked-quotes-reg #customise_columns_picked_quotes .modal-header, #new_content .approval-reg #customise_columns_approval_register .modal-header, #new_content .pending-po-modal-reg #customise_columns .modal-header, #new_content .pending-po-modal-reg #exampleModalCenter_2 .modal-header, #new_content .pending-po-modal-reg #exampleModalCenter_3 .modal-header, #new_content #exampleModalCenter_2.indent-reg-export .modal-header, #new_content #exampleModalCenter_2.indent-mis-export .modal-header, #new_content #customise_columns.po-reg-picker .modal-header, #new_content #print_columns.po-reg-picker .modal-header, #new_content #exampleModalCenter_2.po-reg-picker .modal-header, #new_content #customise_columns.grn-reg-picker .modal-header, #new_content #exampleModalCenter_3.grn-reg-picker .modal-header, #new_content #exampleModalCenter_2.grn-reg-picker .modal-header, #new_content #customise_columns.issue-reg-picker .modal-header, #new_content #exampleModalCenter_3.issue-reg-picker .modal-header, #new_content #exampleModalCenter_2.issue-reg-picker .modal-header, #new_content #customise_columns.po-mis-picker .modal-header, #new_content #exampleModalCenter_2.po-mis-picker .modal-header, #new_content #customise_columns.item-reg-picker .modal-header, #new_content #exampleModalCenter_2.item-reg-picker .modal-header, #new_content #exampleModalCenter_2.rgp-reg-picker .modal-header, #new_content #exampleModalCenter_3.rgp-reg-picker .modal-header, #new_content .pilot-workspace-reg #short_close_indent .modal-header, #new_content .pending-po-modal-reg #advance_payment .modal-header, #new_content .pending-po-modal-reg #short_close_pending_po .modal-header, #new_content .pending-po-modal-reg #delivery_reminder .modal-header, #new_content .modal.reg-overlay .modal-header {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 14px;
  border-bottom: 1px solid var(--border);
}

/* line 321, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .modal-title,
#new_content .reg-roles #customise_columns_pending_new_pilot .modal-header h5, #new_content #customise_columns_all_indents .modal-title,
#new_content #customise_columns_all_indents .modal-header h5, #new_content #exampleModalCenter_all_indents .modal-title,
#new_content #exampleModalCenter_all_indents .modal-header h5, #new_content #exampleModalCenter_print_all_indents .modal-title,
#new_content #exampleModalCenter_print_all_indents .modal-header h5, #new_content .picked-quotes-reg #exampleModalCenter_2 .modal-title,
#new_content .picked-quotes-reg #exampleModalCenter_2 .modal-header h5, #new_content .picked-quotes-reg #customise_columns_picked_quotes .modal-title,
#new_content .picked-quotes-reg #customise_columns_picked_quotes .modal-header h5, #new_content .approval-reg #customise_columns_approval_register .modal-title,
#new_content .approval-reg #customise_columns_approval_register .modal-header h5, #new_content .pending-po-modal-reg #customise_columns .modal-title,
#new_content .pending-po-modal-reg #customise_columns .modal-header h5, #new_content .pending-po-modal-reg #exampleModalCenter_2 .modal-title,
#new_content .pending-po-modal-reg #exampleModalCenter_2 .modal-header h5, #new_content .pending-po-modal-reg #exampleModalCenter_3 .modal-title,
#new_content .pending-po-modal-reg #exampleModalCenter_3 .modal-header h5, #new_content #exampleModalCenter_2.indent-reg-export .modal-title,
#new_content #exampleModalCenter_2.indent-reg-export .modal-header h5, #new_content #exampleModalCenter_2.indent-mis-export .modal-title,
#new_content #exampleModalCenter_2.indent-mis-export .modal-header h5, #new_content #customise_columns.po-reg-picker .modal-title,
#new_content #customise_columns.po-reg-picker .modal-header h5, #new_content #print_columns.po-reg-picker .modal-title,
#new_content #print_columns.po-reg-picker .modal-header h5, #new_content #exampleModalCenter_2.po-reg-picker .modal-title,
#new_content #exampleModalCenter_2.po-reg-picker .modal-header h5, #new_content #customise_columns.grn-reg-picker .modal-title,
#new_content #customise_columns.grn-reg-picker .modal-header h5, #new_content #exampleModalCenter_3.grn-reg-picker .modal-title,
#new_content #exampleModalCenter_3.grn-reg-picker .modal-header h5, #new_content #exampleModalCenter_2.grn-reg-picker .modal-title,
#new_content #exampleModalCenter_2.grn-reg-picker .modal-header h5, #new_content #customise_columns.issue-reg-picker .modal-title,
#new_content #customise_columns.issue-reg-picker .modal-header h5, #new_content #exampleModalCenter_3.issue-reg-picker .modal-title,
#new_content #exampleModalCenter_3.issue-reg-picker .modal-header h5, #new_content #exampleModalCenter_2.issue-reg-picker .modal-title,
#new_content #exampleModalCenter_2.issue-reg-picker .modal-header h5, #new_content #customise_columns.po-mis-picker .modal-title,
#new_content #customise_columns.po-mis-picker .modal-header h5, #new_content #exampleModalCenter_2.po-mis-picker .modal-title,
#new_content #exampleModalCenter_2.po-mis-picker .modal-header h5, #new_content #customise_columns.item-reg-picker .modal-title,
#new_content #customise_columns.item-reg-picker .modal-header h5, #new_content #exampleModalCenter_2.item-reg-picker .modal-title,
#new_content #exampleModalCenter_2.item-reg-picker .modal-header h5, #new_content #exampleModalCenter_2.rgp-reg-picker .modal-title,
#new_content #exampleModalCenter_2.rgp-reg-picker .modal-header h5, #new_content #exampleModalCenter_3.rgp-reg-picker .modal-title,
#new_content #exampleModalCenter_3.rgp-reg-picker .modal-header h5, #new_content .pilot-workspace-reg #short_close_indent .modal-title,
#new_content .pilot-workspace-reg #short_close_indent .modal-header h5, #new_content .pending-po-modal-reg #advance_payment .modal-title,
#new_content .pending-po-modal-reg #advance_payment .modal-header h5, #new_content .pending-po-modal-reg #short_close_pending_po .modal-title,
#new_content .pending-po-modal-reg #short_close_pending_po .modal-header h5, #new_content .pending-po-modal-reg #delivery_reminder .modal-title,
#new_content .pending-po-modal-reg #delivery_reminder .modal-header h5, #new_content .modal.reg-overlay .modal-title,
#new_content .modal.reg-overlay .modal-header h5 {
  width: auto;
  min-width: 0;
  height: auto;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0;
  color: var(--text);
  opacity: 1;
}

/* line 343, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .reg-sub, #new_content #customise_columns_all_indents .reg-sub, #new_content #exampleModalCenter_all_indents .reg-sub, #new_content #exampleModalCenter_print_all_indents .reg-sub, #new_content .picked-quotes-reg #exampleModalCenter_2 .reg-sub, #new_content .picked-quotes-reg #customise_columns_picked_quotes .reg-sub, #new_content .approval-reg #customise_columns_approval_register .reg-sub, #new_content .pending-po-modal-reg #customise_columns .reg-sub, #new_content .pending-po-modal-reg #exampleModalCenter_2 .reg-sub, #new_content .pending-po-modal-reg #exampleModalCenter_3 .reg-sub, #new_content #exampleModalCenter_2.indent-reg-export .reg-sub, #new_content #exampleModalCenter_2.indent-mis-export .reg-sub, #new_content #customise_columns.po-reg-picker .reg-sub, #new_content #print_columns.po-reg-picker .reg-sub, #new_content #exampleModalCenter_2.po-reg-picker .reg-sub, #new_content #customise_columns.grn-reg-picker .reg-sub, #new_content #exampleModalCenter_3.grn-reg-picker .reg-sub, #new_content #exampleModalCenter_2.grn-reg-picker .reg-sub, #new_content #customise_columns.issue-reg-picker .reg-sub, #new_content #exampleModalCenter_3.issue-reg-picker .reg-sub, #new_content #exampleModalCenter_2.issue-reg-picker .reg-sub, #new_content #customise_columns.po-mis-picker .reg-sub, #new_content #exampleModalCenter_2.po-mis-picker .reg-sub, #new_content #customise_columns.item-reg-picker .reg-sub, #new_content #exampleModalCenter_2.item-reg-picker .reg-sub, #new_content #exampleModalCenter_2.rgp-reg-picker .reg-sub, #new_content #exampleModalCenter_3.rgp-reg-picker .reg-sub, #new_content .pilot-workspace-reg #short_close_indent .reg-sub, #new_content .pending-po-modal-reg #advance_payment .reg-sub, #new_content .pending-po-modal-reg #short_close_pending_po .reg-sub, #new_content .pending-po-modal-reg #delivery_reminder .reg-sub, #new_content .modal.reg-overlay .reg-sub {
  display: block;
  max-width: 700px;
  margin-top: 1px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 355, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .reg-sub b, #new_content #customise_columns_all_indents .reg-sub b, #new_content #exampleModalCenter_all_indents .reg-sub b, #new_content #exampleModalCenter_print_all_indents .reg-sub b, #new_content .picked-quotes-reg #exampleModalCenter_2 .reg-sub b, #new_content .picked-quotes-reg #customise_columns_picked_quotes .reg-sub b, #new_content .approval-reg #customise_columns_approval_register .reg-sub b, #new_content .pending-po-modal-reg #customise_columns .reg-sub b, #new_content .pending-po-modal-reg #exampleModalCenter_2 .reg-sub b, #new_content .pending-po-modal-reg #exampleModalCenter_3 .reg-sub b, #new_content #exampleModalCenter_2.indent-reg-export .reg-sub b, #new_content #exampleModalCenter_2.indent-mis-export .reg-sub b, #new_content #customise_columns.po-reg-picker .reg-sub b, #new_content #print_columns.po-reg-picker .reg-sub b, #new_content #exampleModalCenter_2.po-reg-picker .reg-sub b, #new_content #customise_columns.grn-reg-picker .reg-sub b, #new_content #exampleModalCenter_3.grn-reg-picker .reg-sub b, #new_content #exampleModalCenter_2.grn-reg-picker .reg-sub b, #new_content #customise_columns.issue-reg-picker .reg-sub b, #new_content #exampleModalCenter_3.issue-reg-picker .reg-sub b, #new_content #exampleModalCenter_2.issue-reg-picker .reg-sub b, #new_content #customise_columns.po-mis-picker .reg-sub b, #new_content #exampleModalCenter_2.po-mis-picker .reg-sub b, #new_content #customise_columns.item-reg-picker .reg-sub b, #new_content #exampleModalCenter_2.item-reg-picker .reg-sub b, #new_content #exampleModalCenter_2.rgp-reg-picker .reg-sub b, #new_content #exampleModalCenter_3.rgp-reg-picker .reg-sub b, #new_content .pilot-workspace-reg #short_close_indent .reg-sub b, #new_content .pending-po-modal-reg #advance_payment .reg-sub b, #new_content .pending-po-modal-reg #short_close_pending_po .reg-sub b, #new_content .pending-po-modal-reg #delivery_reminder .reg-sub b, #new_content .modal.reg-overlay .reg-sub b {
  color: var(--text);
  font-weight: 500;
}

/* line 356, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .reg-sub:empty, #new_content #customise_columns_all_indents .reg-sub:empty, #new_content #exampleModalCenter_all_indents .reg-sub:empty, #new_content #exampleModalCenter_print_all_indents .reg-sub:empty, #new_content .picked-quotes-reg #exampleModalCenter_2 .reg-sub:empty, #new_content .picked-quotes-reg #customise_columns_picked_quotes .reg-sub:empty, #new_content .approval-reg #customise_columns_approval_register .reg-sub:empty, #new_content .pending-po-modal-reg #customise_columns .reg-sub:empty, #new_content .pending-po-modal-reg #exampleModalCenter_2 .reg-sub:empty, #new_content .pending-po-modal-reg #exampleModalCenter_3 .reg-sub:empty, #new_content #exampleModalCenter_2.indent-reg-export .reg-sub:empty, #new_content #exampleModalCenter_2.indent-mis-export .reg-sub:empty, #new_content #customise_columns.po-reg-picker .reg-sub:empty, #new_content #print_columns.po-reg-picker .reg-sub:empty, #new_content #exampleModalCenter_2.po-reg-picker .reg-sub:empty, #new_content #customise_columns.grn-reg-picker .reg-sub:empty, #new_content #exampleModalCenter_3.grn-reg-picker .reg-sub:empty, #new_content #exampleModalCenter_2.grn-reg-picker .reg-sub:empty, #new_content #customise_columns.issue-reg-picker .reg-sub:empty, #new_content #exampleModalCenter_3.issue-reg-picker .reg-sub:empty, #new_content #exampleModalCenter_2.issue-reg-picker .reg-sub:empty, #new_content #customise_columns.po-mis-picker .reg-sub:empty, #new_content #exampleModalCenter_2.po-mis-picker .reg-sub:empty, #new_content #customise_columns.item-reg-picker .reg-sub:empty, #new_content #exampleModalCenter_2.item-reg-picker .reg-sub:empty, #new_content #exampleModalCenter_2.rgp-reg-picker .reg-sub:empty, #new_content #exampleModalCenter_3.rgp-reg-picker .reg-sub:empty, #new_content .pilot-workspace-reg #short_close_indent .reg-sub:empty, #new_content .pending-po-modal-reg #advance_payment .reg-sub:empty, #new_content .pending-po-modal-reg #short_close_pending_po .reg-sub:empty, #new_content .pending-po-modal-reg #delivery_reminder .reg-sub:empty, #new_content .modal.reg-overlay .reg-sub:empty {
  display: none;
}

/* line 358, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .close, #new_content #customise_columns_all_indents .close, #new_content #exampleModalCenter_all_indents .close, #new_content #exampleModalCenter_print_all_indents .close, #new_content .picked-quotes-reg #exampleModalCenter_2 .close, #new_content .picked-quotes-reg #customise_columns_picked_quotes .close, #new_content .approval-reg #customise_columns_approval_register .close, #new_content .pending-po-modal-reg #customise_columns .close, #new_content .pending-po-modal-reg #exampleModalCenter_2 .close, #new_content .pending-po-modal-reg #exampleModalCenter_3 .close, #new_content #exampleModalCenter_2.indent-reg-export .close, #new_content #exampleModalCenter_2.indent-mis-export .close, #new_content #customise_columns.po-reg-picker .close, #new_content #print_columns.po-reg-picker .close, #new_content #exampleModalCenter_2.po-reg-picker .close, #new_content #customise_columns.grn-reg-picker .close, #new_content #exampleModalCenter_3.grn-reg-picker .close, #new_content #exampleModalCenter_2.grn-reg-picker .close, #new_content #customise_columns.issue-reg-picker .close, #new_content #exampleModalCenter_3.issue-reg-picker .close, #new_content #exampleModalCenter_2.issue-reg-picker .close, #new_content #customise_columns.po-mis-picker .close, #new_content #exampleModalCenter_2.po-mis-picker .close, #new_content #customise_columns.item-reg-picker .close, #new_content #exampleModalCenter_2.item-reg-picker .close, #new_content #exampleModalCenter_2.rgp-reg-picker .close, #new_content #exampleModalCenter_3.rgp-reg-picker .close, #new_content .pilot-workspace-reg #short_close_indent .close, #new_content .pending-po-modal-reg #advance_payment .close, #new_content .pending-po-modal-reg #short_close_pending_po .close, #new_content .pending-po-modal-reg #delivery_reminder .close, #new_content .modal.reg-overlay .close {
  width: 28px;
  height: 28px;
  margin: 0 0 0 auto;
  padding: 0;
  font-size: 18px;
  line-height: 28px;
  color: var(--text-muted);
  opacity: 1;
  border-radius: 6px;
  text-shadow: none;
}

/* line 370, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .close:hover, #new_content #customise_columns_all_indents .close:hover, #new_content #exampleModalCenter_all_indents .close:hover, #new_content #exampleModalCenter_print_all_indents .close:hover, #new_content .picked-quotes-reg #exampleModalCenter_2 .close:hover, #new_content .picked-quotes-reg #customise_columns_picked_quotes .close:hover, #new_content .approval-reg #customise_columns_approval_register .close:hover, #new_content .pending-po-modal-reg #customise_columns .close:hover, #new_content .pending-po-modal-reg #exampleModalCenter_2 .close:hover, #new_content .pending-po-modal-reg #exampleModalCenter_3 .close:hover, #new_content #exampleModalCenter_2.indent-reg-export .close:hover, #new_content #exampleModalCenter_2.indent-mis-export .close:hover, #new_content #customise_columns.po-reg-picker .close:hover, #new_content #print_columns.po-reg-picker .close:hover, #new_content #exampleModalCenter_2.po-reg-picker .close:hover, #new_content #customise_columns.grn-reg-picker .close:hover, #new_content #exampleModalCenter_3.grn-reg-picker .close:hover, #new_content #exampleModalCenter_2.grn-reg-picker .close:hover, #new_content #customise_columns.issue-reg-picker .close:hover, #new_content #exampleModalCenter_3.issue-reg-picker .close:hover, #new_content #exampleModalCenter_2.issue-reg-picker .close:hover, #new_content #customise_columns.po-mis-picker .close:hover, #new_content #exampleModalCenter_2.po-mis-picker .close:hover, #new_content #customise_columns.item-reg-picker .close:hover, #new_content #exampleModalCenter_2.item-reg-picker .close:hover, #new_content #exampleModalCenter_2.rgp-reg-picker .close:hover, #new_content #exampleModalCenter_3.rgp-reg-picker .close:hover, #new_content .pilot-workspace-reg #short_close_indent .close:hover, #new_content .pending-po-modal-reg #advance_payment .close:hover, #new_content .pending-po-modal-reg #short_close_pending_po .close:hover, #new_content .pending-po-modal-reg #delivery_reminder .close:hover, #new_content .modal.reg-overlay .close:hover {
  background: var(--waiting-wash);
  color: var(--text);
}

/* line 375, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .modal-body, #new_content #customise_columns_all_indents .modal-body, #new_content #exampleModalCenter_all_indents .modal-body, #new_content #exampleModalCenter_print_all_indents .modal-body, #new_content .picked-quotes-reg #exampleModalCenter_2 .modal-body, #new_content .picked-quotes-reg #customise_columns_picked_quotes .modal-body, #new_content .approval-reg #customise_columns_approval_register .modal-body, #new_content .pending-po-modal-reg #customise_columns .modal-body, #new_content .pending-po-modal-reg #exampleModalCenter_2 .modal-body, #new_content .pending-po-modal-reg #exampleModalCenter_3 .modal-body, #new_content #exampleModalCenter_2.indent-reg-export .modal-body, #new_content #exampleModalCenter_2.indent-mis-export .modal-body, #new_content #customise_columns.po-reg-picker .modal-body, #new_content #print_columns.po-reg-picker .modal-body, #new_content #exampleModalCenter_2.po-reg-picker .modal-body, #new_content #customise_columns.grn-reg-picker .modal-body, #new_content #exampleModalCenter_3.grn-reg-picker .modal-body, #new_content #exampleModalCenter_2.grn-reg-picker .modal-body, #new_content #customise_columns.issue-reg-picker .modal-body, #new_content #exampleModalCenter_3.issue-reg-picker .modal-body, #new_content #exampleModalCenter_2.issue-reg-picker .modal-body, #new_content #customise_columns.po-mis-picker .modal-body, #new_content #exampleModalCenter_2.po-mis-picker .modal-body, #new_content #customise_columns.item-reg-picker .modal-body, #new_content #exampleModalCenter_2.item-reg-picker .modal-body, #new_content #exampleModalCenter_2.rgp-reg-picker .modal-body, #new_content #exampleModalCenter_3.rgp-reg-picker .modal-body, #new_content .pilot-workspace-reg #short_close_indent .modal-body, #new_content .pending-po-modal-reg #advance_payment .modal-body, #new_content .pending-po-modal-reg #short_close_pending_po .modal-body, #new_content .pending-po-modal-reg #delivery_reminder .modal-body, #new_content .modal.reg-overlay .modal-body {
  padding: 12px 14px;
  font-size: 13px;
  background: var(--surface);
  min-height: 0;
}

/* line 376, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .modal-body.reg-flush, #new_content #customise_columns_all_indents .modal-body.reg-flush, #new_content #exampleModalCenter_all_indents .modal-body.reg-flush, #new_content #exampleModalCenter_print_all_indents .modal-body.reg-flush, #new_content .picked-quotes-reg #exampleModalCenter_2 .modal-body.reg-flush, #new_content .picked-quotes-reg #customise_columns_picked_quotes .modal-body.reg-flush, #new_content .approval-reg #customise_columns_approval_register .modal-body.reg-flush, #new_content .pending-po-modal-reg #customise_columns .modal-body.reg-flush, #new_content .pending-po-modal-reg #exampleModalCenter_2 .modal-body.reg-flush, #new_content .pending-po-modal-reg #exampleModalCenter_3 .modal-body.reg-flush, #new_content #exampleModalCenter_2.indent-reg-export .modal-body.reg-flush, #new_content #exampleModalCenter_2.indent-mis-export .modal-body.reg-flush, #new_content #customise_columns.po-reg-picker .modal-body.reg-flush, #new_content #print_columns.po-reg-picker .modal-body.reg-flush, #new_content #exampleModalCenter_2.po-reg-picker .modal-body.reg-flush, #new_content #customise_columns.grn-reg-picker .modal-body.reg-flush, #new_content #exampleModalCenter_3.grn-reg-picker .modal-body.reg-flush, #new_content #exampleModalCenter_2.grn-reg-picker .modal-body.reg-flush, #new_content #customise_columns.issue-reg-picker .modal-body.reg-flush, #new_content #exampleModalCenter_3.issue-reg-picker .modal-body.reg-flush, #new_content #exampleModalCenter_2.issue-reg-picker .modal-body.reg-flush, #new_content #customise_columns.po-mis-picker .modal-body.reg-flush, #new_content #exampleModalCenter_2.po-mis-picker .modal-body.reg-flush, #new_content #customise_columns.item-reg-picker .modal-body.reg-flush, #new_content #exampleModalCenter_2.item-reg-picker .modal-body.reg-flush, #new_content #exampleModalCenter_2.rgp-reg-picker .modal-body.reg-flush, #new_content #exampleModalCenter_3.rgp-reg-picker .modal-body.reg-flush, #new_content .pilot-workspace-reg #short_close_indent .modal-body.reg-flush, #new_content .pending-po-modal-reg #advance_payment .modal-body.reg-flush, #new_content .pending-po-modal-reg #short_close_pending_po .modal-body.reg-flush, #new_content .pending-po-modal-reg #delivery_reminder .modal-body.reg-flush, #new_content .modal.reg-overlay .modal-body.reg-flush {
  padding: 0;
}

/* line 378, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .modal-footer, #new_content #customise_columns_all_indents .modal-footer, #new_content #exampleModalCenter_all_indents .modal-footer, #new_content #exampleModalCenter_print_all_indents .modal-footer, #new_content .picked-quotes-reg #exampleModalCenter_2 .modal-footer, #new_content .picked-quotes-reg #customise_columns_picked_quotes .modal-footer, #new_content .approval-reg #customise_columns_approval_register .modal-footer, #new_content .pending-po-modal-reg #customise_columns .modal-footer, #new_content .pending-po-modal-reg #exampleModalCenter_2 .modal-footer, #new_content .pending-po-modal-reg #exampleModalCenter_3 .modal-footer, #new_content #exampleModalCenter_2.indent-reg-export .modal-footer, #new_content #exampleModalCenter_2.indent-mis-export .modal-footer, #new_content #customise_columns.po-reg-picker .modal-footer, #new_content #print_columns.po-reg-picker .modal-footer, #new_content #exampleModalCenter_2.po-reg-picker .modal-footer, #new_content #customise_columns.grn-reg-picker .modal-footer, #new_content #exampleModalCenter_3.grn-reg-picker .modal-footer, #new_content #exampleModalCenter_2.grn-reg-picker .modal-footer, #new_content #customise_columns.issue-reg-picker .modal-footer, #new_content #exampleModalCenter_3.issue-reg-picker .modal-footer, #new_content #exampleModalCenter_2.issue-reg-picker .modal-footer, #new_content #customise_columns.po-mis-picker .modal-footer, #new_content #exampleModalCenter_2.po-mis-picker .modal-footer, #new_content #customise_columns.item-reg-picker .modal-footer, #new_content #exampleModalCenter_2.item-reg-picker .modal-footer, #new_content #exampleModalCenter_2.rgp-reg-picker .modal-footer, #new_content #exampleModalCenter_3.rgp-reg-picker .modal-footer, #new_content .pilot-workspace-reg #short_close_indent .modal-footer, #new_content .pending-po-modal-reg #advance_payment .modal-footer, #new_content .pending-po-modal-reg #short_close_pending_po .modal-footer, #new_content .pending-po-modal-reg #delivery_reminder .modal-footer, #new_content .modal.reg-overlay .modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-height: 44px;
  padding: 8px 14px;
  border-top: 1px solid var(--border);
  background: var(--waiting-wash);
}

/* line 391, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .reg-note, #new_content #customise_columns_all_indents .reg-note, #new_content #exampleModalCenter_all_indents .reg-note, #new_content #exampleModalCenter_print_all_indents .reg-note, #new_content .picked-quotes-reg #exampleModalCenter_2 .reg-note, #new_content .picked-quotes-reg #customise_columns_picked_quotes .reg-note, #new_content .approval-reg #customise_columns_approval_register .reg-note, #new_content .pending-po-modal-reg #customise_columns .reg-note, #new_content .pending-po-modal-reg #exampleModalCenter_2 .reg-note, #new_content .pending-po-modal-reg #exampleModalCenter_3 .reg-note, #new_content #exampleModalCenter_2.indent-reg-export .reg-note, #new_content #exampleModalCenter_2.indent-mis-export .reg-note, #new_content #customise_columns.po-reg-picker .reg-note, #new_content #print_columns.po-reg-picker .reg-note, #new_content #exampleModalCenter_2.po-reg-picker .reg-note, #new_content #customise_columns.grn-reg-picker .reg-note, #new_content #exampleModalCenter_3.grn-reg-picker .reg-note, #new_content #exampleModalCenter_2.grn-reg-picker .reg-note, #new_content #customise_columns.issue-reg-picker .reg-note, #new_content #exampleModalCenter_3.issue-reg-picker .reg-note, #new_content #exampleModalCenter_2.issue-reg-picker .reg-note, #new_content #customise_columns.po-mis-picker .reg-note, #new_content #exampleModalCenter_2.po-mis-picker .reg-note, #new_content #customise_columns.item-reg-picker .reg-note, #new_content #exampleModalCenter_2.item-reg-picker .reg-note, #new_content #exampleModalCenter_2.rgp-reg-picker .reg-note, #new_content #exampleModalCenter_3.rgp-reg-picker .reg-note, #new_content .pilot-workspace-reg #short_close_indent .reg-note, #new_content .pending-po-modal-reg #advance_payment .reg-note, #new_content .pending-po-modal-reg #short_close_pending_po .reg-note, #new_content .pending-po-modal-reg #delivery_reminder .reg-note, #new_content .modal.reg-overlay .reg-note {
  flex: 1 1 auto;
  min-width: 0;
  margin-right: auto;
  font-size: 12px;
  color: var(--text-subtle);
}

/* line 392, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .modal-footer > .modal-calcel-btn,
#new_content .reg-roles #customise_columns_pending_new_pilot .modal-footer > .modal-delete-btn, #new_content #customise_columns_all_indents .modal-footer > .modal-calcel-btn,
#new_content #customise_columns_all_indents .modal-footer > .modal-delete-btn, #new_content #exampleModalCenter_all_indents .modal-footer > .modal-calcel-btn,
#new_content #exampleModalCenter_all_indents .modal-footer > .modal-delete-btn, #new_content #exampleModalCenter_print_all_indents .modal-footer > .modal-calcel-btn,
#new_content #exampleModalCenter_print_all_indents .modal-footer > .modal-delete-btn, #new_content .picked-quotes-reg #exampleModalCenter_2 .modal-footer > .modal-calcel-btn,
#new_content .picked-quotes-reg #exampleModalCenter_2 .modal-footer > .modal-delete-btn, #new_content .picked-quotes-reg #customise_columns_picked_quotes .modal-footer > .modal-calcel-btn,
#new_content .picked-quotes-reg #customise_columns_picked_quotes .modal-footer > .modal-delete-btn, #new_content .approval-reg #customise_columns_approval_register .modal-footer > .modal-calcel-btn,
#new_content .approval-reg #customise_columns_approval_register .modal-footer > .modal-delete-btn, #new_content .pending-po-modal-reg #customise_columns .modal-footer > .modal-calcel-btn,
#new_content .pending-po-modal-reg #customise_columns .modal-footer > .modal-delete-btn, #new_content .pending-po-modal-reg #exampleModalCenter_2 .modal-footer > .modal-calcel-btn,
#new_content .pending-po-modal-reg #exampleModalCenter_2 .modal-footer > .modal-delete-btn, #new_content .pending-po-modal-reg #exampleModalCenter_3 .modal-footer > .modal-calcel-btn,
#new_content .pending-po-modal-reg #exampleModalCenter_3 .modal-footer > .modal-delete-btn, #new_content #exampleModalCenter_2.indent-reg-export .modal-footer > .modal-calcel-btn,
#new_content #exampleModalCenter_2.indent-reg-export .modal-footer > .modal-delete-btn, #new_content #exampleModalCenter_2.indent-mis-export .modal-footer > .modal-calcel-btn,
#new_content #exampleModalCenter_2.indent-mis-export .modal-footer > .modal-delete-btn, #new_content #customise_columns.po-reg-picker .modal-footer > .modal-calcel-btn,
#new_content #customise_columns.po-reg-picker .modal-footer > .modal-delete-btn, #new_content #print_columns.po-reg-picker .modal-footer > .modal-calcel-btn,
#new_content #print_columns.po-reg-picker .modal-footer > .modal-delete-btn, #new_content #exampleModalCenter_2.po-reg-picker .modal-footer > .modal-calcel-btn,
#new_content #exampleModalCenter_2.po-reg-picker .modal-footer > .modal-delete-btn, #new_content #customise_columns.grn-reg-picker .modal-footer > .modal-calcel-btn,
#new_content #customise_columns.grn-reg-picker .modal-footer > .modal-delete-btn, #new_content #exampleModalCenter_3.grn-reg-picker .modal-footer > .modal-calcel-btn,
#new_content #exampleModalCenter_3.grn-reg-picker .modal-footer > .modal-delete-btn, #new_content #exampleModalCenter_2.grn-reg-picker .modal-footer > .modal-calcel-btn,
#new_content #exampleModalCenter_2.grn-reg-picker .modal-footer > .modal-delete-btn, #new_content #customise_columns.issue-reg-picker .modal-footer > .modal-calcel-btn,
#new_content #customise_columns.issue-reg-picker .modal-footer > .modal-delete-btn, #new_content #exampleModalCenter_3.issue-reg-picker .modal-footer > .modal-calcel-btn,
#new_content #exampleModalCenter_3.issue-reg-picker .modal-footer > .modal-delete-btn, #new_content #exampleModalCenter_2.issue-reg-picker .modal-footer > .modal-calcel-btn,
#new_content #exampleModalCenter_2.issue-reg-picker .modal-footer > .modal-delete-btn, #new_content #customise_columns.po-mis-picker .modal-footer > .modal-calcel-btn,
#new_content #customise_columns.po-mis-picker .modal-footer > .modal-delete-btn, #new_content #exampleModalCenter_2.po-mis-picker .modal-footer > .modal-calcel-btn,
#new_content #exampleModalCenter_2.po-mis-picker .modal-footer > .modal-delete-btn, #new_content #customise_columns.item-reg-picker .modal-footer > .modal-calcel-btn,
#new_content #customise_columns.item-reg-picker .modal-footer > .modal-delete-btn, #new_content #exampleModalCenter_2.item-reg-picker .modal-footer > .modal-calcel-btn,
#new_content #exampleModalCenter_2.item-reg-picker .modal-footer > .modal-delete-btn, #new_content #exampleModalCenter_2.rgp-reg-picker .modal-footer > .modal-calcel-btn,
#new_content #exampleModalCenter_2.rgp-reg-picker .modal-footer > .modal-delete-btn, #new_content #exampleModalCenter_3.rgp-reg-picker .modal-footer > .modal-calcel-btn,
#new_content #exampleModalCenter_3.rgp-reg-picker .modal-footer > .modal-delete-btn, #new_content .pilot-workspace-reg #short_close_indent .modal-footer > .modal-calcel-btn,
#new_content .pilot-workspace-reg #short_close_indent .modal-footer > .modal-delete-btn, #new_content .pending-po-modal-reg #advance_payment .modal-footer > .modal-calcel-btn,
#new_content .pending-po-modal-reg #advance_payment .modal-footer > .modal-delete-btn, #new_content .pending-po-modal-reg #short_close_pending_po .modal-footer > .modal-calcel-btn,
#new_content .pending-po-modal-reg #short_close_pending_po .modal-footer > .modal-delete-btn, #new_content .pending-po-modal-reg #delivery_reminder .modal-footer > .modal-calcel-btn,
#new_content .pending-po-modal-reg #delivery_reminder .modal-footer > .modal-delete-btn, #new_content .modal.reg-overlay .modal-footer > .modal-calcel-btn,
#new_content .modal.reg-overlay .modal-footer > .modal-delete-btn {
  flex-shrink: 0;
  white-space: nowrap;
}

/* line 397, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .modal-calcel-btn,
#new_content .reg-roles #customise_columns_pending_new_pilot .modal-delete-btn, #new_content #customise_columns_all_indents .modal-calcel-btn,
#new_content #customise_columns_all_indents .modal-delete-btn, #new_content #exampleModalCenter_all_indents .modal-calcel-btn,
#new_content #exampleModalCenter_all_indents .modal-delete-btn, #new_content #exampleModalCenter_print_all_indents .modal-calcel-btn,
#new_content #exampleModalCenter_print_all_indents .modal-delete-btn, #new_content .picked-quotes-reg #exampleModalCenter_2 .modal-calcel-btn,
#new_content .picked-quotes-reg #exampleModalCenter_2 .modal-delete-btn, #new_content .picked-quotes-reg #customise_columns_picked_quotes .modal-calcel-btn,
#new_content .picked-quotes-reg #customise_columns_picked_quotes .modal-delete-btn, #new_content .approval-reg #customise_columns_approval_register .modal-calcel-btn,
#new_content .approval-reg #customise_columns_approval_register .modal-delete-btn, #new_content .pending-po-modal-reg #customise_columns .modal-calcel-btn,
#new_content .pending-po-modal-reg #customise_columns .modal-delete-btn, #new_content .pending-po-modal-reg #exampleModalCenter_2 .modal-calcel-btn,
#new_content .pending-po-modal-reg #exampleModalCenter_2 .modal-delete-btn, #new_content .pending-po-modal-reg #exampleModalCenter_3 .modal-calcel-btn,
#new_content .pending-po-modal-reg #exampleModalCenter_3 .modal-delete-btn, #new_content #exampleModalCenter_2.indent-reg-export .modal-calcel-btn,
#new_content #exampleModalCenter_2.indent-reg-export .modal-delete-btn, #new_content #exampleModalCenter_2.indent-mis-export .modal-calcel-btn,
#new_content #exampleModalCenter_2.indent-mis-export .modal-delete-btn, #new_content #customise_columns.po-reg-picker .modal-calcel-btn,
#new_content #customise_columns.po-reg-picker .modal-delete-btn, #new_content #print_columns.po-reg-picker .modal-calcel-btn,
#new_content #print_columns.po-reg-picker .modal-delete-btn, #new_content #exampleModalCenter_2.po-reg-picker .modal-calcel-btn,
#new_content #exampleModalCenter_2.po-reg-picker .modal-delete-btn, #new_content #customise_columns.grn-reg-picker .modal-calcel-btn,
#new_content #customise_columns.grn-reg-picker .modal-delete-btn, #new_content #exampleModalCenter_3.grn-reg-picker .modal-calcel-btn,
#new_content #exampleModalCenter_3.grn-reg-picker .modal-delete-btn, #new_content #exampleModalCenter_2.grn-reg-picker .modal-calcel-btn,
#new_content #exampleModalCenter_2.grn-reg-picker .modal-delete-btn, #new_content #customise_columns.issue-reg-picker .modal-calcel-btn,
#new_content #customise_columns.issue-reg-picker .modal-delete-btn, #new_content #exampleModalCenter_3.issue-reg-picker .modal-calcel-btn,
#new_content #exampleModalCenter_3.issue-reg-picker .modal-delete-btn, #new_content #exampleModalCenter_2.issue-reg-picker .modal-calcel-btn,
#new_content #exampleModalCenter_2.issue-reg-picker .modal-delete-btn, #new_content #customise_columns.po-mis-picker .modal-calcel-btn,
#new_content #customise_columns.po-mis-picker .modal-delete-btn, #new_content #exampleModalCenter_2.po-mis-picker .modal-calcel-btn,
#new_content #exampleModalCenter_2.po-mis-picker .modal-delete-btn, #new_content #customise_columns.item-reg-picker .modal-calcel-btn,
#new_content #customise_columns.item-reg-picker .modal-delete-btn, #new_content #exampleModalCenter_2.item-reg-picker .modal-calcel-btn,
#new_content #exampleModalCenter_2.item-reg-picker .modal-delete-btn, #new_content #exampleModalCenter_2.rgp-reg-picker .modal-calcel-btn,
#new_content #exampleModalCenter_2.rgp-reg-picker .modal-delete-btn, #new_content #exampleModalCenter_3.rgp-reg-picker .modal-calcel-btn,
#new_content #exampleModalCenter_3.rgp-reg-picker .modal-delete-btn, #new_content .pilot-workspace-reg #short_close_indent .modal-calcel-btn,
#new_content .pilot-workspace-reg #short_close_indent .modal-delete-btn, #new_content .pending-po-modal-reg #advance_payment .modal-calcel-btn,
#new_content .pending-po-modal-reg #advance_payment .modal-delete-btn, #new_content .pending-po-modal-reg #short_close_pending_po .modal-calcel-btn,
#new_content .pending-po-modal-reg #short_close_pending_po .modal-delete-btn, #new_content .pending-po-modal-reg #delivery_reminder .modal-calcel-btn,
#new_content .pending-po-modal-reg #delivery_reminder .modal-delete-btn, #new_content .modal.reg-overlay .modal-calcel-btn,
#new_content .modal.reg-overlay .modal-delete-btn {
  display: inline-block;
  width: auto;
  min-width: 0;
  min-height: 0;
  height: 28px;
  margin: 0;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface);
  color: var(--text-muted);
  box-shadow: none;
}

/* line 418, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .modal-delete-btn, #new_content #customise_columns_all_indents .modal-delete-btn, #new_content #exampleModalCenter_all_indents .modal-delete-btn, #new_content #exampleModalCenter_print_all_indents .modal-delete-btn, #new_content .picked-quotes-reg #exampleModalCenter_2 .modal-delete-btn, #new_content .picked-quotes-reg #customise_columns_picked_quotes .modal-delete-btn, #new_content .approval-reg #customise_columns_approval_register .modal-delete-btn, #new_content .pending-po-modal-reg #customise_columns .modal-delete-btn, #new_content .pending-po-modal-reg #exampleModalCenter_2 .modal-delete-btn, #new_content .pending-po-modal-reg #exampleModalCenter_3 .modal-delete-btn, #new_content #exampleModalCenter_2.indent-reg-export .modal-delete-btn, #new_content #exampleModalCenter_2.indent-mis-export .modal-delete-btn, #new_content #customise_columns.po-reg-picker .modal-delete-btn, #new_content #print_columns.po-reg-picker .modal-delete-btn, #new_content #exampleModalCenter_2.po-reg-picker .modal-delete-btn, #new_content #customise_columns.grn-reg-picker .modal-delete-btn, #new_content #exampleModalCenter_3.grn-reg-picker .modal-delete-btn, #new_content #exampleModalCenter_2.grn-reg-picker .modal-delete-btn, #new_content #customise_columns.issue-reg-picker .modal-delete-btn, #new_content #exampleModalCenter_3.issue-reg-picker .modal-delete-btn, #new_content #exampleModalCenter_2.issue-reg-picker .modal-delete-btn, #new_content #customise_columns.po-mis-picker .modal-delete-btn, #new_content #exampleModalCenter_2.po-mis-picker .modal-delete-btn, #new_content #customise_columns.item-reg-picker .modal-delete-btn, #new_content #exampleModalCenter_2.item-reg-picker .modal-delete-btn, #new_content #exampleModalCenter_2.rgp-reg-picker .modal-delete-btn, #new_content #exampleModalCenter_3.rgp-reg-picker .modal-delete-btn, #new_content .pilot-workspace-reg #short_close_indent .modal-delete-btn, #new_content .pending-po-modal-reg #advance_payment .modal-delete-btn, #new_content .pending-po-modal-reg #short_close_pending_po .modal-delete-btn, #new_content .pending-po-modal-reg #delivery_reminder .modal-delete-btn, #new_content .modal.reg-overlay .modal-delete-btn {
  border-color: var(--accent-ink);
  background: var(--accent-ink);
  color: #fff;
}

/* line 423, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .modal-calcel-btn:hover, #new_content #customise_columns_all_indents .modal-calcel-btn:hover, #new_content #exampleModalCenter_all_indents .modal-calcel-btn:hover, #new_content #exampleModalCenter_print_all_indents .modal-calcel-btn:hover, #new_content .picked-quotes-reg #exampleModalCenter_2 .modal-calcel-btn:hover, #new_content .picked-quotes-reg #customise_columns_picked_quotes .modal-calcel-btn:hover, #new_content .approval-reg #customise_columns_approval_register .modal-calcel-btn:hover, #new_content .pending-po-modal-reg #customise_columns .modal-calcel-btn:hover, #new_content .pending-po-modal-reg #exampleModalCenter_2 .modal-calcel-btn:hover, #new_content .pending-po-modal-reg #exampleModalCenter_3 .modal-calcel-btn:hover, #new_content #exampleModalCenter_2.indent-reg-export .modal-calcel-btn:hover, #new_content #exampleModalCenter_2.indent-mis-export .modal-calcel-btn:hover, #new_content #customise_columns.po-reg-picker .modal-calcel-btn:hover, #new_content #print_columns.po-reg-picker .modal-calcel-btn:hover, #new_content #exampleModalCenter_2.po-reg-picker .modal-calcel-btn:hover, #new_content #customise_columns.grn-reg-picker .modal-calcel-btn:hover, #new_content #exampleModalCenter_3.grn-reg-picker .modal-calcel-btn:hover, #new_content #exampleModalCenter_2.grn-reg-picker .modal-calcel-btn:hover, #new_content #customise_columns.issue-reg-picker .modal-calcel-btn:hover, #new_content #exampleModalCenter_3.issue-reg-picker .modal-calcel-btn:hover, #new_content #exampleModalCenter_2.issue-reg-picker .modal-calcel-btn:hover, #new_content #customise_columns.po-mis-picker .modal-calcel-btn:hover, #new_content #exampleModalCenter_2.po-mis-picker .modal-calcel-btn:hover, #new_content #customise_columns.item-reg-picker .modal-calcel-btn:hover, #new_content #exampleModalCenter_2.item-reg-picker .modal-calcel-btn:hover, #new_content #exampleModalCenter_2.rgp-reg-picker .modal-calcel-btn:hover, #new_content #exampleModalCenter_3.rgp-reg-picker .modal-calcel-btn:hover, #new_content .pilot-workspace-reg #short_close_indent .modal-calcel-btn:hover, #new_content .pending-po-modal-reg #advance_payment .modal-calcel-btn:hover, #new_content .pending-po-modal-reg #short_close_pending_po .modal-calcel-btn:hover, #new_content .pending-po-modal-reg #delivery_reminder .modal-calcel-btn:hover, #new_content .modal.reg-overlay .modal-calcel-btn:hover {
  border-color: var(--border-strong);
  color: var(--text);
}

/* line 429, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

/* line 434, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt th {
  height: 32px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
  color: var(--text);
  background: var(--waiting-wash);
  border: 0;
  border-bottom: 1px solid var(--border-strong);
}

/* line 448, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt td {
  height: 32px;
  padding: 0 8px;
  font-size: 13px;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  border-bottom: 1px solid var(--border);
}

/* line 462, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt thead tr {
  height: 32px;
  background: transparent;
}

/* line 463, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt tbody tr {
  height: 32px;
}

/* line 464, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt tbody tr:last-child td {
  border-bottom: 0;
}

/* line 468, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt .col-locator {
  width: 110px;
}

/* line 469, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt .col-date {
  width: 80px;
  color: var(--text-muted);
}

/* line 470, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt .col-ctx {
  width: 120px;
  color: var(--text-muted);
}

/* line 471, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt .col-num {
  width: 76px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* line 472, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt .col-money {
  width: 104px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* line 473, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt .col-ctx-wide {
  width: 220px;
}

/* line 474, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt .unit {
  margin-left: 4px;
  font-size: 11px;
  color: var(--text-subtle);
}

/* line 475, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt a {
  color: var(--accent-ink);
  text-decoration: none;
}

/* line 476, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt a:hover {
  text-decoration: underline;
}

/* line 477, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt .loc-fy {
  color: var(--text-muted);
}

/* line 478, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt .loc-ser {
  font-weight: 500;
}

/* line 484, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt.reg-mt--trail .col-locator {
  width: 150px;
}

/* line 485, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt.reg-mt--trail .col-ctx {
  width: 120px;
}

/* line 486, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .reg-mt.reg-mt--trail .col-ctx-wide {
  width: 200px;
}

/* line 489, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .modal-footer .reg-chase {
  color: var(--chase);
  font-weight: 600;
}

/* line 494, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .landed-cost #exampleModalRight.reg-overlay .modal-dialog,
#new_content .landed-cost #po_status_modal.reg-overlay .modal-dialog,
#new_content .qc-pilot .landed-cost .exampleModalRight_new .modal-dialog,
#new_content .qc-pilot .landed-cost #exampleModalRight_old .modal-dialog {
  position: relative;
  top: auto;
  right: auto;
  height: auto;
  width: 820px;
  transform: none;
}

/* line 512, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #po_details_modal.reg-overlay .modal-dialog {
  position: relative;
  top: auto;
  right: auto;
  height: auto;
  transform: none;
}

/* line 519, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #po_details_modal.reg-overlay .modal-content {
  border-radius: var(--radius);
  height: auto;
}

/* line 571, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #company_wise_stock_details.reg-overlay .stock-modal-item {
  display: inline-block;
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}

/* line 579, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #company_wise_stock_details.reg-overlay .modal-dialog {
  min-width: 560px;
}

/* line 580, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #company_wise_stock_details.reg-overlay .reg-mt {
  width: 100%;
}

/* line 582, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #company_wise_stock_details.reg-overlay .reg-mt .stock-col-division {
  width: 86px;
}

/* line 583, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #company_wise_stock_details.reg-overlay .reg-mt .stock-col-num {
  width: 76px;
}

/* line 585, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #company_wise_stock_details.reg-overlay .reg-mt + .reg-mt {
  margin-top: 12px;
}

/* line 586, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #company_wise_stock_details.reg-overlay .reg-mt-group td {
  height: 28px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--text);
  background: var(--surface-2);
  border-bottom: 1px solid var(--border);
}

/* line 595, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #company_wise_stock_details.reg-overlay .reg-mt-current td {
  font-weight: 600;
}

/* line 596, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #company_wise_stock_details.reg-overlay .reg-note b {
  font-weight: 600;
  color: var(--text);
}

/* line 597, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #company_wise_stock_details.reg-overlay .reg-mt-total td {
  font-weight: 600;
  background: var(--waiting-wash);
  border-top: 1px solid var(--border-strong);
  border-bottom: 0;
}

/* line 604, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .landed-cost #po_status_modal.reg-overlay .modal-dialog {
  width: 700px;
}

/* line 607, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #bid_status_modal.reg-overlay .modal-dialog {
  width: 560px;
}

/* line 617, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #rgp_status_modal.reg-overlay .modal-dialog,
#new_content #nrgp_status_modal.reg-overlay .modal-dialog,
#new_content #po_status_modal.reg-overlay .modal-dialog,
#new_content #gi_status_modal.reg-overlay .modal-dialog,
#new_content #bill_status_modal.reg-overlay .modal-dialog {
  width: 700px;
}

/* line 625, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #amendment_modal.reg-overlay .modal-dialog {
  width: 520px;
}

/* line 631, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #po_audit_modal.reg-overlay .modal-dialog {
  width: 700px;
}

/* line 632, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #po_audit_modal.reg-overlay .modal-body {
  max-height: 70vh;
  overflow-y: auto;
}

/* line 633, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #po_audit_modal.reg-overlay .reg-mt > thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}

/* line 635, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #po_audit_modal.reg-overlay .reg-audit-toggle {
  font-weight: 500;
  cursor: pointer;
}

/* line 642, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #po_audit_modal.reg-overlay .reg-mt > tbody > tr.reg-audit-changes {
  height: auto;
}

/* line 643, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #po_audit_modal.reg-overlay .reg-mt > tbody > tr.reg-audit-changes.show {
  display: table-row !important;
}

/* line 644, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #po_audit_modal.reg-overlay .reg-mt > tbody > tr.reg-audit-changes.collapsing {
  display: table-row;
  height: auto;
  transition: none;
}

/* line 645, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #po_audit_modal.reg-overlay .reg-mt > tbody > tr.reg-audit-changes > td {
  width: auto;
  height: auto;
  padding: 8px 12px 12px;
  white-space: normal;
  background: var(--surface-2);
}

/* line 654, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #po_audit_modal.reg-overlay .reg-audit-diff {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border: 1px solid var(--border);
}

/* line 660, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #po_audit_modal.reg-overlay .reg-audit-diff thead tr, #new_content #po_audit_modal.reg-overlay .reg-audit-diff tbody tr {
  height: auto;
}

/* line 664, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #po_audit_modal.reg-overlay .reg-audit-diff th, #new_content #po_audit_modal.reg-overlay .reg-audit-diff td {
  width: auto;
  height: auto;
  padding: 6px 8px;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  vertical-align: top;
  white-space: normal;
  overflow-wrap: anywhere;
  border-bottom: 1px solid var(--border);
}

/* line 676, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #po_audit_modal.reg-overlay .reg-audit-diff th {
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--text-muted);
  background: var(--surface);
}

/* line 683, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #po_audit_modal.reg-overlay .reg-audit-diff td {
  color: var(--text);
  background: var(--surface);
}

/* line 684, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #po_audit_modal.reg-overlay .reg-audit-diff th:first-child, #new_content #po_audit_modal.reg-overlay .reg-audit-diff td:first-child {
  width: 30%;
}

/* line 685, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #po_audit_modal.reg-overlay .reg-audit-diff tbody tr:last-child td {
  border-bottom: 0;
}

/* line 691, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #reg_confirm_modal.reg-overlay .modal-dialog.reg-confirm {
  width: 460px;
}

/* line 692, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #reg_confirm_modal.reg-overlay .reg-confirm-body {
  white-space: pre-line;
  line-height: 18px;
}

/* line 695, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #reg_confirm_modal.reg-overlay .modal-delete-btn {
  border-color: var(--accent-ink);
  background: var(--accent-ink);
}

/* line 696, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #reg_confirm_modal.reg-overlay.reg-confirm-danger .modal-delete-btn {
  border-color: var(--act);
  background: var(--act);
}

/* line 704, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .modal-dialog, #new_content #customise_columns_all_indents .modal-dialog, #new_content #exampleModalCenter_all_indents .modal-dialog, #new_content #exampleModalCenter_print_all_indents .modal-dialog, #new_content .picked-quotes-reg #exampleModalCenter_2 .modal-dialog, #new_content .picked-quotes-reg #customise_columns_picked_quotes .modal-dialog, #new_content .approval-reg #customise_columns_approval_register .modal-dialog, #new_content .pending-po-modal-reg #customise_columns .modal-dialog, #new_content .pending-po-modal-reg #exampleModalCenter_2 .modal-dialog, #new_content .pending-po-modal-reg #exampleModalCenter_3 .modal-dialog, #new_content #exampleModalCenter_2.indent-reg-export .modal-dialog, #new_content #exampleModalCenter_2.indent-mis-export .modal-dialog, #new_content #customise_columns.po-reg-picker .modal-dialog, #new_content #print_columns.po-reg-picker .modal-dialog, #new_content #exampleModalCenter_2.po-reg-picker .modal-dialog, #new_content #customise_columns.grn-reg-picker .modal-dialog, #new_content #exampleModalCenter_3.grn-reg-picker .modal-dialog, #new_content #exampleModalCenter_2.grn-reg-picker .modal-dialog, #new_content #customise_columns.issue-reg-picker .modal-dialog, #new_content #exampleModalCenter_3.issue-reg-picker .modal-dialog, #new_content #exampleModalCenter_2.issue-reg-picker .modal-dialog, #new_content #customise_columns.po-mis-picker .modal-dialog, #new_content #exampleModalCenter_2.po-mis-picker .modal-dialog, #new_content #customise_columns.item-reg-picker .modal-dialog, #new_content #exampleModalCenter_2.item-reg-picker .modal-dialog, #new_content #exampleModalCenter_2.rgp-reg-picker .modal-dialog, #new_content #exampleModalCenter_3.rgp-reg-picker .modal-dialog {
  width: 360px;
}

/* line 705, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .modal-body, #new_content #customise_columns_all_indents .modal-body, #new_content #exampleModalCenter_all_indents .modal-body, #new_content #exampleModalCenter_print_all_indents .modal-body, #new_content .picked-quotes-reg #exampleModalCenter_2 .modal-body, #new_content .picked-quotes-reg #customise_columns_picked_quotes .modal-body, #new_content .approval-reg #customise_columns_approval_register .modal-body, #new_content .pending-po-modal-reg #customise_columns .modal-body, #new_content .pending-po-modal-reg #exampleModalCenter_2 .modal-body, #new_content .pending-po-modal-reg #exampleModalCenter_3 .modal-body, #new_content #exampleModalCenter_2.indent-reg-export .modal-body, #new_content #exampleModalCenter_2.indent-mis-export .modal-body, #new_content #customise_columns.po-reg-picker .modal-body, #new_content #print_columns.po-reg-picker .modal-body, #new_content #exampleModalCenter_2.po-reg-picker .modal-body, #new_content #customise_columns.grn-reg-picker .modal-body, #new_content #exampleModalCenter_3.grn-reg-picker .modal-body, #new_content #exampleModalCenter_2.grn-reg-picker .modal-body, #new_content #customise_columns.issue-reg-picker .modal-body, #new_content #exampleModalCenter_3.issue-reg-picker .modal-body, #new_content #exampleModalCenter_2.issue-reg-picker .modal-body, #new_content #customise_columns.po-mis-picker .modal-body, #new_content #exampleModalCenter_2.po-mis-picker .modal-body, #new_content #customise_columns.item-reg-picker .modal-body, #new_content #exampleModalCenter_2.item-reg-picker .modal-body, #new_content #exampleModalCenter_2.rgp-reg-picker .modal-body, #new_content #exampleModalCenter_3.rgp-reg-picker .modal-body {
  margin: 0;
  padding: 4px 14px;
}

/* line 706, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .modal-body.custom-columns, #new_content #customise_columns_all_indents .modal-body.custom-columns, #new_content #exampleModalCenter_all_indents .modal-body.custom-columns, #new_content #exampleModalCenter_print_all_indents .modal-body.custom-columns, #new_content .picked-quotes-reg #exampleModalCenter_2 .modal-body.custom-columns, #new_content .picked-quotes-reg #customise_columns_picked_quotes .modal-body.custom-columns, #new_content .approval-reg #customise_columns_approval_register .modal-body.custom-columns, #new_content .pending-po-modal-reg #customise_columns .modal-body.custom-columns, #new_content .pending-po-modal-reg #exampleModalCenter_2 .modal-body.custom-columns, #new_content .pending-po-modal-reg #exampleModalCenter_3 .modal-body.custom-columns, #new_content #exampleModalCenter_2.indent-reg-export .modal-body.custom-columns, #new_content #exampleModalCenter_2.indent-mis-export .modal-body.custom-columns, #new_content #customise_columns.po-reg-picker .modal-body.custom-columns, #new_content #print_columns.po-reg-picker .modal-body.custom-columns, #new_content #exampleModalCenter_2.po-reg-picker .modal-body.custom-columns, #new_content #customise_columns.grn-reg-picker .modal-body.custom-columns, #new_content #exampleModalCenter_3.grn-reg-picker .modal-body.custom-columns, #new_content #exampleModalCenter_2.grn-reg-picker .modal-body.custom-columns, #new_content #customise_columns.issue-reg-picker .modal-body.custom-columns, #new_content #exampleModalCenter_3.issue-reg-picker .modal-body.custom-columns, #new_content #exampleModalCenter_2.issue-reg-picker .modal-body.custom-columns, #new_content #customise_columns.po-mis-picker .modal-body.custom-columns, #new_content #exampleModalCenter_2.po-mis-picker .modal-body.custom-columns, #new_content #customise_columns.item-reg-picker .modal-body.custom-columns, #new_content #exampleModalCenter_2.item-reg-picker .modal-body.custom-columns, #new_content #exampleModalCenter_2.rgp-reg-picker .modal-body.custom-columns, #new_content #exampleModalCenter_3.rgp-reg-picker .modal-body.custom-columns {
  padding: 4px 14px;
}

/* line 708, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .select-column, #new_content #customise_columns_all_indents .select-column, #new_content #exampleModalCenter_all_indents .select-column, #new_content #exampleModalCenter_print_all_indents .select-column, #new_content .picked-quotes-reg #exampleModalCenter_2 .select-column, #new_content .picked-quotes-reg #customise_columns_picked_quotes .select-column, #new_content .approval-reg #customise_columns_approval_register .select-column, #new_content .pending-po-modal-reg #customise_columns .select-column, #new_content .pending-po-modal-reg #exampleModalCenter_2 .select-column, #new_content .pending-po-modal-reg #exampleModalCenter_3 .select-column, #new_content #exampleModalCenter_2.indent-reg-export .select-column, #new_content #exampleModalCenter_2.indent-mis-export .select-column, #new_content #customise_columns.po-reg-picker .select-column, #new_content #print_columns.po-reg-picker .select-column, #new_content #exampleModalCenter_2.po-reg-picker .select-column, #new_content #customise_columns.grn-reg-picker .select-column, #new_content #exampleModalCenter_3.grn-reg-picker .select-column, #new_content #exampleModalCenter_2.grn-reg-picker .select-column, #new_content #customise_columns.issue-reg-picker .select-column, #new_content #exampleModalCenter_3.issue-reg-picker .select-column, #new_content #exampleModalCenter_2.issue-reg-picker .select-column, #new_content #customise_columns.po-mis-picker .select-column, #new_content #exampleModalCenter_2.po-mis-picker .select-column, #new_content #customise_columns.item-reg-picker .select-column, #new_content #exampleModalCenter_2.item-reg-picker .select-column, #new_content #exampleModalCenter_2.rgp-reg-picker .select-column, #new_content #exampleModalCenter_3.rgp-reg-picker .select-column {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 32px;
  padding: 0 2px;
  margin: 0;
  font-size: 13px;
  border-bottom: 1px solid var(--border);
}

/* line 718, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .select-column:last-child, #new_content #customise_columns_all_indents .select-column:last-child, #new_content #exampleModalCenter_all_indents .select-column:last-child, #new_content #exampleModalCenter_print_all_indents .select-column:last-child, #new_content .picked-quotes-reg #exampleModalCenter_2 .select-column:last-child, #new_content .picked-quotes-reg #customise_columns_picked_quotes .select-column:last-child, #new_content .approval-reg #customise_columns_approval_register .select-column:last-child, #new_content .pending-po-modal-reg #customise_columns .select-column:last-child, #new_content .pending-po-modal-reg #exampleModalCenter_2 .select-column:last-child, #new_content .pending-po-modal-reg #exampleModalCenter_3 .select-column:last-child, #new_content #exampleModalCenter_2.indent-reg-export .select-column:last-child, #new_content #exampleModalCenter_2.indent-mis-export .select-column:last-child, #new_content #customise_columns.po-reg-picker .select-column:last-child, #new_content #print_columns.po-reg-picker .select-column:last-child, #new_content #exampleModalCenter_2.po-reg-picker .select-column:last-child, #new_content #customise_columns.grn-reg-picker .select-column:last-child, #new_content #exampleModalCenter_3.grn-reg-picker .select-column:last-child, #new_content #exampleModalCenter_2.grn-reg-picker .select-column:last-child, #new_content #customise_columns.issue-reg-picker .select-column:last-child, #new_content #exampleModalCenter_3.issue-reg-picker .select-column:last-child, #new_content #exampleModalCenter_2.issue-reg-picker .select-column:last-child, #new_content #customise_columns.po-mis-picker .select-column:last-child, #new_content #exampleModalCenter_2.po-mis-picker .select-column:last-child, #new_content #customise_columns.item-reg-picker .select-column:last-child, #new_content #exampleModalCenter_2.item-reg-picker .select-column:last-child, #new_content #exampleModalCenter_2.rgp-reg-picker .select-column:last-child, #new_content #exampleModalCenter_3.rgp-reg-picker .select-column:last-child {
  border-bottom: 0;
}

/* line 720, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .select-column-checkbox, #new_content .reg-roles #customise_columns_pending_new_pilot .select-column-title, #new_content #customise_columns_all_indents .select-column-checkbox, #new_content #customise_columns_all_indents .select-column-title, #new_content #exampleModalCenter_all_indents .select-column-checkbox, #new_content #exampleModalCenter_all_indents .select-column-title, #new_content #exampleModalCenter_print_all_indents .select-column-checkbox, #new_content #exampleModalCenter_print_all_indents .select-column-title, #new_content .picked-quotes-reg #exampleModalCenter_2 .select-column-checkbox, #new_content .picked-quotes-reg #exampleModalCenter_2 .select-column-title, #new_content .picked-quotes-reg #customise_columns_picked_quotes .select-column-checkbox, #new_content .picked-quotes-reg #customise_columns_picked_quotes .select-column-title, #new_content .approval-reg #customise_columns_approval_register .select-column-checkbox, #new_content .approval-reg #customise_columns_approval_register .select-column-title, #new_content .pending-po-modal-reg #customise_columns .select-column-checkbox, #new_content .pending-po-modal-reg #customise_columns .select-column-title, #new_content .pending-po-modal-reg #exampleModalCenter_2 .select-column-checkbox, #new_content .pending-po-modal-reg #exampleModalCenter_2 .select-column-title, #new_content .pending-po-modal-reg #exampleModalCenter_3 .select-column-checkbox, #new_content .pending-po-modal-reg #exampleModalCenter_3 .select-column-title, #new_content #exampleModalCenter_2.indent-reg-export .select-column-checkbox, #new_content #exampleModalCenter_2.indent-reg-export .select-column-title, #new_content #exampleModalCenter_2.indent-mis-export .select-column-checkbox, #new_content #exampleModalCenter_2.indent-mis-export .select-column-title, #new_content #customise_columns.po-reg-picker .select-column-checkbox, #new_content #customise_columns.po-reg-picker .select-column-title, #new_content #print_columns.po-reg-picker .select-column-checkbox, #new_content #print_columns.po-reg-picker .select-column-title, #new_content #exampleModalCenter_2.po-reg-picker .select-column-checkbox, #new_content #exampleModalCenter_2.po-reg-picker .select-column-title, #new_content #customise_columns.grn-reg-picker .select-column-checkbox, #new_content #customise_columns.grn-reg-picker .select-column-title, #new_content #exampleModalCenter_3.grn-reg-picker .select-column-checkbox, #new_content #exampleModalCenter_3.grn-reg-picker .select-column-title, #new_content #exampleModalCenter_2.grn-reg-picker .select-column-checkbox, #new_content #exampleModalCenter_2.grn-reg-picker .select-column-title, #new_content #customise_columns.issue-reg-picker .select-column-checkbox, #new_content #customise_columns.issue-reg-picker .select-column-title, #new_content #exampleModalCenter_3.issue-reg-picker .select-column-checkbox, #new_content #exampleModalCenter_3.issue-reg-picker .select-column-title, #new_content #exampleModalCenter_2.issue-reg-picker .select-column-checkbox, #new_content #exampleModalCenter_2.issue-reg-picker .select-column-title, #new_content #customise_columns.po-mis-picker .select-column-checkbox, #new_content #customise_columns.po-mis-picker .select-column-title, #new_content #exampleModalCenter_2.po-mis-picker .select-column-checkbox, #new_content #exampleModalCenter_2.po-mis-picker .select-column-title, #new_content #customise_columns.item-reg-picker .select-column-checkbox, #new_content #customise_columns.item-reg-picker .select-column-title, #new_content #exampleModalCenter_2.item-reg-picker .select-column-checkbox, #new_content #exampleModalCenter_2.item-reg-picker .select-column-title, #new_content #exampleModalCenter_2.rgp-reg-picker .select-column-checkbox, #new_content #exampleModalCenter_2.rgp-reg-picker .select-column-title, #new_content #exampleModalCenter_3.rgp-reg-picker .select-column-checkbox, #new_content #exampleModalCenter_3.rgp-reg-picker .select-column-title {
  cursor: pointer;
}

/* line 723, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .select-column-checkbox, #new_content #customise_columns_all_indents .select-column-checkbox, #new_content #exampleModalCenter_all_indents .select-column-checkbox, #new_content #exampleModalCenter_print_all_indents .select-column-checkbox, #new_content .picked-quotes-reg #exampleModalCenter_2 .select-column-checkbox, #new_content .picked-quotes-reg #customise_columns_picked_quotes .select-column-checkbox, #new_content .approval-reg #customise_columns_approval_register .select-column-checkbox, #new_content .pending-po-modal-reg #customise_columns .select-column-checkbox, #new_content .pending-po-modal-reg #exampleModalCenter_2 .select-column-checkbox, #new_content .pending-po-modal-reg #exampleModalCenter_3 .select-column-checkbox, #new_content #exampleModalCenter_2.indent-reg-export .select-column-checkbox, #new_content #exampleModalCenter_2.indent-mis-export .select-column-checkbox, #new_content #customise_columns.po-reg-picker .select-column-checkbox, #new_content #print_columns.po-reg-picker .select-column-checkbox, #new_content #exampleModalCenter_2.po-reg-picker .select-column-checkbox, #new_content #customise_columns.grn-reg-picker .select-column-checkbox, #new_content #exampleModalCenter_3.grn-reg-picker .select-column-checkbox, #new_content #exampleModalCenter_2.grn-reg-picker .select-column-checkbox, #new_content #customise_columns.issue-reg-picker .select-column-checkbox, #new_content #exampleModalCenter_3.issue-reg-picker .select-column-checkbox, #new_content #exampleModalCenter_2.issue-reg-picker .select-column-checkbox, #new_content #customise_columns.po-mis-picker .select-column-checkbox, #new_content #exampleModalCenter_2.po-mis-picker .select-column-checkbox, #new_content #customise_columns.item-reg-picker .select-column-checkbox, #new_content #exampleModalCenter_2.item-reg-picker .select-column-checkbox, #new_content #exampleModalCenter_2.rgp-reg-picker .select-column-checkbox, #new_content #exampleModalCenter_3.rgp-reg-picker .select-column-checkbox {
  padding-right: 0;
  font-size: 18px;
  line-height: 1;
  color: var(--text-subtle);
}

/* line 724, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .select-column-checkbox.checked, #new_content #customise_columns_all_indents .select-column-checkbox.checked, #new_content #exampleModalCenter_all_indents .select-column-checkbox.checked, #new_content #exampleModalCenter_print_all_indents .select-column-checkbox.checked, #new_content .picked-quotes-reg #exampleModalCenter_2 .select-column-checkbox.checked, #new_content .picked-quotes-reg #customise_columns_picked_quotes .select-column-checkbox.checked, #new_content .approval-reg #customise_columns_approval_register .select-column-checkbox.checked, #new_content .pending-po-modal-reg #customise_columns .select-column-checkbox.checked, #new_content .pending-po-modal-reg #exampleModalCenter_2 .select-column-checkbox.checked, #new_content .pending-po-modal-reg #exampleModalCenter_3 .select-column-checkbox.checked, #new_content #exampleModalCenter_2.indent-reg-export .select-column-checkbox.checked, #new_content #exampleModalCenter_2.indent-mis-export .select-column-checkbox.checked, #new_content #customise_columns.po-reg-picker .select-column-checkbox.checked, #new_content #print_columns.po-reg-picker .select-column-checkbox.checked, #new_content #exampleModalCenter_2.po-reg-picker .select-column-checkbox.checked, #new_content #customise_columns.grn-reg-picker .select-column-checkbox.checked, #new_content #exampleModalCenter_3.grn-reg-picker .select-column-checkbox.checked, #new_content #exampleModalCenter_2.grn-reg-picker .select-column-checkbox.checked, #new_content #customise_columns.issue-reg-picker .select-column-checkbox.checked, #new_content #exampleModalCenter_3.issue-reg-picker .select-column-checkbox.checked, #new_content #exampleModalCenter_2.issue-reg-picker .select-column-checkbox.checked, #new_content #customise_columns.po-mis-picker .select-column-checkbox.checked, #new_content #exampleModalCenter_2.po-mis-picker .select-column-checkbox.checked, #new_content #customise_columns.item-reg-picker .select-column-checkbox.checked, #new_content #exampleModalCenter_2.item-reg-picker .select-column-checkbox.checked, #new_content #exampleModalCenter_2.rgp-reg-picker .select-column-checkbox.checked, #new_content #exampleModalCenter_3.rgp-reg-picker .select-column-checkbox.checked {
  color: var(--accent-ink);
}

/* line 725, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .select-column-title, #new_content #customise_columns_all_indents .select-column-title, #new_content #exampleModalCenter_all_indents .select-column-title, #new_content #exampleModalCenter_print_all_indents .select-column-title, #new_content .picked-quotes-reg #exampleModalCenter_2 .select-column-title, #new_content .picked-quotes-reg #customise_columns_picked_quotes .select-column-title, #new_content .approval-reg #customise_columns_approval_register .select-column-title, #new_content .pending-po-modal-reg #customise_columns .select-column-title, #new_content .pending-po-modal-reg #exampleModalCenter_2 .select-column-title, #new_content .pending-po-modal-reg #exampleModalCenter_3 .select-column-title, #new_content #exampleModalCenter_2.indent-reg-export .select-column-title, #new_content #exampleModalCenter_2.indent-mis-export .select-column-title, #new_content #customise_columns.po-reg-picker .select-column-title, #new_content #print_columns.po-reg-picker .select-column-title, #new_content #exampleModalCenter_2.po-reg-picker .select-column-title, #new_content #customise_columns.grn-reg-picker .select-column-title, #new_content #exampleModalCenter_3.grn-reg-picker .select-column-title, #new_content #exampleModalCenter_2.grn-reg-picker .select-column-title, #new_content #customise_columns.issue-reg-picker .select-column-title, #new_content #exampleModalCenter_3.issue-reg-picker .select-column-title, #new_content #exampleModalCenter_2.issue-reg-picker .select-column-title, #new_content #customise_columns.po-mis-picker .select-column-title, #new_content #exampleModalCenter_2.po-mis-picker .select-column-title, #new_content #customise_columns.item-reg-picker .select-column-title, #new_content #exampleModalCenter_2.item-reg-picker .select-column-title, #new_content #exampleModalCenter_2.rgp-reg-picker .select-column-title, #new_content #exampleModalCenter_3.rgp-reg-picker .select-column-title {
  font-size: 13px;
  line-height: 17.55px;
  color: var(--text);
}

/* line 727, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .disabled-select-column-checkbox, #new_content #customise_columns_all_indents .disabled-select-column-checkbox, #new_content #exampleModalCenter_all_indents .disabled-select-column-checkbox, #new_content #exampleModalCenter_print_all_indents .disabled-select-column-checkbox, #new_content .picked-quotes-reg #exampleModalCenter_2 .disabled-select-column-checkbox, #new_content .picked-quotes-reg #customise_columns_picked_quotes .disabled-select-column-checkbox, #new_content .approval-reg #customise_columns_approval_register .disabled-select-column-checkbox, #new_content .pending-po-modal-reg #customise_columns .disabled-select-column-checkbox, #new_content .pending-po-modal-reg #exampleModalCenter_2 .disabled-select-column-checkbox, #new_content .pending-po-modal-reg #exampleModalCenter_3 .disabled-select-column-checkbox, #new_content #exampleModalCenter_2.indent-reg-export .disabled-select-column-checkbox, #new_content #exampleModalCenter_2.indent-mis-export .disabled-select-column-checkbox, #new_content #customise_columns.po-reg-picker .disabled-select-column-checkbox, #new_content #print_columns.po-reg-picker .disabled-select-column-checkbox, #new_content #exampleModalCenter_2.po-reg-picker .disabled-select-column-checkbox, #new_content #customise_columns.grn-reg-picker .disabled-select-column-checkbox, #new_content #exampleModalCenter_3.grn-reg-picker .disabled-select-column-checkbox, #new_content #exampleModalCenter_2.grn-reg-picker .disabled-select-column-checkbox, #new_content #customise_columns.issue-reg-picker .disabled-select-column-checkbox, #new_content #exampleModalCenter_3.issue-reg-picker .disabled-select-column-checkbox, #new_content #exampleModalCenter_2.issue-reg-picker .disabled-select-column-checkbox, #new_content #customise_columns.po-mis-picker .disabled-select-column-checkbox, #new_content #exampleModalCenter_2.po-mis-picker .disabled-select-column-checkbox, #new_content #customise_columns.item-reg-picker .disabled-select-column-checkbox, #new_content #exampleModalCenter_2.item-reg-picker .disabled-select-column-checkbox, #new_content #exampleModalCenter_2.rgp-reg-picker .disabled-select-column-checkbox, #new_content #exampleModalCenter_3.rgp-reg-picker .disabled-select-column-checkbox {
  font-size: 18px;
  line-height: 1;
  color: var(--text-subtle);
  cursor: default;
  padding: 0px;
}

/* line 728, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .disabled-select-column-title, #new_content #customise_columns_all_indents .disabled-select-column-title, #new_content #exampleModalCenter_all_indents .disabled-select-column-title, #new_content #exampleModalCenter_print_all_indents .disabled-select-column-title, #new_content .picked-quotes-reg #exampleModalCenter_2 .disabled-select-column-title, #new_content .picked-quotes-reg #customise_columns_picked_quotes .disabled-select-column-title, #new_content .approval-reg #customise_columns_approval_register .disabled-select-column-title, #new_content .pending-po-modal-reg #customise_columns .disabled-select-column-title, #new_content .pending-po-modal-reg #exampleModalCenter_2 .disabled-select-column-title, #new_content .pending-po-modal-reg #exampleModalCenter_3 .disabled-select-column-title, #new_content #exampleModalCenter_2.indent-reg-export .disabled-select-column-title, #new_content #exampleModalCenter_2.indent-mis-export .disabled-select-column-title, #new_content #customise_columns.po-reg-picker .disabled-select-column-title, #new_content #print_columns.po-reg-picker .disabled-select-column-title, #new_content #exampleModalCenter_2.po-reg-picker .disabled-select-column-title, #new_content #customise_columns.grn-reg-picker .disabled-select-column-title, #new_content #exampleModalCenter_3.grn-reg-picker .disabled-select-column-title, #new_content #exampleModalCenter_2.grn-reg-picker .disabled-select-column-title, #new_content #customise_columns.issue-reg-picker .disabled-select-column-title, #new_content #exampleModalCenter_3.issue-reg-picker .disabled-select-column-title, #new_content #exampleModalCenter_2.issue-reg-picker .disabled-select-column-title, #new_content #customise_columns.po-mis-picker .disabled-select-column-title, #new_content #exampleModalCenter_2.po-mis-picker .disabled-select-column-title, #new_content #customise_columns.item-reg-picker .disabled-select-column-title, #new_content #exampleModalCenter_2.item-reg-picker .disabled-select-column-title, #new_content #exampleModalCenter_2.rgp-reg-picker .disabled-select-column-title, #new_content #exampleModalCenter_3.rgp-reg-picker .disabled-select-column-title {
  font-size: 13px;
  line-height: 17.55px;
  color: var(--text-muted);
  cursor: default;
}

/* line 729, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .reg-roles #customise_columns_pending_new_pilot .reg-hint, #new_content #customise_columns_all_indents .reg-hint, #new_content #exampleModalCenter_all_indents .reg-hint, #new_content #exampleModalCenter_print_all_indents .reg-hint, #new_content .picked-quotes-reg #exampleModalCenter_2 .reg-hint, #new_content .picked-quotes-reg #customise_columns_picked_quotes .reg-hint, #new_content .approval-reg #customise_columns_approval_register .reg-hint, #new_content .pending-po-modal-reg #customise_columns .reg-hint, #new_content .pending-po-modal-reg #exampleModalCenter_2 .reg-hint, #new_content .pending-po-modal-reg #exampleModalCenter_3 .reg-hint, #new_content #exampleModalCenter_2.indent-reg-export .reg-hint, #new_content #exampleModalCenter_2.indent-mis-export .reg-hint, #new_content #customise_columns.po-reg-picker .reg-hint, #new_content #print_columns.po-reg-picker .reg-hint, #new_content #exampleModalCenter_2.po-reg-picker .reg-hint, #new_content #customise_columns.grn-reg-picker .reg-hint, #new_content #exampleModalCenter_3.grn-reg-picker .reg-hint, #new_content #exampleModalCenter_2.grn-reg-picker .reg-hint, #new_content #customise_columns.issue-reg-picker .reg-hint, #new_content #exampleModalCenter_3.issue-reg-picker .reg-hint, #new_content #exampleModalCenter_2.issue-reg-picker .reg-hint, #new_content #customise_columns.po-mis-picker .reg-hint, #new_content #exampleModalCenter_2.po-mis-picker .reg-hint, #new_content #customise_columns.item-reg-picker .reg-hint, #new_content #exampleModalCenter_2.item-reg-picker .reg-hint, #new_content #exampleModalCenter_2.rgp-reg-picker .reg-hint, #new_content #exampleModalCenter_3.rgp-reg-picker .reg-hint {
  margin-left: auto;
  font-size: 11px;
  color: var(--text-subtle);
  white-space: nowrap;
}

/* line 738, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #customise_columns.po-reg-picker .modal-dialog, #new_content #print_columns.po-reg-picker .modal-dialog, #new_content #exampleModalCenter_2.po-reg-picker .modal-dialog, #new_content #customise_columns.grn-reg-picker .modal-dialog, #new_content #exampleModalCenter_3.grn-reg-picker .modal-dialog, #new_content #exampleModalCenter_2.grn-reg-picker .modal-dialog {
  width: 560px;
  max-width: 92vw;
}

/* line 739, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #customise_columns.po-reg-picker .modal-body, #new_content #customise_columns.po-reg-picker .modal-body.custom-columns, #new_content #print_columns.po-reg-picker .modal-body, #new_content #print_columns.po-reg-picker .modal-body.custom-columns, #new_content #exampleModalCenter_2.po-reg-picker .modal-body, #new_content #exampleModalCenter_2.po-reg-picker .modal-body.custom-columns, #new_content #customise_columns.grn-reg-picker .modal-body, #new_content #customise_columns.grn-reg-picker .modal-body.custom-columns, #new_content #exampleModalCenter_3.grn-reg-picker .modal-body, #new_content #exampleModalCenter_3.grn-reg-picker .modal-body.custom-columns, #new_content #exampleModalCenter_2.grn-reg-picker .modal-body, #new_content #exampleModalCenter_2.grn-reg-picker .modal-body.custom-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 16px;
  max-height: 70vh;
  overflow-y: auto;
}

/* line 746, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #customise_columns.po-reg-picker .select-column:nth-last-child(-n+2), #new_content #print_columns.po-reg-picker .select-column:nth-last-child(-n+2), #new_content #exampleModalCenter_2.po-reg-picker .select-column:nth-last-child(-n+2), #new_content #customise_columns.grn-reg-picker .select-column:nth-last-child(-n+2), #new_content #exampleModalCenter_3.grn-reg-picker .select-column:nth-last-child(-n+2), #new_content #exampleModalCenter_2.grn-reg-picker .select-column:nth-last-child(-n+2) {
  border-bottom: 0;
}

/* line 758, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #short_close_pending_po .modal-dialog,
#new_content #short_close_pending_po.close-wo-modal .modal-dialog {
  width: 560px;
}

/* line 759, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #short_close_pending_po #short_close_remarks,
#new_content #short_close_pending_po.close-wo-modal #short_close_remarks {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-height: calc(3 * 17.55px + 16px);
  margin-top: 8px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 17.55px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  resize: vertical;
}

/* line 778, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #short_close_pending_po .modal-body + .modal-body,
#new_content #short_close_pending_po.close-wo-modal .modal-body + .modal-body {
  padding-top: 0;
}

/* line 781, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #short_close_pending_po .modal-delete-btn,
#new_content #short_close_pending_po.close-wo-modal .modal-delete-btn {
  border-color: var(--act);
  background: var(--act);
  color: #fff;
}

/* line 792, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #resend_grn_for_approval.reg-overlay .modal-dialog {
  width: 560px;
}

/* line 793, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #resend_grn_for_approval.reg-overlay #resend_grn_remarks {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-height: calc(3 * 17.55px + 16px);
  margin-top: 8px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 17.55px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  resize: vertical;
}

/* line 814, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #grn_cancel_modal.reg-overlay .modal-dialog {
  width: 560px;
}

/* line 815, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #grn_cancel_modal.reg-overlay .reg-cancel-warning {
  margin: 0 0 8px;
  font-weight: 600;
  color: var(--text);
}

/* line 816, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #grn_cancel_modal.reg-overlay #grn_cancel_remarks {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  min-height: calc(3 * 17.55px + 16px);
  padding: 8px 10px;
  font-size: 13px;
  line-height: 17.55px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  box-shadow: none;
  resize: vertical;
}

/* line 832, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #grn_cancel_modal.reg-overlay #grn_cancel_remarks:focus {
  border-color: var(--accent-ink);
  outline: 0;
}

/* line 833, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #grn_cancel_modal.reg-overlay .modal-delete-btn {
  border-color: var(--act);
  background: var(--act);
  color: #fff;
}

/* line 844, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #delivery_reminder .modal-dialog {
  width: 560px;
}

/* line 845, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #delivery_reminder #delivery_reminder_note {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-height: calc(3 * 17.55px + 16px);
  padding: 8px 10px;
  font-size: 13px;
  line-height: 17.55px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  resize: vertical;
}

/* line 866, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #mailPoConfirm.reg-overlay .modal-dialog {
  width: 460px;
}

/* line 875, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #mailPoModal.reg-overlay .modal-dialog {
  width: 560px;
}

/* line 876, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #mailPoModal.reg-overlay .mail-po-hint {
  margin: 0 0 8px;
  font-size: 12px;
  line-height: 16px;
  color: var(--text-muted);
}

/* line 878, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #mailPoModal.reg-overlay #attachment-list .form-check {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 32px;
  margin: 0;
  padding: 0 2px;
  border-bottom: 1px solid var(--border);
}

/* line 887, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #mailPoModal.reg-overlay #attachment-list .form-check:last-child {
  border-bottom: 0;
}

/* line 888, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #mailPoModal.reg-overlay #attachment-list .form-check-input {
  position: static;
  flex: none;
  margin: 0;
  cursor: pointer;
}

/* line 889, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #mailPoModal.reg-overlay #attachment-list .form-check-label {
  min-width: 0;
  font-size: 13px;
  line-height: 17.55px;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

/* line 916, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .modal-dialog,
#new_content #advance_payment.reg-overlay .modal-dialog {
  width: 811px;
  max-width: 92vw;
}

/* line 921, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .modal-body > .row,
#new_content #advance_payment.reg-overlay .modal-body > .row {
  margin: 0 0 12px;
}

/* line 922, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .modal-body > .row > [class*="col-"],
#new_content #advance_payment.reg-overlay .modal-body > .row > [class*="col-"] {
  padding: 0 16px 0 0;
  flex: 0 0 auto;
  max-width: none;
  width: auto;
}

/* line 923, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .modal-body .form-group,
#new_content #advance_payment.reg-overlay .modal-body .form-group {
  margin: 0;
}

/* line 924, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .modal-body .control-label,
#new_content #advance_payment.reg-overlay .modal-body .control-label {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--text-muted);
}

/* line 930, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .modal-body .control-label + br,
#new_content #advance_payment.reg-overlay .modal-body .control-label + br {
  display: none;
}

/* line 931, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .modal-body .form-group strong,
#new_content #advance_payment.reg-overlay .modal-body .form-group strong {
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 17.55px;
  color: var(--text);
}

/* line 933, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .table-responsive,
#new_content #advance_payment.reg-overlay .table-responsive {
  overflow-x: visible;
}

/* line 934, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .payment-detail-section,
#new_content #advance_payment.reg-overlay .payment-detail-section {
  width: 100%;
  margin: 0 0 8px;
  border-collapse: collapse;
}

/* line 939, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .payment-detail-section th,
#new_content #advance_payment.reg-overlay .payment-detail-section th {
  height: 32px;
  padding: 0 8px !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: left;
  vertical-align: middle;
  color: var(--text);
  background: var(--waiting-wash);
  border: 0;
  border-bottom: 1px solid var(--border-strong);
}

/* line 953, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .payment-detail-section td,
#new_content #advance_payment.reg-overlay .payment-detail-section td {
  padding: 6px 8px !important;
  font-size: 13px;
  line-height: 17.55px;
  color: var(--text);
  vertical-align: middle;
  border: 0;
  border-bottom: 1px solid var(--border);
}

/* line 962, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .payment-detail-section td .small,
#new_content #advance_payment.reg-overlay .payment-detail-section td .small {
  font-size: 11px;
  color: var(--text-subtle);
}

/* line 965, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .form-control,
#new_content #advance_payment.reg-overlay .form-control {
  width: 100%;
  height: 32px;
  box-sizing: border-box;
  padding: 0 8px;
  font-size: 13px;
  line-height: 17.55px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  box-shadow: none;
}

/* line 978, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment textarea.form-control,
#new_content #advance_payment.reg-overlay textarea.form-control {
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  resize: vertical;
}

/* line 979, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .form-control:focus,
#new_content #advance_payment.reg-overlay .form-control:focus {
  border-color: var(--accent-ink);
  box-shadow: none;
  outline: 0;
}

/* line 980, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .form-control[readonly], #new_content .pending-po-modal-reg #advance_payment .form-control:disabled,
#new_content #advance_payment.reg-overlay .form-control[readonly],
#new_content #advance_payment.reg-overlay .form-control:disabled {
  color: var(--text-muted);
  background: var(--surface-2);
}

/* line 985, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .attach_label,
#new_content #advance_payment.reg-overlay .attach_label {
  width: max-content;
  height: 28px;
  margin: 0;
  padding: 0 10px !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 26px;
  color: var(--text-muted);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 6px;
}

/* line 998, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .attach_label + br,
#new_content #advance_payment.reg-overlay .attach_label + br {
  display: none;
}

/* line 999, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .po-attachment-text,
#new_content #advance_payment.reg-overlay .po-attachment-text {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  color: var(--text-subtle);
}

/* line 1000, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .po-attachments > div,
#new_content #advance_payment.reg-overlay .po-attachments > div {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* line 1001, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .remove-adv-payment-attachment,
#new_content #advance_payment.reg-overlay .remove-adv-payment-attachment {
  font-size: 18px;
  color: var(--text-muted);
  cursor: pointer;
}

/* line 1002, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .delete-payment-item,
#new_content #advance_payment.reg-overlay .delete-payment-item {
  display: inline-flex;
  color: var(--text-muted);
  text-decoration: none;
}

/* line 1003, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .delete-payment-item .material-icons,
#new_content #advance_payment.reg-overlay .delete-payment-item .material-icons {
  font-size: 18px;
}

/* line 1005, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .add-payment-row,
#new_content #advance_payment.reg-overlay .add-payment-row {
  font-size: 13px;
  color: var(--accent-ink);
}

/* line 1006, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .add-payment-row:hover,
#new_content #advance_payment.reg-overlay .add-payment-row:hover {
  color: var(--accent-ink);
  text-decoration: underline;
}

/* line 1007, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .note,
#new_content #advance_payment.reg-overlay .note {
  margin-top: 12px;
  padding: 8px 10px !important;
  font-size: 12px;
  color: var(--text-muted);
  background: var(--waiting-wash);
  border-radius: 6px;
}

/* line 1008, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pending-po-modal-reg #advance_payment .note ul,
#new_content #advance_payment.reg-overlay .note ul {
  margin: 4px 0 0;
  padding-left: 18px;
}

/* line 1017, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .modal-dialog,
#new_content #bill_tally_entry.reg-overlay .modal-dialog {
  width: 560px;
  max-width: 92vw;
}

/* line 1019, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .reg-form-row,
#new_content #bill_tally_entry.reg-overlay .reg-form-row {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin: 0 0 8px;
}

/* line 1026, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .reg-form-row.hide,
#new_content #bill_tally_entry.reg-overlay .reg-form-row.hide {
  display: none;
}

/* line 1027, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .reg-form-row > label,
#new_content #bill_tally_entry.reg-overlay .reg-form-row > label {
  margin: 0;
  font-size: 13px;
  line-height: 17.55px;
  color: var(--text-muted);
}

/* line 1029, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .form-control,
#new_content #bill_tally_entry.reg-overlay .form-control {
  width: 100%;
  height: 32px;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 13px;
  line-height: 17.55px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  box-shadow: none;
}

/* line 1042, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay textarea.form-control,
#new_content #bill_tally_entry.reg-overlay textarea.form-control {
  height: auto;
  min-height: 32px;
  padding: 6px 10px;
  resize: vertical;
}

/* line 1043, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .form-control:focus,
#new_content #bill_tally_entry.reg-overlay .form-control:focus {
  border-color: var(--accent-ink);
  box-shadow: none;
  outline: 0;
}

/* line 1044, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .form-control::placeholder,
#new_content #bill_tally_entry.reg-overlay .form-control::placeholder {
  color: var(--text-subtle);
}

/* line 1046, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .reg-mt,
#new_content #bill_tally_entry.reg-overlay .reg-mt {
  margin: 12px 0 8px;
}

/* line 1047, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .reg-mt .reg-mt-act,
#new_content #bill_tally_entry.reg-overlay .reg-mt .reg-mt-act {
  width: 44px;
  text-align: center;
}

/* line 1048, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .reg-mt th.reg-mt-act,
#new_content #bill_tally_entry.reg-overlay .reg-mt th.reg-mt-act {
  width: 88px;
}

/* line 1049, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .reg-mt td.reg-mt-file,
#new_content #bill_tally_entry.reg-overlay .reg-mt td.reg-mt-file {
  overflow: hidden;
}

/* line 1050, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .reg-mt td input[type="file"],
#new_content #bill_tally_entry.reg-overlay .reg-mt td input[type="file"] {
  width: 100%;
  height: auto;
  padding: 0;
  font-size: 12px;
  color: var(--text-muted);
  background: transparent;
  border: 0;
  border-radius: 0;
}

/* line 1060, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .reg-mt td.reg-mt-act a,
#new_content #bill_tally_entry.reg-overlay .reg-mt td.reg-mt-act a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  text-decoration: none;
}

/* line 1061, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .reg-mt td.reg-mt-act a:hover,
#new_content #bill_tally_entry.reg-overlay .reg-mt td.reg-mt-act a:hover {
  color: var(--text);
}

/* line 1062, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .reg-mt td.reg-mt-act .fa-eye,
#new_content #bill_tally_entry.reg-overlay .reg-mt td.reg-mt-act .fa-eye {
  font-size: 14px;
}

/* line 1063, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .reg-mt td.reg-mt-act .material-icons,
#new_content #bill_tally_entry.reg-overlay .reg-mt td.reg-mt-act .material-icons {
  font-size: 18px;
}

/* line 1064, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .add-invoice-attachment,
#new_content #bill_tally_entry.reg-overlay .add-invoice-attachment {
  padding-left: 0;
  font-size: 13px;
  color: var(--accent-ink);
}

/* line 1065, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #billForm.reg-overlay .add-invoice-attachment:hover,
#new_content #bill_tally_entry.reg-overlay .add-invoice-attachment:hover {
  color: var(--accent-ink);
  text-decoration: underline;
}

/* line 1072, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .report-logic-modal.reg-overlay .modal-dialog {
  width: 560px;
  max-width: 92vw;
}

/* line 1073, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .report-logic-modal.reg-overlay .modal-body {
  line-height: 20px;
}

/* line 1074, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .report-logic-modal.reg-overlay .reg-formula {
  margin: 0 0 8px;
  color: var(--text);
}

/* line 1075, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .report-logic-modal.reg-overlay .reg-formula:last-child {
  margin-bottom: 0;
}

/* line 1076, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .report-logic-modal.reg-overlay .reg-formula-notes {
  margin-top: 12px;
  padding: 8px 10px;
  border-radius: 6px;
  background: var(--waiting-wash);
  color: var(--text-muted);
}

/* line 1083, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .report-logic-modal.reg-overlay .reg-formula-notes p {
  margin: 0 0 4px;
}

/* line 1084, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .report-logic-modal.reg-overlay .reg-formula-notes p:last-child {
  margin-bottom: 0;
}

/* line 1092, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #export_options.reg-overlay .modal-dialog {
  width: 360px;
}

/* line 1093, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #export_options.reg-overlay .reg-choices {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 1094, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #export_options.reg-overlay .reg-choice {
  display: block;
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-align: left;
  color: var(--accent-ink);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  cursor: pointer;
}

/* line 1111, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #export_options.reg-overlay .reg-choice:hover, #new_content #export_options.reg-overlay .reg-choice:focus {
  background: var(--accent-wash);
  border-color: var(--accent-ink);
  outline: 0;
}

/* line 1116, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #bill_tally_entry.reg-overlay .modal-dialog {
  width: 460px;
}

/* line 1121, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarification_modal.reg-overlay .modal-dialog {
  width: 520px;
}

/* line 1125, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarification_modal.reg-overlay .modal-header {
  padding: 8px 14px;
  border-bottom: 1px solid var(--border);
}

/* line 1126, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarification_modal.reg-overlay .clarify-query {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-height: 72px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 17.55px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  resize: vertical;
}

/* line 1145, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarification_modal.reg-overlay .reg-sub .item-name {
  display: inline;
  color: var(--text);
  font-weight: 500;
}

@media (max-width: 768px) {
  /* line 1153, app/assets/stylesheets/new_styles/register_overlays.scss */
  #clarification_modal.reg-overlay .modal-title {
    font-size: 14px !important;
  }
}

/* line 1163, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay {
  min-width: 672px;
  padding: 10px;
  font-size: 12px;
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 8px 32px rgba(20, 24, 29, 0.18);
}

/* line 1175, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay:before, .daterangepicker.reg-overlay:after {
  display: none;
}

/* line 1177, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay .ranges {
  float: left;
  margin: 0 10px 0 0;
  padding-right: 10px;
  border-right: 1px solid var(--border);
}

/* line 1182, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay .ranges ul {
  width: 128px;
}

/* line 1183, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay .ranges li {
  height: 26px;
  margin-bottom: 2px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 26px;
  color: var(--text);
  background: transparent;
  border: 0;
  border-radius: 5px;
}

/* line 1194, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay .ranges li:hover {
  background: var(--accent-wash);
  color: var(--text);
  border: 0;
}

/* line 1195, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay .ranges li.active {
  background: var(--accent-ink);
  color: #fff;
  font-weight: 600;
  border: 0;
}

/* line 1198, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay .calendar {
  float: left;
  max-width: none;
  margin: 0 0 0 8px;
}

/* line 1202, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay .calendar.left {
  margin-left: 0;
}

/* line 1204, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay .calendar-table {
  padding: 0;
  border: 0;
}

/* line 1205, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay .daterangepicker_input {
  margin-bottom: 6px;
}

/* line 1206, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay .daterangepicker_input input.input-mini {
  height: 26px;
  padding: 0 8px 0 26px;
  font-size: 12px;
  line-height: 26px;
  border: 1px solid var(--border-strong);
  border-radius: 5px;
}

/* line 1214, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay .daterangepicker_input i {
  top: 5px;
  left: 8px;
  font-size: 13px;
}

/* line 1216, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay th, .daterangepicker.reg-overlay td {
  width: 26px;
  min-width: 26px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  border-radius: 4px;
  border: 0;
}

/* line 1225, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay th {
  font-weight: 600;
  color: var(--text-subtle);
}

/* line 1226, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay th.month {
  font-size: 12px;
  font-weight: 600;
  color: var(--text);
}

/* line 1227, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay .monthselect, .daterangepicker.reg-overlay .yearselect {
  height: 22px;
  padding: 0 4px;
  font-size: 11px;
  color: var(--text-muted);
  border: 1px solid var(--border);
  border-radius: 4px;
}

/* line 1235, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay td.off, .daterangepicker.reg-overlay td.off.in-range, .daterangepicker.reg-overlay td.off.start-date, .daterangepicker.reg-overlay td.off.end-date {
  color: var(--text-subtle);
  background: transparent;
}

/* line 1236, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay td.available:hover, .daterangepicker.reg-overlay th.available:hover {
  background: var(--accent-wash);
}

/* line 1237, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay td.in-range {
  background: var(--accent-wash);
  color: var(--text);
}

/* line 1238, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay td.active, .daterangepicker.reg-overlay td.active:hover {
  background: var(--accent-ink);
  color: #fff;
  font-weight: 600;
}

/* line 1241, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay .applyBtn, .daterangepicker.reg-overlay .cancelBtn {
  height: 28px;
  margin: 0 0 0 8px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: .04em;
  text-transform: uppercase;
  border-radius: 6px;
}

/* line 1252, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay .applyBtn {
  background: var(--accent-ink);
  border: 1px solid var(--accent-ink);
  color: #fff;
}

/* line 1253, app/assets/stylesheets/new_styles/register_overlays.scss */
.daterangepicker.reg-overlay .cancelBtn {
  background: var(--surface);
  border: 1px solid var(--border);
  color: var(--text-muted);
}

/* line 1259, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .qc-pilot #itemdescriptionrfqmodal .modal-dialog {
  width: 760px;
  max-width: 92vw;
}

/* line 1260, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .qc-pilot #qcp_indent_note_modal .modal-dialog {
  width: 560px;
}

/* line 1269, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .qc-pilot .modal[id^="indent_description_modal_"] .modal-dialog {
  width: 560px;
  max-width: 92vw;
}

/* line 1274, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .qc-pilot #qcp_indent_note_modal.modal {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  padding: 0;
}

/* line 1280, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .qc-pilot .landed-cost .exampleModalRight_new .modal-dialog,
#new_content .qc-pilot .landed-cost #exampleModalRight_old .modal-dialog {
  width: 760px;
  min-width: 0;
  max-width: 92vw;
  margin: 60px auto;
}

/* line 1288, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pilot-workspace-reg #short_close_indent .modal-dialog {
  width: 560px;
}

/* line 1289, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pilot-workspace-reg #short_close_indent .modal-body {
  color: var(--text-muted);
}

/* line 1290, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pilot-workspace-reg #short_close_indent .modal-body br {
  display: none;
}

/* line 1291, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pilot-workspace-reg #short_close_indent #short_close_remarks {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-height: calc(3 * 17.55px + 16px);
  margin-top: 8px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 17.55px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  resize: vertical;
}

/* line 1308, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pilot-workspace-reg #short_close_indent .reg-counter {
  display: block;
  margin-top: 4px;
  text-align: right;
  font-size: 11px;
  line-height: 14px;
  color: var(--text-subtle);
  font-variant-numeric: tabular-nums;
}

/* line 1317, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pilot-workspace-reg #short_close_indent .reg-counter.over {
  color: var(--act);
  font-weight: 600;
}

/* line 1322, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .pilot-workspace-reg #short_close_indent .modal-delete-btn {
  border-color: var(--act);
  background: var(--act);
  color: #fff;
}

/* line 1346, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarifications_modal.reg-overlay .modal-dialog {
  width: 560px;
  max-width: 560px;
}

/* line 1347, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarifications_modal.reg-overlay .modal-body {
  padding: 0;
}

/* line 1356, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarifications_modal.reg-overlay .clarification-item-name {
  display: block;
  margin-top: 1px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1367, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarifications_modal.reg-overlay .clarification-chat-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 420px;
  overflow-y: auto;
  padding: 12px 14px;
  background: var(--surface-2);
}

/* line 1376, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarifications_modal.reg-overlay .clarification-row {
  width: auto;
  max-width: 78%;
  margin: 0;
  clear: none;
}

/* line 1377, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarifications_modal.reg-overlay .clarification-row.left {
  align-self: flex-start;
  text-align: left;
}

/* line 1378, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarifications_modal.reg-overlay .clarification-row.right {
  align-self: flex-end;
  text-align: right;
}

/* line 1379, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarifications_modal.reg-overlay .clarification-meta {
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 16px;
  color: var(--text-muted);
}

/* line 1380, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarifications_modal.reg-overlay .clarification-user {
  font-size: 12px;
  font-weight: 500;
  color: var(--text);
}

/* line 1381, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarifications_modal.reg-overlay .clarification-time {
  margin-left: 6px;
  font-size: 12px;
  color: var(--text-subtle);
}

/* line 1382, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarifications_modal.reg-overlay .clarification-bubble {
  display: inline-block;
  max-width: 100%;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 17.55px;
  border-radius: 8px;
  text-align: left;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border);
}

/* line 1396, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarifications_modal.reg-overlay .clarification-bubble.purchaser {
  background: var(--surface);
  border-color: var(--border);
  border-top-left-radius: 8px;
}

/* line 1397, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarifications_modal.reg-overlay .clarification-bubble.indenter {
  background: var(--accent-wash);
  border-color: transparent;
  color: var(--text);
  border-top-right-radius: 8px;
}

/* line 1398, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarifications_modal.reg-overlay .clarification-label {
  margin-bottom: 2px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  opacity: 1;
  color: var(--text-subtle);
}

/* line 1399, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #clarifications_modal.reg-overlay .clarification-text {
  white-space: pre-wrap;
}

/* line 1408, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .qcp-vd-contacts th, #new_content .modal.reg-overlay .qcp-vd-contacts td {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* line 1409, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .qcp-vd-contacts th:nth-child(1), #new_content .modal.reg-overlay .qcp-vd-contacts td:nth-child(1) {
  width: 28%;
}

/* line 1410, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .qcp-vd-contacts th:nth-child(2), #new_content .modal.reg-overlay .qcp-vd-contacts td:nth-child(2) {
  width: 18%;
}

/* line 1411, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .qcp-vd-contacts th:nth-child(3), #new_content .modal.reg-overlay .qcp-vd-contacts td:nth-child(3) {
  width: 34%;
}

/* line 1412, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .qcp-vd-contacts th:nth-child(4), #new_content .modal.reg-overlay .qcp-vd-contacts td:nth-child(4) {
  width: 20%;
}

/* line 1414, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .modal.reg-overlay .qcp-vd-keytag {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: var(--text-muted);
}

/* line 1431, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .modal-dialog, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .modal-dialog, #new_content .create-indent .indent-attachments-modal.reg-overlay .modal-dialog, #new_content .create-indent #sqty_formula_modal.reg-overlay .modal-dialog, #new_content .create-indent #lead_formula_modal.reg-overlay .modal-dialog {
  width: 560px;
  max-width: 92vw;
}

/* line 1432, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .modal-content, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .modal-content, #new_content .create-indent .indent-attachments-modal.reg-overlay .modal-content, #new_content .create-indent #sqty_formula_modal.reg-overlay .modal-content, #new_content .create-indent #lead_formula_modal.reg-overlay .modal-content {
  text-align: left;
}

/* line 1436, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .indent-note-modal,
#new_content .create-indent .indent-note-dialog.reg-overlay .description-text-box, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .indent-note-modal,
#new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .description-text-box, #new_content .create-indent .indent-attachments-modal.reg-overlay .indent-note-modal,
#new_content .create-indent .indent-attachments-modal.reg-overlay .description-text-box, #new_content .create-indent #sqty_formula_modal.reg-overlay .indent-note-modal,
#new_content .create-indent #sqty_formula_modal.reg-overlay .description-text-box, #new_content .create-indent #lead_formula_modal.reg-overlay .indent-note-modal,
#new_content .create-indent #lead_formula_modal.reg-overlay .description-text-box {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  min-height: calc(4 * 17.55px + 16px);
  margin: 0;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 17.55px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  box-shadow: none;
  resize: vertical;
}

/* line 1454, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .indent-note-modal:focus,
#new_content .create-indent .indent-note-dialog.reg-overlay .description-text-box:focus, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .indent-note-modal:focus,
#new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .description-text-box:focus, #new_content .create-indent .indent-attachments-modal.reg-overlay .indent-note-modal:focus,
#new_content .create-indent .indent-attachments-modal.reg-overlay .description-text-box:focus, #new_content .create-indent #sqty_formula_modal.reg-overlay .indent-note-modal:focus,
#new_content .create-indent #sqty_formula_modal.reg-overlay .description-text-box:focus, #new_content .create-indent #lead_formula_modal.reg-overlay .indent-note-modal:focus,
#new_content .create-indent #lead_formula_modal.reg-overlay .description-text-box:focus {
  border-color: var(--accent-ink);
  box-shadow: none;
  outline: 0;
}

/* line 1460, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .remarks-char-rem, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .remarks-char-rem, #new_content .create-indent .indent-attachments-modal.reg-overlay .remarks-char-rem, #new_content .create-indent #sqty_formula_modal.reg-overlay .remarks-char-rem, #new_content .create-indent #lead_formula_modal.reg-overlay .remarks-char-rem {
  margin: 4px 0 0;
  text-align: right;
  font-size: 11px;
  line-height: 14px;
  color: var(--text-subtle);
}

/* line 1467, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .remarks-char-rem:empty, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .remarks-char-rem:empty, #new_content .create-indent .indent-attachments-modal.reg-overlay .remarks-char-rem:empty, #new_content .create-indent #sqty_formula_modal.reg-overlay .remarks-char-rem:empty, #new_content .create-indent #lead_formula_modal.reg-overlay .remarks-char-rem:empty {
  display: none;
}

/* line 1471, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .reg-formula, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .reg-formula, #new_content .create-indent .indent-attachments-modal.reg-overlay .reg-formula, #new_content .create-indent #sqty_formula_modal.reg-overlay .reg-formula, #new_content .create-indent #lead_formula_modal.reg-overlay .reg-formula {
  margin: 0 0 8px;
  color: var(--text);
}

/* line 1472, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .reg-formula b, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .reg-formula b, #new_content .create-indent .indent-attachments-modal.reg-overlay .reg-formula b, #new_content .create-indent #sqty_formula_modal.reg-overlay .reg-formula b, #new_content .create-indent #lead_formula_modal.reg-overlay .reg-formula b {
  font-weight: 600;
}

/* line 1473, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .reg-formula-notes, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .reg-formula-notes, #new_content .create-indent .indent-attachments-modal.reg-overlay .reg-formula-notes, #new_content .create-indent #sqty_formula_modal.reg-overlay .reg-formula-notes, #new_content .create-indent #lead_formula_modal.reg-overlay .reg-formula-notes {
  margin-top: 12px;
  padding: 8px 10px;
  border-radius: 6px;
  background: var(--waiting-wash);
  color: var(--text-muted);
}

/* line 1480, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .reg-formula-notes h6, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .reg-formula-notes h6, #new_content .create-indent .indent-attachments-modal.reg-overlay .reg-formula-notes h6, #new_content .create-indent #sqty_formula_modal.reg-overlay .reg-formula-notes h6, #new_content .create-indent #lead_formula_modal.reg-overlay .reg-formula-notes h6 {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--text);
}

/* line 1488, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .reg-formula-notes p, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .reg-formula-notes p, #new_content .create-indent .indent-attachments-modal.reg-overlay .reg-formula-notes p, #new_content .create-indent #sqty_formula_modal.reg-overlay .reg-formula-notes p, #new_content .create-indent #lead_formula_modal.reg-overlay .reg-formula-notes p {
  margin: 0 0 4px;
}

/* line 1489, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .reg-formula-notes p:last-child, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .reg-formula-notes p:last-child, #new_content .create-indent .indent-attachments-modal.reg-overlay .reg-formula-notes p:last-child, #new_content .create-indent #sqty_formula_modal.reg-overlay .reg-formula-notes p:last-child, #new_content .create-indent #lead_formula_modal.reg-overlay .reg-formula-notes p:last-child {
  margin-bottom: 0;
}

/* line 1492, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .reg-mt, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .reg-mt, #new_content .create-indent .indent-attachments-modal.reg-overlay .reg-mt, #new_content .create-indent #sqty_formula_modal.reg-overlay .reg-mt, #new_content .create-indent #lead_formula_modal.reg-overlay .reg-mt {
  margin-bottom: 8px;
}

/* line 1493, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .reg-mt .reg-mt-act, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .reg-mt .reg-mt-act, #new_content .create-indent .indent-attachments-modal.reg-overlay .reg-mt .reg-mt-act, #new_content .create-indent #sqty_formula_modal.reg-overlay .reg-mt .reg-mt-act, #new_content .create-indent #lead_formula_modal.reg-overlay .reg-mt .reg-mt-act {
  width: 44px;
  text-align: center;
}

/* line 1494, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .reg-mt th.reg-mt-act, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .reg-mt th.reg-mt-act, #new_content .create-indent .indent-attachments-modal.reg-overlay .reg-mt th.reg-mt-act, #new_content .create-indent #sqty_formula_modal.reg-overlay .reg-mt th.reg-mt-act, #new_content .create-indent #lead_formula_modal.reg-overlay .reg-mt th.reg-mt-act {
  width: 88px;
}

/* line 1495, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .reg-mt td.reg-mt-file, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .reg-mt td.reg-mt-file, #new_content .create-indent .indent-attachments-modal.reg-overlay .reg-mt td.reg-mt-file, #new_content .create-indent #sqty_formula_modal.reg-overlay .reg-mt td.reg-mt-file, #new_content .create-indent #lead_formula_modal.reg-overlay .reg-mt td.reg-mt-file {
  overflow: hidden;
}

/* line 1496, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .reg-mt td input[type="file"], #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .reg-mt td input[type="file"], #new_content .create-indent .indent-attachments-modal.reg-overlay .reg-mt td input[type="file"], #new_content .create-indent #sqty_formula_modal.reg-overlay .reg-mt td input[type="file"], #new_content .create-indent #lead_formula_modal.reg-overlay .reg-mt td input[type="file"] {
  width: 100%;
  height: auto;
  padding: 0;
  font-size: 12px;
  color: var(--text-muted);
  background: transparent;
  border: 0;
  border-radius: 0;
}

/* line 1506, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .reg-mt td.reg-mt-act a, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .reg-mt td.reg-mt-act a, #new_content .create-indent .indent-attachments-modal.reg-overlay .reg-mt td.reg-mt-act a, #new_content .create-indent #sqty_formula_modal.reg-overlay .reg-mt td.reg-mt-act a, #new_content .create-indent #lead_formula_modal.reg-overlay .reg-mt td.reg-mt-act a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  text-decoration: none;
}

/* line 1507, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .reg-mt td.reg-mt-act a:hover, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .reg-mt td.reg-mt-act a:hover, #new_content .create-indent .indent-attachments-modal.reg-overlay .reg-mt td.reg-mt-act a:hover, #new_content .create-indent #sqty_formula_modal.reg-overlay .reg-mt td.reg-mt-act a:hover, #new_content .create-indent #lead_formula_modal.reg-overlay .reg-mt td.reg-mt-act a:hover {
  color: var(--text);
}

/* line 1508, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .reg-mt td.reg-mt-act .fa-eye, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .reg-mt td.reg-mt-act .fa-eye, #new_content .create-indent .indent-attachments-modal.reg-overlay .reg-mt td.reg-mt-act .fa-eye, #new_content .create-indent #sqty_formula_modal.reg-overlay .reg-mt td.reg-mt-act .fa-eye, #new_content .create-indent #lead_formula_modal.reg-overlay .reg-mt td.reg-mt-act .fa-eye {
  font-size: 14px;
}

/* line 1509, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .reg-mt td.reg-mt-act .material-icons, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .reg-mt td.reg-mt-act .material-icons, #new_content .create-indent .indent-attachments-modal.reg-overlay .reg-mt td.reg-mt-act .material-icons, #new_content .create-indent #sqty_formula_modal.reg-overlay .reg-mt td.reg-mt-act .material-icons, #new_content .create-indent #lead_formula_modal.reg-overlay .reg-mt td.reg-mt-act .material-icons {
  font-size: 18px;
}

/* line 1510, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .reg-mt td.reg-mt-act .delete-attachment:hover, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .reg-mt td.reg-mt-act .delete-attachment:hover, #new_content .create-indent .indent-attachments-modal.reg-overlay .reg-mt td.reg-mt-act .delete-attachment:hover, #new_content .create-indent #sqty_formula_modal.reg-overlay .reg-mt td.reg-mt-act .delete-attachment:hover, #new_content .create-indent #lead_formula_modal.reg-overlay .reg-mt td.reg-mt-act .delete-attachment:hover {
  color: var(--act);
}

/* line 1511, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .add-indent-attachment, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .add-indent-attachment, #new_content .create-indent .indent-attachments-modal.reg-overlay .add-indent-attachment, #new_content .create-indent #sqty_formula_modal.reg-overlay .add-indent-attachment, #new_content .create-indent #lead_formula_modal.reg-overlay .add-indent-attachment {
  font-size: 13px;
  color: var(--accent-ink);
}

/* line 1512, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .add-indent-attachment:hover, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .add-indent-attachment:hover, #new_content .create-indent .indent-attachments-modal.reg-overlay .add-indent-attachment:hover, #new_content .create-indent #sqty_formula_modal.reg-overlay .add-indent-attachment:hover, #new_content .create-indent #lead_formula_modal.reg-overlay .add-indent-attachment:hover {
  color: var(--accent-ink);
  text-decoration: underline;
}

/* line 1516, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .item-attachments-section, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .item-attachments-section, #new_content .create-indent .indent-attachments-modal.reg-overlay .item-attachments-section, #new_content .create-indent #sqty_formula_modal.reg-overlay .item-attachments-section, #new_content .create-indent #lead_formula_modal.reg-overlay .item-attachments-section {
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface-2);
}

/* line 1523, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .item-attachments-header, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .item-attachments-header, #new_content .create-indent .indent-attachments-modal.reg-overlay .item-attachments-header, #new_content .create-indent #sqty_formula_modal.reg-overlay .item-attachments-header, #new_content .create-indent #lead_formula_modal.reg-overlay .item-attachments-header {
  margin-bottom: 8px;
}

/* line 1524, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .item-attachments-header strong, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .item-attachments-header strong, #new_content .create-indent .indent-attachments-modal.reg-overlay .item-attachments-header strong, #new_content .create-indent #sqty_formula_modal.reg-overlay .item-attachments-header strong, #new_content .create-indent #lead_formula_modal.reg-overlay .item-attachments-header strong {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
}

/* line 1525, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .item-attachments-header small, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .item-attachments-header small, #new_content .create-indent .indent-attachments-modal.reg-overlay .item-attachments-header small, #new_content .create-indent #sqty_formula_modal.reg-overlay .item-attachments-header small, #new_content .create-indent #lead_formula_modal.reg-overlay .item-attachments-header small {
  display: block;
  font-size: 12px;
  color: var(--text-muted);
}

/* line 1526, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .item-attachments-list, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .item-attachments-list, #new_content .create-indent .indent-attachments-modal.reg-overlay .item-attachments-list, #new_content .create-indent #sqty_formula_modal.reg-overlay .item-attachments-list, #new_content .create-indent #lead_formula_modal.reg-overlay .item-attachments-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 1527, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .item-attachment-option, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .item-attachment-option, #new_content .create-indent .indent-attachments-modal.reg-overlay .item-attachment-option, #new_content .create-indent #sqty_formula_modal.reg-overlay .item-attachment-option, #new_content .create-indent #lead_formula_modal.reg-overlay .item-attachment-option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface);
}

/* line 1536, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .item-attachment-option:hover, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .item-attachment-option:hover, #new_content .create-indent .indent-attachments-modal.reg-overlay .item-attachment-option:hover, #new_content .create-indent #sqty_formula_modal.reg-overlay .item-attachment-option:hover, #new_content .create-indent #lead_formula_modal.reg-overlay .item-attachment-option:hover {
  border-color: var(--border-strong);
}

/* line 1537, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .item-attachment-option input.item-attachment-checkbox, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .item-attachment-option input.item-attachment-checkbox, #new_content .create-indent .indent-attachments-modal.reg-overlay .item-attachment-option input.item-attachment-checkbox, #new_content .create-indent #sqty_formula_modal.reg-overlay .item-attachment-option input.item-attachment-checkbox, #new_content .create-indent #lead_formula_modal.reg-overlay .item-attachment-option input.item-attachment-checkbox {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
}

/* line 1546, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .item-attachment-name, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .item-attachment-name, #new_content .create-indent .indent-attachments-modal.reg-overlay .item-attachment-name, #new_content .create-indent #sqty_formula_modal.reg-overlay .item-attachment-name, #new_content .create-indent #lead_formula_modal.reg-overlay .item-attachment-name {
  font-size: 13px;
  line-height: 17.55px;
  word-break: break-word;
}

/* line 1547, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .create-indent .indent-note-dialog.reg-overlay .item-attachment-name a, #new_content .create-indent .modal.reg-overlay[id^='indent_description_modal_'] .item-attachment-name a, #new_content .create-indent .indent-attachments-modal.reg-overlay .item-attachment-name a, #new_content .create-indent #sqty_formula_modal.reg-overlay .item-attachment-name a, #new_content .create-indent #lead_formula_modal.reg-overlay .item-attachment-name a {
  color: var(--accent-ink);
}

/* line 1558, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .compare-prev-indent-modal.reg-overlay .modal-dialog {
  max-width: 760px;
}

/* line 1559, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .compare-prev-indent-modal.reg-overlay .modal-header > span {
  margin-left: 8px;
  font-size: 12px;
  line-height: 16px;
  color: var(--text-muted);
}

/* line 1560, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .compare-prev-indent-modal.reg-overlay .modal-body {
  padding: 0;
}

/* line 1561, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .compare-prev-indent-modal.reg-overlay .modal-body hr {
  display: none;
}

/* line 1562, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .compare-prev-indent-modal.reg-overlay .table-responsive {
  max-height: 460px;
  overflow-y: auto;
}

/* line 1564, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .compare-prev-indent-modal.reg-overlay .prev-indents-table {
  width: 100%;
  border-collapse: collapse;
}

/* line 1568, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .compare-prev-indent-modal.reg-overlay .prev-indents-table th:first-child, #new_content .compare-prev-indent-modal.reg-overlay .prev-indents-table td:first-child, #new_content .compare-prev-indent-modal.reg-overlay .prev-indents-table th:last-child, #new_content .compare-prev-indent-modal.reg-overlay .prev-indents-table td:last-child {
  display: none;
}

/* line 1573, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .compare-prev-indent-modal.reg-overlay .prev-indents-table thead tr {
  height: 32px;
  background: transparent;
}

/* line 1574, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .compare-prev-indent-modal.reg-overlay .prev-indents-table tbody tr {
  height: 32px;
}

/* line 1576, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .compare-prev-indent-modal.reg-overlay .prev-indents-table th {
  position: sticky;
  top: 0;
  height: 32px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
  color: var(--text);
  background: var(--waiting-wash);
  border: 0;
  border-bottom: 1px solid var(--border-strong);
}

/* line 1592, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .compare-prev-indent-modal.reg-overlay .prev-indents-table td {
  height: 32px;
  padding: 6px 8px !important;
  font-size: 13px;
  line-height: 17.55px;
  color: var(--text);
  white-space: nowrap;
  vertical-align: middle;
  border-bottom: 1px solid var(--border);
}

/* line 1602, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .compare-prev-indent-modal.reg-overlay .prev-indents-table td:nth-child(2) {
  white-space: normal;
  min-width: 180px;
}

/* line 1603, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .compare-prev-indent-modal.reg-overlay .prev-indents-table td:nth-child(3) {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* line 1604, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .compare-prev-indent-modal.reg-overlay .prev-indents-table th:nth-child(3) {
  text-align: right;
}

/* line 1605, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .compare-prev-indent-modal.reg-overlay .prev-indents-table td a {
  color: var(--accent-ink);
}

/* line 1609, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .compare-prev-indent-modal.reg-overlay .poi-status {
  display: inline-block;
  margin: 0;
  padding: 1px 7px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: var(--text-muted);
  background: var(--waiting-wash);
  border: 1px solid var(--border);
  border-radius: 4px;
}

/* line 1631, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .indent_preview.reg-overlay .modal-dialog {
  width: 900px;
  max-width: 92vw;
}

/* line 1632, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .indent_preview.reg-overlay .modal-header {
  min-height: 52px;
}

/* line 1633, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .indent_preview.reg-overlay .modal-title {
  font-size: 16px;
  line-height: 20px;
}

/* line 1634, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .indent_preview.reg-overlay .modal-body {
  min-height: 360px;
  max-height: 70vh;
  overflow-y: auto;
  padding: 16px 18px;
  font-size: 14px;
  line-height: 20px;
}

/* line 1643, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .indent_preview.reg-overlay .reg-preview-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 16px;
  margin: 0 0 16px;
}

/* line 1649, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .indent_preview.reg-overlay .reg-preview-meta dt {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: var(--text-muted);
}

/* line 1656, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .indent_preview.reg-overlay .reg-preview-meta dd {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--text);
}

/* line 1658, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .indent_preview.reg-overlay .reg-preview-items {
  table-layout: auto;
  border: 1px solid var(--border);
}

/* line 1662, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .indent_preview.reg-overlay .reg-preview-items th {
  height: 36px;
  padding: 0 10px;
  font-size: 13px;
}

/* line 1663, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .indent_preview.reg-overlay .reg-preview-items td {
  height: 40px;
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  white-space: normal;
  overflow: visible;
  overflow-wrap: anywhere;
}

/* line 1672, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .indent_preview.reg-overlay .reg-preview-items th.reg-preview-sl, #new_content .indent_preview.reg-overlay .reg-preview-items td.reg-preview-sl {
  width: 48px;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}

/* line 1673, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .indent_preview.reg-overlay .reg-preview-items th.reg-preview-qty, #new_content .indent_preview.reg-overlay .reg-preview-items td.reg-preview-qty {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* line 1677, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .indent_preview.reg-overlay .modal-delete-btn:disabled {
  opacity: .7;
  cursor: default;
}

/* line 1691, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .po-reg-notes.reg-overlay .modal-dialog,
#new_content .grn-reg-notes.reg-overlay .modal-dialog {
  width: 560px;
  max-width: 92vw;
}

/* line 1692, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .po-reg-notes.reg-overlay .modal-title,
#new_content .grn-reg-notes.reg-overlay .modal-title {
  white-space: normal;
  overflow-wrap: anywhere;
}

/* line 1693, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content .po-reg-notes.reg-overlay .modal-body,
#new_content .grn-reg-notes.reg-overlay .modal-body {
  max-height: 60vh;
  overflow-y: auto;
  line-height: 20px;
  color: var(--text);
  overflow-wrap: anywhere;
}

/* line 1707, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #activate_item_modal.reg-overlay .modal-dialog,
#new_content #deactivate_item_modal.reg-overlay .modal-dialog,
#new_content #item_merge_restriction_modal.reg-overlay .modal-dialog {
  width: 460px;
  max-width: 92vw;
}

/* line 1708, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #activate_item_modal.reg-overlay .modal-body p,
#new_content #deactivate_item_modal.reg-overlay .modal-body p,
#new_content #item_merge_restriction_modal.reg-overlay .modal-body p {
  margin: 0 0 4px;
}

/* line 1709, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #activate_item_modal.reg-overlay .modal-body p:last-child,
#new_content #deactivate_item_modal.reg-overlay .modal-body p:last-child,
#new_content #item_merge_restriction_modal.reg-overlay .modal-body p:last-child {
  margin-bottom: 0;
}

/* line 1712, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #item_status_modal.reg-overlay .modal-dialog {
  width: 560px;
  max-width: 92vw;
}

/* line 1715, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #item_costcentres_modal.reg-overlay .modal-dialog {
  width: 560px;
  max-width: 92vw;
}

/* line 1716, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #item_costcentres_modal.reg-overlay .modal-body {
  max-height: 60vh;
  overflow-y: auto;
  padding: 4px 14px;
}

/* line 1717, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #item_costcentres_modal.reg-overlay .reg-list-row {
  height: 32px;
  line-height: 32px;
  font-size: 13px;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid var(--border);
}

/* line 1727, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #item_costcentres_modal.reg-overlay .reg-list-row:last-child {
  border-bottom: 0;
}

/* line 1728, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #item_costcentres_modal.reg-overlay .reg-list-empty {
  color: var(--text-subtle);
}

/* line 1732, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #item_merged_modal.reg-overlay .modal-dialog {
  width: 560px;
  max-width: 92vw;
}

/* line 1733, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #item_merged_modal.reg-overlay .modal-body {
  max-height: 60vh;
  overflow-y: auto;
}

/* line 1734, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #item_merged_modal.reg-overlay th.col-ctx, #new_content #item_merged_modal.reg-overlay td.col-ctx {
  width: 120px;
}

/* line 1735, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #item_merged_modal.reg-overlay .reg-mt + .reg-mt {
  margin-top: 12px;
}

/* line 1736, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #item_merged_modal.reg-overlay .reg-mt-group td {
  height: 28px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--text);
  background: var(--surface-2);
  border-bottom: 1px solid var(--border);
}

/* line 1745, app/assets/stylesheets/new_styles/register_overlays.scss */
#new_content #item_merged_modal.reg-overlay .reg-list-empty {
  margin: 0;
  padding: 12px 14px;
  color: var(--text-subtle);
}
/* line 23, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot {
  --qcp-row-h: 32px;
  --qcp-identity: 236px;
  --qcp-money:     96px;
  --qcp-qty:       80px;
  --qcp-brand:     96px;
  --qcp-remarks:  110px;
  --qcp-rate:      88px;
  --qcp-disc:      52px;
  --qcp-net:       96px;
  --qcp-rank:       0px;
  --qcp-fixed: calc(var(--qcp-identity) + var(--qcp-money) + var(--qcp-qty));
  --qcp-band-w: calc(var(--qcp-brand) + var(--qcp-remarks) + var(--qcp-rate) + (2 * var(--qcp-disc)) + var(--qcp-net) + var(--qcp-rank));
  --qcp-band-h: 48px;
  padding: 61px 16px 24px;
  color: var(--text);
}

/* line 122, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-band-purchaser {
  padding-bottom: 112px;
}

/* line 128, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0 8px;
  border-bottom: 1px solid var(--border-2);
}

/* line 136, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  min-width: 0;
}

/* line 137, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-docnum {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

/* line 142, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
}

/* line 145, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-link {
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid var(--accent-ink);
  border-radius: var(--radius);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--accent-ink);
  background: var(--surface);
}

/* line 145, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-link:hover {
  text-decoration: none;
  background: var(--accent-ink);
  color: #fff;
}

/* line 149, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-meta-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
  padding: 8px 0 10px;
}

/* line 150, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 28px;
  row-gap: 4px;
  min-width: 0;
  font-size: 13px;
}

/* line 151, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-field {
  white-space: nowrap;
}

/* line 152, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-field--note, #new_content .qc-pilot .qcp-pending {
  white-space: normal;
}

/* line 153, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-field-label {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-right: 4px;
}

/* line 154, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-field-value {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
}

/* line 155, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-field--note .qcp-field-value {
  font-weight: 400;
}

/* line 159, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-pending-list {
  color: var(--text);
  font-weight: 500;
}

/* line 160, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-pending-vendor {
  cursor: pointer;
  color: var(--accent-ink);
}

/* line 160, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-pending-vendor:hover {
  text-decoration: underline;
}

/* line 160, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-pending-vendor:not(:last-child)::after {
  content: ", ";
  color: var(--text-muted);
  text-decoration: none;
  display: inline-block;
}

/* line 161, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-reminder {
  margin-left: 3px;
  padding: 0 5px;
  border-radius: 8px;
  background: var(--chase);
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  cursor: help;
}

/* line 166, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-items-panel {
  margin: 0 0 12px;
}

/* line 167, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-items-panel .qcp-section {
  padding: 8px 14px;
}

/* line 171, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-items-toggle {
  border: 0;
  background: none;
  padding: 0;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--accent-ink);
}

/* line 177, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-items-toggle:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

/* line 182, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-box {
  margin-top: 18px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--surface);
}

/* line 183, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 14px;
  background: var(--surface-2);
  border-bottom: 1px solid var(--border);
}

/* line 184, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-section-title {
  font-size: 12px;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* line 185, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-summary {
  font-size: 12px;
  color: var(--text-muted);
  white-space: nowrap;
}

/* line 187, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-header-table {
  width: 100%;
  border-collapse: collapse;
}

/* line 193, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-header-table thead tr {
  height: auto;
  background: none;
}

/* line 194, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-header-table thead th {
  height: auto;
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  text-align: left;
  border-bottom: 1px solid var(--border-strong);
  white-space: nowrap;
}

/* line 206, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-header-table tbody tr {
  height: var(--qcp-row-h);
}

/* line 207, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-header-table tbody td {
  padding: 4px 8px;
  font-size: 13px;
  line-height: 1.3;
  border-top: 1px solid var(--border-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

/* line 219, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-header-table td.qcp-items-item {
  white-space: normal;
  overflow: visible;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* line 220, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-header-table td.qcp-items-item .l1, #new_content .qc-pilot table.qcp-header-table td.qcp-items-item .l2 {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  display: block;
}

/* line 221, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-header-table thead th:first-child, #new_content .qc-pilot table.qcp-header-table td.qcp-items-item {
  padding-left: 14px;
}

/* line 222, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-header-table td.col-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* line 223, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-header-table td.lapsed-requirement-date {
  color: var(--act);
}

/* line 224, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-header-table td.col-act .material-icons {
  font-size: 18px;
  cursor: pointer;
  color: var(--text-muted);
}

/* line 238, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-header-table td.col-identity,
#new_content .qc-pilot table.qcp-matrix td.col-identity {
  line-height: 14px;
}

/* line 242, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-header-table td.col-identity .l1,
#new_content .qc-pilot table.qcp-matrix td.col-identity .l1 {
  display: block;
  line-height: 14px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 249, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-header-table td.col-identity .l2,
#new_content .qc-pilot table.qcp-matrix td.col-identity .l2 {
  display: flex;
  align-items: baseline;
  gap: 4px;
  line-height: 12px;
  font-size: 11px;
  color: var(--text-muted);
}

/* line 250, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-header-table td.col-identity .qcp-l2-text,
#new_content .qc-pilot table.qcp-matrix td.col-identity .qcp-l2-text {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 254, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-header-table td.col-identity .qcp-item-wrap,
#new_content .qc-pilot table.qcp-matrix td.col-identity .qcp-item-wrap {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}

/* line 264, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .po-status {
  border-radius: 12px;
  border: 1px solid var(--ontrack);
  color: var(--ontrack);
  padding: 0 8px;
  font-size: 11px;
  line-height: 16px;
  text-transform: none;
  letter-spacing: 0.2px;
  white-space: nowrap;
  display: inline-block;
}

/* line 265, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .po-status.rejected {
  border-color: var(--act);
  color: var(--act);
}

/* line 266, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .po-status.picked {
  border-color: var(--border-strong);
  color: var(--text-muted);
  background-color: var(--waiting-wash);
}

/* line 269, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-btn {
  display: inline-block;
  border-radius: var(--radius);
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  border: 1px solid var(--border-strong);
  background: var(--surface);
  color: var(--text);
  margin-right: 6px;
  cursor: pointer;
  line-height: 18px;
}

/* line 270, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-btn--confirm {
  background: var(--accent-ink);
  border-color: var(--accent-ink);
  color: #fff;
}

/* line 271, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* line 272, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-btn--mixed {
  background: var(--text);
  border-color: var(--text);
}

/* line 294, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-matrix-scroll {
  margin-top: 0;
  overflow: auto;
  max-height: calc(100vh - 226px);
}

/* line 296, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix {
  border-collapse: separate;
  border-spacing: 0;
  width: max-content;
}

/* line 304, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix thead tr {
  height: auto;
  background: none;
}

/* line 305, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix thead th {
  height: auto;
  background: var(--surface);
}

/* line 309, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tbody tr {
  height: auto;
}

/* line 315, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-band-row th {
  position: sticky;
  top: 0;
  z-index: 4;
  height: var(--qcp-band-h);
}

/* line 316, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-col-row th {
  position: sticky;
  top: var(--qcp-band-h);
  z-index: 4;
}

/* line 325, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-band-row th {
  padding: 6px 8px;
  vertical-align: middle;
  border-bottom: 1px solid var(--border-2);
  text-align: center;
}

/* line 326, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix th.qcp-band {
  border-left: 2px solid var(--border-strong);
  border-right: 2px solid var(--border-strong);
  background: var(--surface-2);
}

/* line 327, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix th.qcp-band--awarded {
  background: var(--accent-wash);
}

/* line 351, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-band-head {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  max-width: calc(var(--qcp-band-w) - 20px);
  position: sticky;
  left: var(--qcp-fixed);
  text-transform: none;
  letter-spacing: normal;
}

/* line 352, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-band-head > * {
  flex: 0 0 auto;
  max-width: 100%;
}

/* line 359, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-vendor {
  display: block;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: var(--text);
  text-transform: none;
  letter-spacing: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 320px;
}

/* line 359, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-vendor:hover {
  text-decoration: underline;
}

/* line 363, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-l1-band {
  font-size: 11px;
  font-weight: 400;
  color: var(--text-muted);
  white-space: nowrap;
}

/* line 367, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-band-meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  overflow: hidden;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  color: var(--text-muted);
  text-transform: none;
  letter-spacing: normal;
  white-space: nowrap;
  margin-top: 0;
}

/* line 373, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-band-meta .po-status {
  font-size: 10px;
  line-height: 12px;
  padding: 0 6px;
}

/* line 374, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-flag {
  color: var(--chase);
}

/* line 379, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-negotiate-chip {
  border-radius: 12px;
  border: 1px solid currentColor;
  padding: 0 6px;
  font-size: 10px;
  line-height: 12px;
  white-space: nowrap;
  display: inline-block;
}

/* line 380, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-negotiate-chip--chase {
  color: var(--chase);
}

/* line 381, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-negotiate-chip--ontrack {
  color: var(--ontrack);
}

/* line 382, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-chat {
  color: var(--ready);
}

/* line 385, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-col-row th {
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  text-align: left;
  border-bottom: 1px solid var(--border-strong);
  white-space: nowrap;
}

/* line 386, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-col-row th.col-money, #new_content .qc-pilot table.qcp-matrix tbody td.col-money, #new_content .qc-pilot table.qcp-matrix tbody td.qcp-num, #new_content .qc-pilot table.qcp-matrix tr.qcp-col-row th.qcp-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* line 387, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix th.qcp-band-first, #new_content .qc-pilot table.qcp-matrix td.qcp-band-first {
  border-left: 2px solid var(--border-strong);
}

/* line 389, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tbody tr.qcp-line {
  height: var(--qcp-row-h);
}

/* line 390, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tbody td {
  padding: 4px 8px;
  font-size: 13px;
  line-height: 1.3;
  border-top: 1px solid var(--border-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  background: var(--surface);
}

/* line 397, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix th.qcp-fix-1, #new_content .qc-pilot table.qcp-matrix td.qcp-fix-1 {
  position: sticky;
  left: 0;
  z-index: 2;
}

/* line 398, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix th.qcp-fix-2, #new_content .qc-pilot table.qcp-matrix td.qcp-fix-2 {
  position: sticky;
  left: var(--qcp-identity);
  z-index: 2;
}

/* line 399, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix th.qcp-fix-3, #new_content .qc-pilot table.qcp-matrix td.qcp-fix-3 {
  position: sticky;
  left: calc(var(--qcp-identity) + var(--qcp-money));
  z-index: 2;
}

/* line 404, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-band-row th.qcp-band-fixed {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 5;
  background: var(--surface);
}

/* line 406, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-col-row th.qcp-fix-1, #new_content .qc-pilot table.qcp-matrix tr.qcp-col-row th.qcp-fix-2, #new_content .qc-pilot table.qcp-matrix tr.qcp-col-row th.qcp-fix-3 {
  z-index: 5;
}

/* line 407, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-prev a {
  color: var(--accent-ink);
}

/* line 409, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-prev-common {
  color: var(--text-subtle);
  cursor: help;
}

/* line 414, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix th.qcp-awarded, #new_content .qc-pilot table.qcp-matrix td.qcp-awarded {
  background: var(--accent-wash);
}

/* line 416, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-regret {
  color: var(--act);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.04em;
}

/* line 419, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-noquote {
  color: var(--text-subtle);
  font-style: italic;
}

/* line 421, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-more-info-glyph {
  font-size: 14px;
  line-height: 1;
  vertical-align: text-bottom;
  margin-left: 4px;
  color: var(--text-muted);
  cursor: pointer;
}

/* line 422, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-more-info-glyph--open {
  color: var(--act);
}

/* line 425, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix td.qcp-net {
  white-space: normal;
  line-height: 1.2;
}

/* line 426, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-net-line {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  gap: 4px;
}

/* line 427, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-net-value {
  display: block;
  font-weight: 600;
}

/* line 430, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-l1-tag {
  display: inline-block;
  padding: 0 4px;
  border-radius: 3px;
  font-size: 9px;
  font-weight: 700;
  line-height: 13px;
  letter-spacing: 0.06em;
  color: #fff;
  background: var(--ontrack);
  vertical-align: 1px;
}

/* line 437, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-gap {
  display: block;
  text-align: right;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  color: var(--text-muted);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* line 443, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-terms-row th.qcp-terms-label {
  position: sticky;
  left: 0;
  z-index: 2;
  background: var(--surface);
  text-align: left;
  padding: 2px 8px;
  line-height: 18px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text);
  white-space: nowrap;
  border-top: 0;
}

/* line 444, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-terms-row td.qcp-terms-cell {
  padding: 2px 10px;
  font-size: 12px;
  line-height: 18px;
  color: var(--text);
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: left;
  border-top: 0;
  border-left: 2px solid var(--border-strong);
  border-right: 2px solid var(--border-strong);
}

/* line 445, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-terms-row--first th, #new_content .qc-pilot table.qcp-matrix tr.qcp-terms-row--first td {
  border-top: 2px solid var(--border-strong);
  padding-top: 8px;
}

/* line 446, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-terms-row--last th, #new_content .qc-pilot table.qcp-matrix tr.qcp-terms-row--last td {
  padding-bottom: 8px;
}

/* line 447, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-terms-row th.qcp-terms-label:first-child {
  font-weight: 500;
}

/* line 448, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-terms-row--first th.qcp-terms-label, #new_content .qc-pilot table.qcp-matrix tr.qcp-terms-row--total th.qcp-terms-label {
  font-weight: 700;
}

/* line 449, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix td.qcp-terms-money {
  font-weight: 600;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

/* line 450, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-terms-row--total td.qcp-terms-cell {
  padding-bottom: 6px;
}

/* line 451, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix td.qcp-terms-files .material-icons {
  font-size: 16px;
  vertical-align: middle;
  color: var(--accent-ink);
}

/* line 452, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-terms-row + tr.qcp-decision-row td {
  border-top: 1px solid var(--border-2);
}

/* line 453, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-decide {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  margin-top: 2px;
}

/* line 454, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-decide .material-icons {
  font-size: 18px;
  cursor: pointer;
  color: var(--text-subtle);
}

/* line 455, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-decide .approve-item.click-approve {
  color: var(--ontrack);
}

/* line 456, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-decide .reject-item.click-reject {
  color: var(--act);
}

/* line 457, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-history {
  display: block;
  font-size: 10px;
  color: var(--text-subtle);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* line 459, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-line--alternate td {
  background: var(--surface-2);
  font-style: normal;
}

/* line 461, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix td.qcp-alt-label {
  font-size: 11px;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  position: sticky;
  left: 0;
  z-index: 2;
}

/* line 471, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-decision-row td {
  border-top: 1px solid var(--border-strong);
  background: var(--surface-2);
  padding: 8px 10px 16px;
  white-space: nowrap;
}

/* line 474, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix td.qcp-decision-fixed {
  z-index: 4;
  left: 0;
  background: var(--surface-2);
}

/* line 475, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix td.qcp-decision {
  border-left: 2px solid var(--border-strong);
  border-right: 2px solid var(--border-strong);
}

/* line 476, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix .qcp-btn--ghost {
  color: var(--accent-ink);
  border-color: var(--accent-ink);
}

@media (min-width: 769px) {
  /* line 494, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix th.col-identity, #new_content .qc-pilot table.qcp-matrix td.col-identity {
    min-width: var(--qcp-identity);
    max-width: var(--qcp-identity);
    width: var(--qcp-identity);
  }
  /* line 499, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-header-table th.col-identity, #new_content .qc-pilot table.qcp-header-table td.col-identity {
    min-width: 320px;
    max-width: none;
    width: 36%;
  }
  /* line 504, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix th.qcp-fix-2, #new_content .qc-pilot table.qcp-matrix td.qcp-fix-2 {
    min-width: var(--qcp-money);
    max-width: var(--qcp-money);
    width: var(--qcp-money);
  }
  /* line 505, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix th.qcp-fix-3, #new_content .qc-pilot table.qcp-matrix td.qcp-fix-3 {
    min-width: var(--qcp-qty);
    max-width: var(--qcp-qty);
    width: var(--qcp-qty);
  }
  /* line 509, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix th.qcp-band-first, #new_content .qc-pilot table.qcp-matrix td.qcp-band-first {
    min-width: var(--qcp-brand);
    max-width: var(--qcp-brand);
    width: var(--qcp-brand);
  }
  /* line 528, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix td.qcp-brand {
    white-space: normal;
  }
  /* line 529, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix td.qcp-brand .qcp-brand-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
    line-height: 14px;
    word-break: break-word;
  }
  /* line 538, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix th.qcp-remarks, #new_content .qc-pilot table.qcp-matrix td.qcp-remarks {
    min-width: var(--qcp-remarks);
    max-width: var(--qcp-remarks);
    width: var(--qcp-remarks);
  }
  /* line 544, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix td.qcp-remarks {
    white-space: normal;
  }
  /* line 545, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix td.qcp-remarks .qcp-remark-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
    line-height: 14px;
    word-break: break-word;
  }
  /* line 554, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix th.qcp-rate, #new_content .qc-pilot table.qcp-matrix td.qcp-rate {
    min-width: var(--qcp-rate);
    max-width: var(--qcp-rate);
    width: var(--qcp-rate);
  }
  /* line 555, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix th.qcp-num, #new_content .qc-pilot table.qcp-matrix td.qcp-num {
    min-width: var(--qcp-disc);
    max-width: var(--qcp-disc);
    width: var(--qcp-disc);
  }
  /* line 560, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix tr.qcp-col-row th.qcp-num, #new_content .qc-pilot table.qcp-matrix tbody td.qcp-num {
    padding-left: 4px;
    padding-right: 4px;
  }
  /* line 561, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix th.qcp-net, #new_content .qc-pilot table.qcp-matrix td.qcp-net {
    min-width: var(--qcp-net);
    max-width: var(--qcp-net);
    width: var(--qcp-net);
  }
  /* line 564, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix th.qcp-rank, #new_content .qc-pilot table.qcp-matrix td.qcp-rank {
    min-width: var(--qcp-rank);
    max-width: var(--qcp-rank);
    width: var(--qcp-rank);
    text-align: center;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  /* line 570, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix td.qcp-rank .qcp-rank-text {
    font-weight: 600;
    font-size: 12px;
    color: var(--text-muted);
  }
  /* line 575, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix td.qcp-rank .qcp-rank-text--gap {
    display: block;
    font-size: 11px;
    line-height: 13px;
  }
  /* line 576, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix td.qcp-rank i.pick-item-check {
    font-size: 20px;
    line-height: 20px;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 4px;
    color: var(--text-muted);
  }
  /* line 577, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix td.qcp-rank i.pick-item-check.checked {
    color: var(--accent-ink);
  }
  /* line 587, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix th.qcp-remarks:not(.qcp-band-first), #new_content .qc-pilot table.qcp-matrix td.qcp-remarks:not(.qcp-band-first),
#new_content .qc-pilot table.qcp-matrix th.qcp-rate:not(.qcp-band-first), #new_content .qc-pilot table.qcp-matrix td.qcp-rate:not(.qcp-band-first),
#new_content .qc-pilot table.qcp-matrix th.qcp-num, #new_content .qc-pilot table.qcp-matrix td.qcp-num,
#new_content .qc-pilot table.qcp-matrix th.qcp-rank, #new_content .qc-pilot table.qcp-matrix td.qcp-rank,
#new_content .qc-pilot table.qcp-matrix th.qcp-net, #new_content .qc-pilot table.qcp-matrix td.qcp-net {
    border-left: 1px solid var(--border-2);
  }
  /* line 595, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix th.qcp-net, #new_content .qc-pilot table.qcp-matrix td.qcp-net {
    border-right: 2px solid var(--border-strong);
  }
  /* line 596, app/assets/stylesheets/new_styles/qc_comparison.scss */
  #new_content .qc-pilot table.qcp-matrix th.qcp-rank, #new_content .qc-pilot table.qcp-matrix td.qcp-rank {
    border-right: 2px solid var(--border-strong);
  }
}

/* line 602, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review .modal-dialog {
  width: 760px;
  max-width: calc(100vw - 32px);
}

/* line 603, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review .modal-content {
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

/* line 604, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review .modal-header {
  padding: 14px 18px 10px;
  border-bottom: 1px solid var(--border-2);
  align-items: flex-start;
}

/* line 605, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review .modal-header .close {
  padding: 0;
  margin: 0 0 0 auto;
  font-size: 22px;
  line-height: 1;
}

/* line 606, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review .modal-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

/* line 607, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review .qcp-review-sub {
  font-size: 12px;
  color: var(--text-muted);
  margin-top: 2px;
}

/* line 608, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review .modal-body {
  padding: 0 18px;
  max-height: 60vh;
  overflow: auto;
}

/* line 609, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review .modal-footer {
  padding: 12px 18px;
  border-top: 1px solid var(--border-2);
  text-align: right;
}

/* line 610, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review table.qcp-review-table {
  width: 100%;
  border-collapse: collapse;
}

/* line 611, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review table.qcp-review-table thead tr {
  height: auto;
  background: none;
}

/* line 612, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review table.qcp-review-table th {
  height: auto;
  padding: 8px 8px 6px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  text-align: left;
  border-bottom: 1px solid var(--border-strong);
  background: var(--surface);
  position: sticky;
  top: 0;
}

/* line 613, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review table.qcp-review-table tbody tr {
  height: auto;
}

/* line 614, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review table.qcp-review-table td {
  padding: 7px 8px;
  font-size: 13px;
  line-height: 1.3;
  border-top: 1px solid var(--border-2);
  vertical-align: top;
  background: var(--surface);
}

/* line 615, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review table.qcp-review-table th:first-child, #new_content .qc-pilot .qcp-review table.qcp-review-table td:first-child {
  width: 38%;
}

/* line 616, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review table.qcp-review-table th:nth-child(2), #new_content .qc-pilot .qcp-review table.qcp-review-table td:nth-child(2) {
  width: 26%;
}

/* line 617, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review table.qcp-review-table .num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* line 618, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review table.qcp-review-table tr.is-reject td {
  background: var(--act-wash);
}

/* line 619, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review .qcp-rank {
  display: inline-block;
  padding: 0 5px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
  color: var(--text-muted);
  background: var(--surface-2);
  border: 1px solid var(--border-2);
}

/* line 620, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review .qcp-rank--l1 {
  color: #fff;
  background: var(--ontrack);
  border-color: var(--ontrack);
}

/* line 621, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review .qcp-decision-word {
  font-weight: 600;
  color: var(--ontrack);
}

/* line 622, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review .qcp-decision-word.is-reject {
  color: var(--act);
}

/* line 627, app/assets/stylesheets/new_styles/qc_comparison.scss */
.tooltip.qcp-tooltip {
  z-index: 2000 !important;
}

/* line 628, app/assets/stylesheets/new_styles/qc_comparison.scss */
.tooltip.qcp-tooltip .tooltip-inner {
  max-width: 360px;
  text-align: left;
  white-space: normal;
}

/* line 636, app/assets/stylesheets/new_styles/qc_comparison.scss */
.qc-pilot .loc-wh {
  color: var(--text-muted);
}

/* line 640, app/assets/stylesheets/new_styles/qc_comparison.scss */
.qc-pilot td.col-act .qcp-note-text {
  color: var(--text-muted);
}

/* line 641, app/assets/stylesheets/new_styles/qc_comparison.scss */
.qc-pilot td.col-act .qcp-note-text + i.active-note {
  margin-left: 4px;
}

/* line 644, app/assets/stylesheets/new_styles/qc_comparison.scss */
.qc-pilot .qcp-note-glyph {
  font-size: 14px;
  line-height: 1;
  vertical-align: text-bottom;
  margin-left: 4px;
  color: var(--text-muted);
  cursor: pointer;
}

/* line 648, app/assets/stylesheets/new_styles/qc_comparison.scss */
.qc-pilot td.qcp-prev a.qcp-prev--old {
  color: var(--text-muted);
}

/* line 668, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal .modal-dialog,
#new_content .rfq-pilot .qcp-vendor-modal .modal-dialog {
  width: 640px;
  max-width: 92vw;
}

/* line 670, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal .modal-dialog {
  width: 760px;
  max-width: 92vw;
}

/* line 676, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal .qcp-bounced,
#new_content .rfq-pilot .qcp-vendor-modal .qcp-bounced,
#new_content .qc-pilot .qcp-blacklisted,
#new_content .qc-pilot .qcp-vendor-modal .qcp-blacklisted,
#new_content .rfq-pilot .qcp-vendor-modal .qcp-blacklisted,
#new_content .qc-pilot .qcp-review .qcp-blacklisted {
  background: var(--act-wash);
  color: var(--act);
  border: 1px solid var(--act);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0 5px;
  border-radius: 3px;
  line-height: 15px;
  display: inline-block;
  white-space: nowrap;
}

/* line 696, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-band-head a.qcp-vendor {
  color: var(--text);
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}

/* line 697, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-pending-vendor a.qcp-vendor {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

/* line 698, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-band-head a.qcp-vendor:hover,
#new_content .qc-pilot .qcp-pending-vendor a.qcp-vendor:hover {
  text-decoration: underline;
}

/* line 703, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-band-head a.qcp-band-history {
  font-size: 11px;
  font-weight: 400;
  color: var(--text-muted);
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  white-space: nowrap;
}

/* line 707, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-band-head a.qcp-band-history:hover {
  color: var(--link);
  text-decoration: underline;
}

/* line 711, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-decide a.qcp-remark-link {
  text-decoration: none;
}

/* line 712, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-decide .qcp-remark-edit {
  font-size: 15px;
  vertical-align: middle;
  color: var(--act);
  cursor: pointer;
}

/* line 717, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal .qcp-vd-block,
#new_content .rfq-pilot .qcp-vendor-modal .qcp-vd-block {
  padding: 10px 0;
  border-top: 1px solid var(--border-2);
}

/* line 718, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal .qcp-vd-block:first-child,
#new_content .rfq-pilot .qcp-vendor-modal .qcp-vd-block:first-child {
  border-top: 0;
  padding-top: 0;
}

/* line 722, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal .qcp-vd-title,
#new_content .rfq-pilot .qcp-vendor-modal .qcp-vd-title {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  margin-bottom: 5px;
}

/* line 723, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal .qcp-vd-pairs,
#new_content .rfq-pilot .qcp-vendor-modal .qcp-vd-pairs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
}

/* line 724, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal .qcp-vd-label,
#new_content .rfq-pilot .qcp-vendor-modal .qcp-vd-label {
  font-size: 11px;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* line 725, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal .qcp-vd-value, #new_content .qc-pilot .qcp-vendor-modal .qcp-vd-line,
#new_content .rfq-pilot .qcp-vendor-modal .qcp-vd-value,
#new_content .rfq-pilot .qcp-vendor-modal .qcp-vd-line {
  font-size: 13px;
  font-weight: 500;
  color: var(--text);
}

/* line 737, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal.reg-overlay table.qcp-vd-lines th,
#new_content .rfq-pilot .qcp-vendor-modal.reg-overlay table.qcp-vd-lines th {
  font-weight: 500;
  text-transform: none;
  letter-spacing: normal;
  color: var(--text-muted);
  background: transparent;
  border-bottom: 1px solid var(--border);
}

/* line 745, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal.reg-overlay table.qcp-vd-lines td.col-ctx,
#new_content .rfq-pilot .qcp-vendor-modal.reg-overlay table.qcp-vd-lines td.col-ctx {
  color: var(--text-muted);
}

/* line 746, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal .qcp-vd-address,
#new_content .rfq-pilot .qcp-vendor-modal .qcp-vd-address {
  font-size: 12px;
  color: var(--text-muted);
  margin-top: 4px;
}

/* line 747, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal .qcp-vd-empty,
#new_content .rfq-pilot .qcp-vendor-modal .qcp-vd-empty {
  color: var(--text-muted);
}

/* line 748, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal .qcp-vd-more,
#new_content .rfq-pilot .qcp-vendor-modal .qcp-vd-more {
  font-size: 11px;
  color: var(--text-muted);
  margin-top: 4px;
}

/* line 749, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal .qcp-vd-brands,
#new_content .rfq-pilot .qcp-vendor-modal .qcp-vd-brands {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

/* line 750, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal .qcp-vd-brand,
#new_content .rfq-pilot .qcp-vendor-modal .qcp-vd-brand {
  font-size: 12px;
  padding: 1px 6px;
  border: 1px solid var(--border-2);
  border-radius: 3px;
  background: var(--surface-2);
}

/* line 751, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal .qcp-vd-tag,
#new_content .rfq-pilot .qcp-vendor-modal .qcp-vd-tag {
  font-size: 10px;
  color: var(--text-muted);
  margin-left: 5px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* line 752, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal .qcp-vd-brand--authorised .qcp-vd-tag,
#new_content .rfq-pilot .qcp-vendor-modal .qcp-vd-brand--authorised .qcp-vd-tag {
  color: var(--ontrack);
}

/* line 754, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-vendor-modal .qcp-vd-withus,
#new_content .rfq-pilot .qcp-vendor-modal .qcp-vd-withus {
  font-size: 14px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

/* line 762, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal #qcpHistoryTitle {
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  text-transform: none;
  letter-spacing: normal;
}

/* line 763, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal #qcpHistoryTitle .reg-sub {
  font-weight: 400;
  color: var(--text-muted);
}

/* line 764, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal .qcp-hist-summary {
  font-size: 11px;
  font-weight: 400;
  color: var(--text-muted);
  margin-top: 2px;
}

/* line 775, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal .modal-body {
  max-height: 62vh;
  overflow-y: auto;
  overflow-x: hidden;
}

/* line 777, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table {
  width: 100%;
}

/* line 780, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table th.col-identity, #new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table td.col-identity {
  width: 38%;
  white-space: normal;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* line 781, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table .col-ctx-wide {
  width: 16%;
}

/* line 782, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table .col-money {
  width: 13%;
}

/* line 783, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table .col-num {
  width: 9%;
}

/* line 784, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table th.col-ctx, #new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table td.col-ctx {
  width: 11%;
}

/* line 789, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table.qcp-hist-table--neg th.col-identity, #new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table.qcp-hist-table--neg td.col-identity {
  width: 26%;
}

/* line 790, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table.qcp-hist-table--neg .col-ctx-wide {
  width: 13%;
}

/* line 791, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table.qcp-hist-table--neg .qcp-hist-neg {
  width: 23%;
}

/* line 792, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table.qcp-hist-table--neg .col-money {
  width: 11%;
}

/* line 793, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table.qcp-hist-table--neg .col-num {
  width: 7%;
}

/* line 794, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table.qcp-hist-table--neg th.col-ctx, #new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table.qcp-hist-table--neg td.col-ctx {
  width: 9%;
}

/* line 799, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table .l1, #new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table .l2 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 800, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table .l1 {
  font-size: 13px;
  line-height: 16px;
}

/* line 801, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table .l2 {
  font-size: 11px;
  line-height: 14px;
  color: var(--text-muted);
}

/* line 804, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table .qcp-hist-fig {
  font-variant-numeric: tabular-nums;
}

/* line 805, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table .qcp-hist-when {
  color: var(--text-muted);
}

/* line 806, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table .qcp-hist-status {
  font-weight: 600;
}

/* line 807, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table .qcp-hist-status--none {
  font-weight: 400;
  color: var(--text-muted);
}

/* line 810, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table tr.alt td {
  border-top: 0;
}

/* line 811, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-history-modal table.reg-mt.qcp-hist-table .qcp-hist-altmark {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--text-muted);
  border: 1px solid var(--border-2);
  border-radius: 3px;
  padding: 0 4px;
}

/* line 817, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-reject .qcp-reject-context {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  align-items: baseline;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  margin-bottom: 4px;
}

/* line 818, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-reject .qcp-reject-rank {
  font-size: 10px;
  font-weight: 700;
  padding: 0 5px;
  border-radius: 3px;
  line-height: 15px;
  color: var(--text-muted);
  background: var(--surface-2);
  border: 1px solid var(--border-2);
}

/* line 819, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-reject .qcp-reject-l1 {
  color: var(--ontrack);
  font-weight: 600;
}

/* line 820, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-reject .qcp-reject-negotiation {
  font-size: 12px;
  color: var(--text-muted);
  margin-bottom: 8px;
}

/* line 821, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-reject .qcp-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 8px;
}

/* line 822, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-reject .qcp-chip {
  font-size: 11px;
  padding: 2px 8px;
  border: 1px solid var(--border-2);
  border-radius: 11px;
  background: var(--surface);
  color: var(--text);
  cursor: pointer;
}

/* line 823, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-reject .qcp-chip:hover {
  border-color: var(--link);
  color: var(--link);
}

/* line 824, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-reject textarea.qcp-reject-text {
  width: 100%;
  min-height: 84px;
  font-size: 13px;
}

/* line 825, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-reject .qcp-btn--confirm[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
}

/* line 830, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review table.qcp-review-table th.qcp-hold-col, #new_content .qc-pilot .qcp-review table.qcp-review-table td.qcp-hold-col {
  width: 68px;
  text-align: right;
}

/* line 831, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review .qcp-review-remark {
  font-size: 11px;
  color: var(--text-muted);
  margin-top: 2px;
  white-space: normal;
}

/* line 832, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review .qcp-decision-word.is-hold {
  color: var(--text-muted);
}

/* line 833, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review tr.is-hold td {
  background: var(--surface-2);
}

/* line 834, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review button.qcp-hold {
  font-size: 11px;
  padding: 1px 8px;
  border: 1px solid var(--border-2);
  border-radius: 3px;
  background: var(--surface);
  color: var(--text-muted);
  cursor: pointer;
}

/* line 835, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-review button.qcp-hold.is-on {
  border-color: var(--text-muted);
  color: var(--text);
  font-weight: 600;
}

/* line 844, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-band-purchaser table.qcp-matrix th.qcp-net, #new_content .qc-pilot.qcp-band-purchaser table.qcp-matrix td.qcp-net {
  border-right: 1px solid var(--border-2);
}

/* line 848, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-band-purchaser table.qcp-matrix td.qcp-net .qcp-l1-tag {
  display: none;
}

/* line 879, app/assets/stylesheets/new_styles/qc_comparison.scss */
.qc-pilot .qcp-purchaser-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 10px 16px;
  border-top: 1px solid var(--border-2);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
  background: var(--surface);
  box-shadow: 0 -6px 14px -8px rgba(0, 0, 0, 0.3);
}

/* line 895, app/assets/stylesheets/new_styles/qc_comparison.scss */
.qc-pilot .qcp-purchaser-bar-primary {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 900, app/assets/stylesheets/new_styles/qc_comparison.scss */
.qc-pilot .qcp-purchaser-bar .qcp-btn {
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  margin-right: 0;
  width: auto;
  float: none;
  letter-spacing: 0.04em;
}

/* line 903, app/assets/stylesheets/new_styles/qc_comparison.scss */
.qc-pilot .qcp-purchaser-bar .qcp-btn:hover {
  text-decoration: none;
}

/* line 905, app/assets/stylesheets/new_styles/qc_comparison.scss */
.qc-pilot .qcp-purchaser-bar .qcp-btn--confirm:hover {
  color: #fff;
}

/* line 912, app/assets/stylesheets/new_styles/qc_comparison.scss */
.qc-pilot .qcp-purchaser-bar span.qcp-btn,
.qc-pilot .qcp-actions span.qcp-link {
  cursor: pointer;
}

/* line 924, app/assets/stylesheets/new_styles/qc_comparison.scss */
.qc-pilot td.qcp-decision a.more-info {
  display: inline-block;
  padding: 4px 12px;
  margin-left: 6px;
  vertical-align: top;
  border: 1px solid var(--accent-ink);
  border-radius: var(--radius);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--accent-ink);
  background: var(--surface);
  text-decoration: none;
}

/* line 929, app/assets/stylesheets/new_styles/qc_comparison.scss */
.qc-pilot td.qcp-decision a.more-info:hover {
  background: var(--accent-ink);
  color: #fff;
  text-decoration: none;
}

/* line 935, app/assets/stylesheets/new_styles/qc_comparison.scss */
.qc-pilot .qcp-pending-action {
  display: inline-block;
  margin-left: 8px;
  padding: 1px 8px;
  cursor: pointer;
  border: 1px solid var(--accent-ink);
  border-radius: var(--radius);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--accent-ink);
  background: var(--surface);
  white-space: nowrap;
}

/* line 940, app/assets/stylesheets/new_styles/qc_comparison.scss */
.qc-pilot .qcp-pending-action:hover {
  background: var(--accent-ink);
  color: #fff;
}

/* line 947, app/assets/stylesheets/new_styles/qc_comparison.scss */
.qc-pilot .qcp-section-title + .qcp-btn--sm {
  margin-left: -8px;
}

/* line 948, app/assets/stylesheets/new_styles/qc_comparison.scss */
.qc-pilot .qcp-section > .qcp-summary {
  margin-left: auto;
}

/* line 972, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-section a.qcp-btn--sm {
  padding: 2px 10px;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.04em;
  white-space: nowrap;
  color: var(--accent-ink) !important;
  border: 1px solid var(--accent-ink);
  background: var(--surface);
}

/* line 976, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-section a.qcp-btn--sm:hover {
  text-decoration: none;
  background: var(--accent-ink);
  color: #fff !important;
}

/* line 991, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #qcp_rfq_reminder_modal .modal-dialog,
#new_content .qc-pilot #chat_modal.reg-overlay .modal-dialog {
  width: 560px;
  max-width: 92vw;
}

/* line 997, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #qcp_negotiate_modal .modal-dialog,
#new_content .qc-pilot #qcp_confirm_picks .modal-dialog {
  width: 760px;
  max-width: 92vw;
}

/* line 999, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #qcp_manual_quote_modal .modal-dialog,
#new_content .qc-pilot #rfq-preview-modal .modal-dialog,
#new_content .qc-pilot #errorModal .modal-dialog {
  width: 460px;
  max-width: 92vw;
}

/* line 1003, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #rfq-preview-modal .qcp-sg-body > p {
  margin: 0 0 8px;
  font-size: 12px;
  color: var(--text-muted);
}

/* line 1004, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #rfq-preview-modal .qcp-sg-body > p.qcp-sg-error {
  color: var(--act);
}

/* line 1011, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .modal-footer .rfq-reminder-btn,
#new_content .qc-pilot .modal.reg-overlay .modal-footer .manual-quote-btn {
  display: inline-block;
  width: auto;
  min-width: 0;
  min-height: 0;
  height: 28px;
  margin: 0;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 6px;
  box-shadow: none;
  border: 1px solid var(--accent-ink);
  background: var(--accent-ink);
  color: #fff;
}

/* line 1017, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .modal-footer .rfq-reminder-btn:hover,
#new_content .qc-pilot .modal.reg-overlay .modal-footer .manual-quote-btn:hover {
  text-decoration: none;
  color: #fff;
}

/* line 1018, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .modal-footer .rfq-reminder-btn[disabled], #new_content .qc-pilot .modal.reg-overlay .modal-footer .rfq-reminder-btn.is-disabled,
#new_content .qc-pilot .modal.reg-overlay .modal-footer .manual-quote-btn[disabled],
#new_content .qc-pilot .modal.reg-overlay .modal-footer .manual-quote-btn.is-disabled {
  opacity: .45;
  pointer-events: none;
}

/* line 1020, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .modal-footer .modal-delete-btn[disabled] {
  opacity: .45;
}

/* line 1033, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .rem-vendor .checkbox-check,
#new_content .qc-pilot .modal.reg-overlay .qcp-neg-vendor-check {
  font-size: 18px;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer;
  color: var(--text-muted);
}

/* line 1038, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .rem-vendor .rem-vendor-check.checked, #new_content .qc-pilot .modal.reg-overlay .qcp-select-all.checked,
#new_content .qc-pilot .modal.reg-overlay .qcp-neg-vendor-check.checked {
  color: var(--accent-ink);
}

/* line 1040, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-select-all {
  font-size: 18px;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer;
  color: var(--text-muted);
}

/* line 1041, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt .col-tick {
  width: 32px;
  padding: 0 0 0 8px;
  text-align: center;
}

/* line 1042, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt .col-chase {
  width: 190px;
  color: var(--text-muted);
  text-align: right;
}

/* line 1043, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-chip {
  display: inline-block;
  margin-left: 6px;
  padding: 0 6px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: .02em;
  border-radius: 8px;
  color: var(--accent-ink);
  background: var(--accent-wash);
  vertical-align: middle;
}

/* line 1047, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-compose {
  margin-top: 10px;
}

/* line 1048, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-compose textarea {
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 8px;
  font-size: 13px;
  line-height: 17.55px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface);
  color: var(--text);
  resize: vertical;
}

/* line 1050, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-compose textarea:focus {
  outline: none;
  border-color: var(--accent-ink);
}

/* line 1051, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-compose-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  font-size: 12px;
  color: var(--text-subtle);
}

/* line 1052, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-compose-meta .qcp-counter {
  margin-left: auto;
  font-variant-numeric: tabular-nums;
}

/* line 1055, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-sent-files {
  margin-top: 6px;
  font-size: 12px;
  line-height: 16px;
  color: var(--text-muted);
  overflow-wrap: anywhere;
}

/* line 1056, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-sent-file {
  color: var(--text);
}

/* line 1059, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-attach label {
  display: inline-block;
  height: 28px;
  white-space: nowrap;
  margin: 0;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  color: var(--text-muted);
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface);
}

/* line 1062, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-attach label:hover {
  border-color: var(--border-strong);
  color: var(--text);
}

/* line 1063, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-attach .attachment-text_00000 {
  margin-left: 8px;
  font-size: 12px;
  color: var(--text-muted);
}

/* line 1064, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-attach .attachment-text_00000:empty {
  display: none;
}

/* line 1070, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-dropzone {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  padding: 5px 6px;
  border: 1px dashed var(--border-strong);
  border-radius: 6px;
}

/* line 1072, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-dropzone.is-dragover {
  border-color: var(--accent-ink);
  background: var(--accent-wash);
}

/* line 1073, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-dropzone-hint {
  font-size: 12px;
  color: var(--text-subtle);
}

/* line 1074, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-dropzone-clear {
  padding: 0;
  border: 0;
  background: none;
  font-size: 12px;
  font-weight: 600;
  color: var(--accent-ink);
  cursor: pointer;
}

/* line 1075, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-dropzone-error {
  flex-basis: 100%;
  font-size: 12px;
  line-height: 16px;
  color: var(--act);
  overflow-wrap: anywhere;
}

/* line 1076, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-dropzone [hidden] {
  display: none;
}

/* line 1081, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-compose-meta .qcp-counter {
  flex: none;
  white-space: nowrap;
  align-self: flex-start;
  padding-top: 6px;
  line-height: 28px;
}

/* line 1084, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-empty {
  padding: 12px 0;
  font-size: 13px;
  color: var(--text-muted);
}

/* line 1107, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #chat_modal.reg-overlay .qcp-thread {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 320px;
  overflow-y: auto;
  padding: 12px 14px;
  background: var(--surface-2);
}

/* line 1118, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #chat_modal.reg-overlay .qcp-compose {
  margin-top: 0;
  padding: 12px 14px;
}

/* line 1119, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #chat_modal.reg-overlay .qcp-empty {
  padding: 0;
}

/* line 1120, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #chat_modal.reg-overlay .clarification-row {
  width: auto;
  max-width: 78%;
  margin: 0;
  clear: none;
}

/* line 1121, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #chat_modal.reg-overlay .clarification-row.left {
  align-self: flex-start;
  text-align: left;
}

/* line 1122, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #chat_modal.reg-overlay .clarification-row.right {
  align-self: flex-end;
  text-align: right;
}

/* line 1123, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #chat_modal.reg-overlay .clarification-meta {
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 16px;
  color: var(--text-muted);
}

/* line 1124, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #chat_modal.reg-overlay .clarification-user {
  font-size: 12px;
  font-weight: 500;
  color: var(--text);
}

/* line 1125, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #chat_modal.reg-overlay .clarification-time {
  margin-left: 6px;
  font-size: 12px;
  color: var(--text-subtle);
}

/* line 1126, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #chat_modal.reg-overlay .clarification-bubble {
  display: inline-block;
  max-width: 100%;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 17.55px;
  border-radius: 8px;
  text-align: left;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border);
}

/* line 1138, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #chat_modal.reg-overlay .clarification-bubble.vendor {
  background: var(--surface);
  border-color: var(--border);
  border-top-left-radius: 8px;
}

/* line 1139, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #chat_modal.reg-overlay .clarification-bubble.purchaser {
  background: var(--accent-wash);
  border-color: transparent;
  color: var(--text);
  border-top-right-radius: 8px;
}

/* line 1140, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #chat_modal.reg-overlay .clarification-text {
  white-space: pre-wrap;
}

/* line 1149, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot table.qcp-matrix tr.qcp-terms-row--first th.qcp-terms-label,
#new_content .qc-pilot table.qcp-matrix tr.qcp-terms-row--first td.qcp-terms-cell {
  border-top: 2px solid var(--border-strong);
}

/* line 1155, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-attach.brand-attachment-field {
  display: inline-flex;
  align-items: center;
  height: auto;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

/* line 1160, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .qcp-attach.brand-attachment-field label {
  position: static;
  float: none;
  width: auto;
  min-width: 0;
  max-width: none;
  box-sizing: border-box;
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  margin: 0;
  overflow: visible;
  text-align: center;
  vertical-align: middle;
}

/* line 1165, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot td.qcp-decision a.qcp-edit-quote {
  line-height: 18px;
  vertical-align: middle;
}

/* line 1168, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-section > .qcp-btn--sm + .qcp-btn--sm {
  margin-left: -8px;
}

/* line 1174, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot #qcp_negotiate_modal .modal-body,
#new_content .qc-pilot #qcp_confirm_picks .modal-body {
  max-height: 62vh;
  overflow-y: auto;
  overflow-x: hidden;
}

/* line 1184, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-neg-table,
#new_content .qc-pilot .qcp-picks-table {
  table-layout: fixed;
  width: 100%;
}

/* line 1187, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt.qcp-picks-table th, #new_content .qc-pilot .modal.reg-overlay .reg-mt.qcp-picks-table td {
  min-width: 0;
  max-width: 0;
}

/* line 1192, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt.qcp-picks-table .col-identity {
  width: 26%;
}

/* line 1193, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt.qcp-picks-table .qcp-picks-vendor {
  width: 20%;
}

/* line 1194, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt.qcp-picks-table .qcp-picks-net {
  width: 10%;
}

/* line 1195, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt.qcp-picks-table .qcp-picks-benchmark {
  width: 17%;
}

/* line 1196, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt.qcp-picks-table .qcp-picks-diffcol {
  width: 15%;
}

/* line 1197, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt.qcp-picks-table .qcp-picks-impact {
  width: 12%;
}

/* line 1200, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt.qcp-neg-table th, #new_content .qc-pilot .modal.reg-overlay .reg-mt.qcp-neg-table td {
  min-width: 0;
  max-width: 0;
}

/* line 1204, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt.qcp-neg-table .col-identity {
  width: 28%;
}

/* line 1205, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt.qcp-neg-table .qcp-neg-qty {
  width: 12%;
}

/* line 1206, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt.qcp-neg-table .qcp-neg-l1 {
  width: 12%;
}

/* line 1207, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt.qcp-neg-table .qcp-neg-l2 {
  width: 12%;
}

/* line 1208, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt.qcp-neg-table .qcp-neg-rate-col {
  width: 22%;
}

/* line 1209, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt.qcp-neg-table .qcp-neg-disc-col {
  width: 14%;
}

/* line 1218, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt.qcp-neg-table tr.qcp-neg-row td {
  vertical-align: top;
  padding-top: 4px;
}

/* line 1222, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-neg-fact {
  color: var(--text-muted);
  font-size: 11px;
}

/* line 1223, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-neg-target input[type="text"] {
  width: 100%;
  max-width: 88px;
}

/* line 1227, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-neg-target input.upward-reason[type="text"] {
  display: block;
  max-width: none;
  width: 100%;
  margin-top: 2px;
}

/* line 1228, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-neg-countered {
  color: var(--chase);
  font-size: 11px;
}

/* line 1229, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-neg-error {
  display: block;
  color: var(--act);
  font-size: 11px;
  min-height: 12px;
}

/* line 1232, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-neg-invalid {
  border-color: var(--act);
}

/* line 1236, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .modal-footer .qcp-neg-summary {
  color: var(--act);
}

/* line 1237, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-neg-alt td:first-child {
  padding-left: 18px;
  color: var(--text-muted);
}

/* line 1238, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-neg-vendors {
  margin-top: 12px;
}

/* line 1239, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-neg-vendors-title {
  font-size: 12px;
  color: var(--text-muted);
  margin-bottom: 4px;
}

/* line 1243, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-picks-num {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

/* line 1248, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .modal.reg-overlay .reg-mt tbody tr.qcp-picks-above td.qcp-picks-diff {
  color: var(--act);
}

/* line 1249, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-picks-bench {
  color: var(--text-muted);
  font-size: 11px;
}

/* line 1250, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-picks-lead {
  margin-bottom: 8px;
  font-size: 13px;
}

/* line 1251, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot .qcp-picks-lead--above {
  color: var(--act);
}

/* line 1262, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-counter-confirm {
  max-width: 900px;
  margin: 24px auto;
  padding: 0 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 1272, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-counter-confirm .qcp-counter-head {
  margin-bottom: 12px;
}

/* line 1273, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-counter-confirm .qcp-counter-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color: var(--text);
  margin: 0;
}

/* line 1274, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-counter-confirm .qcp-counter-sub {
  font-size: 13px;
  color: var(--text-muted);
  margin-top: 2px;
}

/* line 1278, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-counter-confirm .qcp-counter-lead {
  margin: 12px 0 16px;
  padding: 10px 12px;
  border-left: 3px solid var(--act);
  background: var(--surface-2, #faf7f7);
  font-size: 13px;
  line-height: 18px;
  color: var(--text);
}

/* line 1288, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-counter-confirm .qcp-counter-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

/* line 1293, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-counter-confirm .qcp-counter-table th {
  height: 32px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: left;
  color: var(--text-muted);
  background: var(--waiting-wash);
  border: 0;
  border-bottom: 1px solid var(--border-strong);
}

/* line 1298, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-counter-confirm .qcp-counter-table td {
  padding: 8px;
  font-size: 13px;
  color: var(--text);
  vertical-align: top;
  border-bottom: 1px solid var(--border);
}

/* line 1306, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-counter-confirm .qcp-counter-table thead tr {
  height: 32px;
}

/* line 1307, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-counter-confirm .qcp-counter-table tbody tr {
  height: 36px;
}

/* line 1308, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-counter-confirm .qcp-counter-table .col-identity {
  width: 45%;
}

/* line 1309, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-counter-confirm .qcp-counter-table .col-ctx {
  width: 22%;
  color: var(--text-muted);
}

/* line 1310, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-counter-confirm .qcp-counter-table tr:last-child td {
  border-bottom: 0;
}

/* line 1312, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-counter-confirm .qcp-counter-note {
  display: block;
  font-size: 11px;
  color: var(--text-muted);
}

/* line 1313, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-counter-confirm .qcp-counter-actions {
  margin-top: 20px;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

/* line 1316, app/assets/stylesheets/new_styles/qc_comparison.scss */
#new_content .qc-pilot.qcp-counter-confirm .qcp-counter-actions .qcp-btn {
  margin-right: 0;
  padding: 6px 16px;
  text-decoration: none;
}
/* line 32, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot {
  background: var(--bg);
  color: var(--text);
  font-size: 13px;
  line-height: 18px;
  padding: 61px 12px calc(var(--rfqp-bar-h) + 12px);
  --rfqp-bar-h: 48px;
}

/* line 56, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-height: 44px;
  padding: 10px 2px 8px;
}

/* line 66, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--text);
}

/* line 67, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-sub {
  font-size: 12px;
  color: var(--text-muted);
}

/* line 71, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-section {
  margin-top: 24px;
}

/* line 73, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 30px;
  padding: 0 2px 6px;
}

/* line 81, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-section-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted);
}

/* line 83, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-paginate {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: var(--text-muted);
}

/* line 90, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-paginate a {
  color: var(--accent-ink);
  line-height: 1;
}

/* line 91, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-paginate a.not-active {
  color: var(--text-subtle);
  pointer-events: none;
}

/* line 92, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-paginate .material-icons {
  font-size: 18px;
  vertical-align: middle;
}

/* line 99, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table {
  width: 100%;
  margin: 0;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  table-layout: fixed;
}

/* line 112, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table thead tr {
  height: 32px;
}

/* line 114, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table thead th {
  height: 32px;
  padding: 0 var(--cell-pad-x);
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted);
  background: var(--surface-2);
  border-bottom: 1px solid var(--border);
  text-transform: none;
  letter-spacing: 0;
  vertical-align: middle;
}

/* line 127, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table tbody tr {
  height: var(--row-h);
  background: var(--surface);
}

/* line 128, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table tbody tr + tr {
  border-top: 1px solid var(--border-2);
}

/* line 130, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table tbody td {
  height: var(--row-h);
  padding: 4px var(--cell-pad-x);
  font-size: 13px;
  color: var(--text);
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 144, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table td.col-identity {
  white-space: normal;
}

/* line 145, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table .l1 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 146, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table .l2 {
  display: block;
  font-size: 11px;
  line-height: 14px;
  color: var(--text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 155, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table .l2:empty {
  display: none;
}

/* line 172, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table th.col-identity, #new_content .rfq-pilot .rfqp-table td.col-identity {
  width: auto;
  min-width: 0;
  max-width: none;
}

/* line 180, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table th.rfqp-indent-no, #new_content .rfq-pilot .rfqp-table td.rfqp-indent-no {
  min-width: 150px;
  max-width: 150px;
  width: 150px;
}

/* line 182, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table td.col-num, #new_content .rfq-pilot .rfqp-table td.col-money {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* line 186, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table td.rfqp-item-cell .l1,
#new_content .rfq-pilot .rfqp-table td.rfqp-item-cell .l2 {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

/* line 188, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table td.rfqp-item-cell .rfqp-line-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 189, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table a.rfqp-desc-open {
  flex: 0 0 auto;
  color: var(--accent-ink);
  text-decoration: none;
}

/* line 192, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table td a {
  color: var(--accent-ink);
}

/* line 203, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table td.rfqp-vendor .rfqp-vendor-name {
  color: var(--text);
  cursor: pointer;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}

/* line 204, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table td.rfqp-vendor .rfqp-vendor-name:hover,
#new_content .rfq-pilot .rfqp-table td.rfqp-vendor .rfqp-vendor-name:focus {
  color: var(--accent-ink);
  text-decoration: underline;
}

/* line 216, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table td.rfqp-item-cell .rfqp-line-text.rfqp-line-clipped {
  text-overflow: clip;
}

/* line 222, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table th.rfqp-prev-rate, #new_content .rfq-pilot .rfqp-table td.rfqp-prev-rate {
  width: 110px;
  min-width: 110px;
  max-width: 110px;
}

/* line 227, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table th.rfqp-prev-rate, #new_content .rfq-pilot .rfqp-table td.rfqp-prev-rate {
  padding-right: 14px;
}

/* line 230, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table td.rfqp-item-cell a.clarify-indent {
  flex: 0 0 auto;
}

/* line 238, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table td.rfqp-item-cell a.clarify-indent {
  border-color: var(--accent-ink);
  color: var(--accent-ink);
  background: var(--accent-wash);
}

/* line 246, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table.rfqp-items-table--editable th.col-qty-pair {
  padding-right: 45px;
}

/* line 255, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table td.rfqp-repeat,
#new_content .rfq-pilot .rfqp-table td.rfqp-repeat .loc,
#new_content .rfq-pilot .rfqp-table td.rfqp-repeat .loc-fy,
#new_content .rfq-pilot .rfqp-table td.rfqp-repeat .loc-ser {
  color: #787f8a;
}

/* line 261, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table .rfqp-attach .material-icons {
  font-size: 18px;
  color: var(--text-subtle);
  vertical-align: middle;
}

/* line 269, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-vendors-table th.col-identity, #new_content .rfq-pilot .rfqp-vendors-table td.col-identity {
  width: 320px;
  min-width: 320px;
  max-width: 320px;
}

/* line 270, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-vendors-table th.col-act, #new_content .rfq-pilot .rfqp-vendors-table td.col-act {
  width: auto;
  min-width: 0;
  max-width: none;
  text-align: left;
}

/* line 284, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-vendors-table.rfqp-recommended-arm th.col-identity, #new_content .rfq-pilot .rfqp-vendors-table.rfqp-recommended-arm td.col-identity {
  width: auto;
  min-width: 0;
  max-width: none;
}

/* line 289, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-vendors-table thead th {
  position: sticky;
  top: 61px;
  z-index: 2;
  background: var(--surface);
}

/* line 294, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-num {
  color: var(--text-muted);
}

/* line 296, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-tagged {
  text-decoration: underline;
}

/* line 298, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot tr.rfqp-row-inactive td {
  color: var(--text-subtle);
}

/* line 299, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot tr.rfqp-row-inactive .l1 {
  color: var(--text-muted);
}

/* line 301, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .checkbox {
  cursor: pointer;
  font-size: 18px;
  color: var(--text-subtle);
}

/* line 302, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .checkbox.checked {
  color: var(--accent-ink);
}

/* line 303, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .checkbox.disabled {
  cursor: default;
  opacity: .55;
}

/* line 313, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .suggested-vendor {
  font-size: 16px;
  color: var(--text-muted);
}

/* line 315, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .indent-remark .material-icons {
  font-size: 18px;
  color: var(--text-subtle);
}

/* line 316, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .indent-remark.indent-remark-active .material-icons {
  color: var(--accent-ink);
}

/* line 322, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-pill {
  display: inline-block;
  padding: 0 6px;
  border-radius: 9px;
  font-size: 10px;
  line-height: 16px;
  font-weight: 600;
}

/* line 337, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-pill--sent {
  background: var(--waiting-wash);
  color: var(--text-muted);
}

/* line 338, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-pill--bounced {
  background: var(--act-wash);
  color: var(--act);
}

/* line 339, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-pill--mandatory {
  background: var(--accent-wash);
  color: var(--club);
}

/* line 344, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-pill--noemail {
  background: var(--waiting-wash);
  color: var(--text-muted);
}

/* line 345, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot a.bounce-info {
  font-size: 11px;
  color: var(--accent-ink);
  margin-left: 4px;
}

/* line 351, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-head {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 24px;
  min-height: 30px;
  padding: 0 2px 6px;
}

/* line 366, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--text);
}

/* line 371, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-fact-table td.rfqp-facts {
  white-space: normal;
  line-height: 1.35;
  color: var(--text);
}

/* line 372, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-fact-more {
  border: 0;
  background: none;
  padding: 0;
  color: var(--accent-ink);
  font-size: inherit;
  cursor: pointer;
}

/* line 374, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-fact-more:hover {
  text-decoration: underline;
}

/* line 376, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-fact-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: var(--text-muted);
}

/* line 379, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-fact-block {
  display: block;
}

/* line 380, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-sub {
  font-size: 12px;
  color: var(--text-muted);
  margin-left: 8px;
}

/* line 385, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-vendor-search {
  position: sticky;
  top: 61px;
  z-index: 26;
  background: var(--bg);
  padding: 8px 0;
  margin: 0 -2px;
}

/* line 394, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-facet {
  position: relative;
  display: inline-block;
}

/* line 395, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-facet-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 34px;
  padding: 0 6px 0 10px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--text-muted);
  font-size: 13px;
  white-space: nowrap;
}

/* line 399, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-facet-btn .material-icons {
  font-size: 18px;
}

/* line 400, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-facet-btn.is-set {
  color: var(--text);
  border-color: var(--accent-ink);
}

/* line 402, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-facet-n {
  min-width: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--accent-ink);
  color: #fff;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
}

/* line 406, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-facet-pop {
  position: absolute;
  top: 38px;
  left: 0;
  z-index: 30;
  width: 300px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  padding: 8px;
}

/* line 411, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-facet-find {
  width: 100%;
  height: 30px;
  padding: 0 8px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  font-size: 13px;
}

/* line 415, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-facet-list {
  max-height: 280px;
  overflow-y: auto;
  margin: 6px 0;
}

/* line 416, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-facet-opt {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 4px 4px;
  font-size: 13px;
  font-weight: 400;
  color: var(--text);
  cursor: pointer;
}

/* line 419, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-facet-opt:hover {
  background: var(--bg);
}

/* line 420, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-facet-opt input {
  margin: 0;
}

/* line 422, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-facet-head {
  padding: 6px 4px 2px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: var(--text-muted);
}

/* line 426, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-facet-note {
  padding: 6px 4px;
  font-size: 12px;
  color: var(--text-muted);
}

/* line 427, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-facet-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  border-top: 1px solid var(--border);
  padding-top: 8px;
}

/* line 429, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-facet-actions button {
  height: 28px;
  padding: 0 12px;
  border-radius: var(--radius);
  font-size: 12px;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);
}

/* line 433, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-facet-actions .rfqp-facet-apply {
  background: var(--accent-ink);
  border-color: var(--accent-ink);
  color: #fff;
}

/* line 439, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-search-row--facts {
  align-items: center;
  gap: 8px;
}

/* line 441, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-search-row--facts .rfqp-search-input.rfq-vendor-name {
  width: 300px;
  height: 34px;
  font-size: 13px;
}

/* line 442, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-search-row--facts .rfqp-facet-btn {
  height: 34px;
}

/* line 443, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-search-row--facts .rfqp-state-chip {
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
}

/* line 444, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-search-row--facts .rfqp-show-all {
  margin-left: auto;
}

/* line 446, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-state-chips {
  display: inline-flex;
  gap: 6px;
}

/* line 447, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-state-chip {
  height: 34px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 17px;
  background: var(--surface);
  color: var(--text-muted);
  font-size: 13px;
  white-space: nowrap;
}

/* line 450, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-state-chip.is-on {
  background: var(--accent-ink);
  border-color: var(--accent-ink);
  color: #fff;
}

/* line 452, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-count {
  font-size: 12px;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}

@media (max-width: 768px) {
  /* line 475, app/assets/stylesheets/new_styles/rfq_pilot.scss */
  #new_content .rfq-pilot .rfqp-rec-scroll {
    overflow-x: auto;
  }
  /* line 476, app/assets/stylesheets/new_styles/rfq_pilot.scss */
  #new_content .rfq-pilot .rfqp-rec-scroll .rfqp-rec-table thead th {
    top: 0;
  }
}

/* line 479, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-scroll--on {
  overflow-x: auto;
}

/* line 488, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-scroll--on .rfqp-rec-table thead th {
  top: 0;
}

/* line 499, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-table th.col-rank, #new_content .rfq-pilot .rfqp-rec-table td.col-rank {
  width: 44px;
  min-width: 44px;
  max-width: 44px;
}

/* line 508, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-table th.col-identity, #new_content .rfq-pilot .rfqp-rec-table td.col-identity {
  width: auto;
  min-width: 300px;
  max-width: none;
}

/* line 518, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-table th.col-mx, #new_content .rfq-pilot .rfqp-rec-table td.col-mx {
  width: 240px;
  min-width: 96px;
  max-width: 240px;
}

/* line 521, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-table th.col-act, #new_content .rfq-pilot .rfqp-rec-table td.col-act {
  width: 12px;
  min-width: 12px;
  max-width: 12px;
}

/* line 527, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-table thead tr {
  height: 44px;
}

/* line 532, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-table thead th {
  height: 44px;
  padding-top: 1px;
  padding-bottom: 1px;
}

/* line 533, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-table th.col-mx {
  vertical-align: middle;
}

/* line 544, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-table th.col-select, #new_content .rfq-pilot .rfqp-rec-table td.col-select {
  position: sticky;
  left: 0;
  z-index: 2;
  background: var(--surface);
}

/* line 545, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-table th.col-rank, #new_content .rfq-pilot .rfqp-rec-table td.col-rank {
  position: sticky;
  left: 36px;
  z-index: 2;
  background: var(--surface);
}

/* line 546, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-table th.col-identity, #new_content .rfq-pilot .rfqp-rec-table td.col-identity {
  position: sticky;
  left: 80px;
  z-index: 2;
  background: var(--surface);
}

/* line 548, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-table thead th {
  position: sticky;
  top: 61px;
  z-index: 4;
  background: var(--surface);
}

/* line 549, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-table thead th.col-select, #new_content .rfq-pilot .rfqp-rec-table thead th.col-rank, #new_content .rfq-pilot .rfqp-rec-table thead th.col-identity {
  z-index: 5;
}

@media (max-width: 768px) {
  /* line 555, app/assets/stylesheets/new_styles/rfq_pilot.scss */
  #new_content .rfq-pilot .rfqp-rec-table th.col-identity, #new_content .rfq-pilot .rfqp-rec-table td.col-identity {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
  }
}

/* line 567, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-table td.rfqp-mx {
  position: relative;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* line 576, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-mx-in {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: baseline;
  padding-left: 4px;
}

/* line 588, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot td.rfqp-mx--tint {
  background: var(--accent-wash);
}

/* line 594, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot td.rfqp-mx--lead {
  box-shadow: inset 3px 0 0 0 var(--accent-ink);
}

/* line 598, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-mx-pct {
  font-weight: 600;
  color: var(--text);
}

/* line 601, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-mx-pct--smalln {
  color: var(--text-muted);
  font-weight: 600;
}

/* line 606, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-mx-pair {
  color: var(--text-muted);
}

/* line 616, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot td.rfqp-mx--faded .rfqp-mx-pair {
  color: #787f8a;
}

/* line 619, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot td.rfqp-mx--pct .rfqp-mx-pair::before {
  content: "\00b7";
  margin: 0 3px;
}

/* line 628, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot th.col-mx--common .rfqp-mx-name, #new_content .rfq-pilot th.col-mx--common .rfqp-mx-meta {
  color: var(--text-subtle);
}

/* line 629, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot td.rfqp-mx--common {
  background: var(--surface-2);
}

/* line 638, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot th.col-mx--sim .rfqp-mx-meta {
  color: var(--accent-ink);
}

/* line 639, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot td.rfqp-mx--sim {
  background: repeating-linear-gradient(135deg, transparent 0 6px, var(--border-2) 6px 7px);
}

/* line 640, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot td.rfqp-mx--sim.rfqp-mx--tint {
  background: var(--accent-wash);
}

/* line 641, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot td.rfqp-mx--sim .rfqp-mx-pair {
  color: var(--text);
}

/* line 653, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-mx-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
  color: var(--text-muted);
  overflow: hidden;
  white-space: normal;
  word-break: break-word;
}

/* line 681, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-mx-cover {
  display: none;
}

/* line 682, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot th.col-mx--nocover .rfqp-mx-meta {
  display: none;
}

/* line 683, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot th.col-mx--nocover .rfqp-mx-cover {
  display: block;
  font-size: 10px;
  line-height: 14px;
  font-weight: 600;
  color: var(--text-muted);
}

/* line 691, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-mx-meta {
  display: block;
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  color: var(--text-subtle);
  font-variant-numeric: tabular-nums;
}

/* line 707, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec--compact td.rfqp-mx--pct .rfqp-mx-pair {
  display: none;
}

/* line 721, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec--compact .rfqp-rec-table th.col-mx, #new_content .rfq-pilot .rfqp-rec--compact .rfqp-rec-table td.col-mx {
  width: 84px;
  min-width: 84px;
  max-width: 84px;
}

/* line 725, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-mx-meta {
  white-space: nowrap;
}

/* line 731, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-sent {
  margin: 0 0 8px;
  padding: 0 2px;
  font-size: 12px;
  line-height: 18px;
  color: var(--text-muted);
}

/* line 738, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-sent-label {
  color: var(--text-subtle);
  margin-right: 4px;
}

/* line 742, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rank {
  color: var(--text-subtle);
  font-variant-numeric: tabular-nums;
}

/* line 746, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-empty td {
  color: var(--text-muted);
  white-space: normal;
}

/* line 749, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-items-empty {
  color: var(--text-muted);
  margin: 0;
  padding: 12px 0;
}

/* line 750, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-muted {
  color: var(--text-subtle);
}

/* line 756, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  margin: 0 0 6px;
  padding: 0 2px;
  font-size: 11px;
  line-height: 16px;
  color: var(--text-muted);
}

/* line 766, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-legend b {
  font-weight: 600;
  color: var(--text);
}

/* line 769, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-legend-swatch {
  display: inline-block;
  width: 3px;
  height: 11px;
  margin-right: 3px;
  vertical-align: -1px;
  background: var(--accent-ink);
}

/* line 780, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-legend-swatch--tint {
  width: 11px;
  box-sizing: border-box;
  background: var(--accent-wash);
  border: 1px solid var(--accent-ink);
}

/* line 789, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-legend-swatch--hatch {
  width: 11px;
  box-sizing: border-box;
  background: repeating-linear-gradient(135deg, transparent 0 2px, var(--border-2) 2px 3px);
  border: 1px solid var(--border-2);
}

/* line 798, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* line 815, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-uncovered {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--text);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 827, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-uncovered::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-radius: 50%;
  background: var(--chase);
  vertical-align: middle;
}

/* line 837, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-uncovered:empty {
  display: none;
}

@media (max-width: 768px) {
  /* line 32, app/assets/stylesheets/new_styles/rfq_pilot.scss */
  #new_content .rfq-pilot {
    --rfqp-bar-h: 72px;
  }
  /* line 846, app/assets/stylesheets/new_styles/rfq_pilot.scss */
  #new_content .rfq-pilot .rfqp-bar {
    flex-wrap: wrap;
    height: auto;
    min-height: var(--rfqp-bar-h);
    padding: 6px 12px;
  }
  /* line 847, app/assets/stylesheets/new_styles/rfq_pilot.scss */
  #new_content .rfq-pilot .rfqp-bar-facts {
    flex-wrap: wrap;
  }
  /* line 848, app/assets/stylesheets/new_styles/rfq_pilot.scss */
  #new_content .rfq-pilot .rfqp-uncovered {
    flex: 1 0 100%;
    white-space: normal;
    overflow: visible;
  }
}

/* line 856, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-toggle-row td {
  padding-top: 4px;
}

/* line 857, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-rec-toggle {
  padding: 0;
  font-size: 12px;
  color: var(--accent-ink);
  background: none;
  border: 0;
}

/* line 870, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-list-note {
  padding: 0 2px 6px;
  font-size: 12px;
  color: var(--text-muted);
}

/* line 872, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-show-all {
  height: 28px;
  padding: 0 8px;
  font-size: 12px;
  color: var(--accent-ink);
  background: var(--surface);
  border: 1px solid var(--accent-ink);
  border-radius: 6px;
}

/* line 890, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-vendor-search {
  margin-top: 16px;
  margin-bottom: 10px;
}

/* line 892, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-search-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 2px 8px;
}

/* line 899, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-search-input,
#new_content .rfq-pilot .rfqp-search-select {
  height: 28px;
  min-width: 0;
  padding: 0 8px;
  font-size: 12px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 6px;
}

/* line 910, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-search-input {
  width: 190px;
}

/* line 911, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-search-select {
  width: 150px;
}

/* line 912, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-search-input::placeholder {
  color: var(--text-subtle);
}

/* line 917, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 25;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: var(--rfqp-bar-h);
  padding: 0 16px;
  background: var(--surface);
  border-top: 1px solid var(--border);
  box-shadow: 0 -1px 2px rgba(20, 24, 29, 0.04);
}

/* line 941, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-bar-facts {
  display: flex;
  align-items: baseline;
  gap: 14px;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 950, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-bar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 952, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-count {
  font-size: 12px;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}

/* line 953, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-cap {
  color: var(--text-subtle);
}

/* line 957, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-bar--warn {
  border-top-color: var(--act);
}

/* line 958, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-bar--warn .rfqp-count[data-role="vendors"] {
  color: var(--act);
  font-weight: 600;
}

/* line 960, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-btn {
  display: inline-block;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: .04em;
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  background: var(--surface);
  color: var(--text);
}

/* line 973, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-btn:hover, #new_content .rfq-pilot .rfqp-btn:focus {
  text-decoration: none;
}

/* line 976, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-btn--ghost {
  color: var(--accent-ink);
  border-color: var(--accent-ink);
  background: var(--surface);
}

/* line 977, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-btn--ghost:hover {
  background: var(--accent-wash);
  color: var(--accent-ink);
}

/* line 979, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-btn--primary {
  background: var(--accent-ink);
  border-color: var(--accent-ink);
  color: #fff;
}

/* line 980, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-btn--primary:hover {
  background: var(--accent-ink);
  color: #fff;
  opacity: .92;
}

/* line 983, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-btn--disabled {
  background: var(--surface-2);
  border-color: var(--border);
  color: var(--text-subtle);
  cursor: not-allowed;
  pointer-events: auto;
}

/* line 990, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-btn--disabled:hover {
  background: var(--surface-2);
  color: var(--text-subtle);
  opacity: 1;
}

/* line 991, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-btn--primary.rfqp-send--empty {
  opacity: .45;
}

/* line 995, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot #rfqp_notes .modal-dialog,
#new_content .rfq-pilot #rfqp_options .modal-dialog,
#new_content .rfq-pilot #itemdescriptionrfqmodal .modal-dialog {
  width: 560px;
  max-width: 560px;
}

/* line 999, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot #rfqp_mandatory .modal-dialog,
#new_content .rfq-pilot #rfqp_preview .modal-dialog,
#new_content .rfq-pilot #bounce_modal .modal-dialog {
  width: 460px;
  max-width: 460px;
}

/* line 1008, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot #rfqp_preview table {
  table-layout: fixed;
  width: 100%;
}

/* line 1012, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot #rfqp_preview th, #new_content .rfq-pilot #rfqp_preview td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1017, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot #rfqp_preview .rfqp-pv-name {
  width: 46%;
}

/* line 1018, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot #rfqp_preview .rfqp-pv-email {
  width: 38%;
  color: var(--text-muted);
}

/* line 1019, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot #rfqp_preview .rfqp-pv-state {
  width: 16%;
}

/* line 1023, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-note-block + .rfqp-note-block {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--border-2);
}

/* line 1024, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-note-block .send-note-checkbox {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--text);
}

/* line 1025, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-note-block .item-note textarea {
  width: 100%;
  min-height: 52px;
  padding: 6px 8px;
  font-size: 12px;
  border: 1px solid var(--border-strong);
  border-radius: 6px;
}

/* line 1027, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-desc-block + .rfqp-desc-block {
  margin-top: 10px;
}

/* line 1028, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-desc-block .item-desc {
  margin-top: 4px;
  padding: 6px 8px;
  font-size: 12px;
  border: 1px solid var(--border-2);
  border-radius: 6px;
  background: var(--surface-2);
}

/* line 1030, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-opt + .rfqp-opt {
  margin-top: 12px;
}

/* line 1031, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-opt h4 {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* line 1032, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-opt textarea {
  width: 100%;
  min-height: 60px;
  padding: 6px 8px;
  font-size: 12px;
  border: 1px solid var(--border-strong);
  border-radius: 6px;
}

/* line 1035, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-qty-input {
  width: 62px;
  height: 26px;
  padding: 0 6px;
  text-align: right;
  font-size: 12px;
  border: 1px solid var(--border-strong);
  border-radius: 6px;
}

/* line 1036, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-uom {
  height: 26px;
  font-size: 12px;
  border: 1px solid var(--border-strong);
  border-radius: 6px;
}

/* line 1037, app/assets/stylesheets/new_styles/rfq_pilot.scss */
#new_content .rfq-pilot .rfqp-uom-text {
  color: var(--text-muted);
  margin-left: 4px;
}

/* line 1051, app/assets/stylesheets/new_styles/rfq_pilot.scss */
.tooltip.rfqp-tooltip {
  z-index: 2000 !important;
}
/* line 31, app/assets/stylesheets/new_styles/approval_register.scss */
#new_content .approval-reg {
  margin-top: 0;
}

/* line 37, app/assets/stylesheets/new_styles/approval_register.scss */
#new_content .approval-reg .export-button-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

/* line 47, app/assets/stylesheets/new_styles/approval_register.scss */
#new_content .approval-reg .ar-header div {
  padding-top: 0;
}

/* line 48, app/assets/stylesheets/new_styles/approval_register.scss */
#new_content .approval-reg .ar-header .float-left {
  padding-top: 26px;
}

/* line 52, app/assets/stylesheets/new_styles/approval_register.scss */
#new_content .approval-reg .ar-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 15px;
}

/* line 58, app/assets/stylesheets/new_styles/approval_register.scss */
#new_content .approval-reg .ar-toolbar .stage-tab {
  cursor: default;
}

/* line 60, app/assets/stylesheets/new_styles/approval_register.scss */
#new_content .approval-reg .ar-toolbar .paginate {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 73, app/assets/stylesheets/new_styles/approval_register.scss */
#new_content .approval-reg th.col-select, #new_content .approval-reg td.col-select {
  display: none;
}

@media (min-width: 769px) {
  /* line 87, app/assets/stylesheets/new_styles/approval_register.scss */
  #new_content .approval-reg table.enquiries th.col-identity.frz, #new_content .approval-reg table.enquiries td.col-identity.frz {
    left: 0;
  }
  /* line 88, app/assets/stylesheets/new_styles/approval_register.scss */
  #new_content .approval-reg table.enquiries th.item-code.frz, #new_content .approval-reg table.enquiries td.item-code.frz {
    left: var(--reg-identity);
  }
  /* line 89, app/assets/stylesheets/new_styles/approval_register.scss */
  #new_content .approval-reg table.enquiries th.frz-last, #new_content .approval-reg table.enquiries td.frz-last {
    left: calc(var(--reg-identity) + var(--reg-ctx));
  }
  /* line 90, app/assets/stylesheets/new_styles/approval_register.scss */
  #new_content .approval-reg table.enquiries.no-item-code th.frz-last, #new_content .approval-reg table.enquiries.no-item-code td.frz-last {
    left: var(--reg-identity);
  }
}
/* line 4, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form a.vendor-list-export {
  display: inline-block;
  margin-top: 15px;
}

/* line 8, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form a.vendor-list-export:hover {
  color: #000000;
  text-decoration: none;
}

/* line 14, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form .vendor-bulk-action {
  width: 160px;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #17a2b8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: 0.7px;
  text-align: center;
  color: #138294;
  background-color: #ffffff;
  margin-right: 10px;
  cursor: pointer;
}

/* line 32, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form .vendor-bulk-action:hover {
  background-color: #138294;
  color: #ffffff;
}

/* line 38, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form .vendor-list {
  width: 100%;
}

/* line 41, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form .vendor-list .check-box {
  width: 5%;
}

/* line 45, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form .vendor-list .vendor-name {
  width: 10%;
}

/* line 49, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form .vendor-list .address {
  width: 12%;
  padding-bottom: 50px;
}

/* line 54, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form .vendor-list .statutory {
  width: 12%;
  padding-bottom: 50px;
}

/* line 59, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form .vendor-list .phone {
  width: 8%;
  padding-bottom: 50px;
}

/* line 64, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form .vendor-list .email {
  width: 10%;
}

/* line 68, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form .vendor-list .rtgs {
  width: 12%;
  padding-bottom: 50px;
}

/* line 73, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form .vendor-list .reference {
  width: 6%;
  padding-bottom: 30px;
}

/* line 78, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form .vendor-list .itemgroup {
  width: 8%;
}

/* line 82, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form .vendor-list .type {
  width: 6%;
}

/* line 86, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form .vendor-list .tags {
  width: 5%;
}

/* line 90, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form .vendor-list .actions {
  width: 5%;
}

/* line 94, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form .vendor-list .status-search {
  width: 100% !important;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  margin-bottom: 8px;
  color: #868e96;
  font-size: 12px;
  font-weight: 600;
  margin-top: 6px;
}

/* line 107, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-list-form .vendor-list .v-status {
  border-radius: 12px;
  padding: 1px 8px;
  font-size: 10px;
  letter-spacing: 0.5px;
  display: inline-block;
  margin-bottom: 2px;
  text-transform: uppercase;
}

/* line 119, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content table tbody tr .customer-details span {
  color: #2eabbf;
  cursor: pointer;
}

/* line 124, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content table tbody tr .view-customer-details span {
  color: #2eabbf;
  cursor: pointer;
}

/* line 129, app/assets/stylesheets/new_styles/vendor_list.scss */
.product-clarification-details {
  color: #2eabbf;
  cursor: pointer;
}

/* line 135, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .old-vendor-form .vendor-form-header, #new_content .old-vendor-form .customer-form-header {
  margin-top: 30px;
  color: #17A2B8;
  cursor: pointer;
}

/* line 141, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .old-vendor-form label {
  color: #3f3f3f;
}

/* line 145, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .old-vendor-form .input-fields {
  margin-top: 10px;
}

/* line 149, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .old-vendor-form .old-vendor-details {
  margin-bottom: 100px;
}

/* line 153, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .old-vendor-form .create-vendor-btn-old, #new_content .old-vendor-form .create-customer-btn {
  border: none;
  display: inline-block;
  background-color: #17A2B8;
  text-decoration: none;
  color: #FFFFFF;
  box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.15);
  min-width: 229px;
  min-height: 48px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 14px;
  border-radius: 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
}

/* line 174, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .old-vendor-form .remove-msme-document-old {
  color: #c04b4b;
  font-size: 20px;
  position: relative;
  top: 4px;
  cursor: pointer;
}

/* line 182, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .old-vendor-form .add-another-itemgroup, #new_content .old-vendor-form .add-another-contactperson, #new_content .old-vendor-form .add-another-consignee {
  font-size: 14px;
  color: #178294;
  display: inline-block;
  margin-top: 15px;
}

/* line 189, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .old-vendor-form .remove-itemgroup-icon, #new_content .old-vendor-form .remove-contact-icon {
  position: relative;
  top: 15px;
  color: red;
  cursor: pointer;
}

/* line 196, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .old-vendor-form .fs-wrap {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 201, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .old-vendor-form hr {
  background-color: #b2b2b2;
}

/* line 206, app/assets/stylesheets/new_styles/vendor_list.scss */
.gst-error {
  color: #de1616;
  font-size: 14px;
}

/* line 212, app/assets/stylesheets/new_styles/vendor_list.scss */
.delivery-terms-block .group-days {
  display: flex;
}

/* line 216, app/assets/stylesheets/new_styles/vendor_list.scss */
.delivery-terms-block .no-of-days {
  border-radius: 0px 3px 3px 0px;
  background-color: #eceeef;
  border-width: 1px 1px 1px 0;
  padding: 0 12px;
  color: #212529;
  border-color: #cccccc;
  border-style: solid;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 231, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .old-vendor-form .header div {
    font-size: 22px;
  }
  /* line 235, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .old-vendor-form .vendor-form-header, #new_content .old-vendor-form .customer-form-header {
    margin-top: 15px;
  }
  /* line 239, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .old-vendor-form .old-vendor-details {
    margin-bottom: 20px;
  }
  /* line 243, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .old-vendor-form .create-vendor-btn-old, #new_content .old-vendor-form .create-customer-btn {
    min-width: auto;
  }
  /* line 247, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .old-vendor-form .vendor-item-details, #new_content .old-vendor-form .customer-contact-details {
    width: 100%;
    overflow: auto;
  }
  /* line 251, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .old-vendor-form .vendor-item-details .row, #new_content .old-vendor-form .customer-contact-details .row {
    min-width: 576px;
  }
  /* line 256, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .old-vendor-form .form-footer {
    position: relative;
    text-align: center;
  }
}

@media (max-width: 768px) {
  /* line 264, app/assets/stylesheets/new_styles/vendor_list.scss */
  .flash-wrapper {
    width: 90%;
  }
  /* line 268, app/assets/stylesheets/new_styles/vendor_list.scss */
  .alert {
    min-width: 100%;
  }
  /* line 272, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-details {
    margin-top: 20px;
    height: 65px;
  }
  /* line 276, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-details .item-header {
    font-size: 20px;
  }
  /* line 282, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .vendor-list-page {
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 287, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .vendor-list-break-name {
    word-break: break-all;
  }
  /* line 291, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .header {
    margin-top: 25px;
  }
  /* line 294, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .header .float-left {
    padding-top: 20px;
  }
  /* line 299, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .paginate {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  /* line 304, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .material-icons {
    font-size: 16px;
  }
  /* line 308, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .vendor-list {
    table-layout: fixed;
    width: 100%;
  }
  /* line 312, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .vendor-list tbody tr {
    height: 30px;
  }
  /* line 316, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .vendor-list td {
    padding: 2px;
    font-size: 12px;
  }
  /* line 321, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .vendor-list th {
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #504d4d;
  }
  /* line 328, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .vendor-list .vendor-name {
    width: 20%;
  }
  /* line 332, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .vendor-list .phone {
    width: 20%;
  }
  /* line 336, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .vendor-list .email {
    width: 20%;
  }
  /* line 340, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .vendor-list .type {
    width: 20%;
  }
  /* line 343, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .vendor-list .type .fs-wrap {
    position: relative !important;
  }
  /* line 347, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .vendor-list .type .fs-dropdown:last-of-type {
    right: 0 !important;
  }
  /* line 352, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .vendor-list .tags {
    width: 13%;
  }
  /* line 356, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .vendor-list .actions {
    width: 7%;
  }
  /* line 361, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .vendor-list .action .nav-link {
    width: 15px;
    -webkit-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
  }
  /* line 369, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .vendor-list .action .dropdown-menu {
    top: 0 !important;
    left: 0 !important;
  }
  /* line 374, app/assets/stylesheets/new_styles/vendor_list.scss */
  #new_content .vendor-list-form .vendor-list .action .dropdown-menu-right {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }
}

/* line 387, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-followup-form .vendor-followup {
  width: 100%;
  margin-top: 15px;
}

/* line 391, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-followup-form .vendor-followup thead tr, #new_content .vendor-followup-form .vendor-followup tbody tr {
  height: auto;
}

/* line 395, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-followup-form .vendor-followup .white-bg {
  background-color: #ffffff;
}

/* line 399, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-followup-form .vendor-followup .grey-bg {
  background-color: #e2e0e0;
}

/* line 403, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-followup-form .vendor-followup .material-icons {
  color: #17a2b8;
}

/* line 407, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-followup-form .vendor-followup .info-message {
  color: #000000;
}

/* line 411, app/assets/stylesheets/new_styles/vendor_list.scss */
#new_content .vendor-followup-form .vendor-followup .rfq-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}
/* line 3, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section {
  margin-top: 61px;
}

/* line 6, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section .vendor-history-table {
  width: 100%;
}

/* line 9, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section .vendor-history-table .warehouse {
  width: 9%;
}

/* line 13, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section .vendor-history-table .grn-no {
  width: 6%;
}

/* line 17, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section .vendor-history-table .vendor {
  width: 10%;
}

/* line 21, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section .vendor-history-table .date {
  width: 5%;
  padding-bottom: 50px;
}

/* line 26, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section .vendor-history-table .item-name {
  width: 17%;
}

/* line 30, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section .vendor-history-table .brand, #new_content .vendor-history-section .vendor-history-table .qty, #new_content .vendor-history-section .vendor-history-table .rate, #new_content .vendor-history-section .vendor-history-table .basic-amount, #new_content .vendor-history-section .vendor-history-table .total, #new_content .vendor-history-section .vendor-history-table .pmt-date {
  width: 5%;
  padding-bottom: 50px;
}

/* line 35, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section .vendor-history-table .discount, #new_content .vendor-history-section .vendor-history-table .gst, #new_content .vendor-history-section .vendor-history-table .ch-qty {
  width: 4%;
  padding-bottom: 50px;
}

/* line 40, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section .vendor-history-table .ch-no {
  width: 7%;
  padding-bottom: 50px;
}

/* line 45, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section .vendor-history-table .remarks, #new_content .vendor-history-section .vendor-history-table .status {
  width: 8%;
  padding-bottom: 50px;
}

/* line 50, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section .vendor-history-table .po-no {
  width: 6%;
  padding-bottom: 50px;
}

/* line 56, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section input {
  margin-bottom: 8px;
}

/* line 60, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section .head {
  padding: 10px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

/* line 65, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section .vendor-history-start-date, #new_content .vendor-history-section .vendor-history-end-date {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
}

/* line 74, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section .report-date-range {
  width: 100%;
}

/* line 78, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section label {
  margin-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #868e96;
}

/* line 89, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section #date_range_picker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: -0.2px;
  width: 100%;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #138294;
  padding: 5px;
  vertical-align: middle;
  display: inline-block;
}

/* line 102, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section .generate-vendor-history-report {
  background-color: #17a2b8;
  float: right;
  margin-right: 50px;
  margin-top: 14px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 30px;
  border-radius: 3px;
  border: 1px solid #155a65;
  cursor: pointer;
  letter-spacing: 0.7px;
}

/* line 116, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-section .generate-vendor-history-report:hover {
  background-color: #138294;
}

/* line 125, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .header + .vendor-history-section {
  margin-top: 0;
}

/* line 132, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-form .header div {
  padding-top: 0;
}

/* line 136, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vendor-history-form .header .float-left {
  padding-top: 26px;
}

/* line 148, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .wrapper1 {
  width: 100%;
  height: 11px;
  overflow-x: scroll;
  overflow-y: hidden;
}

/* line 155, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .div1 {
  height: 10px;
}

/* line 161, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
}

/* line 167, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-toolbar .float-left {
  float: none;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 174, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-toolbar .float-right {
  float: none;
  margin-left: auto;
}

/* line 179, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-toolbar .paginate {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 187, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table {
  width: 100%;
  table-layout: fixed;
  min-width: 1100px;
}

/* line 192, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table thead th {
  text-transform: uppercase;
}

/* line 202, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table th.vgh-vendor {
  width: 15%;
}

/* line 203, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table th.vgh-grn-no {
  width: 11%;
}

/* line 204, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table th.vgh-date {
  width: 11%;
}

/* line 205, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table th.vgh-invoice-no {
  width: 10%;
}

/* line 206, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table th.vgh-attachment {
  width: 7%;
}

/* line 207, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table th.vgh-division {
  width: 11%;
}

/* line 208, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table th.vgh-po-no {
  width: 11%;
}

/* line 209, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table th.vgh-money {
  width: 8%;
  white-space: nowrap;
}

/* line 210, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table td {
  overflow-wrap: anywhere;
}

/* line 211, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table td.num {
  white-space: nowrap;
}

/* line 219, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table th.vgh-money, #new_content .vgh-reg .vgh-table td.num {
  padding-right: 56px !important;
}

/* line 220, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table th.vgh-money:last-child, #new_content .vgh-reg .vgh-table td.num:last-child {
  padding-right: 48px !important;
}

/* line 223, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table th.vgh-advance {
  padding-right: 76px !important;
}

/* line 224, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table td.vgh-advance {
  padding-right: 96px !important;
}

/* line 229, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table thead th input,
#new_content .vgh-reg .vgh-table thead th .fs-label-wrap {
  font-size: 11px;
  font-weight: 400;
  color: var(--text-subtle);
  background-color: var(--surface);
  border: 1px solid var(--border);
  border-radius: 5px;
}

/* line 241, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table thead th input {
  width: 100%;
  max-width: 130px;
  height: auto;
  margin: 2px 0 0;
  padding: 3px 6px;
}

/* line 249, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table thead th .indent-date-search {
  max-width: 150px;
}

/* line 251, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table thead th .fs-wrap {
  width: 100%;
  max-width: 130px;
}

/* line 253, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table thead th .fs-label-wrap {
  height: auto !important;
}

/* line 257, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table thead th .fs-label-wrap .fs-label {
  padding: 4px 18px 4px 6px;
  font-size: 11px;
}

/* line 262, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table thead th .fs-wrap {
  margin: 2px 0 0 !important;
}

/* line 263, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table thead th .fs-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 266, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table thead th .indent-date-search {
  color: var(--text-muted);
}

/* line 272, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table thead th input,
#new_content .vgh-reg .vgh-table thead th .fs-label-wrap,
#new_content .vgh-reg .vgh-table thead th .fs-label-wrap .fs-label {
  font-size: 12px;
}

/* line 276, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table thead th input,
#new_content .vgh-reg .vgh-table thead th .indent-date-search,
#new_content .vgh-reg .vgh-table thead th .fs-wrap {
  max-width: 160px;
}

/* line 280, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table tbody tr.vgh-empty td {
  padding: 48px 12px !important;
  color: var(--text-subtle, #868e96);
  font-size: 14px;
  text-align: center;
}

/* line 293, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table tr.vgh-vendor-row td {
  background-color: var(--waiting-wash, #f1f2f4);
  border-top: 1px solid var(--border-strong, #c9ced6);
  font-weight: 600;
}

/* line 299, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table .vgh-group-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--text, #15181d);
  font-weight: 600;
  cursor: pointer;
}

/* line 310, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table .vgh-group-toggle .material-icons {
  font-size: 18px;
  transition: transform 0.15s;
}

/* line 316, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table .vgh-group-count {
  font-weight: 400;
  color: var(--text-subtle, #868e96);
}

/* line 321, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table .vgh-group-total {
  white-space: nowrap;
}

/* line 324, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table .vgh-group-total small {
  margin-right: 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--text-subtle, #868e96);
}

/* line 335, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table tbody.is-collapsed .vgh-group-toggle .material-icons {
  transform: rotate(-90deg);
}

/* line 336, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table tbody.is-collapsed tr.vgh-grn-row {
  display: none;
}

/* line 339, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table tr.vgh-grn-row td {
  background-color: var(--surface, #fff);
}

/* line 340, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table tr.vgh-grn-row td:first-child {
  border-top-color: transparent;
}

/* line 344, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table tr.vgh-grn-row.is-paid td {
  color: var(--text-subtle, #868e96);
}

/* line 345, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table tr.vgh-grn-row.is-paid .vgh-balance {
  text-decoration: line-through;
}

/* line 347, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table .vgh-attachment-link .material-icons {
  font-size: 20px;
  color: #1a90a4;
  vertical-align: middle;
}

/* line 353, app/assets/stylesheets/new_styles/vendor_history.scss */
#new_content .vgh-reg .vgh-table tfoot tr.vgh-grand-total td {
  background-color: var(--waiting-wash, #f1f2f4);
  border-top: 2px solid var(--border-strong, #c9ced6);
  font-weight: 700;
}
/* line 3, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section {
  margin-top: 61px;
}

/* line 6, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section .po-history-table {
  width: 100%;
}

/* line 9, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section .po-history-table .warehouse {
  width: 10%;
}

/* line 13, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section .po-history-table .grn-no {
  width: 7%;
}

/* line 17, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section .po-history-table .date {
  width: 5%;
  padding-bottom: 50px;
}

/* line 22, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section .po-history-table .vendor {
  width: 11%;
}

/* line 26, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section .po-history-table .brand, #new_content .po-history-section .po-history-table .qty, #new_content .po-history-section .po-history-table .rate, #new_content .po-history-section .po-history-table .basic-amount, #new_content .po-history-section .po-history-table .total, #new_content .po-history-section .po-history-table .pmt-date {
  width: 5%;
  padding-bottom: 50px;
}

/* line 31, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section .po-history-table .discount, #new_content .po-history-section .po-history-table .gst, #new_content .po-history-section .po-history-table .ch-qty {
  width: 5%;
  padding-bottom: 50px;
}

/* line 36, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section .po-history-table .ch-no {
  width: 7%;
  padding-bottom: 50px;
}

/* line 41, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section .po-history-table .remarks {
  width: 8%;
  padding-bottom: 50px;
}

/* line 46, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section .po-history-table .po-no {
  width: 7%;
  padding-bottom: 50px;
}

/* line 52, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section input {
  margin-bottom: 8px;
}

/* line 56, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section .head {
  padding: 10px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

/* line 61, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section .po-history-start-date, #new_content .po-history-section .po-history-end-date {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
}

/* line 70, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section .report-date-range {
  width: 100%;
}

/* line 74, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section label {
  margin-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #868e96;
}

/* line 85, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section #date_range_picker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: -0.2px;
  width: 100%;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #138294;
  padding: 5px;
  vertical-align: middle;
  display: inline-block;
}

/* line 98, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section .generate-po-history-report {
  background-color: #17a2b8;
  float: right;
  margin-right: 50px;
  margin-top: 14px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 30px;
  border-radius: 3px;
  border: 1px solid #155a65;
  cursor: pointer;
  letter-spacing: 0.7px;
}

/* line 112, app/assets/stylesheets/new_styles/po_history.scss */
#new_content .po-history-section .generate-po-history-report:hover {
  background-color: #138294;
}
/* line 3, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section {
  margin-top: 61px;
}

/* line 6, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section .cc-history-table {
  width: 100%;
}

/* line 9, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section .cc-history-table .warehouse {
  width: 10%;
}

/* line 13, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section .cc-history-table .issue-no {
  width: 7%;
}

/* line 17, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section .cc-history-table .date {
  width: 5%;
  padding-bottom: 50px;
}

/* line 22, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section .cc-history-table .item-name {
  width: 18%;
}

/* line 26, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section .cc-history-table .brand, #new_content .cc-history-section .cc-history-table .qty, #new_content .cc-history-section .cc-history-table .rate, #new_content .cc-history-section .cc-history-table .amount {
  width: 5%;
  padding-bottom: 50px;
}

/* line 31, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section .cc-history-table .to {
  width: 7%;
}

/* line 35, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section .cc-history-table .costcentre {
  width: 13%;
}

/* line 39, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section .cc-history-table .cf {
  width: 4%;
  padding-bottom: 50px;
}

/* line 44, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section .cc-history-table .by {
  width: 7%;
}

/* line 48, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section .cc-history-table .remarks {
  width: 9%;
  padding-bottom: 50px;
}

/* line 54, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section input {
  margin-bottom: 8px;
}

/* line 58, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section .head {
  padding: 10px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

/* line 63, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section .cc-history-start-date, #new_content .cc-history-section .cc-history-end-date {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
}

/* line 72, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section .report-date-range {
  width: 100%;
}

/* line 76, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section label {
  margin-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #868e96;
}

/* line 87, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section #date_range_picker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: -0.2px;
  width: 100%;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #138294;
  padding: 5px;
  vertical-align: middle;
  display: inline-block;
}

/* line 100, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section .generate-cc-history-report {
  background-color: #17a2b8;
  float: right;
  margin-right: 50px;
  margin-top: 14px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 30px;
  border-radius: 3px;
  border: 1px solid #155a65;
  cursor: pointer;
  letter-spacing: 0.7px;
}

/* line 114, app/assets/stylesheets/new_styles/cc_history.scss */
#new_content .cc-history-section .generate-cc-history-report:hover {
  background-color: #138294;
}
/* line 3, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section {
  margin-top: 61px;
}

/* line 4, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section table thead tr {
  height: 30px;
}

/* line 10, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section .stock-details {
  margin-top: 20px;
}

/* line 14, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section .stock-page-link {
  color: #1a90a4;
  font-size: 22px;
}

/* line 20, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section .item-stock-details-table tr {
  height: auto !important;
}

/* line 24, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section .item-stock-details-table .warehouse {
  width: 20%;
}

/* line 28, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section .item-stock-details-table .make {
  width: 15%;
}

/* line 32, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section .item-stock-details-table .uom {
  width: 10%;
}

/* line 36, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section .item-stock-details-table .rol {
  width: 10%;
}

/* line 40, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section .item-stock-details-table .freq {
  width: 10%;
}

/* line 44, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section .item-stock-details-table .location {
  width: 15%;
}

/* line 48, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section .item-stock-details-table .qty {
  width: 12%;
}

/* line 52, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section .item-stock-details-table .action {
  width: 8%;
}

/* line 57, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section input {
  margin-bottom: 8px;
}

/* line 61, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section .head {
  padding: 10px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

/* line 66, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section label {
  margin-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #868e96;
}

/* line 77, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section .generate-item-stock-report {
  background-color: #17a2b8;
  float: right;
  margin-right: 50px;
  margin-top: 14px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 30px;
  border-radius: 3px;
  border: 1px solid #155a65;
  cursor: pointer;
  letter-spacing: 0.7px;
}

/* line 91, app/assets/stylesheets/new_styles/item_stock.scss */
#new_content .item-stock-section .generate-item-stock-report:hover {
  background-color: #138294;
}

@media (max-width: 768px) {
  /* line 3, app/assets/stylesheets/new_styles/item_stock.scss */
  #new_content .item-stock-section {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 50px;
  }
  /* line 101, app/assets/stylesheets/new_styles/item_stock.scss */
  #new_content .item-stock-section .head {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
  }
  /* line 107, app/assets/stylesheets/new_styles/item_stock.scss */
  #new_content .item-stock-section .stock-details {
    margin-top: 7px;
    padding: 0;
  }
  /* line 112, app/assets/stylesheets/new_styles/item_stock.scss */
  #new_content .item-stock-section legend {
    font-size: 14px;
  }
  /* line 116, app/assets/stylesheets/new_styles/item_stock.scss */
  #new_content .item-stock-section input {
    margin-bottom: 5px;
    padding: 3px;
    font-size: 14px;
  }
  /* line 122, app/assets/stylesheets/new_styles/item_stock.scss */
  #new_content .item-stock-section .item-stock-details-table {
    table-layout: fixed;
    width: 100%;
  }
  /* line 126, app/assets/stylesheets/new_styles/item_stock.scss */
  #new_content .item-stock-section .item-stock-details-table tbody tr {
    height: 30px;
  }
  /* line 130, app/assets/stylesheets/new_styles/item_stock.scss */
  #new_content .item-stock-section .item-stock-details-table td {
    padding: 2px;
    font-size: 12px;
  }
  /* line 135, app/assets/stylesheets/new_styles/item_stock.scss */
  #new_content .item-stock-section .item-stock-details-table th {
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #504d4d;
  }
  /* line 142, app/assets/stylesheets/new_styles/item_stock.scss */
  #new_content .item-stock-section .item-stock-details-table .warehouse {
    width: 20%;
    word-break: break-all;
  }
  /* line 147, app/assets/stylesheets/new_styles/item_stock.scss */
  #new_content .item-stock-section .item-stock-details-table .make {
    width: 20%;
  }
  /* line 151, app/assets/stylesheets/new_styles/item_stock.scss */
  #new_content .item-stock-section .item-stock-details-table .uom {
    width: 15%;
  }
  /* line 155, app/assets/stylesheets/new_styles/item_stock.scss */
  #new_content .item-stock-section .item-stock-details-table .rol {
    width: 19%;
  }
  /* line 159, app/assets/stylesheets/new_styles/item_stock.scss */
  #new_content .item-stock-section .item-stock-details-table .qty {
    width: 19%;
  }
  /* line 163, app/assets/stylesheets/new_styles/item_stock.scss */
  #new_content .item-stock-section .item-stock-details-table .action {
    width: 7%;
  }
  /* line 168, app/assets/stylesheets/new_styles/item_stock.scss */
  #new_content .item-stock-section .stock-makes {
    word-break: break-all;
  }
  /* line 172, app/assets/stylesheets/new_styles/item_stock.scss */
  #new_content .item-stock-section .stock-page-link {
    font-size: 16px;
  }
}
/* line 5, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .header div, .grn-reg-form .header div, .indent-reg-form .header div, .pending-indent-form .header div, .enquiries-form .header div, .issue-reg-form .header div {
  padding-top: 0;
}

/* line 9, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .header .float-left, .grn-reg-form .header .float-left, .indent-reg-form .header .float-left, .pending-indent-form .header .float-left, .enquiries-form .header .float-left, .issue-reg-form .header .float-left {
  padding-top: 26px;
}

/* line 14, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table, #new_content .po-reg-form .po-approval-table, #new_content .po-reg-form .grn-reg, #new_content .po-reg-form .issue-reg, .grn-reg-form .po-reg-table, .grn-reg-form .po-approval-table, .grn-reg-form .grn-reg, .grn-reg-form .issue-reg, .indent-reg-form .po-reg-table, .indent-reg-form .po-approval-table, .indent-reg-form .grn-reg, .indent-reg-form .issue-reg, .pending-indent-form .po-reg-table, .pending-indent-form .po-approval-table, .pending-indent-form .grn-reg, .pending-indent-form .issue-reg, .enquiries-form .po-reg-table, .enquiries-form .po-approval-table, .enquiries-form .grn-reg, .enquiries-form .issue-reg, .issue-reg-form .po-reg-table, .issue-reg-form .po-approval-table, .issue-reg-form .grn-reg, .issue-reg-form .issue-reg {
  width: 100%;
}

/* line 17, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .white-bg, #new_content .po-reg-form .po-approval-table .white-bg, #new_content .po-reg-form .grn-reg .white-bg, #new_content .po-reg-form .issue-reg .white-bg, .grn-reg-form .po-reg-table .white-bg, .grn-reg-form .po-approval-table .white-bg, .grn-reg-form .grn-reg .white-bg, .grn-reg-form .issue-reg .white-bg, .indent-reg-form .po-reg-table .white-bg, .indent-reg-form .po-approval-table .white-bg, .indent-reg-form .grn-reg .white-bg, .indent-reg-form .issue-reg .white-bg, .pending-indent-form .po-reg-table .white-bg, .pending-indent-form .po-approval-table .white-bg, .pending-indent-form .grn-reg .white-bg, .pending-indent-form .issue-reg .white-bg, .enquiries-form .po-reg-table .white-bg, .enquiries-form .po-approval-table .white-bg, .enquiries-form .grn-reg .white-bg, .enquiries-form .issue-reg .white-bg, .issue-reg-form .po-reg-table .white-bg, .issue-reg-form .po-approval-table .white-bg, .issue-reg-form .grn-reg .white-bg, .issue-reg-form .issue-reg .white-bg {
  background-color: #ffffff;
}

/* line 21, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .grey-bg, #new_content .po-reg-form .po-approval-table .grey-bg, #new_content .po-reg-form .grn-reg .grey-bg, #new_content .po-reg-form .issue-reg .grey-bg, .grn-reg-form .po-reg-table .grey-bg, .grn-reg-form .po-approval-table .grey-bg, .grn-reg-form .grn-reg .grey-bg, .grn-reg-form .issue-reg .grey-bg, .indent-reg-form .po-reg-table .grey-bg, .indent-reg-form .po-approval-table .grey-bg, .indent-reg-form .grn-reg .grey-bg, .indent-reg-form .issue-reg .grey-bg, .pending-indent-form .po-reg-table .grey-bg, .pending-indent-form .po-approval-table .grey-bg, .pending-indent-form .grn-reg .grey-bg, .pending-indent-form .issue-reg .grey-bg, .enquiries-form .po-reg-table .grey-bg, .enquiries-form .po-approval-table .grey-bg, .enquiries-form .grn-reg .grey-bg, .enquiries-form .issue-reg .grey-bg, .issue-reg-form .po-reg-table .grey-bg, .issue-reg-form .po-approval-table .grey-bg, .issue-reg-form .grn-reg .grey-bg, .issue-reg-form .issue-reg .grey-bg {
  background-color: #f5f1f1;
}

/* line 25, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .po-date-search, #new_content .po-reg-form .po-reg-table .app-date-search, #new_content .po-reg-form .po-approval-table .po-date-search, #new_content .po-reg-form .po-approval-table .app-date-search, #new_content .po-reg-form .grn-reg .po-date-search, #new_content .po-reg-form .grn-reg .app-date-search, #new_content .po-reg-form .issue-reg .po-date-search, #new_content .po-reg-form .issue-reg .app-date-search, .grn-reg-form .po-reg-table .po-date-search, .grn-reg-form .po-reg-table .app-date-search, .grn-reg-form .po-approval-table .po-date-search, .grn-reg-form .po-approval-table .app-date-search, .grn-reg-form .grn-reg .po-date-search, .grn-reg-form .grn-reg .app-date-search, .grn-reg-form .issue-reg .po-date-search, .grn-reg-form .issue-reg .app-date-search, .indent-reg-form .po-reg-table .po-date-search, .indent-reg-form .po-reg-table .app-date-search, .indent-reg-form .po-approval-table .po-date-search, .indent-reg-form .po-approval-table .app-date-search, .indent-reg-form .grn-reg .po-date-search, .indent-reg-form .grn-reg .app-date-search, .indent-reg-form .issue-reg .po-date-search, .indent-reg-form .issue-reg .app-date-search, .pending-indent-form .po-reg-table .po-date-search, .pending-indent-form .po-reg-table .app-date-search, .pending-indent-form .po-approval-table .po-date-search, .pending-indent-form .po-approval-table .app-date-search, .pending-indent-form .grn-reg .po-date-search, .pending-indent-form .grn-reg .app-date-search, .pending-indent-form .issue-reg .po-date-search, .pending-indent-form .issue-reg .app-date-search, .enquiries-form .po-reg-table .po-date-search, .enquiries-form .po-reg-table .app-date-search, .enquiries-form .po-approval-table .po-date-search, .enquiries-form .po-approval-table .app-date-search, .enquiries-form .grn-reg .po-date-search, .enquiries-form .grn-reg .app-date-search, .enquiries-form .issue-reg .po-date-search, .enquiries-form .issue-reg .app-date-search, .issue-reg-form .po-reg-table .po-date-search, .issue-reg-form .po-reg-table .app-date-search, .issue-reg-form .po-approval-table .po-date-search, .issue-reg-form .po-approval-table .app-date-search, .issue-reg-form .grn-reg .po-date-search, .issue-reg-form .grn-reg .app-date-search, .issue-reg-form .issue-reg .po-date-search, .issue-reg-form .issue-reg .app-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 37, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .check-box, #new_content .po-reg-form .po-approval-table .check-box, #new_content .po-reg-form .grn-reg .check-box, #new_content .po-reg-form .issue-reg .check-box, .grn-reg-form .po-reg-table .check-box, .grn-reg-form .po-approval-table .check-box, .grn-reg-form .grn-reg .check-box, .grn-reg-form .issue-reg .check-box, .indent-reg-form .po-reg-table .check-box, .indent-reg-form .po-approval-table .check-box, .indent-reg-form .grn-reg .check-box, .indent-reg-form .issue-reg .check-box, .pending-indent-form .po-reg-table .check-box, .pending-indent-form .po-approval-table .check-box, .pending-indent-form .grn-reg .check-box, .pending-indent-form .issue-reg .check-box, .enquiries-form .po-reg-table .check-box, .enquiries-form .po-approval-table .check-box, .enquiries-form .grn-reg .check-box, .enquiries-form .issue-reg .check-box, .issue-reg-form .po-reg-table .check-box, .issue-reg-form .po-approval-table .check-box, .issue-reg-form .grn-reg .check-box, .issue-reg-form .issue-reg .check-box {
  width: 4%;
}

/* line 41, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .warehouse, #new_content .po-reg-form .po-approval-table .warehouse, #new_content .po-reg-form .grn-reg .warehouse, #new_content .po-reg-form .issue-reg .warehouse, .grn-reg-form .po-reg-table .warehouse, .grn-reg-form .po-approval-table .warehouse, .grn-reg-form .grn-reg .warehouse, .grn-reg-form .issue-reg .warehouse, .indent-reg-form .po-reg-table .warehouse, .indent-reg-form .po-approval-table .warehouse, .indent-reg-form .grn-reg .warehouse, .indent-reg-form .issue-reg .warehouse, .pending-indent-form .po-reg-table .warehouse, .pending-indent-form .po-approval-table .warehouse, .pending-indent-form .grn-reg .warehouse, .pending-indent-form .issue-reg .warehouse, .enquiries-form .po-reg-table .warehouse, .enquiries-form .po-approval-table .warehouse, .enquiries-form .grn-reg .warehouse, .enquiries-form .issue-reg .warehouse, .issue-reg-form .po-reg-table .warehouse, .issue-reg-form .po-approval-table .warehouse, .issue-reg-form .grn-reg .warehouse, .issue-reg-form .issue-reg .warehouse {
  width: 10%;
}

/* line 45, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .by, #new_content .po-reg-form .po-approval-table .by, #new_content .po-reg-form .grn-reg .by, #new_content .po-reg-form .issue-reg .by, .grn-reg-form .po-reg-table .by, .grn-reg-form .po-approval-table .by, .grn-reg-form .grn-reg .by, .grn-reg-form .issue-reg .by, .indent-reg-form .po-reg-table .by, .indent-reg-form .po-approval-table .by, .indent-reg-form .grn-reg .by, .indent-reg-form .issue-reg .by, .pending-indent-form .po-reg-table .by, .pending-indent-form .po-approval-table .by, .pending-indent-form .grn-reg .by, .pending-indent-form .issue-reg .by, .enquiries-form .po-reg-table .by, .enquiries-form .po-approval-table .by, .enquiries-form .grn-reg .by, .enquiries-form .issue-reg .by, .issue-reg-form .po-reg-table .by, .issue-reg-form .po-approval-table .by, .issue-reg-form .grn-reg .by, .issue-reg-form .issue-reg .by {
  width: 7%;
}

/* line 49, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .item-name, #new_content .po-reg-form .po-approval-table .item-name, #new_content .po-reg-form .grn-reg .item-name, #new_content .po-reg-form .issue-reg .item-name, .grn-reg-form .po-reg-table .item-name, .grn-reg-form .po-approval-table .item-name, .grn-reg-form .grn-reg .item-name, .grn-reg-form .issue-reg .item-name, .indent-reg-form .po-reg-table .item-name, .indent-reg-form .po-approval-table .item-name, .indent-reg-form .grn-reg .item-name, .indent-reg-form .issue-reg .item-name, .pending-indent-form .po-reg-table .item-name, .pending-indent-form .po-approval-table .item-name, .pending-indent-form .grn-reg .item-name, .pending-indent-form .issue-reg .item-name, .enquiries-form .po-reg-table .item-name, .enquiries-form .po-approval-table .item-name, .enquiries-form .grn-reg .item-name, .enquiries-form .issue-reg .item-name, .issue-reg-form .po-reg-table .item-name, .issue-reg-form .po-approval-table .item-name, .issue-reg-form .grn-reg .item-name, .issue-reg-form .issue-reg .item-name {
  width: 16%;
}

/* line 53, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .po-no, #new_content .po-reg-form .po-approval-table .po-no, #new_content .po-reg-form .grn-reg .po-no, #new_content .po-reg-form .issue-reg .po-no, .grn-reg-form .po-reg-table .po-no, .grn-reg-form .po-approval-table .po-no, .grn-reg-form .grn-reg .po-no, .grn-reg-form .issue-reg .po-no, .indent-reg-form .po-reg-table .po-no, .indent-reg-form .po-approval-table .po-no, .indent-reg-form .grn-reg .po-no, .indent-reg-form .issue-reg .po-no, .pending-indent-form .po-reg-table .po-no, .pending-indent-form .po-approval-table .po-no, .pending-indent-form .grn-reg .po-no, .pending-indent-form .issue-reg .po-no, .enquiries-form .po-reg-table .po-no, .enquiries-form .po-approval-table .po-no, .enquiries-form .grn-reg .po-no, .enquiries-form .issue-reg .po-no, .issue-reg-form .po-reg-table .po-no, .issue-reg-form .po-approval-table .po-no, .issue-reg-form .grn-reg .po-no, .issue-reg-form .issue-reg .po-no {
  width: 7%;
}

/* line 57, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .po-date, #new_content .po-reg-form .po-approval-table .po-date, #new_content .po-reg-form .grn-reg .po-date, #new_content .po-reg-form .issue-reg .po-date, .grn-reg-form .po-reg-table .po-date, .grn-reg-form .po-approval-table .po-date, .grn-reg-form .grn-reg .po-date, .grn-reg-form .issue-reg .po-date, .indent-reg-form .po-reg-table .po-date, .indent-reg-form .po-approval-table .po-date, .indent-reg-form .grn-reg .po-date, .indent-reg-form .issue-reg .po-date, .pending-indent-form .po-reg-table .po-date, .pending-indent-form .po-approval-table .po-date, .pending-indent-form .grn-reg .po-date, .pending-indent-form .issue-reg .po-date, .enquiries-form .po-reg-table .po-date, .enquiries-form .po-approval-table .po-date, .enquiries-form .grn-reg .po-date, .enquiries-form .issue-reg .po-date, .issue-reg-form .po-reg-table .po-date, .issue-reg-form .po-approval-table .po-date, .issue-reg-form .grn-reg .po-date, .issue-reg-form .issue-reg .po-date {
  width: 7%;
}

/* line 61, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .delivery-date, #new_content .po-reg-form .po-approval-table .delivery-date, #new_content .po-reg-form .grn-reg .delivery-date, #new_content .po-reg-form .issue-reg .delivery-date, .grn-reg-form .po-reg-table .delivery-date, .grn-reg-form .po-approval-table .delivery-date, .grn-reg-form .grn-reg .delivery-date, .grn-reg-form .issue-reg .delivery-date, .indent-reg-form .po-reg-table .delivery-date, .indent-reg-form .po-approval-table .delivery-date, .indent-reg-form .grn-reg .delivery-date, .indent-reg-form .issue-reg .delivery-date, .pending-indent-form .po-reg-table .delivery-date, .pending-indent-form .po-approval-table .delivery-date, .pending-indent-form .grn-reg .delivery-date, .pending-indent-form .issue-reg .delivery-date, .enquiries-form .po-reg-table .delivery-date, .enquiries-form .po-approval-table .delivery-date, .enquiries-form .grn-reg .delivery-date, .enquiries-form .issue-reg .delivery-date, .issue-reg-form .po-reg-table .delivery-date, .issue-reg-form .po-approval-table .delivery-date, .issue-reg-form .grn-reg .delivery-date, .issue-reg-form .issue-reg .delivery-date {
  width: 7%;
  padding-bottom: 50px;
}

/* line 66, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .brand, #new_content .po-reg-form .po-approval-table .brand, #new_content .po-reg-form .grn-reg .brand, #new_content .po-reg-form .issue-reg .brand, .grn-reg-form .po-reg-table .brand, .grn-reg-form .po-approval-table .brand, .grn-reg-form .grn-reg .brand, .grn-reg-form .issue-reg .brand, .indent-reg-form .po-reg-table .brand, .indent-reg-form .po-approval-table .brand, .indent-reg-form .grn-reg .brand, .indent-reg-form .issue-reg .brand, .pending-indent-form .po-reg-table .brand, .pending-indent-form .po-approval-table .brand, .pending-indent-form .grn-reg .brand, .pending-indent-form .issue-reg .brand, .enquiries-form .po-reg-table .brand, .enquiries-form .po-approval-table .brand, .enquiries-form .grn-reg .brand, .enquiries-form .issue-reg .brand, .issue-reg-form .po-reg-table .brand, .issue-reg-form .po-approval-table .brand, .issue-reg-form .grn-reg .brand, .issue-reg-form .issue-reg .brand {
  width: 6%;
  padding-bottom: 50px;
}

/* line 71, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .itemgroup, #new_content .po-reg-form .po-approval-table .itemgroup, #new_content .po-reg-form .grn-reg .itemgroup, #new_content .po-reg-form .issue-reg .itemgroup, .grn-reg-form .po-reg-table .itemgroup, .grn-reg-form .po-approval-table .itemgroup, .grn-reg-form .grn-reg .itemgroup, .grn-reg-form .issue-reg .itemgroup, .indent-reg-form .po-reg-table .itemgroup, .indent-reg-form .po-approval-table .itemgroup, .indent-reg-form .grn-reg .itemgroup, .indent-reg-form .issue-reg .itemgroup, .pending-indent-form .po-reg-table .itemgroup, .pending-indent-form .po-approval-table .itemgroup, .pending-indent-form .grn-reg .itemgroup, .pending-indent-form .issue-reg .itemgroup, .enquiries-form .po-reg-table .itemgroup, .enquiries-form .po-approval-table .itemgroup, .enquiries-form .grn-reg .itemgroup, .enquiries-form .issue-reg .itemgroup, .issue-reg-form .po-reg-table .itemgroup, .issue-reg-form .po-approval-table .itemgroup, .issue-reg-form .grn-reg .itemgroup, .issue-reg-form .issue-reg .itemgroup {
  width: 8%;
}

/* line 75, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .stock, #new_content .po-reg-form .po-approval-table .stock, #new_content .po-reg-form .grn-reg .stock, #new_content .po-reg-form .issue-reg .stock, .grn-reg-form .po-reg-table .stock, .grn-reg-form .po-approval-table .stock, .grn-reg-form .grn-reg .stock, .grn-reg-form .issue-reg .stock, .indent-reg-form .po-reg-table .stock, .indent-reg-form .po-approval-table .stock, .indent-reg-form .grn-reg .stock, .indent-reg-form .issue-reg .stock, .pending-indent-form .po-reg-table .stock, .pending-indent-form .po-approval-table .stock, .pending-indent-form .grn-reg .stock, .pending-indent-form .issue-reg .stock, .enquiries-form .po-reg-table .stock, .enquiries-form .po-approval-table .stock, .enquiries-form .grn-reg .stock, .enquiries-form .issue-reg .stock, .issue-reg-form .po-reg-table .stock, .issue-reg-form .po-approval-table .stock, .issue-reg-form .grn-reg .stock, .issue-reg-form .issue-reg .stock {
  width: 8%;
  padding-bottom: 50px;
}

/* line 80, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .vendor, #new_content .po-reg-form .po-approval-table .vendor, #new_content .po-reg-form .grn-reg .vendor, #new_content .po-reg-form .issue-reg .vendor, .grn-reg-form .po-reg-table .vendor, .grn-reg-form .po-approval-table .vendor, .grn-reg-form .grn-reg .vendor, .grn-reg-form .issue-reg .vendor, .indent-reg-form .po-reg-table .vendor, .indent-reg-form .po-approval-table .vendor, .indent-reg-form .grn-reg .vendor, .indent-reg-form .issue-reg .vendor, .pending-indent-form .po-reg-table .vendor, .pending-indent-form .po-approval-table .vendor, .pending-indent-form .grn-reg .vendor, .pending-indent-form .issue-reg .vendor, .enquiries-form .po-reg-table .vendor, .enquiries-form .po-approval-table .vendor, .enquiries-form .grn-reg .vendor, .enquiries-form .issue-reg .vendor, .issue-reg-form .po-reg-table .vendor, .issue-reg-form .po-approval-table .vendor, .issue-reg-form .grn-reg .vendor, .issue-reg-form .issue-reg .vendor {
  width: 10%;
}

/* line 84, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .qty, #new_content .po-reg-form .po-approval-table .qty, #new_content .po-reg-form .grn-reg .qty, #new_content .po-reg-form .issue-reg .qty, .grn-reg-form .po-reg-table .qty, .grn-reg-form .po-approval-table .qty, .grn-reg-form .grn-reg .qty, .grn-reg-form .issue-reg .qty, .indent-reg-form .po-reg-table .qty, .indent-reg-form .po-approval-table .qty, .indent-reg-form .grn-reg .qty, .indent-reg-form .issue-reg .qty, .pending-indent-form .po-reg-table .qty, .pending-indent-form .po-approval-table .qty, .pending-indent-form .grn-reg .qty, .pending-indent-form .issue-reg .qty, .enquiries-form .po-reg-table .qty, .enquiries-form .po-approval-table .qty, .enquiries-form .grn-reg .qty, .enquiries-form .issue-reg .qty, .issue-reg-form .po-reg-table .qty, .issue-reg-form .po-approval-table .qty, .issue-reg-form .grn-reg .qty, .issue-reg-form .issue-reg .qty {
  width: 7%;
  padding-bottom: 50px;
}

/* line 89, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .attachment, #new_content .po-reg-form .po-approval-table .attachment, #new_content .po-reg-form .grn-reg .attachment, #new_content .po-reg-form .issue-reg .attachment, .grn-reg-form .po-reg-table .attachment, .grn-reg-form .po-approval-table .attachment, .grn-reg-form .grn-reg .attachment, .grn-reg-form .issue-reg .attachment, .indent-reg-form .po-reg-table .attachment, .indent-reg-form .po-approval-table .attachment, .indent-reg-form .grn-reg .attachment, .indent-reg-form .issue-reg .attachment, .pending-indent-form .po-reg-table .attachment, .pending-indent-form .po-approval-table .attachment, .pending-indent-form .grn-reg .attachment, .pending-indent-form .issue-reg .attachment, .enquiries-form .po-reg-table .attachment, .enquiries-form .po-approval-table .attachment, .enquiries-form .grn-reg .attachment, .enquiries-form .issue-reg .attachment, .issue-reg-form .po-reg-table .attachment, .issue-reg-form .po-approval-table .attachment, .issue-reg-form .grn-reg .attachment, .issue-reg-form .issue-reg .attachment {
  width: 5%;
  padding-bottom: 50px;
}

/* line 94, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .approval-stock, #new_content .po-reg-form .po-approval-table .approval-stock, #new_content .po-reg-form .grn-reg .approval-stock, #new_content .po-reg-form .issue-reg .approval-stock, .grn-reg-form .po-reg-table .approval-stock, .grn-reg-form .po-approval-table .approval-stock, .grn-reg-form .grn-reg .approval-stock, .grn-reg-form .issue-reg .approval-stock, .indent-reg-form .po-reg-table .approval-stock, .indent-reg-form .po-approval-table .approval-stock, .indent-reg-form .grn-reg .approval-stock, .indent-reg-form .issue-reg .approval-stock, .pending-indent-form .po-reg-table .approval-stock, .pending-indent-form .po-approval-table .approval-stock, .pending-indent-form .grn-reg .approval-stock, .pending-indent-form .issue-reg .approval-stock, .enquiries-form .po-reg-table .approval-stock, .enquiries-form .po-approval-table .approval-stock, .enquiries-form .grn-reg .approval-stock, .enquiries-form .issue-reg .approval-stock, .issue-reg-form .po-reg-table .approval-stock, .issue-reg-form .po-approval-table .approval-stock, .issue-reg-form .grn-reg .approval-stock, .issue-reg-form .issue-reg .approval-stock {
  width: 5%;
  padding-bottom: 50px;
}

/* line 99, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .approval-warehouse, #new_content .po-reg-form .po-approval-table .approval-warehouse, #new_content .po-reg-form .grn-reg .approval-warehouse, #new_content .po-reg-form .issue-reg .approval-warehouse, .grn-reg-form .po-reg-table .approval-warehouse, .grn-reg-form .po-approval-table .approval-warehouse, .grn-reg-form .grn-reg .approval-warehouse, .grn-reg-form .issue-reg .approval-warehouse, .indent-reg-form .po-reg-table .approval-warehouse, .indent-reg-form .po-approval-table .approval-warehouse, .indent-reg-form .grn-reg .approval-warehouse, .indent-reg-form .issue-reg .approval-warehouse, .pending-indent-form .po-reg-table .approval-warehouse, .pending-indent-form .po-approval-table .approval-warehouse, .pending-indent-form .grn-reg .approval-warehouse, .pending-indent-form .issue-reg .approval-warehouse, .enquiries-form .po-reg-table .approval-warehouse, .enquiries-form .po-approval-table .approval-warehouse, .enquiries-form .grn-reg .approval-warehouse, .enquiries-form .issue-reg .approval-warehouse, .issue-reg-form .po-reg-table .approval-warehouse, .issue-reg-form .po-approval-table .approval-warehouse, .issue-reg-form .grn-reg .approval-warehouse, .issue-reg-form .issue-reg .approval-warehouse {
  width: 10%;
}

/* line 103, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .approval-attachment, #new_content .po-reg-form .po-approval-table .approval-attachment, #new_content .po-reg-form .grn-reg .approval-attachment, #new_content .po-reg-form .issue-reg .approval-attachment, .grn-reg-form .po-reg-table .approval-attachment, .grn-reg-form .po-approval-table .approval-attachment, .grn-reg-form .grn-reg .approval-attachment, .grn-reg-form .issue-reg .approval-attachment, .indent-reg-form .po-reg-table .approval-attachment, .indent-reg-form .po-approval-table .approval-attachment, .indent-reg-form .grn-reg .approval-attachment, .indent-reg-form .issue-reg .approval-attachment, .pending-indent-form .po-reg-table .approval-attachment, .pending-indent-form .po-approval-table .approval-attachment, .pending-indent-form .grn-reg .approval-attachment, .pending-indent-form .issue-reg .approval-attachment, .enquiries-form .po-reg-table .approval-attachment, .enquiries-form .po-approval-table .approval-attachment, .enquiries-form .grn-reg .approval-attachment, .enquiries-form .issue-reg .approval-attachment, .issue-reg-form .po-reg-table .approval-attachment, .issue-reg-form .po-approval-table .approval-attachment, .issue-reg-form .grn-reg .approval-attachment, .issue-reg-form .issue-reg .approval-attachment {
  width: 6%;
  padding-bottom: 50px;
}

/* line 108, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .approval-qty, #new_content .po-reg-form .po-approval-table .approval-qty, #new_content .po-reg-form .grn-reg .approval-qty, #new_content .po-reg-form .issue-reg .approval-qty, .grn-reg-form .po-reg-table .approval-qty, .grn-reg-form .po-approval-table .approval-qty, .grn-reg-form .grn-reg .approval-qty, .grn-reg-form .issue-reg .approval-qty, .indent-reg-form .po-reg-table .approval-qty, .indent-reg-form .po-approval-table .approval-qty, .indent-reg-form .grn-reg .approval-qty, .indent-reg-form .issue-reg .approval-qty, .pending-indent-form .po-reg-table .approval-qty, .pending-indent-form .po-approval-table .approval-qty, .pending-indent-form .grn-reg .approval-qty, .pending-indent-form .issue-reg .approval-qty, .enquiries-form .po-reg-table .approval-qty, .enquiries-form .po-approval-table .approval-qty, .enquiries-form .grn-reg .approval-qty, .enquiries-form .issue-reg .approval-qty, .issue-reg-form .po-reg-table .approval-qty, .issue-reg-form .po-approval-table .approval-qty, .issue-reg-form .grn-reg .approval-qty, .issue-reg-form .issue-reg .approval-qty {
  width: 7%;
  padding-bottom: 50px;
}

/* line 113, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .note, #new_content .po-reg-form .po-approval-table .note, #new_content .po-reg-form .grn-reg .note, #new_content .po-reg-form .issue-reg .note, .grn-reg-form .po-reg-table .note, .grn-reg-form .po-approval-table .note, .grn-reg-form .grn-reg .note, .grn-reg-form .issue-reg .note, .indent-reg-form .po-reg-table .note, .indent-reg-form .po-approval-table .note, .indent-reg-form .grn-reg .note, .indent-reg-form .issue-reg .note, .pending-indent-form .po-reg-table .note, .pending-indent-form .po-approval-table .note, .pending-indent-form .grn-reg .note, .pending-indent-form .issue-reg .note, .enquiries-form .po-reg-table .note, .enquiries-form .po-approval-table .note, .enquiries-form .grn-reg .note, .enquiries-form .issue-reg .note, .issue-reg-form .po-reg-table .note, .issue-reg-form .po-approval-table .note, .issue-reg-form .grn-reg .note, .issue-reg-form .issue-reg .note {
  width: 8%;
  padding-bottom: 50px;
}

/* line 118, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .status, #new_content .po-reg-form .po-approval-table .status, #new_content .po-reg-form .grn-reg .status, #new_content .po-reg-form .issue-reg .status, .grn-reg-form .po-reg-table .status, .grn-reg-form .po-approval-table .status, .grn-reg-form .grn-reg .status, .grn-reg-form .issue-reg .status, .indent-reg-form .po-reg-table .status, .indent-reg-form .po-approval-table .status, .indent-reg-form .grn-reg .status, .indent-reg-form .issue-reg .status, .pending-indent-form .po-reg-table .status, .pending-indent-form .po-approval-table .status, .pending-indent-form .grn-reg .status, .pending-indent-form .issue-reg .status, .enquiries-form .po-reg-table .status, .enquiries-form .po-approval-table .status, .enquiries-form .grn-reg .status, .enquiries-form .issue-reg .status, .issue-reg-form .po-reg-table .status, .issue-reg-form .po-approval-table .status, .issue-reg-form .grn-reg .status, .issue-reg-form .issue-reg .status {
  width: 8%;
}

/* line 122, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .actions, #new_content .po-reg-form .po-approval-table .actions, #new_content .po-reg-form .grn-reg .actions, #new_content .po-reg-form .issue-reg .actions, .grn-reg-form .po-reg-table .actions, .grn-reg-form .po-approval-table .actions, .grn-reg-form .grn-reg .actions, .grn-reg-form .issue-reg .actions, .indent-reg-form .po-reg-table .actions, .indent-reg-form .po-approval-table .actions, .indent-reg-form .grn-reg .actions, .indent-reg-form .issue-reg .actions, .pending-indent-form .po-reg-table .actions, .pending-indent-form .po-approval-table .actions, .pending-indent-form .grn-reg .actions, .pending-indent-form .issue-reg .actions, .enquiries-form .po-reg-table .actions, .enquiries-form .po-approval-table .actions, .enquiries-form .grn-reg .actions, .enquiries-form .issue-reg .actions, .issue-reg-form .po-reg-table .actions, .issue-reg-form .po-approval-table .actions, .issue-reg-form .grn-reg .actions, .issue-reg-form .issue-reg .actions {
  width: 5%;
}

/* line 126, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .status-search, #new_content .po-reg-form .po-approval-table .status-search, #new_content .po-reg-form .grn-reg .status-search, #new_content .po-reg-form .issue-reg .status-search, .grn-reg-form .po-reg-table .status-search, .grn-reg-form .po-approval-table .status-search, .grn-reg-form .grn-reg .status-search, .grn-reg-form .issue-reg .status-search, .indent-reg-form .po-reg-table .status-search, .indent-reg-form .po-approval-table .status-search, .indent-reg-form .grn-reg .status-search, .indent-reg-form .issue-reg .status-search, .pending-indent-form .po-reg-table .status-search, .pending-indent-form .po-approval-table .status-search, .pending-indent-form .grn-reg .status-search, .pending-indent-form .issue-reg .status-search, .enquiries-form .po-reg-table .status-search, .enquiries-form .po-approval-table .status-search, .enquiries-form .grn-reg .status-search, .enquiries-form .issue-reg .status-search, .issue-reg-form .po-reg-table .status-search, .issue-reg-form .po-approval-table .status-search, .issue-reg-form .grn-reg .status-search, .issue-reg-form .issue-reg .status-search {
  width: 100% !important;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  margin-bottom: 8px;
  color: #868e96;
  font-size: 12px;
  font-weight: 600;
  margin-top: 6px;
}

/* line 139, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .poi-status, #new_content .po-reg-form .po-approval-table .poi-status, #new_content .po-reg-form .grn-reg .poi-status, #new_content .po-reg-form .issue-reg .poi-status, .grn-reg-form .po-reg-table .poi-status, .grn-reg-form .po-approval-table .poi-status, .grn-reg-form .grn-reg .poi-status, .grn-reg-form .issue-reg .poi-status, .indent-reg-form .po-reg-table .poi-status, .indent-reg-form .po-approval-table .poi-status, .indent-reg-form .grn-reg .poi-status, .indent-reg-form .issue-reg .poi-status, .pending-indent-form .po-reg-table .poi-status, .pending-indent-form .po-approval-table .poi-status, .pending-indent-form .grn-reg .poi-status, .pending-indent-form .issue-reg .poi-status, .enquiries-form .po-reg-table .poi-status, .enquiries-form .po-approval-table .poi-status, .enquiries-form .grn-reg .poi-status, .enquiries-form .issue-reg .poi-status, .issue-reg-form .po-reg-table .poi-status, .issue-reg-form .po-approval-table .poi-status, .issue-reg-form .grn-reg .poi-status, .issue-reg-form .issue-reg .poi-status {
  border-radius: 12px;
  padding: 2px 8px .2px;
  font-size: 10px;
  letter-spacing: 0.5px;
  display: inline-block;
  margin-bottom: 2px;
  text-transform: uppercase;
}

/* line 149, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .poi-status-hold, #new_content .po-reg-form .po-approval-table .poi-status-hold, #new_content .po-reg-form .grn-reg .poi-status-hold, #new_content .po-reg-form .issue-reg .poi-status-hold, .grn-reg-form .po-reg-table .poi-status-hold, .grn-reg-form .po-approval-table .poi-status-hold, .grn-reg-form .grn-reg .poi-status-hold, .grn-reg-form .issue-reg .poi-status-hold, .indent-reg-form .po-reg-table .poi-status-hold, .indent-reg-form .po-approval-table .poi-status-hold, .indent-reg-form .grn-reg .poi-status-hold, .indent-reg-form .issue-reg .poi-status-hold, .pending-indent-form .po-reg-table .poi-status-hold, .pending-indent-form .po-approval-table .poi-status-hold, .pending-indent-form .grn-reg .poi-status-hold, .pending-indent-form .issue-reg .poi-status-hold, .enquiries-form .po-reg-table .poi-status-hold, .enquiries-form .po-approval-table .poi-status-hold, .enquiries-form .grn-reg .poi-status-hold, .enquiries-form .issue-reg .poi-status-hold, .issue-reg-form .po-reg-table .poi-status-hold, .issue-reg-form .po-approval-table .poi-status-hold, .issue-reg-form .grn-reg .poi-status-hold, .issue-reg-form .issue-reg .poi-status-hold {
  border: solid 1px #ffbf00;
  color: #ffbf00;
}

/* line 154, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .poi-status-hold-released, #new_content .po-reg-form .po-approval-table .poi-status-hold-released, #new_content .po-reg-form .grn-reg .poi-status-hold-released, #new_content .po-reg-form .issue-reg .poi-status-hold-released, .grn-reg-form .po-reg-table .poi-status-hold-released, .grn-reg-form .po-approval-table .poi-status-hold-released, .grn-reg-form .grn-reg .poi-status-hold-released, .grn-reg-form .issue-reg .poi-status-hold-released, .indent-reg-form .po-reg-table .poi-status-hold-released, .indent-reg-form .po-approval-table .poi-status-hold-released, .indent-reg-form .grn-reg .poi-status-hold-released, .indent-reg-form .issue-reg .poi-status-hold-released, .pending-indent-form .po-reg-table .poi-status-hold-released, .pending-indent-form .po-approval-table .poi-status-hold-released, .pending-indent-form .grn-reg .poi-status-hold-released, .pending-indent-form .issue-reg .poi-status-hold-released, .enquiries-form .po-reg-table .poi-status-hold-released, .enquiries-form .po-approval-table .poi-status-hold-released, .enquiries-form .grn-reg .poi-status-hold-released, .enquiries-form .issue-reg .poi-status-hold-released, .issue-reg-form .po-reg-table .poi-status-hold-released, .issue-reg-form .po-approval-table .poi-status-hold-released, .issue-reg-form .grn-reg .poi-status-hold-released, .issue-reg-form .issue-reg .poi-status-hold-released {
  border: solid 1px #45b400b0;
  color: #45b400b0;
}

/* line 159, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .poi-status-created, #new_content .po-reg-form .po-approval-table .poi-status-created, #new_content .po-reg-form .grn-reg .poi-status-created, #new_content .po-reg-form .issue-reg .poi-status-created, .grn-reg-form .po-reg-table .poi-status-created, .grn-reg-form .po-approval-table .poi-status-created, .grn-reg-form .grn-reg .poi-status-created, .grn-reg-form .issue-reg .poi-status-created, .indent-reg-form .po-reg-table .poi-status-created, .indent-reg-form .po-approval-table .poi-status-created, .indent-reg-form .grn-reg .poi-status-created, .indent-reg-form .issue-reg .poi-status-created, .pending-indent-form .po-reg-table .poi-status-created, .pending-indent-form .po-approval-table .poi-status-created, .pending-indent-form .grn-reg .poi-status-created, .pending-indent-form .issue-reg .poi-status-created, .enquiries-form .po-reg-table .poi-status-created, .enquiries-form .po-approval-table .poi-status-created, .enquiries-form .grn-reg .poi-status-created, .enquiries-form .issue-reg .poi-status-created, .issue-reg-form .po-reg-table .poi-status-created, .issue-reg-form .po-approval-table .poi-status-created, .issue-reg-form .grn-reg .poi-status-created, .issue-reg-form .issue-reg .poi-status-created {
  border: solid 1px #000000;
  color: #000000;
}

/* line 164, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .create-red, #new_content .po-reg-form .po-approval-table .create-red, #new_content .po-reg-form .grn-reg .create-red, #new_content .po-reg-form .issue-reg .create-red, .grn-reg-form .po-reg-table .create-red, .grn-reg-form .po-approval-table .create-red, .grn-reg-form .grn-reg .create-red, .grn-reg-form .issue-reg .create-red, .indent-reg-form .po-reg-table .create-red, .indent-reg-form .po-approval-table .create-red, .indent-reg-form .grn-reg .create-red, .indent-reg-form .issue-reg .create-red, .pending-indent-form .po-reg-table .create-red, .pending-indent-form .po-approval-table .create-red, .pending-indent-form .grn-reg .create-red, .pending-indent-form .issue-reg .create-red, .enquiries-form .po-reg-table .create-red, .enquiries-form .po-approval-table .create-red, .enquiries-form .grn-reg .create-red, .enquiries-form .issue-reg .create-red, .issue-reg-form .po-reg-table .create-red, .issue-reg-form .po-approval-table .create-red, .issue-reg-form .grn-reg .create-red, .issue-reg-form .issue-reg .create-red {
  border: solid 1px #ff0000;
  color: #ff0000;
}

/* line 169, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .create-yellow, #new_content .po-reg-form .po-approval-table .create-yellow, #new_content .po-reg-form .grn-reg .create-yellow, #new_content .po-reg-form .issue-reg .create-yellow, .grn-reg-form .po-reg-table .create-yellow, .grn-reg-form .po-approval-table .create-yellow, .grn-reg-form .grn-reg .create-yellow, .grn-reg-form .issue-reg .create-yellow, .indent-reg-form .po-reg-table .create-yellow, .indent-reg-form .po-approval-table .create-yellow, .indent-reg-form .grn-reg .create-yellow, .indent-reg-form .issue-reg .create-yellow, .pending-indent-form .po-reg-table .create-yellow, .pending-indent-form .po-approval-table .create-yellow, .pending-indent-form .grn-reg .create-yellow, .pending-indent-form .issue-reg .create-yellow, .enquiries-form .po-reg-table .create-yellow, .enquiries-form .po-approval-table .create-yellow, .enquiries-form .grn-reg .create-yellow, .enquiries-form .issue-reg .create-yellow, .issue-reg-form .po-reg-table .create-yellow, .issue-reg-form .po-approval-table .create-yellow, .issue-reg-form .grn-reg .create-yellow, .issue-reg-form .issue-reg .create-yellow {
  border: solid 1px #ff9900;
  color: #ff9900;
}

/* line 174, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .poi-status-approved, #new_content .po-reg-form .po-approval-table .poi-status-approved, #new_content .po-reg-form .grn-reg .poi-status-approved, #new_content .po-reg-form .issue-reg .poi-status-approved, .grn-reg-form .po-reg-table .poi-status-approved, .grn-reg-form .po-approval-table .poi-status-approved, .grn-reg-form .grn-reg .poi-status-approved, .grn-reg-form .issue-reg .poi-status-approved, .indent-reg-form .po-reg-table .poi-status-approved, .indent-reg-form .po-approval-table .poi-status-approved, .indent-reg-form .grn-reg .poi-status-approved, .indent-reg-form .issue-reg .poi-status-approved, .pending-indent-form .po-reg-table .poi-status-approved, .pending-indent-form .po-approval-table .poi-status-approved, .pending-indent-form .grn-reg .poi-status-approved, .pending-indent-form .issue-reg .poi-status-approved, .enquiries-form .po-reg-table .poi-status-approved, .enquiries-form .po-approval-table .poi-status-approved, .enquiries-form .grn-reg .poi-status-approved, .enquiries-form .issue-reg .poi-status-approved, .issue-reg-form .po-reg-table .poi-status-approved, .issue-reg-form .po-approval-table .poi-status-approved, .issue-reg-form .grn-reg .poi-status-approved, .issue-reg-form .issue-reg .poi-status-approved {
  border: solid 1px #28a745;
  color: #28a745;
}

/* line 179, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .poi-status-primary-approved, #new_content .po-reg-form .po-approval-table .poi-status-primary-approved, #new_content .po-reg-form .grn-reg .poi-status-primary-approved, #new_content .po-reg-form .issue-reg .poi-status-primary-approved, .grn-reg-form .po-reg-table .poi-status-primary-approved, .grn-reg-form .po-approval-table .poi-status-primary-approved, .grn-reg-form .grn-reg .poi-status-primary-approved, .grn-reg-form .issue-reg .poi-status-primary-approved, .indent-reg-form .po-reg-table .poi-status-primary-approved, .indent-reg-form .po-approval-table .poi-status-primary-approved, .indent-reg-form .grn-reg .poi-status-primary-approved, .indent-reg-form .issue-reg .poi-status-primary-approved, .pending-indent-form .po-reg-table .poi-status-primary-approved, .pending-indent-form .po-approval-table .poi-status-primary-approved, .pending-indent-form .grn-reg .poi-status-primary-approved, .pending-indent-form .issue-reg .poi-status-primary-approved, .enquiries-form .po-reg-table .poi-status-primary-approved, .enquiries-form .po-approval-table .poi-status-primary-approved, .enquiries-form .grn-reg .poi-status-primary-approved, .enquiries-form .issue-reg .poi-status-primary-approved, .issue-reg-form .po-reg-table .poi-status-primary-approved, .issue-reg-form .po-approval-table .poi-status-primary-approved, .issue-reg-form .grn-reg .poi-status-primary-approved, .issue-reg-form .issue-reg .poi-status-primary-approved {
  border: solid 1px #767a32;
  color: #767a32;
}

/* line 184, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .poi-status-secondary-approved, #new_content .po-reg-form .po-approval-table .poi-status-secondary-approved, #new_content .po-reg-form .grn-reg .poi-status-secondary-approved, #new_content .po-reg-form .issue-reg .poi-status-secondary-approved, .grn-reg-form .po-reg-table .poi-status-secondary-approved, .grn-reg-form .po-approval-table .poi-status-secondary-approved, .grn-reg-form .grn-reg .poi-status-secondary-approved, .grn-reg-form .issue-reg .poi-status-secondary-approved, .indent-reg-form .po-reg-table .poi-status-secondary-approved, .indent-reg-form .po-approval-table .poi-status-secondary-approved, .indent-reg-form .grn-reg .poi-status-secondary-approved, .indent-reg-form .issue-reg .poi-status-secondary-approved, .pending-indent-form .po-reg-table .poi-status-secondary-approved, .pending-indent-form .po-approval-table .poi-status-secondary-approved, .pending-indent-form .grn-reg .poi-status-secondary-approved, .pending-indent-form .issue-reg .poi-status-secondary-approved, .enquiries-form .po-reg-table .poi-status-secondary-approved, .enquiries-form .po-approval-table .poi-status-secondary-approved, .enquiries-form .grn-reg .poi-status-secondary-approved, .enquiries-form .issue-reg .poi-status-secondary-approved, .issue-reg-form .po-reg-table .poi-status-secondary-approved, .issue-reg-form .po-approval-table .poi-status-secondary-approved, .issue-reg-form .grn-reg .poi-status-secondary-approved, .issue-reg-form .issue-reg .poi-status-secondary-approved {
  border: solid 1px #add41e;
  color: #add41e;
}

/* line 189, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .poi-status-unapproved, #new_content .po-reg-form .po-approval-table .poi-status-unapproved, #new_content .po-reg-form .grn-reg .poi-status-unapproved, #new_content .po-reg-form .issue-reg .poi-status-unapproved, .grn-reg-form .po-reg-table .poi-status-unapproved, .grn-reg-form .po-approval-table .poi-status-unapproved, .grn-reg-form .grn-reg .poi-status-unapproved, .grn-reg-form .issue-reg .poi-status-unapproved, .indent-reg-form .po-reg-table .poi-status-unapproved, .indent-reg-form .po-approval-table .poi-status-unapproved, .indent-reg-form .grn-reg .poi-status-unapproved, .indent-reg-form .issue-reg .poi-status-unapproved, .pending-indent-form .po-reg-table .poi-status-unapproved, .pending-indent-form .po-approval-table .poi-status-unapproved, .pending-indent-form .grn-reg .poi-status-unapproved, .pending-indent-form .issue-reg .poi-status-unapproved, .enquiries-form .po-reg-table .poi-status-unapproved, .enquiries-form .po-approval-table .poi-status-unapproved, .enquiries-form .grn-reg .poi-status-unapproved, .enquiries-form .issue-reg .poi-status-unapproved, .issue-reg-form .po-reg-table .poi-status-unapproved, .issue-reg-form .po-approval-table .poi-status-unapproved, .issue-reg-form .grn-reg .poi-status-unapproved, .issue-reg-form .issue-reg .poi-status-unapproved {
  border: solid 1px #cd3b1d;
  color: #cd3b1d;
}

/* line 194, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .poi-status-mailed, #new_content .po-reg-form .po-approval-table .poi-status-mailed, #new_content .po-reg-form .grn-reg .poi-status-mailed, #new_content .po-reg-form .issue-reg .poi-status-mailed, .grn-reg-form .po-reg-table .poi-status-mailed, .grn-reg-form .po-approval-table .poi-status-mailed, .grn-reg-form .grn-reg .poi-status-mailed, .grn-reg-form .issue-reg .poi-status-mailed, .indent-reg-form .po-reg-table .poi-status-mailed, .indent-reg-form .po-approval-table .poi-status-mailed, .indent-reg-form .grn-reg .poi-status-mailed, .indent-reg-form .issue-reg .poi-status-mailed, .pending-indent-form .po-reg-table .poi-status-mailed, .pending-indent-form .po-approval-table .poi-status-mailed, .pending-indent-form .grn-reg .poi-status-mailed, .pending-indent-form .issue-reg .poi-status-mailed, .enquiries-form .po-reg-table .poi-status-mailed, .enquiries-form .po-approval-table .poi-status-mailed, .enquiries-form .grn-reg .poi-status-mailed, .enquiries-form .issue-reg .poi-status-mailed, .issue-reg-form .po-reg-table .poi-status-mailed, .issue-reg-form .po-approval-table .poi-status-mailed, .issue-reg-form .grn-reg .poi-status-mailed, .issue-reg-form .issue-reg .poi-status-mailed {
  border: solid 1px #4c72a8;
  color: #4c72a8;
}

/* line 199, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .poi-status-acknowledged, #new_content .po-reg-form .po-approval-table .poi-status-acknowledged, #new_content .po-reg-form .grn-reg .poi-status-acknowledged, #new_content .po-reg-form .issue-reg .poi-status-acknowledged, .grn-reg-form .po-reg-table .poi-status-acknowledged, .grn-reg-form .po-approval-table .poi-status-acknowledged, .grn-reg-form .grn-reg .poi-status-acknowledged, .grn-reg-form .issue-reg .poi-status-acknowledged, .indent-reg-form .po-reg-table .poi-status-acknowledged, .indent-reg-form .po-approval-table .poi-status-acknowledged, .indent-reg-form .grn-reg .poi-status-acknowledged, .indent-reg-form .issue-reg .poi-status-acknowledged, .pending-indent-form .po-reg-table .poi-status-acknowledged, .pending-indent-form .po-approval-table .poi-status-acknowledged, .pending-indent-form .grn-reg .poi-status-acknowledged, .pending-indent-form .issue-reg .poi-status-acknowledged, .enquiries-form .po-reg-table .poi-status-acknowledged, .enquiries-form .po-approval-table .poi-status-acknowledged, .enquiries-form .grn-reg .poi-status-acknowledged, .enquiries-form .issue-reg .poi-status-acknowledged, .issue-reg-form .po-reg-table .poi-status-acknowledged, .issue-reg-form .po-approval-table .poi-status-acknowledged, .issue-reg-form .grn-reg .poi-status-acknowledged, .issue-reg-form .issue-reg .poi-status-acknowledged {
  border: solid 1px #235aa8;
  color: #235aa8;
}

/* line 204, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .poi-status-amended, #new_content .po-reg-form .po-approval-table .poi-status-amended, #new_content .po-reg-form .grn-reg .poi-status-amended, #new_content .po-reg-form .issue-reg .poi-status-amended, .grn-reg-form .po-reg-table .poi-status-amended, .grn-reg-form .po-approval-table .poi-status-amended, .grn-reg-form .grn-reg .poi-status-amended, .grn-reg-form .issue-reg .poi-status-amended, .indent-reg-form .po-reg-table .poi-status-amended, .indent-reg-form .po-approval-table .poi-status-amended, .indent-reg-form .grn-reg .poi-status-amended, .indent-reg-form .issue-reg .poi-status-amended, .pending-indent-form .po-reg-table .poi-status-amended, .pending-indent-form .po-approval-table .poi-status-amended, .pending-indent-form .grn-reg .poi-status-amended, .pending-indent-form .issue-reg .poi-status-amended, .enquiries-form .po-reg-table .poi-status-amended, .enquiries-form .po-approval-table .poi-status-amended, .enquiries-form .grn-reg .poi-status-amended, .enquiries-form .issue-reg .poi-status-amended, .issue-reg-form .po-reg-table .poi-status-amended, .issue-reg-form .po-approval-table .poi-status-amended, .issue-reg-form .grn-reg .poi-status-amended, .issue-reg-form .issue-reg .poi-status-amended {
  border: solid 1px #cd3b1d;
  color: #cd3b1d;
}

/* line 209, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .poi-status-cancelled, #new_content .po-reg-form .po-approval-table .poi-status-cancelled, #new_content .po-reg-form .grn-reg .poi-status-cancelled, #new_content .po-reg-form .issue-reg .poi-status-cancelled, .grn-reg-form .po-reg-table .poi-status-cancelled, .grn-reg-form .po-approval-table .poi-status-cancelled, .grn-reg-form .grn-reg .poi-status-cancelled, .grn-reg-form .issue-reg .poi-status-cancelled, .indent-reg-form .po-reg-table .poi-status-cancelled, .indent-reg-form .po-approval-table .poi-status-cancelled, .indent-reg-form .grn-reg .poi-status-cancelled, .indent-reg-form .issue-reg .poi-status-cancelled, .pending-indent-form .po-reg-table .poi-status-cancelled, .pending-indent-form .po-approval-table .poi-status-cancelled, .pending-indent-form .grn-reg .poi-status-cancelled, .pending-indent-form .issue-reg .poi-status-cancelled, .enquiries-form .po-reg-table .poi-status-cancelled, .enquiries-form .po-approval-table .poi-status-cancelled, .enquiries-form .grn-reg .poi-status-cancelled, .enquiries-form .issue-reg .poi-status-cancelled, .issue-reg-form .po-reg-table .poi-status-cancelled, .issue-reg-form .po-approval-table .poi-status-cancelled, .issue-reg-form .grn-reg .poi-status-cancelled, .issue-reg-form .issue-reg .poi-status-cancelled {
  border: solid 1px #cd3b1d;
  color: #cd3b1d;
}

/* line 214, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .poi-status-deleted, #new_content .po-reg-form .po-approval-table .poi-status-deleted, #new_content .po-reg-form .grn-reg .poi-status-deleted, #new_content .po-reg-form .issue-reg .poi-status-deleted, .grn-reg-form .po-reg-table .poi-status-deleted, .grn-reg-form .po-approval-table .poi-status-deleted, .grn-reg-form .grn-reg .poi-status-deleted, .grn-reg-form .issue-reg .poi-status-deleted, .indent-reg-form .po-reg-table .poi-status-deleted, .indent-reg-form .po-approval-table .poi-status-deleted, .indent-reg-form .grn-reg .poi-status-deleted, .indent-reg-form .issue-reg .poi-status-deleted, .pending-indent-form .po-reg-table .poi-status-deleted, .pending-indent-form .po-approval-table .poi-status-deleted, .pending-indent-form .grn-reg .poi-status-deleted, .pending-indent-form .issue-reg .poi-status-deleted, .enquiries-form .po-reg-table .poi-status-deleted, .enquiries-form .po-approval-table .poi-status-deleted, .enquiries-form .grn-reg .poi-status-deleted, .enquiries-form .issue-reg .poi-status-deleted, .issue-reg-form .po-reg-table .poi-status-deleted, .issue-reg-form .po-approval-table .poi-status-deleted, .issue-reg-form .grn-reg .poi-status-deleted, .issue-reg-form .issue-reg .poi-status-deleted {
  border: solid 1px #cd3b1d;
  color: #cd3b1d;
}

/* line 219, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .poi-status-sc, #new_content .po-reg-form .po-approval-table .poi-status-sc, #new_content .po-reg-form .grn-reg .poi-status-sc, #new_content .po-reg-form .issue-reg .poi-status-sc, .grn-reg-form .po-reg-table .poi-status-sc, .grn-reg-form .po-approval-table .poi-status-sc, .grn-reg-form .grn-reg .poi-status-sc, .grn-reg-form .issue-reg .poi-status-sc, .indent-reg-form .po-reg-table .poi-status-sc, .indent-reg-form .po-approval-table .poi-status-sc, .indent-reg-form .grn-reg .poi-status-sc, .indent-reg-form .issue-reg .poi-status-sc, .pending-indent-form .po-reg-table .poi-status-sc, .pending-indent-form .po-approval-table .poi-status-sc, .pending-indent-form .grn-reg .poi-status-sc, .pending-indent-form .issue-reg .poi-status-sc, .enquiries-form .po-reg-table .poi-status-sc, .enquiries-form .po-approval-table .poi-status-sc, .enquiries-form .grn-reg .poi-status-sc, .enquiries-form .issue-reg .poi-status-sc, .issue-reg-form .po-reg-table .poi-status-sc, .issue-reg-form .po-approval-table .poi-status-sc, .issue-reg-form .grn-reg .poi-status-sc, .issue-reg-form .issue-reg .poi-status-sc {
  border: solid 1px #cd3b1d;
  color: #cd3b1d;
}

/* line 224, app/assets/stylesheets/new_styles/po_reg.scss */
#new_content .po-reg-form .po-reg-table .poi-status-gm, #new_content .po-reg-form .po-approval-table .poi-status-gm, #new_content .po-reg-form .grn-reg .poi-status-gm, #new_content .po-reg-form .issue-reg .poi-status-gm, .grn-reg-form .po-reg-table .poi-status-gm, .grn-reg-form .po-approval-table .poi-status-gm, .grn-reg-form .grn-reg .poi-status-gm, .grn-reg-form .issue-reg .poi-status-gm, .indent-reg-form .po-reg-table .poi-status-gm, .indent-reg-form .po-approval-table .poi-status-gm, .indent-reg-form .grn-reg .poi-status-gm, .indent-reg-form .issue-reg .poi-status-gm, .pending-indent-form .po-reg-table .poi-status-gm, .pending-indent-form .po-approval-table .poi-status-gm, .pending-indent-form .grn-reg .poi-status-gm, .pending-indent-form .issue-reg .poi-status-gm, .enquiries-form .po-reg-table .poi-status-gm, .enquiries-form .po-approval-table .poi-status-gm, .enquiries-form .grn-reg .poi-status-gm, .enquiries-form .issue-reg .poi-status-gm, .issue-reg-form .po-reg-table .poi-status-gm, .issue-reg-form .po-approval-table .poi-status-gm, .issue-reg-form .grn-reg .poi-status-gm, .issue-reg-form .issue-reg .poi-status-gm {
  border: solid 1px #19672b;
  color: #19672b;
}

/* line 231, app/assets/stylesheets/new_styles/po_reg.scss */
.tooltip {
  position: relative;
  display: inline-block;
}

/* line 236, app/assets/stylesheets/new_styles/po_reg.scss */
.tooltip .tooltip-text {
  display: none;
  width: 200px;
  background-color: #fff;
  border: 4px solid #17A2B8;
  color: #333;
  border-radius: 8px;
  padding: 10px;
  position: absolute;
  z-index: 10;
  top: -50%;
  left: 115%;
  opacity: 0;
  transition: opacity 0.3s;
  box-shadow: -1px 0px 30px 0px #555;
}

/* line 253, app/assets/stylesheets/new_styles/po_reg.scss */
.tooltip .tooltip-text::after {
  content: "";
  position: absolute;
  top: 10px;
  left: -20px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent #17A2B8 transparent transparent;
}

/* line 263, app/assets/stylesheets/new_styles/po_reg.scss */
.tooltip:hover .tooltip-text {
  display: inline-block;
  opacity: 1;
}

/* line 268, app/assets/stylesheets/new_styles/po_reg.scss */
.tooltip .question-mark {
  font-weight: 900;
  margin-left: 2px;
  color: #19a1b7;
}

@media (max-width: 768px) {
  /* line 275, app/assets/stylesheets/new_styles/po_reg.scss */
  .flash-wrapper {
    width: 90%;
  }
  /* line 279, app/assets/stylesheets/new_styles/po_reg.scss */
  .alert {
    min-width: 100%;
  }
  /* line 283, app/assets/stylesheets/new_styles/po_reg.scss */
  .po-reg {
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 289, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-item-name {
    word-break: break-all;
  }
  /* line 293, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .header {
    margin-top: 20px;
  }
  /* line 296, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .header .float-left {
    padding-top: 20px;
  }
  /* line 301, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .item-header {
    font-size: 20px;
  }
  /* line 305, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .paginate {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  /* line 310, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .material-icons {
    font-size: 16px;
  }
  /* line 314, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-reg-table, #new_content .po-reg-form .po-approval-table {
    table-layout: fixed;
    width: 100%;
  }
  /* line 318, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-reg-table tbody tr, #new_content .po-reg-form .po-approval-table tbody tr {
    height: 30px;
  }
  /* line 322, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-reg-table td, #new_content .po-reg-form .po-approval-table td {
    padding: 2px;
    font-size: 12px;
  }
  /* line 327, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-reg-table th, #new_content .po-reg-form .po-approval-table th {
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #504d4d;
  }
  /* line 334, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-reg-table .warehouse, #new_content .po-reg-form .po-reg-table .approval-warehouse, #new_content .po-reg-form .po-approval-table .warehouse, #new_content .po-reg-form .po-approval-table .approval-warehouse {
    width: 12%;
    word-break: break-all;
  }
  /* line 339, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-reg-table .item-name, #new_content .po-reg-form .po-approval-table .item-name {
    width: 23%;
    word-break: break-all;
  }
  /* line 344, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-reg-table .po-no, #new_content .po-reg-form .po-approval-table .po-no {
    width: 12%;
    word-break: break-all;
  }
  /* line 349, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-reg-table .po-date, #new_content .po-reg-form .po-approval-table .po-date {
    width: 15%;
    word-break: break-all;
  }
  /* line 354, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-reg-table .po-date-search, #new_content .po-reg-form .po-reg-table .status-search, #new_content .po-reg-form .po-approval-table .po-date-search, #new_content .po-reg-form .po-approval-table .status-search {
    height: 35px;
  }
  /* line 358, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-reg-table .by, #new_content .po-reg-form .po-approval-table .by {
    width: 18%;
  }
  /* line 361, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-reg-table .by .fs-wrap, #new_content .po-reg-form .po-approval-table .by .fs-wrap {
    position: relative !important;
  }
  /* line 365, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-reg-table .by .fs-dropdown:last-of-type, #new_content .po-reg-form .po-approval-table .by .fs-dropdown:last-of-type {
    right: 0 !important;
  }
  /* line 370, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-reg-table .status, #new_content .po-reg-form .po-reg-table .qty, #new_content .po-reg-form .po-reg-table .approval-qty, #new_content .po-reg-form .po-approval-table .status, #new_content .po-reg-form .po-approval-table .qty, #new_content .po-reg-form .po-approval-table .approval-qty {
    width: 14%;
    word-break: break-all;
  }
  /* line 375, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-reg-table .actions, #new_content .po-reg-form .po-approval-table .actions {
    width: 6% !important;
    padding-bottom: 50px;
    word-break: break-all;
  }
  /* line 382, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-reg-table .action .nav-link, #new_content .po-reg-form .po-approval-table .action .nav-link {
    width: 15px;
    -webkit-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
  }
  /* line 390, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-reg-table .action .dropdown-menu, #new_content .po-reg-form .po-approval-table .action .dropdown-menu {
    top: 0 !important;
    left: 0 !important;
  }
  /* line 395, app/assets/stylesheets/new_styles/po_reg.scss */
  #new_content .po-reg-form .po-reg-table .action .dropdown-menu-right, #new_content .po-reg-form .po-approval-table .action .dropdown-menu-right {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }
  /* line 406, app/assets/stylesheets/new_styles/po_reg.scss */
  .drp-buttons {
    text-align: center !important;
  }
  /* line 409, app/assets/stylesheets/new_styles/po_reg.scss */
  .drp-buttons .drp-selected {
    padding-right: 0 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  /* line 417, app/assets/stylesheets/new_styles/po_reg.scss */
  .daterangepicker.opensright:before {
    left: 80px !important;
  }
  /* line 421, app/assets/stylesheets/new_styles/po_reg.scss */
  .daterangepicker.opensright:after {
    left: 80px !important;
  }
}

/* PO STATUS MODAL STYLES */
/* Set a background color */
/* line 430, app/assets/stylesheets/new_styles/po_reg.scss */
#po_status_modal .modal-body, #bill_status_modal .modal-body {
  background-color: #17A2B8;
  font-family: Helvetica, sans-serif;
  padding: 0;
  /* The actual timeline (the vertical ruler) */
  /* Container around content */
  /* The circles on the timeline */
  /* Place the container to the left */
  /* Place the container to the right */
  /* Add arrows to the left container (pointing right) */
  /* Add arrows to the right container (pointing left) */
  /* Fix the circle for containers on the right side */
  /* The actual content */
}

/* line 435, app/assets/stylesheets/new_styles/po_reg.scss */
#po_status_modal .modal-body .timeline, #bill_status_modal .modal-body .timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* line 442, app/assets/stylesheets/new_styles/po_reg.scss */
#po_status_modal .modal-body .timeline::after, #bill_status_modal .modal-body .timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* line 454, app/assets/stylesheets/new_styles/po_reg.scss */
#po_status_modal .modal-body .container, #bill_status_modal .modal-body .container {
  padding: 18px 22px;
  position: relative;
  background-color: inherit;
  width: 50%;
  margin: auto 0;
}

/* line 463, app/assets/stylesheets/new_styles/po_reg.scss */
#po_status_modal .modal-body .container::after, #bill_status_modal .modal-body .container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -13px;
  background-color: white;
  border: 4px solid #FF9F55;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* line 477, app/assets/stylesheets/new_styles/po_reg.scss */
#po_status_modal .modal-body .left, #bill_status_modal .modal-body .left {
  left: 0;
}

/* line 482, app/assets/stylesheets/new_styles/po_reg.scss */
#po_status_modal .modal-body .right, #bill_status_modal .modal-body .right {
  left: 50%;
}

/* line 487, app/assets/stylesheets/new_styles/po_reg.scss */
#po_status_modal .modal-body .left::before, #bill_status_modal .modal-body .left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 16px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

/* line 501, app/assets/stylesheets/new_styles/po_reg.scss */
#po_status_modal .modal-body .right::before, #bill_status_modal .modal-body .right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 16px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

/* line 515, app/assets/stylesheets/new_styles/po_reg.scss */
#po_status_modal .modal-body .right::after, #bill_status_modal .modal-body .right::after {
  left: -13px;
}

/* line 520, app/assets/stylesheets/new_styles/po_reg.scss */
#po_status_modal .modal-body .content, #bill_status_modal .modal-body .content {
  padding: 13px 26px;
  background-color: white;
  position: relative;
  border-radius: 6px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  /* line 531, app/assets/stylesheets/new_styles/po_reg.scss */
  #po_status_modal, #bill_status_modal {
    /* Full-width containers */
    /* Make sure that all arrows are pointing leftwards */
    /* Make sure all circles are at the same spot */
    /* Make all right containers behave like the left ones */
  }
  /* line 532, app/assets/stylesheets/new_styles/po_reg.scss */
  #po_status_modal .timeline::after, #bill_status_modal .timeline::after {
    left: 31px;
  }
  /* line 537, app/assets/stylesheets/new_styles/po_reg.scss */
  #po_status_modal .container, #bill_status_modal .container {
    padding: 8px !important;
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }
  /* line 545, app/assets/stylesheets/new_styles/po_reg.scss */
  #po_status_modal .container::before, #bill_status_modal .container::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }
  /* line 553, app/assets/stylesheets/new_styles/po_reg.scss */
  #po_status_modal .left::after, #po_status_modal .right::after, #bill_status_modal .left::after, #bill_status_modal .right::after {
    left: 158px;
  }
  /* line 558, app/assets/stylesheets/new_styles/po_reg.scss */
  #po_status_modal .right, #bill_status_modal .right {
    left: 0%;
  }
}

/* line 565, app/assets/stylesheets/new_styles/po_reg.scss */
#po_status_modal .modal-header, #po_status_modal .modal-footer, #bill_status_modal .modal-header, #bill_status_modal .modal-footer {
  padding: 16px;
}
/* line 3, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section {
  margin-top: 61px;
}

/* line 6, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-item-name {
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
}

/* line 12, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-report-table thead tr, #new_content .stockledger-section .stockledger-report-table tbody tr {
  height: auto;
}

/* line 16, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-report-table thead tr th {
  padding-bottom: 8px;
}

/* line 20, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-report-table {
  margin-top: 50px;
  width: 100%;
}

/* line 24, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-report-table .date {
  width: 8%;
}

/* line 28, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-report-table .nature {
  width: 10%;
}

/* line 32, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-report-table .in {
  width: 5%;
}

/* line 36, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-report-table .out {
  width: 5%;
}

/* line 40, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-report-table .rate {
  width: 8%;
}

/* line 44, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-report-table .location {
  width: 8%;
}

/* line 48, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-report-table .costcentre {
  width: 14%;
}

/* line 52, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-report-table .cf {
  width: 6%;
}

/* line 56, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-report-table .issued-to {
  width: 10%;
}

/* line 60, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-report-table .stock {
  width: 6%;
}

/* line 64, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-report-table .ref {
  width: 14%;
}

/* line 68, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-report-table .edit {
  width: 3%;
}

/* line 73, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .edit-stockledger {
  color: #178294;
  font-size: 18px;
}

/* line 78, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section input {
  margin-bottom: 8px;
}

/* line 82, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .head {
  padding: 10px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

/* line 87, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-start-date, #new_content .stockledger-section .stockledger-end-date {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
}

/* line 96, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-report-name {
  -webkit-appearance: menulist;
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 6px 16px;
  font-size: 14px;
  background-color: #FFFFFF;
}

/* line 107, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .stockledger-report-name option {
  font-size: 14px;
  font-weight: normal;
}

/* line 113, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .report-date-range {
  width: 100%;
}

/* line 117, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section label {
  margin-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #868e96;
}

/* line 128, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section #date_range_picker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: -0.2px;
  width: 100%;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #138294;
  padding: 5px;
  vertical-align: middle;
  display: inline-block;
}

/* line 141, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .generate-stockledger-report {
  background-color: #17a2b8;
  float: right;
  margin-right: 50px;
  margin-top: 14px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 30px;
  border-radius: 3px;
  border: 1px solid #155a65;
  cursor: pointer;
  letter-spacing: 0.7px;
}

/* line 155, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .stockledger-section .generate-stockledger-report:hover {
  background-color: #138294;
}

@media (max-width: 768px) {
  /* line 3, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section {
    margin-top: 50px;
    padding: 5px;
  }
  /* line 164, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section label {
    font-size: 12px;
  }
  /* line 168, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section .stockledger-start-date, #new_content .stockledger-section .stockledger-end-date {
    height: auto;
  }
  /* line 172, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section .stockledger-warehouse {
    height: auto;
    padding: 3px;
    font-size: 14px;
  }
  /* line 178, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section .generate-stockledger-report {
    margin: 3px;
    padding: 1px 3px;
  }
  /* line 183, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section .stockledger-item-name {
    font-size: 14px;
    margin-top: 10px;
  }
  /* line 188, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section .head {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
  }
  /* line 194, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section .stock-details {
    margin-top: 7px;
    padding: 0;
  }
  /* line 199, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section legend {
    font-size: 14px;
  }
  /* line 203, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section input {
    margin-bottom: 5px;
    padding: 3px;
    font-size: 14px;
  }
  /* line 209, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section .stockledger-report-table {
    table-layout: fixed;
    width: 100%;
    margin-top: 12px;
  }
  /* line 214, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section .stockledger-report-table tbody tr {
    height: 30px;
  }
  /* line 218, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section .stockledger-report-table td {
    padding: 2px;
    font-size: 12px;
  }
  /* line 223, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section .stockledger-report-table th {
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #504d4d;
  }
  /* line 230, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section .stockledger-report-table .date {
    width: 17%;
  }
  /* line 234, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section .stockledger-report-table .nature {
    width: 17%;
  }
  /* line 238, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section .stockledger-report-table .in {
    width: 16%;
  }
  /* line 242, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section .stockledger-report-table .out {
    width: 16%;
  }
  /* line 246, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section .stockledger-report-table .rate {
    width: 17%;
  }
  /* line 250, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section .stockledger-report-table .stock {
    width: 17%;
  }
  /* line 254, app/assets/stylesheets/new_styles/stockledger.scss */
  #new_content .stockledger-section .stockledger-report-table .stock-text {
    word-break: break-all;
  }
}

/* line 261, app/assets/stylesheets/new_styles/stockledger.scss */
.stockledger-edit-form {
  margin-top: 65px;
}

/* line 264, app/assets/stylesheets/new_styles/stockledger.scss */
.stockledger-edit-form h3 {
  margin-left: -1rem;
}

/* line 269, app/assets/stylesheets/new_styles/stockledger.scss */
.stockledger-edit-submit {
  background-color: #178294;
  color: #f0f0f0;
  padding: 9px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  background-color: #178294;
}

/* line 278, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .item-summary-form {
  margin-top: 65px;
}

/* line 281, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .item-summary-form .refresh-button {
  border: 1px solid;
  padding: 2px 5px;
  margin-left: 15px;
}

/* line 287, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .item-summary-form .item-summary-start-date, #new_content .item-summary-form .item-summary-end-date {
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
}

/* line 295, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .item-summary-form .item-summary-table {
  margin-top: 20px;
}

/* line 299, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .item-summary-form .item-summary-table thead tr {
  height: auto;
}

/* line 302, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .item-summary-form .item-summary-table thead tr th {
  padding: 5px !important;
}

/* line 308, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .item-summary-form .item-summary-table tbody tr {
  height: auto;
}

/* line 312, app/assets/stylesheets/new_styles/stockledger.scss */
#new_content .item-summary-form .item-summary-table .item-summary-stockledger-btn {
  padding: 1px 10px;
}

/* line 318, app/assets/stylesheets/new_styles/stockledger.scss */
.stock-transfer-action-btns {
  margin-top: 15px;
}
/* line 3, app/assets/stylesheets/new_styles/job_indents.scss */
.job_indent-quantity-error {
  position: absolute;
  bottom: -3px;
  left: 0px;
}

/* line 9, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 12, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent select {
  -moz-appearance: menulist;
  /* Firefox */
  -webkit-appearance: menulist;
  /* Safari and Chrome */
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 37px;
  width: 100%;
  font-size: 14px;
  padding-left: 16px;
}

/* line 24, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .main-form {
  margin-bottom: 100px;
}

/* line 28, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .header {
  border-bottom: solid 1px #979797;
  min-height: 69px;
}

/* line 32, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .header div {
  opacity: 0.9;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #212529;
}

/* line 41, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-details {
  margin-top: 26px;
}

/* line 44, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-details div {
  width: 220px;
  display: inline-block;
}

/* line 48, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-details div .job-indent-date {
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  width: 100%;
  font-size: 14px;
  padding-left: 16px;
  margin-top: 3px;
}

/* line 59, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-details div:last-child span {
  margin-right: 0;
}

/* line 63, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-details div span {
  display: block;
  margin-right: 10px;
}

/* line 67, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-details div span:first-child {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.7px;
  color: #212529;
}

/* line 74, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-details div span:last-child select {
  -moz-appearance: menulist;
  /* Firefox */
  -webkit-appearance: menulist;
  /* Safari and Chrome */
  margin-top: 3px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 40px;
  width: 100%;
  font-size: 14px;
  padding-left: 16px;
}

/* line 90, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-create-details {
  table-layout: fixed;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 20px;
}

/* line 96, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-create-details .attached-indent-files {
  color: #17a2b8;
  cursor: pointer;
  font-size: 12px;
}

/* line 102, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-create-details .job-indent-file-input {
  border: none;
}

/* line 107, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-create-details thead tr {
  background-color: #FFFFFF;
  height: 39px;
}

/* line 111, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-create-details thead tr th {
  padding: 0;
}

/* line 118, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-create-details tbody tr {
  background-color: #FFFFFF;
  border-bottom: solid 1px #e9e9e9;
}

/* line 122, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-create-details tbody tr td {
  padding: 3px;
}

/* line 125, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-create-details tbody tr td .attached {
  color: #17a2b8 !important;
}

/* line 129, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-create-details tbody tr td .attachment {
  position: relative;
  line-height: 0;
  width: 24px;
}

/* line 134, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-create-details tbody tr td .attachment label {
  line-height: 0;
  cursor: pointer;
  margin-bottom: 0;
}

/* line 139, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-create-details tbody tr td .attachment label .attachment-icon {
  color: #868e96;
}

/* line 144, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-create-details tbody tr td .attachment input {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
}

/* line 154, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-create-details tbody tr td input {
  width: 100%;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 37px;
  padding-left: 10px;
}

/* line 164, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-create-details tbody tr .remove-job-indent {
  color: #dc3545;
  cursor: pointer;
  margin-top: 8px;
}

/* line 173, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .add-another-job-indent {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #17a2b8;
}

/* line 180, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .create-job-indent-btn {
  background-color: #17A2B8;
  color: #FFFFFF;
  box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.15);
  min-width: 229px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  padding: 14px;
  border-radius: 3px;
  cursor: pointer;
  border: none;
}

/* line 194, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .create-job-indent-btn:hover {
  background-color: #178899;
}

/* line 199, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .job-indent-attachment-name {
  border: 1px solid #a29b9b;
  padding: 5px 2px 0px 2px;
  display: inline-block;
  margin: auto;
  border-radius: 8px;
  background-color: #f1f0f0;
}

/* line 208, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .create-job-indent .remove-job-indent-attachment {
  color: red;
  font-size: 18px;
  cursor: pointer;
}

/* line 216, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list {
  width: 100%;
}

/* line 219, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .white-bg {
  background-color: #ffffff;
}

/* line 223, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .grey-bg {
  background-color: #f5f1f1;
}

/* line 227, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .check-box {
  width: 3%;
}

/* line 231, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .warehouse {
  width: 8%;
}

/* line 235, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .no {
  width: 8%;
}

/* line 239, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .date {
  width: 7%;
}

/* line 243, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .title {
  width: 10%;
  padding-bottom: 50px;
}

/* line 248, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .desc {
  width: 18%;
  padding-bottom: 50px;
}

/* line 253, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .qty {
  width: 5%;
  padding-bottom: 50px;
}

/* line 258, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .unit {
  width: 5%;
  padding-bottom: 50px;
}

/* line 263, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .department {
  width: 6%;
}

/* line 267, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .req-by {
  width: 6%;
}

/* line 271, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .by {
  width: 6%;
}

/* line 275, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .remarks {
  width: 8%;
  padding-bottom: 50px;
}

/* line 280, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .attached {
  width: 5%;
  padding-bottom: 50px;
}

/* line 285, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .actions {
  width: 5%;
}

/* line 289, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .selected-row {
  background-color: #e2f2f5 !important;
}

/* line 293, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-list .job-indent-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 306, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .poi-status {
  border-radius: 12px;
  border: #095bcc 1px solid;
  padding: 1px 8px;
  font-size: 10px;
  letter-spacing: 0.5px;
  display: inline-block;
  margin-bottom: 2px;
  text-transform: uppercase;
}

/* line 317, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .poi-status-hold {
  border: solid 1px #ffbf00;
  color: #ffbf00;
}

/* line 322, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .poi-status-hold-released {
  border: solid 1px #45b400b0;
  color: #45b400b0;
}

/* line 327, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .poi-status-created {
  border: solid 1px #000000;
  color: #000000;
}

/* line 332, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .create-red {
  border: solid 1px #ff0000;
  color: #ff0000;
}

/* line 337, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .create-yellow {
  border: solid 1px #ff9900;
  color: #ff9900;
}

/* line 342, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .poi-status-approved {
  border: solid 1px #28a745;
  color: #28a745;
}

/* line 347, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .poi-status-primary-approved {
  border: solid 1px #767a32;
  color: #767a32;
}

/* line 352, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .poi-status-secondary-approved {
  border: solid 1px #add41e;
  color: #add41e;
}

/* line 357, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .poi-status-unapproved {
  border: solid 1px #cd3b1d;
  color: #cd3b1d;
}

/* line 362, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .poi-status-mailed {
  border: solid 1px #4c72a8;
  color: #4c72a8;
}

/* line 367, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .poi-status-acknowledged {
  border: solid 1px #235aa8;
  color: #235aa8;
}

/* line 372, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .poi-status-amended {
  border: solid 1px #cd3b1d;
  color: #cd3b1d;
}

/* line 377, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .poi-status-cancelled {
  border: solid 1px #cd3b1d;
  color: #cd3b1d;
}

/* line 382, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .poi-status-deleted {
  border: solid 1px #cd3b1d;
  color: #cd3b1d;
}

/* line 387, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .poi-status-sc {
  border: solid 1px #cd3b1d;
  color: #cd3b1d;
}

/* line 392, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .poi-status-gm {
  border: solid 1px #19672b;
  color: #19672b;
}

/* line 397, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list {
  width: 100%;
}

/* line 400, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list .white-bg {
  background-color: #ffffff;
}

/* line 404, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list .grey-bg {
  background-color: #f5f1f1;
}

/* line 408, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list .check-box {
  width: 3%;
}

/* line 412, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list .warehouse {
  width: 9%;
}

/* line 416, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list .no {
  width: 8%;
}

/* line 420, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list .date {
  width: 8%;
}

/* line 424, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list .title {
  width: 12%;
  padding-bottom: 50px;
}

/* line 429, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list .desc {
  width: 15%;
  padding-bottom: 50px;
}

/* line 434, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list .qty {
  width: 6%;
  padding-bottom: 50px;
}

/* line 439, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list .unit {
  width: 6%;
  padding-bottom: 50px;
}

/* line 444, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list .req-by {
  width: 8%;
}

/* line 448, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list .by {
  width: 7%;
}

/* line 452, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list .rfq {
  width: 8%;
  padding-bottom: 50px;
}

/* line 457, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list .vendor-count {
  width: 5%;
  padding-bottom: 50px;
}

/* line 462, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list .actions {
  width: 5%;
}

/* line 466, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list .selected-row {
  background-color: #e2f2f5 !important;
}

/* line 470, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .job-indent-pending-list .job-indent-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 483, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .indent-list-action-btns {
  margin-top: 20px;
}

/* line 487, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .indent-list-bulk-action {
  width: 160px;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #17a2b8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: 0.7px;
  text-align: center;
  color: #138294;
  background-color: #ffffff;
  margin-right: 10px;
  cursor: pointer;
}

/* line 505, app/assets/stylesheets/new_styles/job_indents.scss */
#new_content .job-indent-list-form .indent-list-bulk-action:hover {
  background-color: #138294;
  color: #ffffff;
}

/* line 512, app/assets/stylesheets/new_styles/job_indents.scss */
.item-header {
  color: #000000;
  text-decoration: none;
}

/* line 516, app/assets/stylesheets/new_styles/job_indents.scss */
.item-header:hover {
  color: #000000;
  text-decoration: none;
}

/* line 522, app/assets/stylesheets/new_styles/job_indents.scss */
.vendor-scope-textarea, .customer-scope-textarea {
  background-color: #fbfbfb;
  border: 1px solid #9d9d9d;
  padding-left: 5px;
  border-radius: 3px;
  width: 100%;
  height: 48px;
  padding-top: 9px;
  line-height: 1.2;
  margin-top: 0px;
  margin-bottom: 15px;
}

/* line 536, app/assets/stylesheets/new_styles/job_indents.scss */
.add-another-customer-scope, .add-another-vendor-scope, .add-another-tnc {
  font-size: 14px;
  color: #178294;
}

/* line 541, app/assets/stylesheets/new_styles/job_indents.scss */
.remove-vendor-scope, .remove-customer-scope, .remove-tnc-row {
  color: red;
  cursor: pointer;
  position: relative;
  top: 15px;
}

/* line 548, app/assets/stylesheets/new_styles/job_indents.scss */
.terms-head-textbox {
  height: 35px;
  background-color: #fbfbfb;
  border: solid 1px #9d9d9d;
  padding-left: 5px;
  border-radius: 3px;
  width: 100%;
}

/* line 557, app/assets/stylesheets/new_styles/job_indents.scss */
.work-order-quote-btn {
  background-color: #17A2B8;
  color: #FFFFFF;
  box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.15);
  min-width: 229px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  padding: 14px;
  border-radius: 3px;
  cursor: pointer;
  border: none;
}

/* line 571, app/assets/stylesheets/new_styles/job_indents.scss */
.work-order-quote-btn:hover {
  background-color: #178899;
}

/* line 576, app/assets/stylesheets/new_styles/job_indents.scss */
.vendor-scope-details, .customer-scope-details, .terms-and-conditions-details {
  margin-top: 15px;
}

/* line 580, app/assets/stylesheets/new_styles/job_indents.scss */
.scope-sub-header {
  opacity: 0.9;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -0.4px;
  color: #212529;
  line-height: 1;
  margin-left: 10px;
}

/* line 592, app/assets/stylesheets/new_styles/job_indents.scss */
.scope-term-list li {
  font-size: 14px;
}

/* line 597, app/assets/stylesheets/new_styles/job_indents.scss */
.work-order-rfq-attachment {
  display: inline-block;
  vertical-align: middle;
}

/* line 602, app/assets/stylesheets/new_styles/job_indents.scss */
.wo-remark-textarea {
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 8px 12px;
}

/* line 609, app/assets/stylesheets/new_styles/job_indents.scss */
.job-indent-remark-textarea {
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  width: 100%;
}

/* line 616, app/assets/stylesheets/new_styles/job_indents.scss */
.bottom-space {
  padding-bottom: 50px !important;
}

/* line 620, app/assets/stylesheets/new_styles/job_indents.scss */
.create-wrn-btn {
  background-color: #17A2B8;
  color: #FFFFFF;
  box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.15);
  min-width: 229px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  padding: 14px;
  border-radius: 3px;
  cursor: pointer;
  border: none;
}

/* line 634, app/assets/stylesheets/new_styles/job_indents.scss */
.create-wrn-btn:hover {
  background-color: #178899;
}

/* line 639, app/assets/stylesheets/new_styles/job_indents.scss */
.scope-tnc-block {
  margin-top: 40px;
}
/* line 5, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .header div {
  padding-top: 0;
}

/* line 9, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .header .float-left {
  padding-top: 26px;
}

/* line 14, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg {
  width: 100%;
}

/* line 17, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .indent-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 29, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .white-bg {
  background-color: #ffffff;
}

/* line 33, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .grey-bg {
  background-color: #f5f1f1;
}

/* line 37, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .check-box {
  width: 3%;
}

/* line 41, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .warehouse {
  width: 8%;
}

/* line 45, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .indent-no {
  width: 7%;
}

/* line 49, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .item {
  width: 12%;
}

/* line 53, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .brand {
  width: 5%;
  padding-bottom: 50px;
}

/* line 58, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .qty {
  width: 7%;
  padding-bottom: 50px;
}

/* line 63, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .shcl {
  width: 5%;
  padding-bottom: 50px;
}

/* line 68, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .date {
  width: 8%;
}

/* line 72, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .req-date {
  width: 5%;
  padding-bottom: 50px;
}

/* line 77, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .appr-date {
  padding-bottom: 50px;
}

/* line 81, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .pending-days {
  padding-bottom: 40px;
}

/* line 85, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .costcentre {
  width: 9%;
}

/* line 89, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .remarks {
  width: 8%;
  padding-bottom: 50px;
}

/* line 94, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .day-count {
  width: 15%;
  padding-bottom: 10px;
}

/* line 99, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .status {
  min-width: 90px;
}

/* line 103, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .status-search {
  width: 100%;
  height: 36px;
  border-radius: 2px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  margin-bottom: 8px;
  color: #868e96;
  font-size: 12px;
  font-weight: 600;
  margin-top: 6px;
}

/* line 116, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .by {
  width: 7%;
}

/* line 120, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .entry {
  width: 7%;
}

/* line 124, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .attached {
  width: 5%;
  padding-bottom: 50px;
}

/* line 129, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .slip {
  width: 4%;
}

/* line 133, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-reg .selected-row {
  background-color: #e2f2f5;
}

/* line 138, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .export-button-delivery {
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #979797;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  text-transform: uppercase;
  padding: 3px 8px;
}

/* line 148, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .export-button-delivery:hover {
  background-color: #e7e5e5;
}

/* line 153, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .apply-search {
  height: 39px;
  width: 250px;
  border-top: solid 1px #979797;
}

/* line 159, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .apply {
  border-radius: 3px;
  border: solid 1px #17a2b8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  color: #138294;
  padding: 3px;
  display: inline-block;
  position: absolute;
  bottom: 6px;
  right: 15px;
  font-weight: 500;
}

/* line 175, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .apply:hover {
  background-color: #138294;
  color: #ffffff;
}

/* line 181, app/assets/stylesheets/new_styles/indent_register.scss */
#new_content .indent-reg-form .indent-shcl-reverse {
  width: 220px;
}

/* line 186, app/assets/stylesheets/new_styles/indent_register.scss */
.item-header {
  color: #000000;
  text-decoration: none;
}

/* line 190, app/assets/stylesheets/new_styles/indent_register.scss */
.item-header:hover {
  color: #000000;
  text-decoration: none;
}

@media (max-width: 768px) {
  /* line 198, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .indent-item-name {
    word-break: break-all;
  }
  /* line 202, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .header {
    margin-top: 25px;
  }
  /* line 205, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .header .float-left {
    padding-top: 20px;
  }
  /* line 210, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .pending-indents-action-btns {
    margin: 3px auto;
  }
  /* line 214, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .indent-shcl-reverse {
    width: auto;
    font-size: 12px;
    padding: 3px;
    height: auto;
  }
  /* line 221, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .item-header {
    font-size: 20px;
  }
  /* line 225, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .paginate {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  /* line 230, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .material-icons {
    font-size: 16px;
  }
  /* line 234, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .indent-reg-page {
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 239, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .indent-reg {
    table-layout: fixed;
    width: 100%;
  }
  /* line 243, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .indent-reg tbody tr {
    height: 30px;
  }
  /* line 247, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .indent-reg td {
    padding: 2px;
    font-size: 12px;
    word-break: break-all;
  }
  /* line 253, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .indent-reg th {
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #504d4d;
    word-break: break-all;
  }
  /* line 261, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .indent-reg .check-box {
    width: 5%;
  }
  /* line 265, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .indent-reg .warehouse {
    width: 12%;
  }
  /* line 269, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .indent-reg .indent-no {
    width: 12%;
  }
  /* line 273, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .indent-reg .item {
    width: 23%;
  }
  /* line 277, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .indent-reg .brand {
    width: 13%;
  }
  /* line 281, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .indent-reg .qty {
    width: 20%;
  }
  /* line 285, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .indent-reg .date {
    width: 15%;
  }
  /* line 289, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .indent-reg .indent-date-search {
    height: 35px;
  }
  /* line 293, app/assets/stylesheets/new_styles/indent_register.scss */
  #new_content .indent-reg-form .indent-reg a {
    color: #17a2b8;
  }
  /* line 299, app/assets/stylesheets/new_styles/indent_register.scss */
  .drp-buttons {
    text-align: center !important;
  }
  /* line 302, app/assets/stylesheets/new_styles/indent_register.scss */
  .drp-buttons .drp-selected {
    padding-right: 0 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  /* line 310, app/assets/stylesheets/new_styles/indent_register.scss */
  .daterangepicker.opensright:before {
    left: 80px !important;
  }
  /* line 314, app/assets/stylesheets/new_styles/indent_register.scss */
  .daterangepicker.opensright:after {
    left: 80px !important;
  }
}
/* line 4, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .main-form {
  margin-top: 25px;
  margin-bottom: 100px;
}

/* line 8, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .main-form .select2-selection__arrow {
  height: 18px !important;
}

/* line 12, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .main-form .increase-stock-button {
  background-color: #17A2B8;
  color: #FFFFFF;
  min-width: 170px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  padding: 14px;
  border-radius: 3px;
  cursor: pointer;
  border: none;
  box-shadow: 0 6px 56px 0 rgba(0, 0, 0, 0.15);
}

/* line 27, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .main-form .stock-adjustment-submit {
  margin-top: 40px;
}

/* line 31, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .main-form .issue-remarks {
  width: 100%;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  min-height: 40px;
  max-height: 40px;
  font-size: 14px;
  padding: 3px;
  margin-top: 3px;
}

/* line 43, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .main-form .adjustment-date {
  border-radius: 3px;
  border: solid 1px #dddddd;
  height: 40px;
  width: 100%;
  padding-left: 16px;
}

/* line 52, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details {
  table-layout: fixed;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 20px;
}

/* line 59, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details thead tr {
  background-color: #FFFFFF;
  height: 39px;
}

/* line 63, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details thead tr th {
  padding: 0;
}

/* line 70, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr {
  background-color: #FFFFFF;
  border-bottom: solid 1px #e9e9e9;
  /* Rounded sliders */
}

/* line 74, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr td {
  padding: 3px;
}

/* line 77, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr td .attached {
  color: #17a2b8 !important;
}

/* line 81, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr td .attachment {
  position: relative;
  line-height: 0;
  width: 24px;
}

/* line 86, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr td .attachment label {
  line-height: 0;
  cursor: pointer;
  margin-bottom: 0;
}

/* line 91, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr td .attachment label .attachment-icon {
  color: #868e96;
}

/* line 96, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr td .attachment input {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
}

/* line 106, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr td input {
  width: 100%;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 37px;
  padding-left: 10px;
}

/* line 115, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr td .qty-uom {
  border-radius: 3px;
  background-color: #eceeef;
  border: solid 1px #dddddd;
}

/* line 120, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr td .qty-uom input {
  width: 60%;
}

/* line 125, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr td .quantity {
  width: 50%;
  border-radius: 0;
  border: none;
}

/* line 131, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr td .status-alert {
  color: #dc3545;
}

/* line 135, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr td .item-uom {
  width: 50%;
  height: 48px;
  padding-left: 5px;
}

/* line 142, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr .remove-issue-item {
  color: #dc3545;
  cursor: pointer;
  margin-top: 8px;
}

/* line 148, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr .remark-note {
  color: #868e96;
  font-size: 28px;
  cursor: pointer;
  margin-top: 8px;
}

/* line 155, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  margin: 0;
  margin-top: 8px;
}

/* line 164, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr .switch input {
  display: none;
}

/* line 168, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

/* line 180, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

/* line 192, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr input:checked + .slider {
  background-color: #138294;
}

/* line 196, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

/* line 200, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/* line 207, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr .slider.round {
  border-radius: 34px;
}

/* line 211, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-adjustment .adjustment-create-details tbody tr .slider.round:before {
  border-radius: 50%;
}

@media (max-width: 768px) {
  /* line 3, app/assets/stylesheets/new_styles/stock_adjustment.scss */
  #new_content .stock-adjustment {
    position: relative;
    min-height: calc(100vh - 30px);
  }
  /* line 222, app/assets/stylesheets/new_styles/stock_adjustment.scss */
  #new_content .stock-adjustment .adjustment-create-details {
    margin-top: 10px;
    width: 800px;
  }
  /* line 226, app/assets/stylesheets/new_styles/stock_adjustment.scss */
  #new_content .stock-adjustment .adjustment-details-container {
    width: 100%;
    overflow: auto;
  }
  /* line 230, app/assets/stylesheets/new_styles/stock_adjustment.scss */
  #new_content .stock-adjustment .app-main-form {
    padding-bottom: 85px;
    margin-bottom: 0;
  }
}

/* line 239, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .transfer-reg-form .header div {
  padding-top: 0;
}

/* line 243, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .transfer-reg-form .header .float-left {
  padding-top: 26px;
}

/* line 248, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .transfer-reg-form .transfer-reg {
  width: 100%;
}

/* line 251, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .transfer-reg-form .transfer-reg .transfer-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 263, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .transfer-reg-form .transfer-reg .warehouse {
  width: 10%;
}

/* line 267, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .transfer-reg-form .transfer-reg .item-name {
  width: 20%;
}

/* line 271, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .transfer-reg-form .transfer-reg .transfer-no {
  width: 10%;
}

/* line 275, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .transfer-reg-form .transfer-reg .date {
  width: 10%;
}

/* line 279, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .transfer-reg-form .transfer-reg .brand {
  width: 7%;
  padding-bottom: 50px;
}

/* line 284, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .transfer-reg-form .transfer-reg .qty {
  width: 7%;
  padding-bottom: 50px;
}

/* line 289, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .transfer-reg-form .transfer-reg .rate {
  width: 6%;
  padding-bottom: 50px;
}

/* line 294, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .transfer-reg-form .transfer-reg .by {
  width: 8%;
}

/* line 298, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .transfer-reg-form .transfer-reg .sent-to {
  width: 10%;
}

/* line 302, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .transfer-reg-form .transfer-reg .remarks {
  width: 12%;
  padding-bottom: 50px;
}

/* line 309, app/assets/stylesheets/new_styles/stock_adjustment.scss */
.item-header {
  color: #000000;
  text-decoration: none;
}

/* line 313, app/assets/stylesheets/new_styles/stock_adjustment.scss */
.item-header:hover {
  color: #000000;
  text-decoration: none;
}

/* line 321, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .adjustment-reg-form .header div {
  padding-top: 0;
}

/* line 325, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .adjustment-reg-form .header .float-left {
  padding-top: 26px;
}

/* line 330, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .adjustment-reg-form .adjustment-reg {
  width: 100%;
}

/* line 333, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .adjustment-reg-form .adjustment-reg .adjustment-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 345, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .adjustment-reg-form .adjustment-reg .warehouse {
  width: 10%;
}

/* line 349, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .adjustment-reg-form .adjustment-reg .item-name {
  width: 22%;
}

/* line 353, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .adjustment-reg-form .adjustment-reg .adjustment-no {
  width: 10%;
}

/* line 357, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .adjustment-reg-form .adjustment-reg .date {
  width: 10%;
}

/* line 361, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .adjustment-reg-form .adjustment-reg .brand {
  width: 7%;
  padding-bottom: 50px;
}

/* line 366, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .adjustment-reg-form .adjustment-reg .qty {
  width: 7%;
  padding-bottom: 50px;
}

/* line 371, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .adjustment-reg-form .adjustment-reg .rate {
  width: 6%;
  padding-bottom: 50px;
}

/* line 376, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .adjustment-reg-form .adjustment-reg .by {
  width: 8%;
}

/* line 380, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .adjustment-reg-form .adjustment-reg .type {
  width: 5%;
  padding-bottom: 50px;
}

/* line 385, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .adjustment-reg-form .adjustment-reg .remarks {
  width: 15%;
  padding-bottom: 50px;
}

/* line 390, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .adjustment-reg-form .adjustment-reg .poi-status {
  border-radius: 12px;
  padding: 1px 8px;
  font-size: 10px;
  letter-spacing: 0.5px;
  display: inline-block;
  margin-bottom: 2px;
  text-transform: uppercase;
}

/* line 400, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .adjustment-reg-form .adjustment-reg .accepted {
  border: solid 1px #28a745;
  color: #28a745;
}

/* line 405, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .adjustment-reg-form .adjustment-reg .rejected {
  border: solid 1px #cd3b1d;
  color: #cd3b1d;
}

/* line 413, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-transfer .main-form {
  margin-top: 40px;
}

/* line 416, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-transfer .main-form .increase-stock-button {
  background-color: #17A2B8;
  color: #FFFFFF;
  min-width: 170px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  padding: 14px;
  border-radius: 3px;
  cursor: pointer;
  border: none;
  box-shadow: 0 6px 56px 0 rgba(0, 0, 0, 0.15);
}

/* line 431, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-transfer .main-form .stock-transfer-submit {
  margin-top: 40px;
}

/* line 435, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-transfer .main-form .transfer-date {
  border-radius: 3px;
  border: solid 1px #dddddd;
  height: 40px;
  width: 100%;
  padding-left: 16px;
}

/* line 446, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-returnable .main-form {
  margin-top: 40px;
}

/* line 449, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-returnable .main-form .increase-stock-button {
  background-color: #17A2B8;
  color: #FFFFFF;
  min-width: 170px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  padding: 14px;
  border-radius: 3px;
  cursor: pointer;
  border: none;
  box-shadow: 0 6px 56px 0 rgba(0, 0, 0, 0.15);
}

/* line 464, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-returnable .main-form .stock-returnable-submit {
  margin-top: 40px;
}

/* line 468, app/assets/stylesheets/new_styles/stock_adjustment.scss */
#new_content .stock-returnable .main-form .returnable-date, #new_content .stock-returnable .main-form .returnable-by-date {
  border-radius: 3px;
  border: solid 1px #dddddd;
  height: 40px;
  width: 100%;
  padding-left: 16px;
}
/* line 2, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .person-list-page .person-list {
  margin-top: 30px;
}

/* line 5, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .person-list-page .person-list .show {
  display: inline-block !important;
}

/* line 9, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .person-list-page .person-list thead tr, #new_content .person-list-page .person-list tbody tr {
  height: auto;
}

/* line 13, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .person-list-page .person-list .name {
  width: 15%;
}

/* line 17, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .person-list-page .person-list .email {
  width: 10%;
}

/* line 21, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .person-list-page .person-list .mobile {
  width: 10%;
}

/* line 25, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .person-list-page .person-list .company {
  width: 20%;
}

/* line 29, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .person-list-page .person-list .warehouse {
  width: 20%;
}

/* line 33, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .person-list-page .person-list .departments {
  width: 20;
}

/* line 37, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .person-list-page .person-list .actions {
  width: 5%;
}

/* line 41, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .person-list-page .person-list .person-edit {
  color: #178294;
  font-size: 18px;
}

/* line 46, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .person-list-page .person-list .deactivated {
  opacity: 0.5;
}

/* line 52, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .personnel-edit-form {
  margin-top: 70px;
}

/* line 55, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .personnel-edit-form .personnel-edit-submit-btn {
  background-color: #17A2B8;
  color: #FFFFFF;
  min-width: 150px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  padding: 8px;
  border-radius: 3px;
  cursor: pointer;
  border: none;
  box-shadow: 0 6px 56px 0 rgba(0, 0, 0, 0.15);
  float: right;
}

/* line 71, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .personnel-edit-form .fs-wrap {
  margin-top: 0;
  margin-bottom: 0;
  display: inline;
}

/* line 77, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .personnel-edit-form .fs-dropdown {
  width: 370px;
}

/* line 81, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .personnel-edit-form .apply-search {
  display: none;
}

/* line 86, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .role-edit-form {
  margin-top: 20px;
  margin-bottom: 100px;
}

/* line 90, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .role-edit-form .role-edit-table {
  width: 100%;
}

/* line 93, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .role-edit-form .role-edit-table thead th {
  padding-bottom: 10px;
  width: 25%;
  border: 1px solid #b2aeae;
  color: #676c70;
  text-align: center;
}

/* line 101, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .role-edit-form .role-edit-table thead tr, #new_content .role-edit-form .role-edit-table tbody tr {
  height: auto;
}

/* line 105, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .role-edit-form .role-edit-table tbody tr td {
  width: auto;
  border: 1px solid #b2aeae;
  vertical-align: top;
}

/* line 112, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .role-edit-form .role-list-table {
  width: 100%;
}

/* line 115, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .role-edit-form .role-list-table thead th {
  padding-bottom: 2px;
  color: #000000;
  border: none;
  text-transform: none;
  text-align: left;
  padding-left: 2px;
}

/* line 124, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .role-edit-form .role-list-table thead tr {
  height: auto;
  border-bottom: 1px solid #b2aeae;
}

/* line 129, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .role-edit-form .role-list-table tbody tr {
  height: auto;
}

/* line 133, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .role-edit-form .role-list-table tbody tr td {
  width: auto;
  border: none;
  padding-left: 2px;
}

/* line 139, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .role-edit-form .role-list-table .role-name {
  width: 70%;
}

/* line 143, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .role-edit-form .role-list-table .role-assign {
  width: 30%;
}

/* line 147, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .role-edit-form .role-list-table .role-assign-view {
  width: 10%;
}

/* line 151, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .role-edit-form .role-list-table .role-assign-create {
  width: 10%;
}

/* line 155, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .role-edit-form .role-list-table .role-assign-delete {
  width: 10%;
}

/* line 160, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .role-edit-form .update-user-role-btn {
  background-color: #17A2B8;
  color: #FFFFFF;
  box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.15);
  min-width: 229px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  padding: 14px;
  border-radius: 3px;
  cursor: pointer;
  border: none;
}

/* line 174, app/assets/stylesheets/new_styles/personnels.scss */
#new_content .role-edit-form .update-user-role-btn:hover {
  background-color: #178899;
}

@media (max-width: 768px) {
  /* line 181, app/assets/stylesheets/new_styles/personnels.scss */
  .flash-wrapper {
    width: 90%;
  }
  /* line 185, app/assets/stylesheets/new_styles/personnels.scss */
  .alert {
    min-width: 100%;
  }
  /* line 190, app/assets/stylesheets/new_styles/personnels.scss */
  #new_content .personnel-edit-form h3 {
    font-size: 20px;
  }
  /* line 195, app/assets/stylesheets/new_styles/personnels.scss */
  #new_content .user-list-page {
    height: 65px;
    margin-top: 20px;
  }
  /* line 199, app/assets/stylesheets/new_styles/personnels.scss */
  #new_content .user-list-page .item-header {
    font-size: 20px;
  }
  /* line 204, app/assets/stylesheets/new_styles/personnels.scss */
  #new_content .person-list-page {
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 208, app/assets/stylesheets/new_styles/personnels.scss */
  #new_content .person-list-page .material-icons {
    font-size: 16px;
  }
  /* line 212, app/assets/stylesheets/new_styles/personnels.scss */
  #new_content .person-list-page .person-list {
    table-layout: fixed;
    width: 100%;
  }
  /* line 216, app/assets/stylesheets/new_styles/personnels.scss */
  #new_content .person-list-page .person-list .material-icons {
    color: #17a2b8;
  }
  /* line 220, app/assets/stylesheets/new_styles/personnels.scss */
  #new_content .person-list-page .person-list tbody tr {
    height: 30px;
  }
  /* line 224, app/assets/stylesheets/new_styles/personnels.scss */
  #new_content .person-list-page .person-list td {
    padding: 2px;
    font-size: 12px;
    word-break: break-all;
  }
  /* line 230, app/assets/stylesheets/new_styles/personnels.scss */
  #new_content .person-list-page .person-list th {
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #504d4d;
    word-break: break-all;
  }
  /* line 238, app/assets/stylesheets/new_styles/personnels.scss */
  #new_content .person-list-page .person-list .name {
    width: 20%;
  }
  /* line 242, app/assets/stylesheets/new_styles/personnels.scss */
  #new_content .person-list-page .person-list .email {
    width: 20%;
  }
  /* line 246, app/assets/stylesheets/new_styles/personnels.scss */
  #new_content .person-list-page .person-list .mobile {
    width: 20%;
  }
  /* line 250, app/assets/stylesheets/new_styles/personnels.scss */
  #new_content .person-list-page .person-list .warehouse {
    width: 33%;
  }
  /* line 254, app/assets/stylesheets/new_styles/personnels.scss */
  #new_content .person-list-page .person-list .actions {
    width: 7%;
  }
}
/* line 2, app/assets/stylesheets/new_styles/approval_level.scss */
#new_content .approval-level-list-page .approval-level-list {
  margin-top: 30px;
}

/* line 5, app/assets/stylesheets/new_styles/approval_level.scss */
#new_content .approval-level-list-page .approval-level-list thead tr, #new_content .approval-level-list-page .approval-level-list tbody tr {
  height: auto;
}

/* line 9, app/assets/stylesheets/new_styles/approval_level.scss */
#new_content .approval-level-list-page .approval-level-list thead th {
  padding-bottom: 7px;
}

/* line 13, app/assets/stylesheets/new_styles/approval_level.scss */
#new_content .approval-level-list-page .approval-level-list .level {
  width: 10%;
}

/* line 17, app/assets/stylesheets/new_styles/approval_level.scss */
#new_content .approval-level-list-page .approval-level-list .users {
  width: 85%;
}

/* line 21, app/assets/stylesheets/new_styles/approval_level.scss */
#new_content .approval-level-list-page .approval-level-list .actions {
  width: 5%;
}

/* line 25, app/assets/stylesheets/new_styles/approval_level.scss */
#new_content .approval-level-list-page .approval-level-list .approval-level-edit {
  color: #178294;
  font-size: 18px;
}

/* line 30, app/assets/stylesheets/new_styles/approval_level.scss */
#new_content .approval-level-list-page .approval-level-list .approval-level-document-name {
  background-color: #8ccad5;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 4px;
}

/* line 37, app/assets/stylesheets/new_styles/approval_level.scss */
#new_content .approval-level-list-page .approval-level-list .show {
  display: inline-block !important;
}

/* line 41, app/assets/stylesheets/new_styles/approval_level.scss */
#new_content .approval-level-list-page .approval-level-list .add-new-approval-level-btn {
  letter-spacing: 0.1px;
  display: inline-block;
  text-transform: uppercase;
  border: 1px solid #877e7e;
  border-radius: 3px;
  font-size: 12px;
  padding: 0px 8px;
  color: #353533;
  background-color: #dddddd;
  text-decoration: none;
  margin-left: 10px;
}

/* line 57, app/assets/stylesheets/new_styles/approval_level.scss */
#new_content .approval-level-form {
  margin-top: 70px;
}

/* line 60, app/assets/stylesheets/new_styles/approval_level.scss */
#new_content .approval-level-form .approval-level-submit-btn {
  background-color: #17A2B8;
  color: #FFFFFF;
  min-width: 150px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  padding: 8px;
  border-radius: 3px;
  cursor: pointer;
  border: none;
  box-shadow: 0 6px 56px 0 rgba(0, 0, 0, 0.15);
  float: right;
}

/* line 76, app/assets/stylesheets/new_styles/approval_level.scss */
#new_content .approval-level-form .fs-wrap {
  margin-top: 0;
  margin-bottom: 0;
  display: inline;
}

/* line 82, app/assets/stylesheets/new_styles/approval_level.scss */
#new_content .approval-level-form .fs-dropdown {
  width: 370px;
}

/* line 86, app/assets/stylesheets/new_styles/approval_level.scss */
#new_content .approval-level-form .apply-search {
  display: none;
}

@media (max-width: 768px) {
  /* line 92, app/assets/stylesheets/new_styles/approval_level.scss */
  .flash-wrapper {
    width: 90%;
  }
  /* line 96, app/assets/stylesheets/new_styles/approval_level.scss */
  .alert {
    min-width: 100%;
  }
  /* line 100, app/assets/stylesheets/new_styles/approval_level.scss */
  #new_content .approval-level-form {
    margin-top: 60px;
  }
  /* line 103, app/assets/stylesheets/new_styles/approval_level.scss */
  #new_content .approval-level-form h3 {
    font-size: 20px !important;
  }
  /* line 108, app/assets/stylesheets/new_styles/approval_level.scss */
  #new_content .approval-level-details {
    height: 65px;
    margin-top: 20px;
  }
  /* line 112, app/assets/stylesheets/new_styles/approval_level.scss */
  #new_content .approval-level-details .item-header {
    font-size: 20px;
  }
  /* line 117, app/assets/stylesheets/new_styles/approval_level.scss */
  #new_content .approval-level-list-page {
    padding-left: 5px;
    padding-right: 5px;
  }
  /* line 121, app/assets/stylesheets/new_styles/approval_level.scss */
  #new_content .approval-level-list-page .material-icons {
    font-size: 16px;
  }
  /* line 125, app/assets/stylesheets/new_styles/approval_level.scss */
  #new_content .approval-level-list-page .approval-level-list {
    table-layout: fixed;
    width: 100%;
  }
  /* line 129, app/assets/stylesheets/new_styles/approval_level.scss */
  #new_content .approval-level-list-page .approval-level-list tbody tr {
    height: 30px;
  }
  /* line 133, app/assets/stylesheets/new_styles/approval_level.scss */
  #new_content .approval-level-list-page .approval-level-list td {
    padding: 2px;
    font-size: 12px;
    word-break: break-all;
  }
  /* line 139, app/assets/stylesheets/new_styles/approval_level.scss */
  #new_content .approval-level-list-page .approval-level-list th {
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #504d4d;
    word-break: break-all;
  }
  /* line 147, app/assets/stylesheets/new_styles/approval_level.scss */
  #new_content .approval-level-list-page .approval-level-list .level {
    width: 15%;
  }
  /* line 151, app/assets/stylesheets/new_styles/approval_level.scss */
  #new_content .approval-level-list-page .approval-level-list .users {
    width: 70%;
  }
  /* line 155, app/assets/stylesheets/new_styles/approval_level.scss */
  #new_content .approval-level-list-page .approval-level-list .actions {
    width: 15%;
  }
}
/* line 4, app/assets/stylesheets/new_styles/departments.scss */
#new_content .department-list-form .department-list {
  width: 100%;
}

/* line 7, app/assets/stylesheets/new_styles/departments.scss */
#new_content .department-list-form .department-list tbody tr {
  height: auto;
}

/* line 11, app/assets/stylesheets/new_styles/departments.scss */
#new_content .department-list-form .department-list .name {
  width: 30%;
  padding-left: 26px;
}

/* line 16, app/assets/stylesheets/new_styles/departments.scss */
#new_content .department-list-form .department-list .warehouse {
  width: 60%;
}

/* line 19, app/assets/stylesheets/new_styles/departments.scss */
#new_content .department-list-form .department-list .warehouse .fs-wrap {
  width: 50%;
}

/* line 24, app/assets/stylesheets/new_styles/departments.scss */
#new_content .department-list-form .department-list .actions {
  width: 10%;
}

/* line 28, app/assets/stylesheets/new_styles/departments.scss */
#new_content .department-list-form .department-list .department-name {
  padding-left: 26px;
}

/* line 32, app/assets/stylesheets/new_styles/departments.scss */
#new_content .department-list-form .department-list .show {
  display: inline-block !important;
}

/* line 38, app/assets/stylesheets/new_styles/departments.scss */
#new_content .department-edit-form {
  margin-top: 70px;
}

/* line 41, app/assets/stylesheets/new_styles/departments.scss */
#new_content .department-edit-form .department-edit-submit-btn {
  background-color: #17A2B8;
  color: #FFFFFF;
  min-width: 150px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  padding: 8px;
  border-radius: 3px;
  cursor: pointer;
  border: none;
  box-shadow: 0 6px 56px 0 rgba(0, 0, 0, 0.15);
  float: right;
}

/* line 57, app/assets/stylesheets/new_styles/departments.scss */
#new_content .department-edit-form .fs-wrap {
  margin-top: 0;
  margin-bottom: 0;
  display: inline;
}

/* line 63, app/assets/stylesheets/new_styles/departments.scss */
#new_content .department-edit-form .fs-dropdown {
  width: 370px;
}

/* line 67, app/assets/stylesheets/new_styles/departments.scss */
#new_content .department-edit-form .apply-search {
  display: none;
}

/* line 73, app/assets/stylesheets/new_styles/departments.scss */
table.department-list tbody tr.inactive {
  opacity: 0.6;
}
/* line 5, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-list-form .header div {
  padding-top: 0;
}

/* line 9, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-list-form .header .float-left {
  padding-top: 26px;
}

/* line 14, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-list-form .reorder-list {
  width: 100%;
}

/* line 17, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-list-form .reorder-list .reorder-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 29, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-list-form .reorder-list .warehouse {
  width: 10%;
}

/* line 33, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-list-form .reorder-list .item {
  width: 20%;
}

/* line 37, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-list-form .reorder-list .stock {
  width: 6%;
  padding-bottom: 50px;
}

/* line 42, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-list-form .reorder-list .fifty {
  width: 3%;
  padding-bottom: 50px;
}

/* line 47, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-list-form .reorder-list .level {
  width: 8%;
  padding-bottom: 50px;
}

/* line 52, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-list-form .reorder-list .date {
  width: 8%;
}

/* line 56, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-list-form .reorder-list .all-stock {
  width: 6%;
  padding-bottom: 50px;
}

/* line 61, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-list-form .reorder-list .last-po-rate {
  width: 8%;
  padding-bottom: 50px;
}

/* line 66, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-list-form .reorder-list .action-taken {
  width: 7%;
  padding-bottom: 50px;
}

/* line 71, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-list-form .reorder-list .pen-indent-qty {
  width: 8%;
  padding-bottom: 50px;
}

/* line 76, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-list-form .reorder-list .pen-po-qty {
  width: 8%;
  padding-bottom: 50px;
}

/* line 81, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-list-form .reorder-list .info {
  width: 8%;
  padding-bottom: 50px;
}

/* line 87, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-list-form .reorder-select {
  width: 100% !important;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  margin-bottom: 8px;
  color: #868e96;
  font-size: 12px;
  font-weight: 600;
  margin-top: 6px;
  margin-bottom: 11px;
}

@media (max-width: 768px) {
  /* line 103, app/assets/stylesheets/new_styles/reorder_level.scss */
  .flash-wrapper {
    width: 90%;
  }
  /* line 107, app/assets/stylesheets/new_styles/reorder_level.scss */
  .alert {
    min-width: 100%;
  }
  /* line 112, app/assets/stylesheets/new_styles/reorder_level.scss */
  #new_content .reorder-list-form .reorder-name {
    word-break: break-all;
  }
  /* line 116, app/assets/stylesheets/new_styles/reorder_level.scss */
  #new_content .reorder-list-form .reorder-select {
    height: 35px;
  }
  /* line 120, app/assets/stylesheets/new_styles/reorder_level.scss */
  #new_content .reorder-list-form .header {
    margin-top: 25px;
  }
  /* line 123, app/assets/stylesheets/new_styles/reorder_level.scss */
  #new_content .reorder-list-form .header .float-left {
    padding-top: 20px;
  }
  /* line 128, app/assets/stylesheets/new_styles/reorder_level.scss */
  #new_content .reorder-list-form .item-header {
    font-size: 20px;
  }
  /* line 132, app/assets/stylesheets/new_styles/reorder_level.scss */
  #new_content .reorder-list-form .paginate {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  /* line 137, app/assets/stylesheets/new_styles/reorder_level.scss */
  #new_content .reorder-list-form .material-icons {
    font-size: 16px;
  }
  /* line 141, app/assets/stylesheets/new_styles/reorder_level.scss */
  #new_content .reorder-list-form .reorder-list {
    table-layout: fixed;
    width: 100%;
  }
  /* line 145, app/assets/stylesheets/new_styles/reorder_level.scss */
  #new_content .reorder-list-form .reorder-list tbody tr {
    height: 30px;
  }
  /* line 149, app/assets/stylesheets/new_styles/reorder_level.scss */
  #new_content .reorder-list-form .reorder-list td {
    padding: 2px;
    font-size: 12px;
  }
  /* line 154, app/assets/stylesheets/new_styles/reorder_level.scss */
  #new_content .reorder-list-form .reorder-list th {
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #504d4d;
  }
  /* line 161, app/assets/stylesheets/new_styles/reorder_level.scss */
  #new_content .reorder-list-form .reorder-list .warehouse {
    width: 15%;
    word-break: break-word;
  }
  /* line 166, app/assets/stylesheets/new_styles/reorder_level.scss */
  #new_content .reorder-list-form .reorder-list .item {
    width: 32%;
  }
  /* line 170, app/assets/stylesheets/new_styles/reorder_level.scss */
  #new_content .reorder-list-form .reorder-list .stock {
    width: 20%;
  }
  /* line 174, app/assets/stylesheets/new_styles/reorder_level.scss */
  #new_content .reorder-list-form .reorder-list .level {
    width: 15%;
    word-break: break-word;
  }
  /* line 179, app/assets/stylesheets/new_styles/reorder_level.scss */
  #new_content .reorder-list-form .reorder-list .date {
    width: 18%;
  }
  /* line 185, app/assets/stylesheets/new_styles/reorder_level.scss */
  .drp-buttons {
    text-align: center !important;
  }
  /* line 188, app/assets/stylesheets/new_styles/reorder_level.scss */
  .drp-buttons .drp-selected {
    padding-right: 0 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  /* line 196, app/assets/stylesheets/new_styles/reorder_level.scss */
  .daterangepicker.opensright:before {
    left: 220px !important;
  }
  /* line 200, app/assets/stylesheets/new_styles/reorder_level.scss */
  .daterangepicker.opensright:after {
    left: 220px !important;
  }
}

/* line 207, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-level-content .reorder-level .warehouse {
  width: 10%;
}

/* line 211, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-level-content .reorder-level .item {
  width: 20%;
}

/* line 215, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-level-content .reorder-level .itemgroup {
  width: 20%;
}

/* line 219, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-level-content .reorder-level .level {
  width: 10%;
  padding-bottom: 50px;
}

/* line 224, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-level-content .reorder-level .uom {
  width: 8%;
  padding-bottom: 50px;
}

/* line 229, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-level-content .reorder-level .dual-uom {
  width: 8%;
  padding-bottom: 50px;
}

/* line 234, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-level-content .reorder-level .min-stock {
  width: 8%;
  padding-bottom: 50px;
}

/* line 239, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-level-content .reorder-level .indent-qty {
  width: 8%;
  padding-bottom: 50px;
}

/* line 244, app/assets/stylesheets/new_styles/reorder_level.scss */
#new_content .reorder-level-content .reorder-level .actions {
  width: 8%;
}

/* line 250, app/assets/stylesheets/new_styles/reorder_level.scss */
.reorder-level-crossed-export {
  margin-top: 15px;
}

/* line 254, app/assets/stylesheets/new_styles/reorder_level.scss */
a.reorder-level-export {
  display: inline-block;
  margin-top: 15px;
}

/* line 258, app/assets/stylesheets/new_styles/reorder_level.scss */
a.reorder-level-export:hover {
  color: #000000;
  text-decoration: none;
}
/* line 1, app/assets/stylesheets/new_styles/bills.scss */
.bill-edit-form {
  margin-top: 20px;
}

/* line 5, app/assets/stylesheets/new_styles/bills.scss */
.modal-adv-payments {
  max-width: 811px;
}

/* line 9, app/assets/stylesheets/new_styles/bills.scss */
.bill-edit-submit {
  background-color: #178294;
  color: #f0f0f0;
  padding: 9px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  background-color: #178294;
}

/* line 18, app/assets/stylesheets/new_styles/bills.scss */
.bill-attachments {
  padding: 2px 10px;
  width: 80%;
  border: 1px solid #ededed;
  margin: auto;
  background-color: #efecec;
  margin-bottom: 20px;
  border-radius: 10px;
}

/* line 27, app/assets/stylesheets/new_styles/bills.scss */
.bill-attachments .bill-attachment-name {
  font-size: 12px;
}

/* line 31, app/assets/stylesheets/new_styles/bills.scss */
.bill-attachments .remove-bill-attachment {
  font-size: 20px;
  color: red;
  cursor: pointer;
  position: relative;
  top: 6px;
}

/* line 41, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section input, .bill-register-section input, .payment-sheet-section input, .pending-bills-section input {
  margin-bottom: 8px;
  vertical-align: top;
}

/* line 46, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .payment-sheet-export, .bill-register-section .payment-sheet-export, .payment-sheet-section .payment-sheet-export, .pending-bills-section .payment-sheet-export {
  height: 32px;
}

/* line 50, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .head, .bill-register-section .head, .payment-sheet-section .head, .pending-bills-section .head {
  padding: 10px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

/* line 55, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bill-register-reverse, #new_content .bills-tally-section .payment-sheet-reverse, #new_content .bills-tally-section .pending-bills-reverse, .bill-register-section .bill-register-reverse, .bill-register-section .payment-sheet-reverse, .bill-register-section .pending-bills-reverse, .payment-sheet-section .bill-register-reverse, .payment-sheet-section .payment-sheet-reverse, .payment-sheet-section .pending-bills-reverse, .pending-bills-section .bill-register-reverse, .pending-bills-section .payment-sheet-reverse, .pending-bills-section .pending-bills-reverse {
  margin-top: 15px;
}

/* line 59, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .payment-sheet-select, .bill-register-section .payment-sheet-select, .payment-sheet-section .payment-sheet-select, .pending-bills-section .payment-sheet-select {
  display: inline;
  height: 33px !important;
  width: 250px;
}

/* line 65, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .payment-sheet-input, .bill-register-section .payment-sheet-input, .payment-sheet-section .payment-sheet-input, .pending-bills-section .payment-sheet-input {
  display: inline;
  width: 300px;
  margin-right: 15px;
  height: 32px;
}

/* line 72, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table, #new_content .bills-tally-section .bill-register-table, #new_content .bills-tally-section .payment-sheet-table, #new_content .bills-tally-section .pending-bills-table, .bill-register-section .bills-tally-table, .bill-register-section .bill-register-table, .bill-register-section .payment-sheet-table, .bill-register-section .pending-bills-table, .payment-sheet-section .bills-tally-table, .payment-sheet-section .bill-register-table, .payment-sheet-section .payment-sheet-table, .payment-sheet-section .pending-bills-table, .pending-bills-section .bills-tally-table, .pending-bills-section .bill-register-table, .pending-bills-section .payment-sheet-table, .pending-bills-section .pending-bills-table {
  table-layout: fixed;
  width: 100%;
}

/* line 76, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table thead tr, #new_content .bills-tally-section .bills-tally-table tbody tr, #new_content .bills-tally-section .bill-register-table thead tr, #new_content .bills-tally-section .bill-register-table tbody tr, #new_content .bills-tally-section .payment-sheet-table thead tr, #new_content .bills-tally-section .payment-sheet-table tbody tr, #new_content .bills-tally-section .pending-bills-table thead tr, #new_content .bills-tally-section .pending-bills-table tbody tr, .bill-register-section .bills-tally-table thead tr, .bill-register-section .bills-tally-table tbody tr, .bill-register-section .bill-register-table thead tr, .bill-register-section .bill-register-table tbody tr, .bill-register-section .payment-sheet-table thead tr, .bill-register-section .payment-sheet-table tbody tr, .bill-register-section .pending-bills-table thead tr, .bill-register-section .pending-bills-table tbody tr, .payment-sheet-section .bills-tally-table thead tr, .payment-sheet-section .bills-tally-table tbody tr, .payment-sheet-section .bill-register-table thead tr, .payment-sheet-section .bill-register-table tbody tr, .payment-sheet-section .payment-sheet-table thead tr, .payment-sheet-section .payment-sheet-table tbody tr, .payment-sheet-section .pending-bills-table thead tr, .payment-sheet-section .pending-bills-table tbody tr, .pending-bills-section .bills-tally-table thead tr, .pending-bills-section .bills-tally-table tbody tr, .pending-bills-section .bill-register-table thead tr, .pending-bills-section .bill-register-table tbody tr, .pending-bills-section .payment-sheet-table thead tr, .pending-bills-section .payment-sheet-table tbody tr, .pending-bills-section .pending-bills-table thead tr, .pending-bills-section .pending-bills-table tbody tr {
  height: auto !important;
}

/* line 80, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .pnf-details, #new_content .bills-tally-section .bills-tally-table .freight-details, #new_content .bills-tally-section .bills-tally-table .remarks-details, #new_content .bills-tally-section .bill-register-table .pnf-details, #new_content .bills-tally-section .bill-register-table .freight-details, #new_content .bills-tally-section .bill-register-table .remarks-details, #new_content .bills-tally-section .payment-sheet-table .pnf-details, #new_content .bills-tally-section .payment-sheet-table .freight-details, #new_content .bills-tally-section .payment-sheet-table .remarks-details, #new_content .bills-tally-section .pending-bills-table .pnf-details, #new_content .bills-tally-section .pending-bills-table .freight-details, #new_content .bills-tally-section .pending-bills-table .remarks-details, .bill-register-section .bills-tally-table .pnf-details, .bill-register-section .bills-tally-table .freight-details, .bill-register-section .bills-tally-table .remarks-details, .bill-register-section .bill-register-table .pnf-details, .bill-register-section .bill-register-table .freight-details, .bill-register-section .bill-register-table .remarks-details, .bill-register-section .payment-sheet-table .pnf-details, .bill-register-section .payment-sheet-table .freight-details, .bill-register-section .payment-sheet-table .remarks-details, .bill-register-section .pending-bills-table .pnf-details, .bill-register-section .pending-bills-table .freight-details, .bill-register-section .pending-bills-table .remarks-details, .payment-sheet-section .bills-tally-table .pnf-details, .payment-sheet-section .bills-tally-table .freight-details, .payment-sheet-section .bills-tally-table .remarks-details, .payment-sheet-section .bill-register-table .pnf-details, .payment-sheet-section .bill-register-table .freight-details, .payment-sheet-section .bill-register-table .remarks-details, .payment-sheet-section .payment-sheet-table .pnf-details, .payment-sheet-section .payment-sheet-table .freight-details, .payment-sheet-section .payment-sheet-table .remarks-details, .payment-sheet-section .pending-bills-table .pnf-details, .payment-sheet-section .pending-bills-table .freight-details, .payment-sheet-section .pending-bills-table .remarks-details, .pending-bills-section .bills-tally-table .pnf-details, .pending-bills-section .bills-tally-table .freight-details, .pending-bills-section .bills-tally-table .remarks-details, .pending-bills-section .bill-register-table .pnf-details, .pending-bills-section .bill-register-table .freight-details, .pending-bills-section .bill-register-table .remarks-details, .pending-bills-section .payment-sheet-table .pnf-details, .pending-bills-section .payment-sheet-table .freight-details, .pending-bills-section .payment-sheet-table .remarks-details, .pending-bills-section .pending-bills-table .pnf-details, .pending-bills-section .pending-bills-table .freight-details, .pending-bills-section .pending-bills-table .remarks-details {
  font-size: 12px !important;
  padding: 2px !important;
}

/* line 85, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .payment-overdue, #new_content .bills-tally-section .bill-register-table .payment-overdue, #new_content .bills-tally-section .payment-sheet-table .payment-overdue, #new_content .bills-tally-section .pending-bills-table .payment-overdue, .bill-register-section .bills-tally-table .payment-overdue, .bill-register-section .bill-register-table .payment-overdue, .bill-register-section .payment-sheet-table .payment-overdue, .bill-register-section .pending-bills-table .payment-overdue, .payment-sheet-section .bills-tally-table .payment-overdue, .payment-sheet-section .bill-register-table .payment-overdue, .payment-sheet-section .payment-sheet-table .payment-overdue, .payment-sheet-section .pending-bills-table .payment-overdue, .pending-bills-section .bills-tally-table .payment-overdue, .pending-bills-section .bill-register-table .payment-overdue, .pending-bills-section .payment-sheet-table .payment-overdue, .pending-bills-section .pending-bills-table .payment-overdue {
  color: red;
}

/* line 89, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .bill-item-row, #new_content .bills-tally-section .bill-register-table .bill-item-row, #new_content .bills-tally-section .payment-sheet-table .bill-item-row, #new_content .bills-tally-section .pending-bills-table .bill-item-row, .bill-register-section .bills-tally-table .bill-item-row, .bill-register-section .bill-register-table .bill-item-row, .bill-register-section .payment-sheet-table .bill-item-row, .bill-register-section .pending-bills-table .bill-item-row, .payment-sheet-section .bills-tally-table .bill-item-row, .payment-sheet-section .bill-register-table .bill-item-row, .payment-sheet-section .payment-sheet-table .bill-item-row, .payment-sheet-section .pending-bills-table .bill-item-row, .pending-bills-section .bills-tally-table .bill-item-row, .pending-bills-section .bill-register-table .bill-item-row, .pending-bills-section .payment-sheet-table .bill-item-row, .pending-bills-section .pending-bills-table .bill-item-row {
  background-color: #ffffff !important;
  height: auto !important;
}

/* line 94, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .bill-details-row, #new_content .bills-tally-section .bill-register-table .bill-details-row, #new_content .bills-tally-section .payment-sheet-table .bill-details-row, #new_content .bills-tally-section .pending-bills-table .bill-details-row, .bill-register-section .bills-tally-table .bill-details-row, .bill-register-section .bill-register-table .bill-details-row, .bill-register-section .payment-sheet-table .bill-details-row, .bill-register-section .pending-bills-table .bill-details-row, .payment-sheet-section .bills-tally-table .bill-details-row, .payment-sheet-section .bill-register-table .bill-details-row, .payment-sheet-section .payment-sheet-table .bill-details-row, .payment-sheet-section .pending-bills-table .bill-details-row, .pending-bills-section .bills-tally-table .bill-details-row, .pending-bills-section .bill-register-table .bill-details-row, .pending-bills-section .payment-sheet-table .bill-details-row, .pending-bills-section .pending-bills-table .bill-details-row {
  background-color: #efefef !important;
  height: auto !important;
}

/* line 99, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .vendor-rtgs-row, #new_content .bills-tally-section .bill-register-table .vendor-rtgs-row, #new_content .bills-tally-section .payment-sheet-table .vendor-rtgs-row, #new_content .bills-tally-section .pending-bills-table .vendor-rtgs-row, .bill-register-section .bills-tally-table .vendor-rtgs-row, .bill-register-section .bill-register-table .vendor-rtgs-row, .bill-register-section .payment-sheet-table .vendor-rtgs-row, .bill-register-section .pending-bills-table .vendor-rtgs-row, .payment-sheet-section .bills-tally-table .vendor-rtgs-row, .payment-sheet-section .bill-register-table .vendor-rtgs-row, .payment-sheet-section .payment-sheet-table .vendor-rtgs-row, .payment-sheet-section .pending-bills-table .vendor-rtgs-row, .pending-bills-section .bills-tally-table .vendor-rtgs-row, .pending-bills-section .bill-register-table .vendor-rtgs-row, .pending-bills-section .payment-sheet-table .vendor-rtgs-row, .pending-bills-section .pending-bills-table .vendor-rtgs-row {
  background-color: #bbe0e2 !important;
  height: auto !important;
}

/* line 104, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .grand-total-row, #new_content .bills-tally-section .bill-register-table .grand-total-row, #new_content .bills-tally-section .payment-sheet-table .grand-total-row, #new_content .bills-tally-section .pending-bills-table .grand-total-row, .bill-register-section .bills-tally-table .grand-total-row, .bill-register-section .bill-register-table .grand-total-row, .bill-register-section .payment-sheet-table .grand-total-row, .bill-register-section .pending-bills-table .grand-total-row, .payment-sheet-section .bills-tally-table .grand-total-row, .payment-sheet-section .bill-register-table .grand-total-row, .payment-sheet-section .payment-sheet-table .grand-total-row, .payment-sheet-section .pending-bills-table .grand-total-row, .pending-bills-section .bills-tally-table .grand-total-row, .pending-bills-section .bill-register-table .grand-total-row, .pending-bills-section .payment-sheet-table .grand-total-row, .pending-bills-section .pending-bills-table .grand-total-row {
  background-color: #d1cbe4 !important;
  height: auto !important;
}

/* line 110, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .overall-total-row, #new_content .bills-tally-section .bill-register-table .overall-total-row, #new_content .bills-tally-section .payment-sheet-table .overall-total-row, #new_content .bills-tally-section .pending-bills-table .overall-total-row, .bill-register-section .bills-tally-table .overall-total-row, .bill-register-section .bill-register-table .overall-total-row, .bill-register-section .payment-sheet-table .overall-total-row, .bill-register-section .pending-bills-table .overall-total-row, .payment-sheet-section .bills-tally-table .overall-total-row, .payment-sheet-section .bill-register-table .overall-total-row, .payment-sheet-section .payment-sheet-table .overall-total-row, .payment-sheet-section .pending-bills-table .overall-total-row, .pending-bills-section .bills-tally-table .overall-total-row, .pending-bills-section .bill-register-table .overall-total-row, .pending-bills-section .payment-sheet-table .overall-total-row, .pending-bills-section .pending-bills-table .overall-total-row {
  background-color: #b3a9d2 !important;
  height: auto !important;
}

/* line 115, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .material-icons, #new_content .bills-tally-section .bill-register-table .material-icons, #new_content .bills-tally-section .payment-sheet-table .material-icons, #new_content .bills-tally-section .pending-bills-table .material-icons, .bill-register-section .bills-tally-table .material-icons, .bill-register-section .bill-register-table .material-icons, .bill-register-section .payment-sheet-table .material-icons, .bill-register-section .pending-bills-table .material-icons, .payment-sheet-section .bills-tally-table .material-icons, .payment-sheet-section .bill-register-table .material-icons, .payment-sheet-section .payment-sheet-table .material-icons, .payment-sheet-section .pending-bills-table .material-icons, .pending-bills-section .bills-tally-table .material-icons, .pending-bills-section .bill-register-table .material-icons, .pending-bills-section .payment-sheet-table .material-icons, .pending-bills-section .pending-bills-table .material-icons {
  color: #17a2b8;
  font-size: 20px;
  vertical-align: middle;
}

/* line 121, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .grn-date, #new_content .bills-tally-section .bills-tally-table .pmt-date, #new_content .bills-tally-section .bill-register-table .grn-date, #new_content .bills-tally-section .bill-register-table .pmt-date, #new_content .bills-tally-section .payment-sheet-table .grn-date, #new_content .bills-tally-section .payment-sheet-table .pmt-date, #new_content .bills-tally-section .pending-bills-table .grn-date, #new_content .bills-tally-section .pending-bills-table .pmt-date, .bill-register-section .bills-tally-table .grn-date, .bill-register-section .bills-tally-table .pmt-date, .bill-register-section .bill-register-table .grn-date, .bill-register-section .bill-register-table .pmt-date, .bill-register-section .payment-sheet-table .grn-date, .bill-register-section .payment-sheet-table .pmt-date, .bill-register-section .pending-bills-table .grn-date, .bill-register-section .pending-bills-table .pmt-date, .payment-sheet-section .bills-tally-table .grn-date, .payment-sheet-section .bills-tally-table .pmt-date, .payment-sheet-section .bill-register-table .grn-date, .payment-sheet-section .bill-register-table .pmt-date, .payment-sheet-section .payment-sheet-table .grn-date, .payment-sheet-section .payment-sheet-table .pmt-date, .payment-sheet-section .pending-bills-table .grn-date, .payment-sheet-section .pending-bills-table .pmt-date, .pending-bills-section .bills-tally-table .grn-date, .pending-bills-section .bills-tally-table .pmt-date, .pending-bills-section .bill-register-table .grn-date, .pending-bills-section .bill-register-table .pmt-date, .pending-bills-section .payment-sheet-table .grn-date, .pending-bills-section .payment-sheet-table .pmt-date, .pending-bills-section .pending-bills-table .grn-date, .pending-bills-section .pending-bills-table .pmt-date {
  width: 80px;
}

/* line 125, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .item-name, #new_content .bills-tally-section .bill-register-table .item-name, #new_content .bills-tally-section .payment-sheet-table .item-name, #new_content .bills-tally-section .pending-bills-table .item-name, .bill-register-section .bills-tally-table .item-name, .bill-register-section .bill-register-table .item-name, .bill-register-section .payment-sheet-table .item-name, .bill-register-section .pending-bills-table .item-name, .payment-sheet-section .bills-tally-table .item-name, .payment-sheet-section .bill-register-table .item-name, .payment-sheet-section .payment-sheet-table .item-name, .payment-sheet-section .pending-bills-table .item-name, .pending-bills-section .bills-tally-table .item-name, .pending-bills-section .bill-register-table .item-name, .pending-bills-section .payment-sheet-table .item-name, .pending-bills-section .pending-bills-table .item-name {
  width: 170px;
}

/* line 129, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .make, #new_content .bills-tally-section .bill-register-table .make, #new_content .bills-tally-section .payment-sheet-table .make, #new_content .bills-tally-section .pending-bills-table .make, .bill-register-section .bills-tally-table .make, .bill-register-section .bill-register-table .make, .bill-register-section .payment-sheet-table .make, .bill-register-section .pending-bills-table .make, .payment-sheet-section .bills-tally-table .make, .payment-sheet-section .bill-register-table .make, .payment-sheet-section .payment-sheet-table .make, .payment-sheet-section .pending-bills-table .make, .pending-bills-section .bills-tally-table .make, .pending-bills-section .bill-register-table .make, .pending-bills-section .payment-sheet-table .make, .pending-bills-section .pending-bills-table .make {
  width: 90px;
}

/* line 133, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .uom, #new_content .bills-tally-section .bill-register-table .uom, #new_content .bills-tally-section .payment-sheet-table .uom, #new_content .bills-tally-section .pending-bills-table .uom, .bill-register-section .bills-tally-table .uom, .bill-register-section .bill-register-table .uom, .bill-register-section .payment-sheet-table .uom, .bill-register-section .pending-bills-table .uom, .payment-sheet-section .bills-tally-table .uom, .payment-sheet-section .bill-register-table .uom, .payment-sheet-section .payment-sheet-table .uom, .payment-sheet-section .pending-bills-table .uom, .pending-bills-section .bills-tally-table .uom, .pending-bills-section .bill-register-table .uom, .pending-bills-section .payment-sheet-table .uom, .pending-bills-section .pending-bills-table .uom {
  width: 70px;
}

/* line 137, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .qty, #new_content .bills-tally-section .bill-register-table .qty, #new_content .bills-tally-section .payment-sheet-table .qty, #new_content .bills-tally-section .pending-bills-table .qty, .bill-register-section .bills-tally-table .qty, .bill-register-section .bill-register-table .qty, .bill-register-section .payment-sheet-table .qty, .bill-register-section .pending-bills-table .qty, .payment-sheet-section .bills-tally-table .qty, .payment-sheet-section .bill-register-table .qty, .payment-sheet-section .payment-sheet-table .qty, .payment-sheet-section .pending-bills-table .qty, .pending-bills-section .bills-tally-table .qty, .pending-bills-section .bill-register-table .qty, .pending-bills-section .payment-sheet-table .qty, .pending-bills-section .pending-bills-table .qty {
  width: 70px;
}

/* line 141, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .add-info, #new_content .bills-tally-section .bill-register-table .add-info, #new_content .bills-tally-section .payment-sheet-table .add-info, #new_content .bills-tally-section .pending-bills-table .add-info, .bill-register-section .bills-tally-table .add-info, .bill-register-section .bill-register-table .add-info, .bill-register-section .payment-sheet-table .add-info, .bill-register-section .pending-bills-table .add-info, .payment-sheet-section .bills-tally-table .add-info, .payment-sheet-section .bill-register-table .add-info, .payment-sheet-section .payment-sheet-table .add-info, .payment-sheet-section .pending-bills-table .add-info, .pending-bills-section .bills-tally-table .add-info, .pending-bills-section .bill-register-table .add-info, .pending-bills-section .payment-sheet-table .add-info, .pending-bills-section .pending-bills-table .add-info {
  width: 120px;
}

/* line 145, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .rate, #new_content .bills-tally-section .bills-tally-table .basic, #new_content .bills-tally-section .bills-tally-table .total, #new_content .bills-tally-section .bills-tally-table .other-charges, #new_content .bills-tally-section .bills-tally-table .net, #new_content .bills-tally-section .bills-tally-table .advance, #new_content .bills-tally-section .bills-tally-table .running-total, #new_content .bills-tally-section .bill-register-table .rate, #new_content .bills-tally-section .bill-register-table .basic, #new_content .bills-tally-section .bill-register-table .total, #new_content .bills-tally-section .bill-register-table .other-charges, #new_content .bills-tally-section .bill-register-table .net, #new_content .bills-tally-section .bill-register-table .advance, #new_content .bills-tally-section .bill-register-table .running-total, #new_content .bills-tally-section .payment-sheet-table .rate, #new_content .bills-tally-section .payment-sheet-table .basic, #new_content .bills-tally-section .payment-sheet-table .total, #new_content .bills-tally-section .payment-sheet-table .other-charges, #new_content .bills-tally-section .payment-sheet-table .net, #new_content .bills-tally-section .payment-sheet-table .advance, #new_content .bills-tally-section .payment-sheet-table .running-total, #new_content .bills-tally-section .pending-bills-table .rate, #new_content .bills-tally-section .pending-bills-table .basic, #new_content .bills-tally-section .pending-bills-table .total, #new_content .bills-tally-section .pending-bills-table .other-charges, #new_content .bills-tally-section .pending-bills-table .net, #new_content .bills-tally-section .pending-bills-table .advance, #new_content .bills-tally-section .pending-bills-table .running-total, .bill-register-section .bills-tally-table .rate, .bill-register-section .bills-tally-table .basic, .bill-register-section .bills-tally-table .total, .bill-register-section .bills-tally-table .other-charges, .bill-register-section .bills-tally-table .net, .bill-register-section .bills-tally-table .advance, .bill-register-section .bills-tally-table .running-total, .bill-register-section .bill-register-table .rate, .bill-register-section .bill-register-table .basic, .bill-register-section .bill-register-table .total, .bill-register-section .bill-register-table .other-charges, .bill-register-section .bill-register-table .net, .bill-register-section .bill-register-table .advance, .bill-register-section .bill-register-table .running-total, .bill-register-section .payment-sheet-table .rate, .bill-register-section .payment-sheet-table .basic, .bill-register-section .payment-sheet-table .total, .bill-register-section .payment-sheet-table .other-charges, .bill-register-section .payment-sheet-table .net, .bill-register-section .payment-sheet-table .advance, .bill-register-section .payment-sheet-table .running-total, .bill-register-section .pending-bills-table .rate, .bill-register-section .pending-bills-table .basic, .bill-register-section .pending-bills-table .total, .bill-register-section .pending-bills-table .other-charges, .bill-register-section .pending-bills-table .net, .bill-register-section .pending-bills-table .advance, .bill-register-section .pending-bills-table .running-total, .payment-sheet-section .bills-tally-table .rate, .payment-sheet-section .bills-tally-table .basic, .payment-sheet-section .bills-tally-table .total, .payment-sheet-section .bills-tally-table .other-charges, .payment-sheet-section .bills-tally-table .net, .payment-sheet-section .bills-tally-table .advance, .payment-sheet-section .bills-tally-table .running-total, .payment-sheet-section .bill-register-table .rate, .payment-sheet-section .bill-register-table .basic, .payment-sheet-section .bill-register-table .total, .payment-sheet-section .bill-register-table .other-charges, .payment-sheet-section .bill-register-table .net, .payment-sheet-section .bill-register-table .advance, .payment-sheet-section .bill-register-table .running-total, .payment-sheet-section .payment-sheet-table .rate, .payment-sheet-section .payment-sheet-table .basic, .payment-sheet-section .payment-sheet-table .total, .payment-sheet-section .payment-sheet-table .other-charges, .payment-sheet-section .payment-sheet-table .net, .payment-sheet-section .payment-sheet-table .advance, .payment-sheet-section .payment-sheet-table .running-total, .payment-sheet-section .pending-bills-table .rate, .payment-sheet-section .pending-bills-table .basic, .payment-sheet-section .pending-bills-table .total, .payment-sheet-section .pending-bills-table .other-charges, .payment-sheet-section .pending-bills-table .net, .payment-sheet-section .pending-bills-table .advance, .payment-sheet-section .pending-bills-table .running-total, .pending-bills-section .bills-tally-table .rate, .pending-bills-section .bills-tally-table .basic, .pending-bills-section .bills-tally-table .total, .pending-bills-section .bills-tally-table .other-charges, .pending-bills-section .bills-tally-table .net, .pending-bills-section .bills-tally-table .advance, .pending-bills-section .bills-tally-table .running-total, .pending-bills-section .bill-register-table .rate, .pending-bills-section .bill-register-table .basic, .pending-bills-section .bill-register-table .total, .pending-bills-section .bill-register-table .other-charges, .pending-bills-section .bill-register-table .net, .pending-bills-section .bill-register-table .advance, .pending-bills-section .bill-register-table .running-total, .pending-bills-section .payment-sheet-table .rate, .pending-bills-section .payment-sheet-table .basic, .pending-bills-section .payment-sheet-table .total, .pending-bills-section .payment-sheet-table .other-charges, .pending-bills-section .payment-sheet-table .net, .pending-bills-section .payment-sheet-table .advance, .pending-bills-section .payment-sheet-table .running-total, .pending-bills-section .pending-bills-table .rate, .pending-bills-section .pending-bills-table .basic, .pending-bills-section .pending-bills-table .total, .pending-bills-section .pending-bills-table .other-charges, .pending-bills-section .pending-bills-table .net, .pending-bills-section .pending-bills-table .advance, .pending-bills-section .pending-bills-table .running-total {
  width: 89px;
}

/* line 149, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .disc, #new_content .bills-tally-section .bill-register-table .disc, #new_content .bills-tally-section .payment-sheet-table .disc, #new_content .bills-tally-section .pending-bills-table .disc, .bill-register-section .bills-tally-table .disc, .bill-register-section .bill-register-table .disc, .bill-register-section .payment-sheet-table .disc, .bill-register-section .pending-bills-table .disc, .payment-sheet-section .bills-tally-table .disc, .payment-sheet-section .bill-register-table .disc, .payment-sheet-section .payment-sheet-table .disc, .payment-sheet-section .pending-bills-table .disc, .pending-bills-section .bills-tally-table .disc, .pending-bills-section .bill-register-table .disc, .pending-bills-section .payment-sheet-table .disc, .pending-bills-section .pending-bills-table .disc {
  width: 80px;
}

/* line 153, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .cgst, #new_content .bills-tally-section .bills-tally-table .sgst, #new_content .bills-tally-section .bills-tally-table .igst, #new_content .bills-tally-section .bill-register-table .cgst, #new_content .bills-tally-section .bill-register-table .sgst, #new_content .bills-tally-section .bill-register-table .igst, #new_content .bills-tally-section .payment-sheet-table .cgst, #new_content .bills-tally-section .payment-sheet-table .sgst, #new_content .bills-tally-section .payment-sheet-table .igst, #new_content .bills-tally-section .pending-bills-table .cgst, #new_content .bills-tally-section .pending-bills-table .sgst, #new_content .bills-tally-section .pending-bills-table .igst, .bill-register-section .bills-tally-table .cgst, .bill-register-section .bills-tally-table .sgst, .bill-register-section .bills-tally-table .igst, .bill-register-section .bill-register-table .cgst, .bill-register-section .bill-register-table .sgst, .bill-register-section .bill-register-table .igst, .bill-register-section .payment-sheet-table .cgst, .bill-register-section .payment-sheet-table .sgst, .bill-register-section .payment-sheet-table .igst, .bill-register-section .pending-bills-table .cgst, .bill-register-section .pending-bills-table .sgst, .bill-register-section .pending-bills-table .igst, .payment-sheet-section .bills-tally-table .cgst, .payment-sheet-section .bills-tally-table .sgst, .payment-sheet-section .bills-tally-table .igst, .payment-sheet-section .bill-register-table .cgst, .payment-sheet-section .bill-register-table .sgst, .payment-sheet-section .bill-register-table .igst, .payment-sheet-section .payment-sheet-table .cgst, .payment-sheet-section .payment-sheet-table .sgst, .payment-sheet-section .payment-sheet-table .igst, .payment-sheet-section .pending-bills-table .cgst, .payment-sheet-section .pending-bills-table .sgst, .payment-sheet-section .pending-bills-table .igst, .pending-bills-section .bills-tally-table .cgst, .pending-bills-section .bills-tally-table .sgst, .pending-bills-section .bills-tally-table .igst, .pending-bills-section .bill-register-table .cgst, .pending-bills-section .bill-register-table .sgst, .pending-bills-section .bill-register-table .igst, .pending-bills-section .payment-sheet-table .cgst, .pending-bills-section .payment-sheet-table .sgst, .pending-bills-section .payment-sheet-table .igst, .pending-bills-section .pending-bills-table .cgst, .pending-bills-section .pending-bills-table .sgst, .pending-bills-section .pending-bills-table .igst {
  width: 75px;
}

/* line 157, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .pnf, #new_content .bills-tally-section .bills-tally-table .freight, #new_content .bills-tally-section .bill-register-table .pnf, #new_content .bills-tally-section .bill-register-table .freight, #new_content .bills-tally-section .payment-sheet-table .pnf, #new_content .bills-tally-section .payment-sheet-table .freight, #new_content .bills-tally-section .pending-bills-table .pnf, #new_content .bills-tally-section .pending-bills-table .freight, .bill-register-section .bills-tally-table .pnf, .bill-register-section .bills-tally-table .freight, .bill-register-section .bill-register-table .pnf, .bill-register-section .bill-register-table .freight, .bill-register-section .payment-sheet-table .pnf, .bill-register-section .payment-sheet-table .freight, .bill-register-section .pending-bills-table .pnf, .bill-register-section .pending-bills-table .freight, .payment-sheet-section .bills-tally-table .pnf, .payment-sheet-section .bills-tally-table .freight, .payment-sheet-section .bill-register-table .pnf, .payment-sheet-section .bill-register-table .freight, .payment-sheet-section .payment-sheet-table .pnf, .payment-sheet-section .payment-sheet-table .freight, .payment-sheet-section .pending-bills-table .pnf, .payment-sheet-section .pending-bills-table .freight, .pending-bills-section .bills-tally-table .pnf, .pending-bills-section .bills-tally-table .freight, .pending-bills-section .bill-register-table .pnf, .pending-bills-section .bill-register-table .freight, .pending-bills-section .payment-sheet-table .pnf, .pending-bills-section .payment-sheet-table .freight, .pending-bills-section .pending-bills-table .pnf, .pending-bills-section .pending-bills-table .freight {
  width: 90px;
}

/* line 161, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .remarks, #new_content .bills-tally-section .bill-register-table .remarks, #new_content .bills-tally-section .payment-sheet-table .remarks, #new_content .bills-tally-section .pending-bills-table .remarks, .bill-register-section .bills-tally-table .remarks, .bill-register-section .bill-register-table .remarks, .bill-register-section .payment-sheet-table .remarks, .bill-register-section .pending-bills-table .remarks, .payment-sheet-section .bills-tally-table .remarks, .payment-sheet-section .bill-register-table .remarks, .payment-sheet-section .payment-sheet-table .remarks, .payment-sheet-section .pending-bills-table .remarks, .pending-bills-section .bills-tally-table .remarks, .pending-bills-section .bill-register-table .remarks, .pending-bills-section .payment-sheet-table .remarks, .pending-bills-section .pending-bills-table .remarks {
  width: 100px;
}

/* line 165, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .booked, #new_content .bills-tally-section .bill-register-table .booked, #new_content .bills-tally-section .payment-sheet-table .booked, #new_content .bills-tally-section .pending-bills-table .booked, .bill-register-section .bills-tally-table .booked, .bill-register-section .bill-register-table .booked, .bill-register-section .payment-sheet-table .booked, .bill-register-section .pending-bills-table .booked, .payment-sheet-section .bills-tally-table .booked, .payment-sheet-section .bill-register-table .booked, .payment-sheet-section .payment-sheet-table .booked, .payment-sheet-section .pending-bills-table .booked, .pending-bills-section .bills-tally-table .booked, .pending-bills-section .bill-register-table .booked, .pending-bills-section .payment-sheet-table .booked, .pending-bills-section .pending-bills-table .booked {
  width: 140px;
}

/* line 169, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-table .status, #new_content .bills-tally-section .bill-register-table .status, #new_content .bills-tally-section .payment-sheet-table .status, #new_content .bills-tally-section .pending-bills-table .status, .bill-register-section .bills-tally-table .status, .bill-register-section .bill-register-table .status, .bill-register-section .payment-sheet-table .status, .bill-register-section .pending-bills-table .status, .payment-sheet-section .bills-tally-table .status, .payment-sheet-section .bill-register-table .status, .payment-sheet-section .payment-sheet-table .status, .payment-sheet-section .pending-bills-table .status, .pending-bills-section .bills-tally-table .status, .pending-bills-section .bill-register-table .status, .pending-bills-section .payment-sheet-table .status, .pending-bills-section .pending-bills-table .status {
  width: 200px;
}

/* line 174, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-tally-date-search, #new_content .bills-tally-section .bill-register-date-search, #new_content .bills-tally-section .payment-sheet-date-search, #new_content .bills-tally-section .pending-bills-date-search, .bill-register-section .bills-tally-date-search, .bill-register-section .bill-register-date-search, .bill-register-section .payment-sheet-date-search, .bill-register-section .pending-bills-date-search, .payment-sheet-section .bills-tally-date-search, .payment-sheet-section .bill-register-date-search, .payment-sheet-section .payment-sheet-date-search, .payment-sheet-section .pending-bills-date-search, .pending-bills-section .bills-tally-date-search, .pending-bills-section .bill-register-date-search, .pending-bills-section .payment-sheet-date-search, .pending-bills-section .pending-bills-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
}

/* line 183, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .report-date-range, .bill-register-section .report-date-range, .payment-sheet-section .report-date-range, .pending-bills-section .report-date-range {
  width: 100%;
}

/* line 187, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section label, .bill-register-section label, .payment-sheet-section label, .pending-bills-section label {
  margin-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 0.2px;
  color: #868e96;
}

/* line 198, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section #date_range_picker, .bill-register-section #date_range_picker, .payment-sheet-section #date_range_picker, .pending-bills-section #date_range_picker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: -0.2px;
  width: 100%;
  height: 32px;
  border-radius: 3px;
  border: solid 1px #138294;
  padding: 5px;
  vertical-align: middle;
  display: inline-block;
}

/* line 211, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .generate-bills-tally-report, #new_content .bills-tally-section .generate-bill-register-report, #new_content .bills-tally-section .generate-payment-sheet-report, #new_content .bills-tally-section .generate-pending-bills-report, .bill-register-section .generate-bills-tally-report, .bill-register-section .generate-bill-register-report, .bill-register-section .generate-payment-sheet-report, .bill-register-section .generate-pending-bills-report, .payment-sheet-section .generate-bills-tally-report, .payment-sheet-section .generate-bill-register-report, .payment-sheet-section .generate-payment-sheet-report, .payment-sheet-section .generate-pending-bills-report, .pending-bills-section .generate-bills-tally-report, .pending-bills-section .generate-bill-register-report, .pending-bills-section .generate-payment-sheet-report, .pending-bills-section .generate-pending-bills-report {
  background-color: #17a2b8;
  float: right;
  margin-right: 50px;
  margin-top: 14px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 30px;
  border-radius: 3px;
  border: 1px solid #155a65;
  cursor: pointer;
  letter-spacing: 0.7px;
}

/* line 225, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .generate-bills-tally-report:hover, #new_content .bills-tally-section .generate-bill-register-report:hover, #new_content .bills-tally-section .generate-payment-sheet-report:hover, #new_content .bills-tally-section .generate-pending-bills-report:hover, .bill-register-section .generate-bills-tally-report:hover, .bill-register-section .generate-bill-register-report:hover, .bill-register-section .generate-payment-sheet-report:hover, .bill-register-section .generate-pending-bills-report:hover, .payment-sheet-section .generate-bills-tally-report:hover, .payment-sheet-section .generate-bill-register-report:hover, .payment-sheet-section .generate-payment-sheet-report:hover, .payment-sheet-section .generate-pending-bills-report:hover, .pending-bills-section .generate-bills-tally-report:hover, .pending-bills-section .generate-bill-register-report:hover, .pending-bills-section .generate-payment-sheet-report:hover, .pending-bills-section .generate-pending-bills-report:hover {
  background-color: #138294;
}

/* line 230, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-ordering-select, .bill-register-section .bills-ordering-select, .payment-sheet-section .bills-ordering-select, .pending-bills-section .bills-ordering-select {
  -webkit-appearance: menulist;
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 6px 16px;
  font-size: 14px;
  background-color: #FFFFFF;
}

/* line 241, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-ordering-select option, .bill-register-section .bills-ordering-select option, .payment-sheet-section .bills-ordering-select option, .pending-bills-section .bills-ordering-select option {
  font-size: 14px;
  font-weight: normal;
}

/* line 247, app/assets/stylesheets/new_styles/bills.scss */
#new_content .bills-tally-section .bills-warehouse-select .fs-wrap, .bill-register-section .bills-warehouse-select .fs-wrap, .payment-sheet-section .bills-warehouse-select .fs-wrap, .pending-bills-section .bills-warehouse-select .fs-wrap {
  margin-top: 0;
}

/* line 253, app/assets/stylesheets/new_styles/bills.scss */
.pending-bills-section .all-check, .payment-sheet-section .all-check, .bill-register-section .all-check {
  padding-bottom: 0 !important;
}

/* line 258, app/assets/stylesheets/new_styles/bills.scss */
.export-pending-bills-btn {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* line 263, app/assets/stylesheets/new_styles/bills.scss */
.selected-amount {
  font-size: 20px !important;
}

/* line 267, app/assets/stylesheets/new_styles/bills.scss */
.fix-header {
  overflow: auto;
  height: calc(100vh - 125px);
  padding: 0;
  margin: 0;
}

/* line 274, app/assets/stylesheets/new_styles/bills.scss */
.fix-header thead tr {
  box-shadow: inset 0 0 #000, 3px 1px #888787;
}

/* line 277, app/assets/stylesheets/new_styles/bills.scss */
.fix-header thead tr th {
  position: sticky;
  box-shadow: inset 0 0 #000, 0 1px #888787;
  background-color: #EBEBEB;
  z-index: 2;
  top: 0;
}

/* line 288, app/assets/stylesheets/new_styles/bills.scss */
.bill-fix-header {
  height: calc(75vh - 117px);
}

/* line 292, app/assets/stylesheets/new_styles/bills.scss */
.grn-fix-header {
  height: calc(92vh - 116px);
}

/* line 296, app/assets/stylesheets/new_styles/bills.scss */
.bill-list-fix-header {
  height: calc(81vh - 116px);
}

/* line 300, app/assets/stylesheets/new_styles/bills.scss */
.brand-fix-header {
  height: calc(100vh - 250px);
}

/* line 304, app/assets/stylesheets/new_styles/bills.scss */
.uom-fix-header {
  height: calc(100vh - 250px) !important;
}

/* line 308, app/assets/stylesheets/new_styles/bills.scss */
.bill-status {
  text-align: center;
  max-width: 120px;
  border-radius: 12px;
  padding: 1px 8px;
  font-size: 10px;
  letter-spacing: 0.5px;
  display: inline-block;
  margin-bottom: 2px;
  text-transform: uppercase;
}

/* line 320, app/assets/stylesheets/new_styles/bills.scss */
.tagged {
  border: solid 1px #000000;
  color: #000000;
}

/* line 325, app/assets/stylesheets/new_styles/bills.scss */
.bill_modified {
  border: solid 1px #f2aa10;
  color: #f2aa10;
}

/* line 330, app/assets/stylesheets/new_styles/bills.scss */
.tally_entry {
  border: solid 1px #600b3a;
  color: #600b3a;
}

/* line 335, app/assets/stylesheets/new_styles/bills.scss */
.payment_advised, .approved {
  border: solid 1px #26407d;
  color: #26407d;
}

/* line 340, app/assets/stylesheets/new_styles/bills.scss */
.paid {
  border: solid 1px #28a745;
  color: #28a745;
  width: 70px;
}

/* line 346, app/assets/stylesheets/new_styles/bills.scss */
.reversed_from_pending_bills,
.reversed_from_payment_sheet,
.reversed_from_bill_register, .rejected {
  border: solid 1px #cd3b1d;
  color: #cd3b1d;
}

/* line 354, app/assets/stylesheets/new_styles/bills.scss */
.timeline .drag-up {
  margin-top: -180px !important;
  margin-bottom: 0 !important;
}

/* line 359, app/assets/stylesheets/new_styles/bills.scss */
.timeline .drag-position-up {
  top: -90px;
}

/* line 364, app/assets/stylesheets/new_styles/bills.scss */
#bill_status_modal .modal-body .content {
  padding: 12px 15px;
}

/* line 368, app/assets/stylesheets/new_styles/bills.scss */
.invoice-attachments {
  margin-top: -50px;
}

/* line 371, app/assets/stylesheets/new_styles/bills.scss */
.invoice-attachments thead {
  height: auto !important;
}

/* line 374, app/assets/stylesheets/new_styles/bills.scss */
.invoice-attachments thead th {
  background-color: #FFF;
  padding-bottom: 0 !important;
}

/* line 381, app/assets/stylesheets/new_styles/bills.scss */
.add-invoice-attachment {
  color: #17A2B8;
  padding-left: 24px;
}

/* line 385, app/assets/stylesheets/new_styles/bills.scss */
.add-invoice-attachment:hover {
  color: #17A2B8;
}
/* line 5, app/assets/stylesheets/new_styles/returnables.scss */
#new_content .tools-returnable-reg-form .header div {
  padding-top: 0;
}

/* line 9, app/assets/stylesheets/new_styles/returnables.scss */
#new_content .tools-returnable-reg-form .header .float-left {
  padding-top: 26px;
}

/* line 14, app/assets/stylesheets/new_styles/returnables.scss */
#new_content .tools-returnable-reg-form .tools-returnable-reg {
  width: 100%;
}

/* line 17, app/assets/stylesheets/new_styles/returnables.scss */
#new_content .tools-returnable-reg-form .tools-returnable-reg .returnable-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 29, app/assets/stylesheets/new_styles/returnables.scss */
#new_content .tools-returnable-reg-form .tools-returnable-reg .item-name {
  width: 20%;
}

/* line 33, app/assets/stylesheets/new_styles/returnables.scss */
#new_content .tools-returnable-reg-form .tools-returnable-reg .no {
  width: 10%;
}

/* line 37, app/assets/stylesheets/new_styles/returnables.scss */
#new_content .tools-returnable-reg-form .tools-returnable-reg .warehouse {
  width: 10%;
}

/* line 41, app/assets/stylesheets/new_styles/returnables.scss */
#new_content .tools-returnable-reg-form .tools-returnable-reg .date {
  width: 10%;
}

/* line 45, app/assets/stylesheets/new_styles/returnables.scss */
#new_content .tools-returnable-reg-form .tools-returnable-reg .brand {
  width: 8%;
  padding-bottom: 50px;
}

/* line 50, app/assets/stylesheets/new_styles/returnables.scss */
#new_content .tools-returnable-reg-form .tools-returnable-reg .qty {
  width: 7%;
  padding-bottom: 50px;
}

/* line 55, app/assets/stylesheets/new_styles/returnables.scss */
#new_content .tools-returnable-reg-form .tools-returnable-reg .rate {
  width: 7%;
  padding-bottom: 50px;
}

/* line 60, app/assets/stylesheets/new_styles/returnables.scss */
#new_content .tools-returnable-reg-form .tools-returnable-reg .by {
  width: 8%;
}

/* line 64, app/assets/stylesheets/new_styles/returnables.scss */
#new_content .tools-returnable-reg-form .tools-returnable-reg .issued-to {
  width: 8%;
  padding-bottom: 50px;
}

/* line 69, app/assets/stylesheets/new_styles/returnables.scss */
#new_content .tools-returnable-reg-form .tools-returnable-reg .ret-date {
  width: 8%;
  padding-bottom: 12px;
}

/* line 74, app/assets/stylesheets/new_styles/returnables.scss */
#new_content .tools-returnable-reg-form .tools-returnable-reg .remarks {
  width: 12%;
  padding-bottom: 50px;
}

/* line 80, app/assets/stylesheets/new_styles/returnables.scss */
#new_content .tools-returnable-reg-form .export-button-delivery {
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #979797;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  text-transform: uppercase;
  padding: 3px 8px;
}

/* line 90, app/assets/stylesheets/new_styles/returnables.scss */
#new_content .tools-returnable-reg-form .export-button-delivery:hover {
  background-color: #e7e5e5;
}

/* line 96, app/assets/stylesheets/new_styles/returnables.scss */
.item-header {
  color: #000000;
  text-decoration: none;
}

/* line 100, app/assets/stylesheets/new_styles/returnables.scss */
.item-header:hover {
  color: #000000;
  text-decoration: none;
}

/* line 106, app/assets/stylesheets/new_styles/returnables.scss */
.returnable-date, .returnable-date-out, .returnable-by-date, .non-returnable-date {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
}
/* line 5, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .rejection-reg-form .header div {
  padding-top: 0;
}

/* line 9, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .rejection-reg-form .header .float-left {
  padding-top: 26px;
}

/* line 14, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .rejection-reg-form .rejection-reg {
  width: 100%;
}

/* line 17, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .rejection-reg-form .rejection-reg .rejection-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 29, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .rejection-reg-form .rejection-reg .item-name {
  width: 14%;
}

/* line 33, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .rejection-reg-form .rejection-reg .warehouse {
  width: 7%;
}

/* line 37, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .rejection-reg-form .rejection-reg .date {
  width: 8%;
}

/* line 41, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .rejection-reg-form .rejection-reg .brand {
  width: 6%;
  padding-bottom: 50px;
}

/* line 46, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .rejection-reg-form .rejection-reg .qty {
  width: 5%;
  padding-bottom: 50px;
}

/* line 51, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .rejection-reg-form .rejection-reg .po-no {
  width: 9%;
}

/* line 55, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .rejection-reg-form .rejection-reg .po-qty {
  width: 6%;
  padding-bottom: 50px;
}

/* line 60, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .rejection-reg-form .rejection-reg .grn-no {
  width: 9%;
}

/* line 64, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .rejection-reg-form .rejection-reg .grn-date {
  width: 6%;
  padding-bottom: 50px;
}

/* line 69, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .rejection-reg-form .rejection-reg .challan {
  width: 7%;
  padding-bottom: 50px;
}

/* line 74, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .rejection-reg-form .rejection-reg .status {
  width: 7%;
  padding-bottom: 50px;
}

/* line 79, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .rejection-reg-form .rejection-reg .vendor {
  width: 9%;
}

/* line 83, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .rejection-reg-form .rejection-reg .phone {
  width: 7%;
  padding-bottom: 50px;
}

/* line 92, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .goods-rejection-reg-form .header div {
  padding-top: 0;
}

/* line 96, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .goods-rejection-reg-form .header .float-left {
  padding-top: 26px;
}

/* line 101, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .goods-rejection-reg-form .rejection-actions {
  margin-top: 10px;
}

/* line 105, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .goods-rejection-reg-form .goods-rejection-reg {
  width: 100%;
}

/* line 108, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .goods-rejection-reg-form .goods-rejection-reg .rejection-date-search {
  width: 100%;
  height: 36px;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  padding: 3px;
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
}

/* line 120, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .goods-rejection-reg-form .goods-rejection-reg .check-box {
  width: 5%;
}

/* line 124, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .goods-rejection-reg-form .goods-rejection-reg .item-name {
  width: 17%;
}

/* line 128, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .goods-rejection-reg-form .goods-rejection-reg .warehouse {
  width: 8%;
}

/* line 132, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .goods-rejection-reg-form .goods-rejection-reg .date {
  width: 8%;
}

/* line 136, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .goods-rejection-reg-form .goods-rejection-reg .brand {
  width: 6%;
  padding-bottom: 50px;
}

/* line 141, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .goods-rejection-reg-form .goods-rejection-reg .qty {
  width: 6%;
  padding-bottom: 50px;
}

/* line 146, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .goods-rejection-reg-form .goods-rejection-reg .po-no {
  width: 9%;
}

/* line 150, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .goods-rejection-reg-form .goods-rejection-reg .po-qty {
  width: 7%;
  padding-bottom: 50px;
}

/* line 155, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .goods-rejection-reg-form .goods-rejection-reg .challan {
  width: 8%;
  padding-bottom: 50px;
}

/* line 160, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .goods-rejection-reg-form .goods-rejection-reg .status {
  width: 8%;
  padding-bottom: 50px;
}

/* line 165, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .goods-rejection-reg-form .goods-rejection-reg .vendor {
  width: 10%;
}

/* line 169, app/assets/stylesheets/new_styles/rejections.scss */
#new_content .goods-rejection-reg-form .goods-rejection-reg .phone {
  width: 8%;
  padding-bottom: 50px;
}
/* line 1, app/assets/stylesheets/new_styles/log_in.scss */
#log_in_nav {
  background: #F8F8F8;
  border: 1px solid transparent;
  box-shadow: 0 0 1px 0 #404040;
  padding: 4.5px 9px;
}

/* line 8, app/assets/stylesheets/new_styles/log_in.scss */
.login-wrapper {
  min-height: calc(100vh - 278px);
  margin: 10px;
}

/* line 13, app/assets/stylesheets/new_styles/log_in.scss */
.form-holder {
  max-width: 600px;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 15px 30px;
  background-color: #F8F8F8;
  border: 1px solid #E7E7E7;
  border-radius: 10px;
  bottom: 0;
}

/* line 23, app/assets/stylesheets/new_styles/log_in.scss */
.form-holder label {
  font-weight: bold;
}

/* line 27, app/assets/stylesheets/new_styles/log_in.scss */
.form-holder h3 {
  margin-bottom: 30px;
}

/* line 31, app/assets/stylesheets/new_styles/log_in.scss */
.form-holder .error {
  font-weight: 800;
  color: red;
}

/* line 36, app/assets/stylesheets/new_styles/log_in.scss */
.form-holder .message {
  font-weight: 800;
  color: blue;
}

/* line 42, app/assets/stylesheets/new_styles/log_in.scss */
.contact-info {
  background: url(/assets/pattern.jpg) repeat 0 0;
  font-family: 'brandon_grotesquereg';
  font-size: 20px;
  text-align: center;
  padding-bottom: 20px;
  width: 100%;
  position: relative;
  padding-top: 30px;
  min-height: 50px;
}

/* line 53, app/assets/stylesheets/new_styles/log_in.scss */
.contact-info .col-12 {
  padding-bottom: 10px;
}

/* line 57, app/assets/stylesheets/new_styles/log_in.scss */
.contact-info #phone_number {
  text-align: center;
}

/* line 61, app/assets/stylesheets/new_styles/log_in.scss */
.contact-info #email_id {
  text-decoration: none;
  color: #000000;
}

/* line 65, app/assets/stylesheets/new_styles/log_in.scss */
.contact-info #email_id:hover {
  color: #FFFFFF;
}

/* line 70, app/assets/stylesheets/new_styles/log_in.scss */
.contact-info #address {
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
}
/* line 1, app/assets/stylesheets/new_styles/parentindents.scss */
.budget-value.form-control {
  background-color: #fbfbfb;
  height: 40px;
  border: 1px solid #dddddd;
  margin-top: 3px;
}

/* line 8, app/assets/stylesheets/new_styles/parentindents.scss */
.parentindent-date.form-control {
  background-color: #fbfbfb;
  height: 40px;
  border: 1px solid #dddddd;
  margin-top: 3px;
}

/* line 15, app/assets/stylesheets/new_styles/parentindents.scss */
.description-text-box {
  height: 200px;
  width: 100%;
}

/* line 20, app/assets/stylesheets/new_styles/parentindents.scss */
.grey-text {
  color: #868e96;
}

/* line 24, app/assets/stylesheets/new_styles/parentindents.scss */
.present-text {
  color: #17a2b8;
}

/* line 29, app/assets/stylesheets/new_styles/parentindents.scss */
table.indent-details thead tr th {
  padding-left: 2px !important;
  padding-right: 2px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  word-wrap: break-word;
}

/* line 36, app/assets/stylesheets/new_styles/parentindents.scss */
table.indent-details thead tr th.item_name {
  width: 18% !important;
}

/* line 40, app/assets/stylesheets/new_styles/parentindents.scss */
table.indent-details thead tr th.item_description {
  min-width: 150px;
  max-width: 200px;
  width: 4%;
}

/* line 46, app/assets/stylesheets/new_styles/parentindents.scss */
table.indent-details thead tr th.quantity {
  min-width: 250px;
  max-width: 350px;
  width: 10%;
}

/* line 52, app/assets/stylesheets/new_styles/parentindents.scss */
table.indent-details thead tr th.weight {
  min-width: 150px;
  max-width: 250px;
  width: 10%;
}

/* line 58, app/assets/stylesheets/new_styles/parentindents.scss */
table.indent-details thead tr th.brand {
  min-width: 250px;
  max-width: 350px;
  width: 12%;
}

/* line 64, app/assets/stylesheets/new_styles/parentindents.scss */
table.indent-details thead tr th.costcentre {
  min-width: 250px;
  max-width: 350px;
  width: 10%;
}

/* line 70, app/assets/stylesheets/new_styles/parentindents.scss */
table.indent-details thead tr th.required-date {
  min-width: 250px;
  max-width: 350px;
  width: 8%;
}

/* line 76, app/assets/stylesheets/new_styles/parentindents.scss */
table.indent-details thead tr th.stock {
  min-width: 75px;
  max-width: 250px;
  width: 7%;
}

/* line 82, app/assets/stylesheets/new_styles/parentindents.scss */
table.indent-details thead tr th.stock-available {
  min-width: 75px;
  max-width: 250px;
  width: 6%;
}

/* line 88, app/assets/stylesheets/new_styles/parentindents.scss */
table.indent-details thead tr th.note {
  min-width: 75px;
  max-width: 250px;
  width: 4%;
}

/* line 94, app/assets/stylesheets/new_styles/parentindents.scss */
table.indent-details thead tr th.urgent {
  min-width: 100px;
  max-width: 250px;
  width: 5%;
}

/* line 100, app/assets/stylesheets/new_styles/parentindents.scss */
table.indent-details thead tr th.attachment {
  min-width: 150px;
  max-width: 260px;
  width: 8%;
}

/* line 106, app/assets/stylesheets/new_styles/parentindents.scss */
table.indent-details thead tr th.alerts {
  min-width: 100px;
  max-width: 250px;
  width: 7%;
}

/* line 112, app/assets/stylesheets/new_styles/parentindents.scss */
table.indent-details thead tr th.action {
  min-width: 50px;
  max-width: 75px;
  width: 1%;
}

/* line 120, app/assets/stylesheets/new_styles/parentindents.scss */
table.indent-details thead tr td .select2-container--default {
  width: 100% !important;
}

/* line 124, app/assets/stylesheets/new_styles/parentindents.scss */
table.indent-details thead tr td .indent-remarks {
  color: #868e96;
  font-size: 28px;
  cursor: pointer;
  margin-top: 8px;
}

/* line 133, app/assets/stylesheets/new_styles/parentindents.scss */
.select2-selection__rendered {
  padding-top: 4px !important;
  font-size: 15px !important;
}

/* line 138, app/assets/stylesheets/new_styles/parentindents.scss */
.select2-selection {
  height: 37px !important;
  border-radius: 3px !important;
  border: solid 1px #dddddd !important;
}

/* line 144, app/assets/stylesheets/new_styles/parentindents.scss */
.select2-selection__arrow {
  top: 6px !important;
  right: 5px !important;
}

/* line 149, app/assets/stylesheets/new_styles/parentindents.scss */
.select2-results__option {
  font-size: 15px !important;
}

/* line 153, app/assets/stylesheets/new_styles/parentindents.scss */
.select2-selection--single {
  background-color: #fbfbfb !important;
}

/* line 157, app/assets/stylesheets/new_styles/parentindents.scss */
.select2-results__option--highlighted {
  background-color: #1A8798 !important;
}

/* line 161, app/assets/stylesheets/new_styles/parentindents.scss */
.create-indent .form-footer {
  margin-left: -14px;
}

/* line 165, app/assets/stylesheets/new_styles/parentindents.scss */
.add-indent-row {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #17a2b8;
}

/* line 171, app/assets/stylesheets/new_styles/parentindents.scss */
.add-indent-row:hover {
  color: #17a2b8;
}

/* line 178, app/assets/stylesheets/new_styles/parentindents.scss */
.table th.document-file {
  width: 70% !important;
}

/* line 182, app/assets/stylesheets/new_styles/parentindents.scss */
.table th.document-view {
  width: 15% !important;
}

/* line 186, app/assets/stylesheets/new_styles/parentindents.scss */
.table th.document-remove {
  width: 15% !important;
}

/* line 192, app/assets/stylesheets/new_styles/parentindents.scss */
.table tbody.indent-attachments td input {
  border: none !important;
  background-color: #fff !important;
}

/* line 199, app/assets/stylesheets/new_styles/parentindents.scss */
.add-indent-attachment {
  color: #17a2b8;
  font-size: 14px;
}

/* line 203, app/assets/stylesheets/new_styles/parentindents.scss */
.add-indent-attachment:hover {
  color: #17a2b8;
}
/* line 1, app/assets/stylesheets/new_styles/enquiries.scss */
.enquiry-date.form-control {
  background-color: #fbfbfb;
  height: 40px;
  border: 1px solid #dddddd;
  margin-top: 3px;
}
/* line 1, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
.stocktransfer-details-container {
  width: 100%;
  overflow: auto;
}

/* line 6, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
.stocktransfer-item-name {
  width: 20% !important;
}

/* line 10, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
.stocktransfers-details {
  table-layout: fixed;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 20px;
}

/* line 17, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
.stocktransfers-details tbody tr {
  background-color: #FFFFFF !important;
  border-bottom: solid 1px #e9e9e9;
}

/* line 21, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
.stocktransfers-details tbody tr td {
  padding: 3px;
}

/* line 24, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
.stocktransfers-details tbody tr td input {
  width: 100%;
  border-radius: 3px;
  background-color: #fbfbfb;
  border: solid 1px #dddddd;
  height: 37px;
  padding-left: 10px;
}

/* line 33, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
.stocktransfers-details tbody tr td .qty-uom {
  border-radius: 3px;
  background-color: #eceeef;
  border: solid 1px #dddddd;
}

/* line 38, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
.stocktransfers-details tbody tr td .qty-uom input {
  width: 60%;
}

/* line 43, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
.stocktransfers-details tbody tr td .quantity {
  width: 50%;
  border-radius: 0;
  border: none;
}

/* line 49, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
.stocktransfers-details tbody tr td .item-uom {
  padding: 5px 8px;
}

/* line 57, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
table.stocktransfers-details thead tr {
  min-width: 100%;
  margin-top: 20px;
  background-color: #FFFFFF !important;
  height: 39px !important;
}

/* line 64, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
table.stocktransfers-details thead tr th:first-child {
  padding-bottom: 0 !important;
}

/* line 68, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
table.stocktransfers-details thead tr th.item_name {
  width: 30% !important;
}

/* line 72, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
table.stocktransfers-details thead tr th.stock {
  width: 15%;
}

/* line 76, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
table.stocktransfers-details thead tr th.quantity {
  width: 10%;
}

/* line 80, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
table.stocktransfers-details thead tr th.remarks {
  width: 20%;
}

/* line 84, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
table.stocktransfers-details thead tr th.action {
  width: 1%;
}

/* line 90, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
table.stocktransfers-details thead tr td .select2-container--default {
  width: 100% !important;
}

/* line 94, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
table.stocktransfers-details thead tr td .indent-remarks {
  color: #868e96;
  font-size: 28px;
  cursor: pointer;
  margin-top: 8px;
}

/* line 103, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
.select2-selection__rendered {
  padding-top: 4px !important;
  font-size: 15px !important;
}

/* line 108, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
.select2-selection {
  height: 37px !important;
  border-radius: 3px !important;
  border: solid 1px #dddddd !important;
}

/* line 115, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
.error-wrapper .quantity-error, .error-wrapper .name-error {
  color: red;
  font-size: 12px;
}

/* line 121, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
.add-transfer-row {
  color: #17A2B8;
}

/* line 124, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
.add-transfer-row:hover {
  color: #17A2B8;
}

/* line 129, app/assets/stylesheets/new_styles/parent_stock_transfer.scss */
.remarks .remark {
  height: 38px;
}
/* line 1, app/assets/stylesheets/new_styles/user.scss */
.panel {
  margin-bottom: 21px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* line 9, app/assets/stylesheets/new_styles/user.scss */
.panel-body {
  padding: 15px;
}

/* line 12, app/assets/stylesheets/new_styles/user.scss */
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}

/* line 18, app/assets/stylesheets/new_styles/user.scss */
.import-suppression, .duplicate-item-form, .import-stock-top {
  margin-top: 6em;
}

/* line 21, app/assets/stylesheets/new_styles/user.scss */
.form-top {
  margin-top: 10em;
}

/* line 24, app/assets/stylesheets/new_styles/user.scss */
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* line 34, app/assets/stylesheets/new_styles/user.scss */
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #dddddd;
}

/* line 39, app/assets/stylesheets/new_styles/user.scss */
.btn-default:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #bebebe;
}

@media (min-width: 1200px) {
  /* line 46, app/assets/stylesheets/new_styles/user.scss */
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  /* line 50, app/assets/stylesheets/new_styles/user.scss */
  .col-lg-offset-3 {
    margin-left: 25%;
  }
}
/* line 2, app/assets/stylesheets/new_styles/budgets.scss */
#new_content .brands-table tbody .budget-status {
  border: solid 1px #000000;
  border-radius: 12px;
  padding: 2px 8px 0.2px;
  font-size: 10px;
  letter-spacing: 0.5px;
  display: inline-block;
  margin-bottom: 2px;
  text-transform: uppercase;
  color: #000000;
}
/* line 2, app/assets/stylesheets/admin/purchaseorders.scss */
#new_content table.po-reg-table tbody tr.white-bg {
  background-color: #ffffff !important;
}

/* line 6, app/assets/stylesheets/admin/purchaseorders.scss */
#new_content table.po-reg-table tbody tr.grey-bg {
  background-color: #f5f1f1 !important;
}

/* line 11, app/assets/stylesheets/admin/purchaseorders.scss */
.primary-btn-color {
  background-color: #17A2B8;
  text-decoration: none;
  color: #FFFFFF;
  box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.15);
}

/* line 18, app/assets/stylesheets/admin/purchaseorders.scss */
.po-note {
  color: #868e96;
  cursor: pointer;
}

/* line 23, app/assets/stylesheets/admin/purchaseorders.scss */
.btn.primary-btn {
  background-color: #17A2B8;
  text-decoration: none;
  color: #FFFFFF;
  box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.15);
}

/* line 29, app/assets/stylesheets/admin/purchaseorders.scss */
.btn.primary-btn.top-margin {
  margin-top: 16px;
}
/* line 28, app/assets/stylesheets/new_styles/design_tokens.scss */
.ip-ux,
.qc-pilot,
.rfq-pilot,
.vendor-quote-pilot,
.dash-pilot {
  --bg: #f6f7f9;
  --surface: #fff;
  --surface-2: #fbfcfd;
  --border: #e7e9ee;
  --border-2: #eef0f3;
  --text: #15181d;
  --text-muted: #5b626d;
  --text-subtle: #949aa4;
  --accent-ink: #0d7c8f;
  --accent-wash: #ecf8fb;
  --act: #e5484d;
  --act-wash: #fdeced;
  --ready: #3a7bd5;
  --chase: #d9820a;
  --club: #0d7c8f;
  --waiting: #8a9099;
  --waiting-wash: #f1f2f4;
  --ontrack: #2f9e68;
  --radius: 8px;
  --shadow: 0 1px 2px rgba(20, 24, 29, .04);
  --border-strong: #cdd1d9;
  --row-h: 44px;
  --cell-pad-x: 4px;
}
/* line 17, app/assets/stylesheets/new_styles/pilot_export_toast.scss */
.pilot-export-toast {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1030;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 280px;
  max-width: 380px;
  padding: 12px 14px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-left: 3px solid var(--accent-ink);
  border-radius: var(--radius);
  box-shadow: var(--shadow), 0 6px 20px rgba(20, 24, 29, 0.12);
  color: var(--text);
  font-size: 13px;
  line-height: 1.35;
}

/* line 21, app/assets/stylesheets/new_styles/pilot_export_toast.scss */
.pilot-export-toast[hidden] {
  display: none !important;
}

/* line 51, app/assets/stylesheets/new_styles/pilot_export_toast.scss */
.pilot-export-toast.is-ready {
  border-left-color: var(--ontrack);
}

/* line 52, app/assets/stylesheets/new_styles/pilot_export_toast.scss */
.pilot-export-toast.is-failed {
  border-left-color: var(--act);
}

/* line 55, app/assets/stylesheets/new_styles/pilot_export_toast.scss */
.pilot-export-toast__spinner {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  margin-top: 2px;
  border: 2px solid var(--border-strong);
  border-top-color: var(--accent-ink);
  border-radius: 50%;
  animation: pilot-export-toast-spin .8s linear infinite;
}

/* line 66, app/assets/stylesheets/new_styles/pilot_export_toast.scss */
.pilot-export-toast.is-ready .pilot-export-toast__spinner {
  display: none;
}

/* line 67, app/assets/stylesheets/new_styles/pilot_export_toast.scss */
.pilot-export-toast.is-failed .pilot-export-toast__spinner {
  display: none;
}

@keyframes pilot-export-toast-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 74, app/assets/stylesheets/new_styles/pilot_export_toast.scss */
.pilot-export-toast__text {
  flex: 1 1 auto;
  min-width: 0;
}

/* line 79, app/assets/stylesheets/new_styles/pilot_export_toast.scss */
.pilot-export-toast__title {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
}

/* line 86, app/assets/stylesheets/new_styles/pilot_export_toast.scss */
.pilot-export-toast__meta {
  margin: 2px 0 0;
  font-size: 11px;
  color: var(--text-muted);
  word-break: break-word;
}

/* line 92, app/assets/stylesheets/new_styles/pilot_export_toast.scss */
.pilot-export-toast__meta:empty {
  display: none;
}

/* line 95, app/assets/stylesheets/new_styles/pilot_export_toast.scss */
.pilot-export-toast__download {
  flex: 0 0 auto;
  align-self: center;
  padding: 5px 12px;
  border-radius: 4px;
  background: var(--ontrack);
  color: var(--surface);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

/* line 107, app/assets/stylesheets/new_styles/pilot_export_toast.scss */
.pilot-export-toast__download[hidden] {
  display: none !important;
}

/* line 109, app/assets/stylesheets/new_styles/pilot_export_toast.scss */
.pilot-export-toast__download:hover, .pilot-export-toast__download:focus {
  color: var(--surface);
  text-decoration: none;
  opacity: .9;
}

/* line 117, app/assets/stylesheets/new_styles/pilot_export_toast.scss */
.pilot-export-toast__close {
  flex: 0 0 auto;
  align-self: flex-start;
  padding: 0 2px;
  border: 0;
  background: none;
  color: var(--text-subtle);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}

/* line 128, app/assets/stylesheets/new_styles/pilot_export_toast.scss */
.pilot-export-toast__close:hover {
  color: var(--text);
}

@media (max-width: 600px) {
  /* line 135, app/assets/stylesheets/new_styles/pilot_export_toast.scss */
  .pilot-export-toast {
    right: 10px;
    left: 10px;
    bottom: 10px;
    min-width: 0;
    max-width: none;
  }
}
/* line 8, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules {
  --field-h: 38px;
  --nav-h: 62px;
  background: var(--bg);
  min-height: 100%;
  padding-top: var(--nav-h);
  padding-bottom: 40px;
  scroll-padding-top: var(--nav-h);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--text);
  font-size: 13px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/* line 32, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-rules-head {
  position: sticky;
  top: var(--nav-h);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 18px 24px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}

@media (max-width: 991px) {
  /* line 8, app/assets/stylesheets/new_styles/po_approval_rules.scss */
  .ip-ux.po-rules {
    --nav-h: 72px;
  }
}

/* line 51, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-rules-title {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--text);
}

/* line 59, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-rules-sub {
  margin: 3px 0 0;
  font-size: 12px;
  color: var(--text-muted);
  font-weight: 400;
  max-width: 68ch;
}

/* line 67, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-rules-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 74, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-rules-body {
  padding: 20px 24px 0;
}

/* line 76, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  margin-bottom: 16px;
}

/* line 84, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-card-head {
  padding: 13px 16px;
  border-bottom: 1px solid var(--border-2);
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

/* line 93, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-card-title {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--text-muted);
}

/* line 102, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-card-body {
  padding: 16px;
}

/* line 105, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px 16px;
}

/* line 111, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* line 113, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-field > label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--text-subtle);
  margin: 0 0 5px;
  line-height: 1.35;
}

/* line 132, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-grid > .po-field > label {
  display: flex;
  align-items: flex-end;
  min-height: calc(2 * 1.35 * 11px);
}

/* line 138, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-hint {
  display: block;
  margin-top: 5px;
  font-size: 11.5px;
  color: var(--text-muted);
  line-height: 1.45;
}

/* line 146, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules input[type="text"],
.ip-ux.po-rules input[type="number"],
.ip-ux.po-rules select {
  height: var(--field-h);
  width: 100%;
  padding: 0 10px;
  font-size: 13px;
  font-family: inherit;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  outline: none;
  transition: border-color .12s ease, box-shadow .12s ease;
}

/* line 161, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules input[type="text"]:hover,
.ip-ux.po-rules input[type="number"]:hover,
.ip-ux.po-rules select:hover {
  border-color: var(--text-subtle);
}

/* line 163, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules input[type="text"]:focus,
.ip-ux.po-rules input[type="number"]:focus,
.ip-ux.po-rules select:focus {
  border-color: var(--accent-ink);
  box-shadow: 0 0 0 3px var(--accent-wash);
}

/* line 168, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules input[type="text"]::placeholder,
.ip-ux.po-rules input[type="number"]::placeholder,
.ip-ux.po-rules select::placeholder {
  color: var(--text-subtle);
}

/* line 171, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235b626d' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 11px center;
  padding-right: 28px;
}

/* line 181, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-check {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  color: var(--text-muted);
  cursor: pointer;
  user-select: none;
}

/* line 190, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-check input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin: 0;
  accent-color: var(--accent-ink);
  cursor: pointer;
}

/* line 198, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-check label {
  margin: 0;
  cursor: pointer;
  font-weight: 400;
}

/* line 202, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-tier {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface-2);
  padding: 14px 16px;
  margin-bottom: 12px;
}

/* line 210, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-tier-head {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  flex-wrap: wrap;
  padding-bottom: 12px;
  border-bottom: 1px dashed var(--border);
}

/* line 219, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-tier-head .po-field {
  width: 190px;
  flex: 0 0 auto;
}

/* line 220, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-tier-head .po-check {
  padding-bottom: 10px;
  margin-left: auto;
}

/* line 222, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-step {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 13px 0;
  border-bottom: 1px solid var(--border-2);
}

/* line 229, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-step:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

/* line 232, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-step-level {
  width: 92px;
  flex: 0 0 auto;
}

/* line 233, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-step-approvers {
  flex: 1 1 auto;
  min-width: 0;
}

/* line 235, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-approver-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 7px;
}

/* line 241, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-approver-row select {
  max-width: 300px;
}

/* line 244, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-step-remove {
  flex: 0 0 auto;
  padding-top: 22px;
}

/* line 247, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 14px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-size: 12.5px;
  font-weight: 600;
  font-family: inherit;
  letter-spacing: .01em;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  transition: background .12s ease, border-color .12s ease;
}

/* line 265, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-btn-primary {
  background: var(--accent-ink);
  color: #fff;
}

/* line 269, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-btn-primary:hover {
  background: #0a6473;
  color: #fff;
  text-decoration: none;
}

/* line 272, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-btn-ghost {
  background: var(--surface);
  border-color: var(--border-strong);
  color: var(--text);
}

/* line 277, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-btn-ghost:hover {
  background: var(--surface-2);
  color: var(--text);
  text-decoration: none;
}

/* line 280, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-btn-link {
  background: transparent;
  color: var(--text-muted);
  padding: 0 8px;
}

/* line 285, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-btn-link:hover {
  color: var(--text);
  text-decoration: underline;
}

/* line 288, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-form-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 0 4px;
}

/* line 296, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12.5px;
}

/* line 302, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-table th {
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--text-subtle);
  padding: 0 var(--cell-pad-x) 9px;
  border-bottom: 1px solid var(--border);
  white-space: nowrap;
}

/* line 314, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-table td {
  padding: 11px var(--cell-pad-x);
  border-bottom: 1px solid var(--border-2);
  vertical-align: top;
}

/* line 320, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-table tbody tr:hover {
  background: var(--surface-2);
}

/* line 321, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-table tbody tr:last-child td {
  border-bottom: 0;
}

/* line 324, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-table th:first-child, .ip-ux.po-rules .po-table td:first-child {
  padding-left: 16px;
}

/* line 325, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-table th:last-child, .ip-ux.po-rules .po-table td:last-child {
  padding-right: 16px;
}

/* line 336, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-priority {
  display: inline-block;
  min-width: 26px;
  padding: 2px 7px;
  border-radius: 100px;
  background: var(--waiting-wash);
  border: 1px solid var(--border-strong);
  color: var(--text);
  font-size: 12.5px;
  font-weight: 600;
  text-align: center;
}

/* line 349, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-rule-name {
  font-weight: 600;
  color: var(--text);
}

/* line 352, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-th-hint {
  display: block;
  margin-top: 2px;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--text-muted);
}

/* line 364, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-rule-scope {
  color: var(--text-muted);
}

/* line 367, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-rule-scope .po-scope-type {
  display: block;
  color: var(--text);
  font-weight: 500;
}

/* line 373, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-rule-scope .po-scope-values {
  display: block;
  margin-top: 2px;
  font-size: 12px;
}

/* line 381, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-scope-ladder {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: var(--text-muted);
}

/* line 388, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-tier-line {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 3px 0;
  flex-wrap: wrap;
}

/* line 396, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-band {
  flex: 0 0 auto;
  padding: 2px 8px;
  border-radius: 100px;
  background: var(--accent-wash);
  color: var(--accent-ink);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

/* line 407, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-chain {
  font-weight: 600;
  color: var(--text);
  white-space: nowrap;
}

/* line 408, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-chain-detail {
  color: var(--text-muted);
  font-size: 11.5px;
}

/* line 410, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-tag {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 100px;
  background: var(--waiting-wash);
  color: var(--waiting);
  font-size: 10.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
  margin-left: 6px;
}

/* line 427, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-status-form {
  display: inline;
  margin: 0;
}

/* line 432, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 9px;
  border-radius: 100px;
  border: 1px solid var(--border-strong);
  background: var(--surface);
  font-family: inherit;
  font-size: 10.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
  white-space: nowrap;
  cursor: pointer;
}

/* line 449, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100px;
  background: currentColor;
}

/* line 457, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-status:hover {
  background: var(--surface-2);
}

/* line 459, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-status.is-on {
  color: var(--ontrack);
}

/* line 460, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-status.is-off {
  color: var(--text);
  background: var(--waiting-wash);
}

/* line 464, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-status-cell .po-tag {
  margin-left: 0;
}

/* line 467, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-status-cell .po-tag.is-on {
  color: var(--ontrack);
  background: var(--surface);
  border: 1px solid var(--border-strong);
}

/* line 475, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules tr.is-inactive td:not(.po-status-cell) {
  opacity: .55;
}

/* line 478, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-note {
  border: 1px solid var(--border);
  border-left: 3px solid var(--waiting);
  border-radius: 6px;
  background: var(--surface);
  padding: 11px 14px;
  margin-bottom: 16px;
  font-size: 12.5px;
  color: var(--text-muted);
}

/* line 489, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-note-danger {
  border-left-color: var(--act);
  background: var(--act-wash);
  color: #7d2529;
}

/* line 490, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-note-warn {
  border-left-color: var(--chase);
}

/* line 491, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-note-accent {
  border-left-color: var(--accent-ink);
  background: var(--accent-wash);
}

/* line 493, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-note strong {
  color: inherit;
  font-weight: 600;
}

/* line 495, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-empty {
  padding: 34px 16px;
  text-align: center;
  color: var(--text-subtle);
  font-size: 13px;
}

/* line 503, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-result-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

/* line 511, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-result-rule {
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
}

/* line 512, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-result-why {
  color: var(--text-muted);
  font-size: 12px;
}

/* line 514, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-shadowed {
  margin: 0;
  padding-left: 18px;
  color: var(--text-muted);
  font-size: 12.5px;
}

/* line 520, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules .po-shadowed li {
  padding: 2px 0;
}

/* line 523, app/assets/stylesheets/new_styles/po_approval_rules.scss */
.ip-ux.po-rules select[multiple] {
  height: auto;
  min-height: 88px;
  padding: 6px 8px;
  background-image: none;
}
/* line 28, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register {
  --field-h: 38px;
  --nav-h: 62px;
  background: var(--bg);
  min-height: 100%;
  padding-top: var(--nav-h);
  padding-bottom: 40px;
  scroll-padding-top: var(--nav-h);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--text);
  font-size: 13px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/* line 47, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-head {
  position: sticky;
  top: var(--nav-h);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 18px 24px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}

@media (max-width: 991px) {
  /* line 28, app/assets/stylesheets/new_styles/asset_register.scss */
  .ip-ux.asset-register {
    --nav-h: 72px;
  }
}

/* line 65, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-title {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--text);
}

/* line 73, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-sub {
  margin: 3px 0 0;
  font-size: 12px;
  color: var(--text-muted);
  font-weight: 400;
  max-width: 68ch;
}

/* line 81, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 88, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-body {
  padding: 20px 24px 0;
}

/* line 90, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  margin-bottom: 16px;
}

/* line 98, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-card-head {
  padding: 13px 16px;
  border-bottom: 1px solid var(--border-2);
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

/* line 107, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-card-title {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--text-muted);
}

/* line 116, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-card-body {
  padding: 16px;
}

/* line 119, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px 16px;
}

/* line 125, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* line 131, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-hint {
  display: block;
  margin-top: 5px;
  font-size: 11.5px;
  color: var(--text-muted);
  line-height: 1.45;
}

/* line 141, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-file-list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 150, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-file-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 5px 10px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface-2);
  font-size: 12.5px;
}

/* line 162, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text);
}

/* line 169, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-file-remove {
  flex: 0 0 auto;
  color: var(--text-muted);
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
}

/* line 176, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-file-remove:hover {
  color: var(--act);
  text-decoration: none;
}

/* line 184, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register input[type="text"],
.ip-ux.asset-register input[type="number"],
.ip-ux.asset-register input[type="date"],
.ip-ux.asset-register select,
.ip-ux.asset-register textarea {
  height: var(--field-h);
  width: 100%;
  padding: 0 10px;
  font-size: 13px;
  font-family: inherit;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  outline: none;
  transition: border-color .12s ease, box-shadow .12s ease;
}

/* line 201, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register input[type="text"]:hover,
.ip-ux.asset-register input[type="number"]:hover,
.ip-ux.asset-register input[type="date"]:hover,
.ip-ux.asset-register select:hover,
.ip-ux.asset-register textarea:hover {
  border-color: var(--text-subtle);
}

/* line 203, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register input[type="text"]:focus,
.ip-ux.asset-register input[type="number"]:focus,
.ip-ux.asset-register input[type="date"]:focus,
.ip-ux.asset-register select:focus,
.ip-ux.asset-register textarea:focus {
  border-color: var(--accent-ink);
  box-shadow: 0 0 0 3px var(--accent-wash);
}

/* line 208, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register input[type="text"]::placeholder,
.ip-ux.asset-register input[type="number"]::placeholder,
.ip-ux.asset-register input[type="date"]::placeholder,
.ip-ux.asset-register select::placeholder,
.ip-ux.asset-register textarea::placeholder {
  color: var(--text-subtle);
}

/* line 211, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235b626d' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 11px center;
  padding-right: 28px;
}

/* line 221, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register textarea {
  height: auto;
  min-height: 72px;
  padding: 8px 10px;
  line-height: 1.45;
  resize: vertical;
}

/* line 229, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-check {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  color: var(--text-muted);
  cursor: pointer;
  user-select: none;
}

/* line 238, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-check input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin: 0;
  accent-color: var(--accent-ink);
  cursor: pointer;
}

/* line 246, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-check label {
  margin: 0;
  cursor: pointer;
  font-weight: 400;
}

/* line 250, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 14px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-size: 12.5px;
  font-weight: 600;
  font-family: inherit;
  letter-spacing: .01em;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  transition: background .12s ease, border-color .12s ease;
}

/* line 268, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-btn-primary {
  background: var(--accent-ink);
  color: #fff;
}

/* line 272, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-btn-primary:hover {
  background: #0a6473;
  color: #fff;
  text-decoration: none;
}

/* line 275, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-btn-ghost {
  background: var(--surface);
  border-color: var(--border-strong);
  color: var(--text);
}

/* line 280, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-btn-ghost:hover {
  background: var(--surface-2);
  color: var(--text);
  text-decoration: none;
}

/* line 283, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-btn-danger {
  background: var(--surface);
  border-color: var(--border-strong);
  color: var(--act);
}

/* line 288, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-btn-danger:hover {
  background: var(--act-wash);
  border-color: var(--act);
  color: var(--act);
  text-decoration: none;
}

/* line 291, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-btn-link {
  background: transparent;
  color: var(--text-muted);
  padding: 0 8px;
}

/* line 296, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-btn-link:hover {
  color: var(--text);
  text-decoration: underline;
}

/* line 299, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-form-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 0 4px;
}

/* line 306, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-row-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}

/* line 313, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-code {
  font-family: "SFMono-Regular", Consolas, monospace;
  font-weight: 700;
  letter-spacing: .02em;
}

/* line 319, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-dl {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 8px 14px;
  margin: 0;
}

/* line 325, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-dl dt {
  color: var(--text-subtle);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
}

/* line 333, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-dl dd {
  margin: 0;
  color: var(--text);
}

/* line 337, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 9px;
  border-radius: 100px;
  border: 1px solid var(--border-strong);
  background: var(--surface);
  font-size: 10.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
  white-space: nowrap;
}

/* line 351, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-tag::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100px;
  background: currentColor;
}

/* line 359, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-tag.is-on {
  color: var(--ontrack);
}

/* line 360, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-tag.is-off {
  color: var(--text);
  background: var(--waiting-wash);
}

/* line 364, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-note {
  border: 1px solid var(--border);
  border-left: 3px solid var(--waiting);
  border-radius: 6px;
  background: var(--surface);
  padding: 11px 14px;
  margin-bottom: 16px;
  font-size: 12.5px;
  color: var(--text-muted);
}

/* line 375, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-note-danger {
  border-left-color: var(--act);
  background: var(--act-wash);
  color: #7d2529;
}

/* line 376, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-note-accent {
  border-left-color: var(--accent-ink);
  background: var(--accent-wash);
}

/* line 378, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-note strong {
  color: inherit;
  font-weight: 600;
}

/* line 380, app/assets/stylesheets/new_styles/asset_register.scss */
.ip-ux.asset-register .ar-empty {
  padding: 34px 16px;
  text-align: center;
  color: var(--text-subtle);
  font-size: 13px;
}

/* line 393, app/assets/stylesheets/new_styles/asset_register.scss */
#new_content .ip-ux.asset-register table tbody tr td:first-child {
  width: auto;
  padding-left: var(--cell-pad-x, 4px);
}

/* line 404, app/assets/stylesheets/new_styles/asset_register.scss */
#new_content .ip-ux-register.asset-register table thead th {
  text-transform: uppercase;
}
/*
 * CSS File of Material icons.
 * CSS code based on:
 * https://github.com/google/material-design-icons
 */




/* Use the font */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(/assets/material-icons-regular-d7f083631d2357fe2c2c75d353cb1d6deaceb0249e07d00a59f9cdffbbccf35a.woff2) format('woff2'),
       url(/assets/material-icons-regular-a9f2f380dd4aab1414f47620e68d9bf7d45cece149be7fec8a94e532e1660cb1.woff) format('woff');
}

/* Base class */
.material-icons,
.mi {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
@charset "UTF-8";
/* line 34, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot {
  background: var(--bg);
  color: var(--text);
}

/* line 42, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot.manual-quote .vqp-bar {
  min-height: 0;
  height: 44px;
  margin-top: 0;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}

/* line 49, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot.manual-quote .vqp-bar .container-fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  line-height: 1;
  padding-top: 0;
  font-size: 13px;
  font-weight: 400;
  opacity: 1;
  letter-spacing: 0;
  color: var(--text-muted);
}

/* line 64, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot.manual-quote .vqp-bar .vqp-bar-title {
  font-size: 13px;
  color: var(--text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 73, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot.manual-quote .vqp-bar .previous-quote {
  flex: 0 0 auto;
  margin-left: 12px;
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-ink);
  cursor: pointer;
}

/* line 87, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 5px 0;
  padding: 12px 12px 10px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}

/* line 98, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-head .vqp-head-main {
  flex: 1 1 420px;
  min-width: 0;
  margin-top: 5px;
}

/* line 100, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-head .vqp-buyer {
  margin: 0 0 2px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--text);
}

/* line 108, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-head .vqp-meta {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}

/* line 116, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-head .vqp-docnum {
  color: var(--text);
}

/* line 117, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-head .vqp-sep {
  color: var(--text-subtle);
  padding: 0 4px;
}

/* line 123, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-head .vqp-disclosure {
  display: inline-block;
  position: relative;
}

/* line 127, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-head .vqp-disclosure > summary {
  display: inline-block;
  font-size: 12px;
  color: var(--accent-ink);
  cursor: pointer;
  list-style: revert;
}

/* line 135, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-head .vqp-disclosure .vqp-disclosure-body {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 3;
  min-width: 320px;
  max-width: 90vw;
  box-shadow: var(--shadow);
  padding: 8px 10px;
  background: var(--surface-2);
  border: 1px solid var(--border-2);
  border-radius: var(--radius);
}

/* line 148, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-head .vqp-disclosure .vqp-disclosure-body p {
  margin: 0 0 4px;
  font-size: 12px;
  line-height: 16px;
  color: var(--text-muted);
}

/* line 149, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-head .vqp-disclosure .vqp-disclosure-body p:last-child {
  margin-bottom: 0;
}

/* line 153, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-head .vqp-disclosure .vqp-label {
  display: inline-block;
  min-width: 54px;
  color: var(--text-subtle);
}

/* line 159, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-head .vqp-disclosure .vqp-tel {
  color: var(--accent-ink);
}

/* line 163, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-head .vqp-head-ref {
  flex: 0 0 240px;
  max-width: 100%;
}

/* line 167, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-head .vqp-head-ref label {
  display: block;
  margin: 0 0 3px;
  font-size: 16px;
  font-weight: 400;
  color: var(--text-muted);
}

/* line 175, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-head .vqp-head-ref input {
  width: 100%;
  height: 32px;
  padding: 0 8px;
  font-size: 13px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
}

/* line 189, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table {
  margin-top: 12px;
  background: var(--surface);
}

/* line 196, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table thead tr {
  height: 32px;
}

/* line 198, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table thead th {
  height: 32px;
  padding: 0 var(--cell-pad-x);
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted);
  background: var(--surface-2);
  border-bottom: 1px solid var(--border);
  text-transform: none;
  letter-spacing: 0;
  vertical-align: middle;
}

/* line 213, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table thead th .vqp-unit {
  color: var(--text-subtle);
  font-weight: 400;
}

/* line 216, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody tr {
  height: var(--row-h);
  background: var(--surface) !important;
}

/* line 220, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody tr td {
  padding: 0 var(--cell-pad-x);
  font-size: 13px;
  color: var(--text);
  border-bottom: 1px solid var(--border-2);
  vertical-align: middle;
}

/* line 230, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody .alternate-quote-row {
  background: var(--surface-2) !important;
}

/* line 232, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody .alternate-quote-row td {
  color: var(--text-muted);
}

/* line 240, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table th.col-num, #new_content .manual-quote.vendor-quote-pilot .item-details-table td.col-num {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* line 246, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td.col-num input,
#new_content .manual-quote.vendor-quote-pilot .item-details-table td.col-num select,
#new_content .manual-quote.vendor-quote-pilot .item-details-table td.col-num .net-amount {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* line 260, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td.col-num select {
  padding-right: 2px;
}

/* line 262, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table .net-amount {
  display: inline-block;
  width: 100%;
}

/* line 265, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td input.custom-text-box,
#new_content .manual-quote.vendor-quote-pilot .item-details-table td select.custom-text-box,
#new_content .manual-quote.vendor-quote-pilot .item-details-table td textarea {
  height: 32px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  color: var(--text);
  font-size: 13px;
}

/* line 276, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td textarea {
  height: 32px;
  padding-top: 6px;
}

/* line 278, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td input.custom-text-box:focus,
#new_content .manual-quote.vendor-quote-pilot .item-details-table td select.custom-text-box:focus,
#new_content .manual-quote.vendor-quote-pilot .item-details-table td textarea:focus {
  border-color: var(--border-strong);
  outline: none;
}

/* line 287, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table th.vqp-item-col,
#new_content .manual-quote.vendor-quote-pilot .item-details-table td.vqp-item-col {
  position: sticky;
  left: 0;
  z-index: 1;
  background: var(--surface);
}

/* line 299, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table thead th.vqp-item-col {
  background: var(--surface-2);
  z-index: 2;
}

/* line 300, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody .alternate-quote-row td.vqp-item-col {
  background: var(--surface-2);
}

/* line 301, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody tr.regretted-item td.vqp-item-col {
  background: var(--waiting-wash);
}

/* line 303, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td.vqp-item-col {
  color: var(--text);
  box-shadow: 1px 0 0 var(--border);
}

@media (max-width: 768px) {
  /* line 321, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot.manual-quote .vqp-bar {
    height: 44px !important;
    min-height: 0 !important;
  }
  /* line 325, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot.manual-quote .vqp-bar .container-fluid {
    height: 44px;
    padding-top: 0 !important;
    font-size: 12px;
  }
  /* line 332, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .vqp-head {
    padding: 10px 8px;
  }
  /* line 335, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .vqp-head .vqp-buyer {
    font-size: 15px;
    line-height: 19px;
  }
  /* line 336, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .vqp-head .vqp-head-ref {
    flex: 1 1 100%;
  }
  /* line 342, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td .material-icons.alternate-quote-btn,
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td .material-icons.need-more-info,
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td .material-icons.regret-item {
    min-width: 40px;
    min-height: 40px;
  }
}

/* line 361, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot {
  padding-bottom: 88px;
}

/* line 370, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block {
  margin-top: 24px;
  padding: 0 12px;
}

/* line 381, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .pnf-terms-block,
#new_content .manual-quote.vendor-quote-pilot .freight-terms-block,
#new_content .manual-quote.vendor-quote-pilot .delivery-terms-block,
#new_content .manual-quote.vendor-quote-pilot .payment-terms-block,
#new_content .manual-quote.vendor-quote-pilot .price-basis-terms-block {
  display: block;
}

/* line 388, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .pnf-terms-block .terms-details,
#new_content .manual-quote.vendor-quote-pilot .freight-terms-block .terms-details,
#new_content .manual-quote.vendor-quote-pilot .delivery-terms-block .terms-details,
#new_content .manual-quote.vendor-quote-pilot .payment-terms-block .terms-details,
#new_content .manual-quote.vendor-quote-pilot .price-basis-terms-block .terms-details {
  margin-right: 0;
}

/* line 391, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .terms-details {
  margin-bottom: 14px;
  max-width: 520px;
}

/* line 398, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .terms-details > span:first-child {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--text-muted);
  margin-bottom: 3px;
}

/* line 407, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .terms-details input,
#new_content .manual-quote.vendor-quote-pilot .terms-details select,
#new_content .manual-quote.vendor-quote-pilot .terms-details textarea {
  max-width: 100%;
  font-size: 13px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
}

/* line 418, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .terms-details input, #new_content .manual-quote.vendor-quote-pilot .terms-details select {
  height: 36px;
}

/* line 419, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .terms-details textarea {
  min-height: 56px;
  padding: 8px 10px;
}

/* line 424, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .price-basis-other-terms-details,
#new_content .manual-quote.vendor-quote-pilot .payment-day-terms-details,
#new_content .manual-quote.vendor-quote-pilot .payment-other-terms-details,
#new_content .manual-quote.vendor-quote-pilot .day-terms-details,
#new_content .manual-quote.vendor-quote-pilot .other-terms-details,
#new_content .manual-quote.vendor-quote-pilot .pnf-value-details,
#new_content .manual-quote.vendor-quote-pilot .transport-value {
  margin: 0 0 14px;
  max-width: 520px;
}

/* line 434, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .price-basis-other-terms-details .with-in,
#new_content .manual-quote.vendor-quote-pilot .payment-day-terms-details .with-in,
#new_content .manual-quote.vendor-quote-pilot .payment-other-terms-details .with-in,
#new_content .manual-quote.vendor-quote-pilot .day-terms-details .with-in,
#new_content .manual-quote.vendor-quote-pilot .other-terms-details .with-in,
#new_content .manual-quote.vendor-quote-pilot .pnf-value-details .with-in,
#new_content .manual-quote.vendor-quote-pilot .transport-value .with-in {
  display: block;
  margin-bottom: 3px;
  font-size: 11px;
  color: var(--text-muted);
}

/* line 441, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .price-basis-other-terms-details input, #new_content .manual-quote.vendor-quote-pilot .price-basis-other-terms-details select, #new_content .manual-quote.vendor-quote-pilot .price-basis-other-terms-details textarea,
#new_content .manual-quote.vendor-quote-pilot .payment-day-terms-details input,
#new_content .manual-quote.vendor-quote-pilot .payment-day-terms-details select,
#new_content .manual-quote.vendor-quote-pilot .payment-day-terms-details textarea,
#new_content .manual-quote.vendor-quote-pilot .payment-other-terms-details input,
#new_content .manual-quote.vendor-quote-pilot .payment-other-terms-details select,
#new_content .manual-quote.vendor-quote-pilot .payment-other-terms-details textarea,
#new_content .manual-quote.vendor-quote-pilot .day-terms-details input,
#new_content .manual-quote.vendor-quote-pilot .day-terms-details select,
#new_content .manual-quote.vendor-quote-pilot .day-terms-details textarea,
#new_content .manual-quote.vendor-quote-pilot .other-terms-details input,
#new_content .manual-quote.vendor-quote-pilot .other-terms-details select,
#new_content .manual-quote.vendor-quote-pilot .other-terms-details textarea,
#new_content .manual-quote.vendor-quote-pilot .pnf-value-details input,
#new_content .manual-quote.vendor-quote-pilot .pnf-value-details select,
#new_content .manual-quote.vendor-quote-pilot .pnf-value-details textarea,
#new_content .manual-quote.vendor-quote-pilot .transport-value input,
#new_content .manual-quote.vendor-quote-pilot .transport-value select,
#new_content .manual-quote.vendor-quote-pilot .transport-value textarea {
  font-size: 13px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
}

/* line 454, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .price-basis-other-terms-details > .error-wrapper,
#new_content .manual-quote.vendor-quote-pilot .payment-day-terms-details > .error-wrapper,
#new_content .manual-quote.vendor-quote-pilot .payment-other-terms-details > .error-wrapper,
#new_content .manual-quote.vendor-quote-pilot .day-terms-details > .error-wrapper,
#new_content .manual-quote.vendor-quote-pilot .other-terms-details > .error-wrapper,
#new_content .manual-quote.vendor-quote-pilot .transport-value > .error-wrapper,
#new_content .manual-quote.vendor-quote-pilot .vqp-validity > .error-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

/* line 467, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .pnf-value-details {
  display: flex;
  gap: 8px;
  margin-top: 0;
  width: auto;
}

/* line 468, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .pnf-value-details .pnf {
  flex: 1 1 auto;
  height: 36px;
  width: auto;
  border-radius: var(--radius);
}

/* line 469, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .pnf-value-details .pnf-extra-type {
  flex: 0 0 90px;
  height: 36px;
}

/* line 470, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .transport-value input {
  height: 36px;
  width: 100%;
}

/* line 472, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .group-days {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
}

/* line 480, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .group-days input {
  width: 96px;
  height: 36px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* line 491, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .group-days .no-of-days,
#new_content .manual-quote.vendor-quote-pilot .group-days .vqp-prefix {
  background: none;
  border: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  white-space: nowrap;
  color: var(--text-muted);
}

/* line 506, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-validity .group-days input {
  width: 80px;
}

/* line 521, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment .vqp-attach-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* line 528, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment .vqp-add-files {
  display: inline-flex;
  align-items: center;
  height: 32px;
  margin: 0;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-ink);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  cursor: pointer;
}

/* line 542, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment .vqp-add-files:hover {
  border-color: var(--accent-ink);
  background: var(--accent-wash);
}

/* line 547, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment .vqp-hint {
  font-size: 11px;
  color: var(--text-subtle);
}

/* line 552, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment .vqp-file-list {
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
  max-width: 520px;
}

/* line 559, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment .vqp-file {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-size: 12px;
  color: var(--text-muted);
  border-bottom: 1px solid var(--border-2);
}

/* line 569, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment .vqp-file-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text);
}

/* line 570, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment .vqp-file-size {
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
}

/* line 576, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment a.vqp-file-name {
  color: var(--accent-ink);
  text-decoration: none;
}

/* line 577, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment a.vqp-file-name:hover {
  text-decoration: underline;
}

/* line 584, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment .vqp-file-state {
  flex: 0 0 auto;
  font-size: 11px;
  color: var(--text-subtle);
  white-space: nowrap;
}

/* line 595, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment .vqp-file-problem {
  flex: 0 0 auto;
  color: var(--act);
}

/* line 597, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment .vqp-file-remove {
  flex: 0 0 auto;
  min-width: 32px;
  min-height: 32px;
  background: none;
  border: 0;
  font-size: 16px;
  line-height: 1;
  color: var(--text-subtle);
  cursor: pointer;
}

/* line 616, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody tr.alternate-quote-row td:first-child {
  border-left: 3px solid var(--border-strong);
}

/* line 624, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .form-footer.vqp-footer,
.form-footer.vqp-footer {
  position: fixed;
  bottom: 0;
  margin-top: 0;
  min-height: 0;
  height: 56px;
  background: var(--surface);
  border-top: 1px solid var(--border);
  box-shadow: 0 -1px 2px rgba(20, 24, 29, 0.04);
}

/* line 645, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .form-footer.vqp-footer .container-fluid,
.form-footer.vqp-footer .container-fluid {
  height: 56px;
}

/* line 646, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .form-footer.vqp-footer div div,
.form-footer.vqp-footer div div {
  padding-top: 0;
}

/* line 648, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .form-footer.vqp-footer .vqp-footer-inner,
.form-footer.vqp-footer .vqp-footer-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: 56px;
}

/* line 656, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .form-footer.vqp-footer .vqp-tally,
.form-footer.vqp-footer .vqp-tally {
  min-width: 0;
  font-size: 13px;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 667, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .form-footer.vqp-footer .vqp-tally-total,
.form-footer.vqp-footer .vqp-tally-total {
  font-weight: 500;
  color: var(--text);
}

/* line 668, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .form-footer.vqp-footer .vqp-tally-note,
.form-footer.vqp-footer .vqp-tally-note {
  color: var(--text-subtle);
  font-size: 11px;
}

/* line 669, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .form-footer.vqp-footer .vqp-sep,
.form-footer.vqp-footer .vqp-sep {
  color: var(--text-subtle);
  padding: 0 4px;
}

/* line 671, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .form-footer.vqp-footer .vqp-footer-actions,
.form-footer.vqp-footer .vqp-footer-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 683, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .form-footer.vqp-footer .vqp-preview-btn,
.form-footer.vqp-footer .vqp-preview-btn {
  display: inline-flex;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
  background-color: #17A2B8;
  color: #FFFFFF;
  box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.15);
}

/* line 698, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .form-footer.vqp-footer .vqp-preview-btn:hover, #new_content .form-footer.vqp-footer .vqp-preview-btn:focus,
.form-footer.vqp-footer .vqp-preview-btn:hover,
.form-footer.vqp-footer .vqp-preview-btn:focus {
  background-color: #1A8798;
  color: #FFFFFF;
  text-decoration: none;
}

/* line 718, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .form-footer.vqp-footer .vqp-cancel,
.form-footer.vqp-footer .vqp-cancel {
  display: inline-flex;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  border-radius: 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
  color: #138294;
  background-color: #FFFFFF;
  box-shadow: 0 6px 26px 0 rgba(0, 0, 0, 0.15);
}

/* line 734, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .form-footer.vqp-footer .vqp-cancel:hover, #new_content .form-footer.vqp-footer .vqp-cancel:focus,
.form-footer.vqp-footer .vqp-cancel:hover,
.form-footer.vqp-footer .vqp-cancel:focus {
  background-color: #E4E4E4;
  color: #138294;
  text-decoration: none;
}

/* line 749, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .form-footer.vqp-footer .vqp-preview-btn,
#new_content .form-footer.vqp-footer .vqp-cancel,
#new_content .form-footer.vqp-footer .cancel-changes-btn,
.form-footer.vqp-footer .vqp-preview-btn,
.form-footer.vqp-footer .vqp-cancel,
.form-footer.vqp-footer .cancel-changes-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 18px;
}

/* line 768, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .modal-content {
  border-radius: var(--radius);
}

/* line 770, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .modal-header {
  height: 52px;
  padding: 0 16px;
  align-items: center;
  border-bottom: 1px solid var(--border);
}

/* line 776, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .modal-header .modal-title {
  font-size: 15px;
  font-weight: 500;
  color: var(--text);
}

/* line 779, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .modal-body {
  padding: 12px 16px;
}

/* line 785, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details .vqp-preview-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 790, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details table {
  width: 100%;
  border-collapse: collapse;
}

/* line 791, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details table.vqp-preview-lines {
  min-width: 640px;
}

/* line 793, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details table.vqp-preview-summary {
  min-width: 0;
  margin-top: 10px;
  border-top: 1px solid var(--border);
}

/* line 798, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details table.vqp-preview-summary td {
  padding: 5px 6px;
  font-size: 12px;
  border-bottom: 1px solid var(--border-2);
}

/* line 799, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details table.vqp-preview-summary .vqp-term-label {
  color: var(--text-muted);
  width: 45%;
}

/* line 800, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details table.vqp-preview-summary .vqp-term-value {
  color: var(--text);
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* line 801, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details table.vqp-preview-summary .total-class {
  font-weight: 500;
  color: var(--text);
  font-size: 13px;
}

/* line 804, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details thead th {
  height: 30px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 600;
  text-align: left;
  color: var(--text-muted);
  background: var(--surface-2);
  border-bottom: 1px solid var(--border);
  white-space: nowrap;
  text-transform: none;
}

/* line 819, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details tbody td {
  padding: 6px;
  font-size: 12px;
  color: var(--text);
  border-bottom: 1px solid var(--border-2);
  vertical-align: top;
}

/* line 827, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details .terms-row td {
  color: var(--text-muted);
  white-space: nowrap;
}

/* line 832, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details .terms-row .total-class {
  font-weight: 500;
  color: var(--text);
}

/* line 837, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details .alternative-row td {
  color: var(--text-muted);
  background: var(--surface-2);
}

/* line 838, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details .regret span {
  color: var(--act);
  font-weight: 500;
}

/* line 841, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details .vqp-unquoted td,
#new_content .vqp-preview-modal .item-preview-details .vqp-regretted td {
  color: var(--text-subtle);
  font-size: 11px;
  white-space: normal;
}

/* line 858, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-history-modal .modal-content .modal-header {
  height: 52px;
  padding: 0 12px;
  align-items: center;
}

/* line 863, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-history-modal .modal-content .modal-header h5 {
  font-size: 15px;
  font-weight: 500;
  color: var(--text);
}

/* line 864, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-history-modal .modal-content .modal-header .close {
  padding: 0 4px;
  min-width: 44px;
  min-height: 44px;
}

@media (max-width: 768px) {
  /* line 869, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content #exampleModalRight.vqp-history-modal .modal-dialog {
    min-width: 0;
    max-width: calc(100vw - 16px);
    width: calc(100vw - 16px);
    right: auto;
    position: relative;
    top: 0;
    height: auto;
    max-height: calc(100vh - 16px);
    margin: 8px;
  }
  /* line 890, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .vqp-history-modal .modal-content {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
  }
  /* line 893, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .vqp-history-modal .previous-bid-table {
    width: 750px;
  }
  /* line 895, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .vqp-history-modal .modal-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
  }
  /* line 903, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .form-footer.vqp-footer .vqp-tally,
.form-footer.vqp-footer .vqp-tally {
    font-size: 12px;
  }
  /* line 904, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .form-footer.vqp-footer .vqp-tally-note,
.form-footer.vqp-footer .vqp-tally-note {
    display: none;
  }
  /* line 910, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .form-footer.vqp-footer .vqp-preview-btn,
.form-footer.vqp-footer .vqp-preview-btn {
    padding: 0 12px;
    font-size: 13px;
  }
  /* line 913, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .vqp-validity .group-days input {
    width: 72px;
  }
  /* line 915, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .terms-details,
#new_content .manual-quote.vendor-quote-pilot .pnf-value-details,
#new_content .manual-quote.vendor-quote-pilot .transport-value {
    max-width: 100%;
  }
}

/* line 961, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table col.vqp-col-controls {
  width: 136px;
}

/* line 962, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table col.vqp-col-note {
  width: 40px;
}

/* line 963, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table col.vqp-col-qty {
  width: 84px;
}

/* line 964, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table col.vqp-col-make {
  width: 120px;
}

/* line 965, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table col.vqp-col-rate {
  width: 88px;
}

/* line 966, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table col.vqp-col-disc {
  width: 64px;
}

/* line 967, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table col.vqp-col-currency {
  width: 96px;
}

/* line 972, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table col.vqp-col-gst {
  width: 84px;
}

/* line 973, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table col.vqp-col-hsn {
  width: 80px;
}

/* line 974, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table col.vqp-col-attached {
  width: 72px;
}

/* line 975, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table col.vqp-col-net {
  width: 96px;
}

/* line 982, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td textarea {
  min-width: 160px;
  width: 100%;
}

/* line 989, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td select.item-make,
#new_content .manual-quote.vendor-quote-pilot .item-details-table td select.vqp-gst {
  width: 100%;
}

/* line 1000, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td input.vqp-make {
  width: 100%;
}

/* line 1001, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td input.vqp-make::placeholder {
  color: var(--text-subtle);
  opacity: 1;
}

/* line 1009, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table thead th.vqp-net-cell,
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody td.vqp-net-cell {
  padding-right: 16px;
}

/* line 1014, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table thead th.vqp-actions-head,
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody td.vqp-actions-cell {
  padding-right: 8px;
}

/* line 1060, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content:has(> .manual-quote.vendor-quote-pilot) {
  min-width: 0;
}

@media (min-width: 769px) and (max-width: 1439px) {
  /* line 1063, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .item-details-table {
    width: 100%;
  }
  /* line 1066, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .item-details-table col.vqp-col-item {
    width: 220px;
  }
  /* line 1067, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .item-details-table col.vqp-col-note {
    width: 48px;
  }
  /* line 1072, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .item-details-table td textarea {
    min-width: 0;
  }
  /* line 1078, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .item-details-table td.vqp-item-col {
    overflow: hidden;
  }
  /* line 1082, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .item-details-table td.vqp-item-col .item-desc,
#new_content .manual-quote.vendor-quote-pilot .item-details-table td.vqp-item-col .item-base {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* line 1098, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table .net-amount {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-size: 13px;
  color: var(--text);
}

/* line 1113, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table .net-amount:empty::after {
  content: "—";
  color: var(--text-subtle);
}

/* line 1128, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td .material-icons.alternate-quote-btn,
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td .material-icons.need-more-info,
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td .material-icons.regret-item,
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td .material-icons.control-slot-empty,
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody td .material-icons.indent-note {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  opacity: 1;
  color: var(--text-subtle);
  border-radius: var(--radius);
  transition: color .12s ease, background-color .12s ease;
}

/* line 1150, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td .material-icons.alternate-quote-btn:hover,
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td .material-icons.need-more-info:hover,
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td .material-icons.regret-item:hover,
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody td .material-icons.indent-note:hover,
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td .material-icons.alternate-quote-btn:focus-visible,
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td .material-icons.need-more-info:focus-visible,
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td .material-icons.regret-item:focus-visible,
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody td .material-icons.indent-note:focus-visible {
  color: var(--accent-ink);
  background: var(--accent-wash);
  outline: none;
}

/* line 1167, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td .material-icons.need-more-info.active {
  color: var(--accent-ink);
  opacity: 1;
}

/* line 1171, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td .material-icons.regret-item.regreted {
  color: var(--act);
  opacity: 1;
}

/* line 1175, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody td .material-icons.indent-note.checked {
  color: var(--accent-ink);
}

/* line 1180, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td .material-icons.control-slot-empty {
  color: transparent;
}

/* line 1192, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td.vqp-item-col .item-base {
  font-weight: 500;
  color: var(--text);
}

/* line 1196, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td.vqp-item-col .item-desc {
  font-weight: 400;
  color: var(--text-muted);
}

/* line 1203, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody td .rfq-vendor-attachment .material-icons {
  font-size: 20px;
  color: var(--text-subtle);
}

/* line 1207, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody td .rfq-vendor-attachment:hover .material-icons {
  color: var(--accent-ink);
}

/* line 1237, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 24px;
  align-items: start;
  max-width: 960px;
  margin-top: 24px;
  padding: 0 12px;
}

/* line 1247, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block > * {
  min-width: 0;
}

/* line 1253, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .price-basis-terms-block,
#new_content .manual-quote.vendor-quote-pilot .payment-terms-block,
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment {
  grid-column: 1 / -1;
}

/* line 1264, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .price-basis-terms-block {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 24px;
  align-items: start;
}

/* line 1272, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .pnf-terms-block {
  grid-column: 1;
}

/* line 1273, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .freight-terms-block {
  grid-column: 2;
}

/* line 1274, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-validity {
  grid-column: 1;
}

/* line 1275, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .delivery-terms-block {
  grid-column: 2;
}

/* line 1279, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block .terms-details,
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block .price-basis-other-terms-details,
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block .payment-day-terms-details,
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block .payment-other-terms-details,
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block .day-terms-details,
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block .other-terms-details,
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block .pnf-value-details,
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block .transport-value {
  max-width: 100%;
  margin-bottom: 0;
}

/* line 1293, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .pnf-terms-block .pnf-value-details,
#new_content .manual-quote.vendor-quote-pilot .freight-terms-block .transport-value,
#new_content .manual-quote.vendor-quote-pilot .payment-terms-block .payment-day-terms-details,
#new_content .manual-quote.vendor-quote-pilot .payment-terms-block .payment-other-terms-details {
  margin-top: 8px;
}

/* line 1302, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block .error-wrapper {
  width: 100%;
}

/* line 1303, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block .terms-details > span:last-child {
  display: block;
}

/* line 1305, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block select,
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block input[type="text"],
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block textarea {
  width: 100%;
  max-width: 100%;
}

/* line 1311, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block select,
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block input[type="text"] {
  height: 36px;
}

/* line 1315, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block textarea {
  min-height: 56px;
}

/* line 1323, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .pnf-value-details .pnf {
  width: auto !important;
  flex: 1 1 auto;
  min-width: 0;
}

/* line 1328, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .pnf-value-details .pnf-extra-type {
  flex: 0 0 84px;
  width: 84px;
}

/* line 1335, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .delivery-terms-block.vqp-delivery {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px;
}

/* line 1341, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .delivery-terms-block.vqp-delivery > .terms-details {
  flex: 0 0 auto;
}

/* line 1346, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .delivery-terms-block.vqp-delivery > .terms-details select {
  width: auto;
  min-width: 104px;
}

/* line 1350, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .delivery-terms-block.vqp-delivery > .day-terms-details {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

/* line 1357, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .delivery-terms-block.vqp-delivery .with-in {
  display: inline;
  margin: 0;
  font-size: 12px;
  color: var(--text-muted);
  white-space: nowrap;
}

/* line 1364, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .delivery-terms-block.vqp-delivery > .day-terms-details > .error-wrapper {
  flex: 0 0 auto;
  width: auto;
}

/* line 1368, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .delivery-terms-block.vqp-delivery .group-days input {
  width: 80px;
}

/* line 1373, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .delivery-terms-block.vqp-delivery > .other-terms-details {
  flex: 1 1 260px;
  min-width: 0;
}

/* line 1377, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .delivery-terms-block.vqp-delivery > .other-terms-details .with-in {
  display: none;
}

/* line 1414, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .modal-content, #new_content .manual-quote.vendor-quote-pilot #regret_modal .modal-content, #new_content .manual-quote.vendor-quote-pilot #chat_modal .modal-content, #new_content .vqp-preview-modal .modal-content, #new_content .vqp-error-modal .modal-content, #new_content .vqp-history-modal .modal-content {
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 8px 32px rgba(20, 24, 29, 0.18);
  background: var(--surface);
  color: var(--text);
  font-size: 13px;
}

/* line 1428, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .modal-header, #new_content .manual-quote.vendor-quote-pilot #regret_modal .modal-header, #new_content .manual-quote.vendor-quote-pilot #chat_modal .modal-header, #new_content .vqp-preview-modal .modal-header, #new_content .vqp-error-modal .modal-header, #new_content .vqp-history-modal .modal-header {
  display: flex;
  align-items: center;
  height: 52px;
  min-height: 52px;
  padding: 0 16px;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
}

/* line 1439, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .modal-title,
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .modal-header h5, #new_content .manual-quote.vendor-quote-pilot #regret_modal .modal-title,
#new_content .manual-quote.vendor-quote-pilot #regret_modal .modal-header h5, #new_content .manual-quote.vendor-quote-pilot #chat_modal .modal-title,
#new_content .manual-quote.vendor-quote-pilot #chat_modal .modal-header h5, #new_content .vqp-preview-modal .modal-title,
#new_content .vqp-preview-modal .modal-header h5, #new_content .vqp-error-modal .modal-title,
#new_content .vqp-error-modal .modal-header h5, #new_content .vqp-history-modal .modal-title,
#new_content .vqp-history-modal .modal-header h5 {
  width: auto;
  height: auto;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--text);
  opacity: 1;
}

/* line 1454, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .close, #new_content .manual-quote.vendor-quote-pilot #regret_modal .close, #new_content .manual-quote.vendor-quote-pilot #chat_modal .close, #new_content .vqp-preview-modal .close, #new_content .vqp-error-modal .close, #new_content .vqp-history-modal .close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  margin: 0 -8px 0 auto;
  padding: 0;
  font-size: 22px;
  line-height: 1;
  font-weight: 400;
  color: var(--text-muted);
  opacity: 1;
  background: none;
  border: 0;
  border-radius: var(--radius);
  text-shadow: none;
}

/* line 1474, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .close:hover, #new_content .manual-quote.vendor-quote-pilot #regret_modal .close:hover, #new_content .manual-quote.vendor-quote-pilot #chat_modal .close:hover, #new_content .vqp-preview-modal .close:hover, #new_content .vqp-error-modal .close:hover, #new_content .vqp-history-modal .close:hover {
  background: var(--waiting-wash);
  color: var(--text);
}

/* line 1476, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .modal-body, #new_content .manual-quote.vendor-quote-pilot #regret_modal .modal-body, #new_content .manual-quote.vendor-quote-pilot #chat_modal .modal-body, #new_content .vqp-preview-modal .modal-body, #new_content .vqp-error-modal .modal-body, #new_content .vqp-history-modal .modal-body {
  padding: 16px;
  min-height: 0;
  font-size: 13px;
  background: var(--surface);
  color: var(--text);
}

/* line 1484, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .modal-footer, #new_content .manual-quote.vendor-quote-pilot #regret_modal .modal-footer, #new_content .manual-quote.vendor-quote-pilot #chat_modal .modal-footer, #new_content .vqp-preview-modal .modal-footer, #new_content .vqp-error-modal .modal-footer, #new_content .vqp-history-modal .modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-height: 56px;
  padding: 10px 16px;
  border-top: 1px solid var(--border);
  background: var(--waiting-wash);
}

/* line 1500, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .modal-calcel-btn,
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .modal-delete-btn,
#new_content .manual-quote.vendor-quote-pilot #clarification_modal input.modal-delete-btn, #new_content .manual-quote.vendor-quote-pilot #regret_modal .modal-calcel-btn,
#new_content .manual-quote.vendor-quote-pilot #regret_modal .modal-delete-btn,
#new_content .manual-quote.vendor-quote-pilot #regret_modal input.modal-delete-btn, #new_content .manual-quote.vendor-quote-pilot #chat_modal .modal-calcel-btn,
#new_content .manual-quote.vendor-quote-pilot #chat_modal .modal-delete-btn,
#new_content .manual-quote.vendor-quote-pilot #chat_modal input.modal-delete-btn, #new_content .vqp-preview-modal .modal-calcel-btn,
#new_content .vqp-preview-modal .modal-delete-btn,
#new_content .vqp-preview-modal input.modal-delete-btn, #new_content .vqp-error-modal .modal-calcel-btn,
#new_content .vqp-error-modal .modal-delete-btn,
#new_content .vqp-error-modal input.modal-delete-btn, #new_content .vqp-history-modal .modal-calcel-btn,
#new_content .vqp-history-modal .modal-delete-btn,
#new_content .vqp-history-modal input.modal-delete-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  height: 36px;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--text-muted);
  box-shadow: none;
  cursor: pointer;
}

/* line 1525, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .modal-calcel-btn:hover, #new_content .manual-quote.vendor-quote-pilot #regret_modal .modal-calcel-btn:hover, #new_content .manual-quote.vendor-quote-pilot #chat_modal .modal-calcel-btn:hover, #new_content .vqp-preview-modal .modal-calcel-btn:hover, #new_content .vqp-error-modal .modal-calcel-btn:hover, #new_content .vqp-history-modal .modal-calcel-btn:hover {
  border-color: var(--text-subtle);
  color: var(--text);
}

/* line 1527, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .modal-delete-btn,
#new_content .manual-quote.vendor-quote-pilot #clarification_modal input.modal-delete-btn, #new_content .manual-quote.vendor-quote-pilot #regret_modal .modal-delete-btn,
#new_content .manual-quote.vendor-quote-pilot #regret_modal input.modal-delete-btn, #new_content .manual-quote.vendor-quote-pilot #chat_modal .modal-delete-btn,
#new_content .manual-quote.vendor-quote-pilot #chat_modal input.modal-delete-btn, #new_content .vqp-preview-modal .modal-delete-btn,
#new_content .vqp-preview-modal input.modal-delete-btn, #new_content .vqp-error-modal .modal-delete-btn,
#new_content .vqp-error-modal input.modal-delete-btn, #new_content .vqp-history-modal .modal-delete-btn,
#new_content .vqp-history-modal input.modal-delete-btn {
  border-color: var(--accent-ink);
  background: var(--accent-ink);
  color: #fff;
}

/* line 1533, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .modal-delete-btn:hover,
#new_content .manual-quote.vendor-quote-pilot #clarification_modal input.modal-delete-btn:hover, #new_content .manual-quote.vendor-quote-pilot #regret_modal .modal-delete-btn:hover,
#new_content .manual-quote.vendor-quote-pilot #regret_modal input.modal-delete-btn:hover, #new_content .manual-quote.vendor-quote-pilot #chat_modal .modal-delete-btn:hover,
#new_content .manual-quote.vendor-quote-pilot #chat_modal input.modal-delete-btn:hover, #new_content .vqp-preview-modal .modal-delete-btn:hover,
#new_content .vqp-preview-modal input.modal-delete-btn:hover, #new_content .vqp-error-modal .modal-delete-btn:hover,
#new_content .vqp-error-modal input.modal-delete-btn:hover, #new_content .vqp-history-modal .modal-delete-btn:hover,
#new_content .vqp-history-modal input.modal-delete-btn:hover {
  background: #0a6a7a;
  border-color: #0a6a7a;
  color: #fff;
}

/* line 1537, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal textarea,
#new_content .manual-quote.vendor-quote-pilot #clarification_modal input[type="text"],
#new_content .manual-quote.vendor-quote-pilot #clarification_modal select, #new_content .manual-quote.vendor-quote-pilot #regret_modal textarea,
#new_content .manual-quote.vendor-quote-pilot #regret_modal input[type="text"],
#new_content .manual-quote.vendor-quote-pilot #regret_modal select, #new_content .manual-quote.vendor-quote-pilot #chat_modal textarea,
#new_content .manual-quote.vendor-quote-pilot #chat_modal input[type="text"],
#new_content .manual-quote.vendor-quote-pilot #chat_modal select, #new_content .vqp-preview-modal textarea,
#new_content .vqp-preview-modal input[type="text"],
#new_content .vqp-preview-modal select, #new_content .vqp-error-modal textarea,
#new_content .vqp-error-modal input[type="text"],
#new_content .vqp-error-modal select, #new_content .vqp-history-modal textarea,
#new_content .vqp-history-modal input[type="text"],
#new_content .vqp-history-modal select {
  width: 100%;
  font-size: 13px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
}

/* line 1547, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal textarea, #new_content .manual-quote.vendor-quote-pilot #regret_modal textarea, #new_content .manual-quote.vendor-quote-pilot #chat_modal textarea, #new_content .vqp-preview-modal textarea, #new_content .vqp-error-modal textarea, #new_content .vqp-history-modal textarea {
  min-height: 88px;
  padding: 8px 10px;
}

/* line 1549, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .name-error, #new_content .manual-quote.vendor-quote-pilot #regret_modal .name-error, #new_content .manual-quote.vendor-quote-pilot #chat_modal .name-error, #new_content .vqp-preview-modal .name-error, #new_content .vqp-error-modal .name-error, #new_content .vqp-history-modal .name-error {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: var(--act);
}

/* line 1557, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .modal-dialog,
#new_content .manual-quote.vendor-quote-pilot #regret_modal .modal-dialog,
#new_content .manual-quote.vendor-quote-pilot #chat_modal .modal-dialog {
  max-width: 560px;
}

/* line 1561, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .regret-item-name,
#new_content .manual-quote.vendor-quote-pilot #regret_modal .regret-item-name,
#new_content .manual-quote.vendor-quote-pilot #chat_modal .regret-item-name {
  display: block;
  margin-top: 1px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--text-muted);
}

/* line 1569, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .modal-title,
#new_content .manual-quote.vendor-quote-pilot #regret_modal .modal-title,
#new_content .manual-quote.vendor-quote-pilot #chat_modal .modal-title {
  display: block;
  line-height: 18px;
}

/* line 1571, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .indent-spec-content,
#new_content .manual-quote.vendor-quote-pilot #regret_modal .indent-spec-content,
#new_content .manual-quote.vendor-quote-pilot #chat_modal .indent-spec-content {
  max-height: 320px;
  overflow-y: auto;
  margin-bottom: 12px;
}

/* line 1576, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .spec-details,
#new_content .manual-quote.vendor-quote-pilot #regret_modal .spec-details,
#new_content .manual-quote.vendor-quote-pilot #chat_modal .spec-details {
  font-size: 13px;
  color: var(--text);
}

/* line 1577, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .person-details,
#new_content .manual-quote.vendor-quote-pilot #regret_modal .person-details,
#new_content .manual-quote.vendor-quote-pilot #chat_modal .person-details {
  font-size: 11px;
  color: var(--text-subtle);
}

/* line 1581, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .regret-reason-picks,
#new_content .manual-quote.vendor-quote-pilot #regret_modal .regret-reason-picks,
#new_content .manual-quote.vendor-quote-pilot #chat_modal .regret-reason-picks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

/* line 1582, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .regret-pick,
#new_content .manual-quote.vendor-quote-pilot #regret_modal .regret-pick,
#new_content .manual-quote.vendor-quote-pilot #chat_modal .regret-pick {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 10px;
  font-size: 12px;
  color: var(--text-muted);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
  cursor: pointer;
}

/* line 1594, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #clarification_modal .regret-pick:hover,
#new_content .manual-quote.vendor-quote-pilot #regret_modal .regret-pick:hover,
#new_content .manual-quote.vendor-quote-pilot #chat_modal .regret-pick:hover {
  border-color: var(--accent-ink);
  color: var(--accent-ink);
  background: var(--accent-wash);
}

/* line 1596, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #regret_modal .modal-body {
  padding-top: 16px;
}

/* line 1603, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .modal-body {
  padding: 16px;
}

/* line 1604, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .remark-note-modal {
  width: 100%;
  background: var(--surface-2);
  color: var(--text);
  opacity: 1;
  -webkit-text-fill-color: var(--text);
}

/* line 1613, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-error-modal .modal-dialog {
  max-width: 460px;
  margin: 60px auto;
}

/* line 1614, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-error-modal .modal-body {
  font-size: 13px;
  line-height: 18px;
  color: var(--text);
}

/* line 1623, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .modal-dialog {
  min-width: 0;
  width: 420px;
  max-width: 420px;
  margin: 0;
}

/* line 1629, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .modal-content {
  height: 100%;
  border-radius: 0;
  border: 0;
  border-left: 1px solid var(--border);
  box-shadow: -8px 0 32px rgba(20, 24, 29, 0.12);
  display: flex;
  flex-direction: column;
}

/* line 1638, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .modal-body {
  flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0;
}

/* line 1654, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .previous-bid-table {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

/* line 1660, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .previous-bid-table thead tr {
  height: 32px;
  background: transparent;
}

/* line 1661, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .previous-bid-table tbody tr {
  height: 32px;
}

/* line 1663, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .previous-bid-table th {
  height: 32px;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  text-align: left;
  white-space: nowrap;
  color: var(--text-muted);
  background: var(--surface-2);
  border: 0;
  border-bottom: 1px solid var(--border);
  position: sticky;
  top: 0;
  z-index: 1;
}

/* line 1681, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .previous-bid-table td {
  height: 32px;
  padding: 0 8px;
  font-size: 12px;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  border-bottom: 1px solid var(--border-2);
}

/* line 1693, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .previous-bid-table th.col-num, #new_content #exampleModalRight.vqp-history-modal .previous-bid-table td.col-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* line 1694, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .previous-bid-table th.vqp-hq-loc, #new_content #exampleModalRight.vqp-history-modal .previous-bid-table td.vqp-hq-loc {
  width: 96px;
}

/* line 1695, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .previous-bid-table th.vqp-hq-ctx, #new_content #exampleModalRight.vqp-history-modal .previous-bid-table td.vqp-hq-ctx {
  color: var(--text-muted);
}

/* line 1698, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .previous-bid-table .title-row td {
  height: 34px;
  padding-top: 10px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text);
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  white-space: normal;
}

/* line 1709, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .previous-bid-table .rfq-number {
  color: var(--accent-ink);
  text-decoration: none;
  opacity: 1;
}

/* line 1710, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .previous-bid-table .vqp-unit {
  margin-left: 3px;
  font-size: 11px;
  color: var(--text-subtle);
}

/* line 1711, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .previous-bid-table .vqp-hq-check {
  font-size: 18px;
  color: var(--ontrack);
}

/* line 1713, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .previous-bid-table .copy-quote {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .04em;
  color: var(--accent-ink);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 6px;
  text-decoration: none;
}

/* line 1727, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .previous-bid-table .copy-quote:hover {
  border-color: var(--accent-ink);
  background: var(--accent-wash);
  text-decoration: none;
}

@media (max-width: 768px) {
  /* line 1733, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content #exampleModalRight.vqp-history-modal .modal-dialog {
    width: 100vw;
    max-width: 100vw;
    min-width: 0;
    margin: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 100vh;
    max-height: 100vh;
    position: fixed;
  }
  /* line 1745, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content #exampleModalRight.vqp-history-modal .modal-content {
    border-left: 0;
    height: 100%;
  }
  /* line 1746, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content #exampleModalRight.vqp-history-modal .previous-bid-table {
    width: max-content;
    min-width: 100%;
    table-layout: auto;
  }
  /* line 1748, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot #clarification_modal .modal-dialog,
#new_content .manual-quote.vendor-quote-pilot #regret_modal .modal-dialog,
#new_content .manual-quote.vendor-quote-pilot #chat_modal .modal-dialog,
#new_content .vqp-error-modal .modal-dialog {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  /* line 1758, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .terms-conditions-block,
#new_content .manual-quote.vendor-quote-pilot .price-basis-terms-block {
    grid-template-columns: minmax(0, 1fr);
    max-width: 100%;
  }
  /* line 1763, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .pnf-terms-block,
#new_content .manual-quote.vendor-quote-pilot .freight-terms-block,
#new_content .manual-quote.vendor-quote-pilot .vqp-validity,
#new_content .manual-quote.vendor-quote-pilot .delivery-terms-block {
    grid-column: 1;
  }
}

/* line 1781, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #chat_modal #text_message,
#new_content .manual-quote.vendor-quote-pilot #clarification_modal #additional_info_reply {
  width: 100%;
  height: auto;
  min-height: 88px;
}

/* line 1792, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details table.vqp-preview-lines th.vqp-num,
#new_content .vqp-preview-modal .item-preview-details table.vqp-preview-lines td.vqp-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* line 1802, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .edit-quote-btn {
  display: inline-block;
  margin: 10px 0;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  color: var(--accent-ink);
  border: 1px solid var(--accent-ink);
  border-radius: var(--radius);
  background: var(--surface);
  cursor: pointer;
}

/* line 1816, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .edit-quote-btn:hover {
  text-decoration: none;
  color: var(--accent-ink);
  border-color: var(--accent-ink);
  background: var(--accent-wash);
}

/* line 1822, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .previous-quote {
  color: var(--accent-ink);
  border-color: var(--accent-ink);
}

/* line 1831, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .name-error {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  line-height: 14px;
  color: var(--act);
}

/* line 1843, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #regret_modal .modal-delete-btn,
#new_content .manual-quote.vendor-quote-pilot #regret_modal input.modal-delete-btn {
  border-color: var(--act);
  background: var(--act);
  color: #fff;
}

/* line 1849, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #regret_modal .modal-delete-btn:hover,
#new_content .manual-quote.vendor-quote-pilot #regret_modal input.modal-delete-btn:hover {
  border-color: #c93b3f;
  background: #c93b3f;
  color: #fff;
}

/* line 1857, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-error-modal .modal-title,
#new_content .vqp-error-modal .modal-header h5 {
  color: var(--act);
}

/* line 1864, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details .vqp-unquoted td {
  color: var(--chase);
  font-size: 12px;
  font-weight: 500;
  white-space: normal;
}

/* line 1872, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody td .net-amount.vqp-net-empty {
  color: var(--text-subtle);
  font-weight: 400;
}

/* line 1889, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-footer .vqp-tally-regret {
  color: var(--text-muted);
}

/* line 1890, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-footer .vqp-submit-error {
  display: block;
  width: 100%;
  margin-top: 2px;
  font-size: 11px;
  line-height: 14px;
  color: var(--act);
}

/* line 1898, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-footer .vqp-submit-error:empty {
  display: none;
}

/* line 1909, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content #exampleModalRight.vqp-history-modal .previous-bid-table tr.vqp-hq-none td {
  padding: 10px 8px;
  font-size: 11px;
  color: var(--text-subtle);
  border-bottom: 0;
  white-space: normal;
}

/* line 1920, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-validity .vqp-validity-text {
  width: 100%;
  height: 36px;
  border-radius: var(--radius);
}

/* line 1946, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .error-wrapper {
  position: relative;
}

/* line 1948, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .error-wrapper > .name-error,
#new_content .manual-quote.vendor-quote-pilot .terms-conditions-block .error-wrapper > .name-error {
  position: absolute;
  top: 100%;
  bottom: auto;
  left: 0;
  right: auto;
  margin-top: 2px;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0;
  color: var(--act);
  white-space: normal;
}

/* line 1972, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table .error-wrapper > .name-error {
  white-space: nowrap;
}

/* line 1980, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody tr.vqp-row-erred > td {
  padding-bottom: 16px;
}

/* line 1991, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details table thead tr,
#new_content .vqp-preview-modal .item-preview-details table tbody tr {
  height: auto;
  min-height: 0;
}

/* line 1996, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details table.vqp-preview-lines thead th {
  height: 30px;
}

/* line 1997, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .vqp-preview-modal .item-preview-details table.vqp-preview-lines tbody td {
  height: auto;
  padding: 6px;
  line-height: 16px;
}

/* line 2012, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td textarea {
  resize: none;
  max-height: 62px;
  overflow-y: auto;
  line-height: 18px;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* line 2026, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td.vqp-attached-cell {
  white-space: nowrap;
}

/* line 2029, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td.vqp-attached-cell .rfq-vendor-attachment .material-icons {
  font-size: 20px;
  color: var(--text-subtle);
  vertical-align: middle;
}

/* line 2034, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td.vqp-attached-cell .rfq-vendor-attachment:hover .material-icons {
  color: var(--accent-ink);
}

/* line 2051, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody td .material-icons.indent-note.vqp-note-empty {
  color: var(--text-subtle);
  opacity: .45;
  cursor: default;
}

/* line 2058, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody td .material-icons.indent-note.vqp-note-empty:hover,
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody td .material-icons.indent-note.vqp-note-empty:focus-visible {
  color: var(--text-subtle);
  opacity: .45;
  background: none;
}

/* line 2067, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody td .material-icons.indent-note.checked {
  cursor: pointer;
}

/* line 2090, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .pnf-value-details > .error-wrapper,
#new_content .manual-quote.vendor-quote-pilot .transport-value > .error-wrapper {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}

/* line 2096, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .pnf-value-details {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 2101, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .pnf-value-details > .error-wrapper .pnf {
  width: 100% !important;
}

/* line 2109, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody tr.regretted-item > td,
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody tr.regretted-item > td.vqp-item-col {
  background: var(--waiting-wash);
}

/* line 2123, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment .vqp-file.vqp-file-rejected {
  color: var(--act);
  border-bottom-color: transparent;
}

/* line 2127, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment .vqp-file.vqp-file-rejected .vqp-file-problem {
  color: var(--act);
}

/* line 2133, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment .vqp-file.vqp-file-note {
  color: var(--chase);
  border-bottom-color: transparent;
}

/* line 2137, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment .vqp-file.vqp-file-note .vqp-file-problem {
  color: var(--chase);
}

@media (max-width: 480px) {
  /* line 2163, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .form-footer.vqp-footer .vqp-tally,
.form-footer.vqp-footer .vqp-tally {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0 4px;
    overflow: visible;
    text-overflow: clip;
  }
  /* line 2172, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .form-footer.vqp-footer .vqp-sep,
.form-footer.vqp-footer .vqp-sep {
    padding: 0;
  }
  /* line 2174, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .form-footer.vqp-footer .vqp-tally-count,
#new_content .form-footer.vqp-footer .vqp-tally-regret,
.form-footer.vqp-footer .vqp-tally-count,
.form-footer.vqp-footer .vqp-tally-regret {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* line 2183, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .form-footer.vqp-footer .vqp-tally-total,
.form-footer.vqp-footer .vqp-tally-total {
    flex: 0 0 auto;
  }
  /* line 2184, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .form-footer.vqp-footer .vqp-sep,
.form-footer.vqp-footer .vqp-sep {
    flex: 0 0 auto;
  }
  /* line 2191, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .form-footer.vqp-footer .vqp-tally-regret:not(.hide) ~ .vqp-sep,
.form-footer.vqp-footer .vqp-tally-regret:not(.hide) ~ .vqp-sep {
    display: none;
  }
  /* line 2192, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .form-footer.vqp-footer .vqp-tally-regret:not(.hide) ~ .vqp-tally-total,
.form-footer.vqp-footer .vqp-tally-regret:not(.hide) ~ .vqp-tally-total {
    flex: 1 0 100%;
  }
  /* line 2193, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .form-footer.vqp-footer .vqp-submit-error,
.form-footer.vqp-footer .vqp-submit-error {
    flex: 1 0 100%;
  }
}

/* line 2216, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
.tooltip.vqp-tooltip {
  z-index: 2000 !important;
}

/* line 2221, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
.tooltip.vqp-tooltip .tooltip-inner {
  max-width: 280px;
  text-align: left;
  white-space: normal;
}

/* line 2245, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td.vqp-item-col .item-base {
  font-size: 14px;
  line-height: 18px;
}

/* line 2263, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td.vqp-item-col .item-base.hide ~ .item-desc {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: var(--text);
}

/* line 2271, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table td.vqp-item-col .item-base:not(.hide) ~ .item-desc {
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  color: var(--text-muted);
}

/* line 2279, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td.vqp-actions-cell .material-icons.alternate-quote-btn,
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td.vqp-actions-cell .material-icons.need-more-info,
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td.vqp-actions-cell .material-icons.regret-item,
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td.vqp-actions-cell .material-icons.control-slot-empty {
  font-size: 16px;
  white-space: nowrap;
}

/* line 2286, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody td.vqp-actions-cell {
  white-space: nowrap;
}

/* line 2295, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody tr:hover td.vqp-actions-cell .material-icons.alternate-quote-btn:not(:hover),
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody tr:hover td.vqp-actions-cell .material-icons.need-more-info:not(:hover):not(.active),
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody tr:hover td.vqp-actions-cell .material-icons.regret-item:not(:hover):not(.regreted) {
  color: var(--text-muted);
}

/* line 2323, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table thead th.vqp-actions-head {
  position: relative;
}

/* line 2327, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table .sr-only-vqp {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 768px) {
  /* line 2351, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .vendor-quote-controls tbody tr td:first-child {
    width: auto !important;
  }
}

/* line 2371, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot #pricebasis_note {
  resize: none;
  min-height: 44px;
  max-height: 116px;
  overflow-y: auto;
  line-height: 18px;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* line 2394, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody tr.regretted-item td .regret-item.vqp-regret-readonly {
  pointer-events: none;
  cursor: default;
  visibility: hidden;
}

/* line 2400, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody tr.regretted-item td .vqp-regret-state {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  min-width: 100%;
  width: max-content;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 2px;
  padding-right: 8px;
  background: var(--waiting-wash);
  white-space: nowrap;
  z-index: 1;
}

/* line 2427, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody tr.regretted-item td {
  position: relative;
}

/* line 2434, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table .vqp-regret-word {
  font-size: 12px;
  font-weight: 500;
  color: var(--act);
}

/* line 2443, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table .vqp-undo-regret {
  font-size: 12px;
  color: var(--accent-ink);
  text-decoration: none;
  cursor: pointer;
}

/* line 2449, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table .vqp-undo-regret:hover {
  text-decoration: underline;
}

/* line 2452, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table .vqp-undo-regret.vqp-undo-busy {
  color: var(--text-subtle);
  pointer-events: none;
  text-decoration: none;
}

/* line 2482, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody tr.regretted-item.vqp-regret-failed-row td .vqp-regret-state {
  position: static;
  width: auto;
  min-width: 0;
  max-width: 100%;
  flex-wrap: wrap;
  white-space: normal;
  align-items: flex-start;
  text-align: left;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 3px;
  padding-bottom: 3px;
  row-gap: 2px;
}

/* line 2507, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table tbody tr.regretted-item.vqp-regret-failed-row td .vqp-rate {
  display: none;
}

/* line 2510, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .item-details-table .vqp-regret-failed {
  display: block;
  flex: 0 0 100%;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
  line-height: 1.25;
  text-align: left;
  font-size: 11px;
  color: var(--act);
}

/* line 2539, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment .vqp-file.vqp-file-uploading .vqp-file-state {
  color: var(--text-subtle);
  font-style: italic;
}

/* line 2545, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
#new_content .manual-quote.vendor-quote-pilot .vqp-attachment .vqp-file.vqp-file-uploading .vqp-file-remove {
  display: none;
}

@media (max-width: 768px) {
  /* line 2574, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .item-details-table col.vqp-col-item {
    width: 220px;
  }
  /* line 2584, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .item-details-table td.vqp-item-col {
    overflow: hidden;
  }
  /* line 2587, app/assets/stylesheets/new_styles/vendor_quote_pilot.scss */
  #new_content .manual-quote.vendor-quote-pilot .item-details-table td.vqp-item-col .item-desc,
#new_content .manual-quote.vendor-quote-pilot .item-details-table td.vqp-item-col .item-base {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
/* line 24, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot {
  padding: 80px 40px 64px;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  font-size: 13px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}

/* line 38, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot * {
  box-sizing: border-box;
}

/* line 39, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot b, .dash-pilot strong {
  font-weight: 600;
}

/* line 40, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .tnum {
  font-variant-numeric: tabular-nums;
}

/* line 51, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-attach__names, .dash-pilot .dp-mv__name, .dash-pilot .dp-mrfq__q > .dp-mrfq__sub, .dash-pilot .dp-mrfq__t, .dash-pilot .dp-brow__title, .dash-pilot .dp-rrow__title, .dash-pilot .dp-rrow__sub > .dp-rrow__await, .dash-pilot .dp-row__sub, .dash-pilot .dp-row__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 58, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-topbar {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 16px;
}

/* line 65, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .lede {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

/* line 72, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .lede h1 {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -.01em;
  margin: 0;
  color: var(--text);
}

/* line 82, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .lede .meta {
  font-size: 12px;
  color: var(--text-muted);
  text-transform: none;
  letter-spacing: normal;
}

/* line 89, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-filters {
  margin-left: auto;
  display: flex;
  gap: 14px;
  align-items: flex-end;
  flex-wrap: wrap;
}

/* line 96, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-filters label {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 11.5px;
  font-weight: 500;
  color: var(--text-muted);
  margin: 0;
}

/* line 106, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-filters select {
  font-family: inherit;
  font-size: 13px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 6px 9px;
  min-width: 160px;
  cursor: pointer;
}

/* line 117, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-filters select:hover {
  border-color: var(--border-strong);
}

/* line 124, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-classic-switch-form {
  display: flex;
  align-items: flex-end;
  margin: 0;
}

/* line 126, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-classic-switch {
  background: none;
  border: 0;
  padding: 7px 0;
  font-family: inherit;
  font-size: 12.5px;
  color: var(--accent-ink);
  cursor: pointer;
  text-decoration: underline;
  white-space: nowrap;
}

/* line 137, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-classic-switch:hover {
  color: var(--text);
}

/* line 144, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  margin-bottom: 16px;
}

/* line 152, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
}

/* line 164, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-card__head {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 14px 15px;
  border-bottom: 1px solid var(--border-2);
  min-height: 44px;
}

/* line 172, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-card__head h2 {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  color: var(--text);
  text-transform: none;
  letter-spacing: normal;
}

/* line 183, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-card__head .meta {
  font-size: 11.5px;
  line-height: 15px;
  color: var(--text-subtle);
}

/* line 198, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-card__foot {
  margin: 0;
  padding: 11px 15px;
  border-top: 1px solid var(--border-2);
  font-size: 11.5px;
  color: var(--text-muted);
}

/* line 208, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-card__foot--split {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* line 215, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-empty {
  margin: 0;
  padding: 16px 15px;
  font-size: 13px;
  color: var(--text-muted);
}

/* line 226, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 60px;
  padding: 10px 15px;
  color: var(--text);
  text-decoration: none;
  border-top: 1px solid var(--border-2);
}

/* line 236, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-row:hover {
  background: var(--surface-2);
  text-decoration: none;
  color: var(--text);
}

/* line 237, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-row:focus {
  text-decoration: none;
  color: var(--text);
}

/* line 245, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-card__head + .dp-row {
  border-top: 0;
}

/* line 247, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-row--flat {
  cursor: default;
}

/* line 248, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-row--flat:hover {
  background: transparent;
}

/* line 250, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-row__count {
  flex: none;
  min-width: 40px;
  text-align: right;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.1;
  color: var(--text);
}

/* line 263, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-row__main,
.dash-pilot .dp-rrow__main,
.dash-pilot .dp-brow__main {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 273, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-row__title {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
}

/* line 281, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-row__def {
  font-weight: 400;
  color: var(--text-muted);
}

/* line 285, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-row__sub {
  font-size: 12px;
  color: var(--text-subtle);
}

/* line 304, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-rrow__sub {
  display: flex;
  align-items: baseline;
}

/* line 308, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-rrow__sub > .dp-rrow__await {
  flex: 1 1 auto;
  min-width: 0;
}

/* line 315, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-rrow__sub > .dp-row__def {
  flex: none;
}

/* line 318, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-row__age {
  flex: none;
  width: 110px;
  text-align: right;
  font-size: 12px;
  color: var(--text-muted);
  white-space: nowrap;
}

/* line 327, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-row__go {
  flex: none;
  width: 18px;
  text-align: right;
  color: var(--accent-ink);
}

/* line 337, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-lhead {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 15px;
  border-top: 1px solid var(--border-2);
  background: var(--surface-2);
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted);
}

/* line 349, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-lhead__sp {
  flex: 1;
}

/* line 354, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-lhead__all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-weight: 600;
  cursor: pointer;
}

/* line 363, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-lhead__dot {
  color: var(--text-subtle);
}

/* line 368, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-lhead__label {
  font-weight: 400;
}

/* line 373, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-find {
  position: relative;
  display: flex;
  margin-left: 8px;
  font-weight: 400;
}

/* line 379, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-find .fs-wrap {
  width: 150px;
  margin: 0;
}

/* line 380, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-find .fs-wrap.fs-open {
  z-index: 20;
}

/* line 383, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-find .fs-label-wrap .fs-label {
  padding: 8px 22px 8px 10px;
}

/* line 386, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-find .fs-arrow {
  right: 9px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top: 4px solid var(--text-subtle);
}

/* line 396, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-find__note {
  font-weight: 400;
  color: var(--text-muted);
}

/* line 401, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-cb {
  flex: none;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  accent-color: var(--accent-ink);
}

/* line 413, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-btn {
  flex: none;
  height: 30px;
  padding: 0 12px;
  border-radius: 6px;
  border: 1px solid var(--accent-ink);
  background: var(--surface);
  color: var(--accent-ink);
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}

/* line 430, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-btn:hover {
  background: var(--accent-wash);
  color: var(--accent-ink);
  text-decoration: none;
}

/* line 431, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-btn:focus {
  text-decoration: none;
  color: var(--accent-ink);
}

/* line 434, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-btn--quiet {
  border-color: var(--border);
  color: var(--text-subtle);
}

/* line 438, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-btn--quiet:hover {
  background: var(--surface);
  color: var(--text-subtle);
}

/* line 441, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-btn[disabled] {
  cursor: default;
}

/* line 446, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-rrow {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 8px 15px;
  border-top: 1px solid var(--border-2);
}

/* line 454, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-rrow:hover {
  background: var(--surface-2);
}

/* line 457, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-lhead + .dp-rrow {
  border-top: 0;
}

/* line 459, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-rrow__title {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
}

/* line 470, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-rrow__doc {
  color: var(--accent-ink);
  margin-right: 8px;
}

/* line 474, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-rrow__doc:hover {
  color: var(--accent-ink);
  text-decoration: underline;
}

/* line 477, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-rrow__age {
  flex: none;
  width: 52px;
  text-align: right;
  font-size: 12px;
  color: var(--text-muted);
  white-space: nowrap;
}

/* line 487, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-brow {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 8px 15px;
  border-top: 1px solid var(--border-2);
}

/* line 495, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-brow:hover {
  background: var(--surface-2);
}

/* line 498, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-brow__title {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
}

/* line 508, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-brow__doc {
  color: var(--text);
  font-weight: 600;
  margin-right: 8px;
}

/* line 510, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-brow__age {
  flex: none;
  width: 52px;
  text-align: right;
  font-size: 12px;
  color: var(--text-muted);
  white-space: nowrap;
}

/* line 526, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-tag {
  flex: none;
  font-size: 12px;
  line-height: 18px;
  padding: 0 6px;
  border: 1px solid var(--border);
  border-radius: 4px;
  color: var(--text-muted);
  white-space: nowrap;
}

/* line 539, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-showall {
  background: none;
  border: 0;
  padding: 0;
  font-family: inherit;
  font-size: 11.5px;
  color: var(--accent-ink);
  cursor: pointer;
}

/* line 548, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-showall:hover {
  text-decoration: underline;
}

/* line 553, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-note {
  margin: 0;
  font-size: 11.5px;
  line-height: 1.5;
  color: var(--text-muted);
}

/* line 570, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot [hidden] {
  display: none !important;
}

/* line 584, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-modal .modal-dialog {
  max-width: 760px;
  width: auto;
  margin: 90px auto 40px;
}

/* line 590, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-modal .modal-content {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 12px 40px rgba(20, 24, 29, 0.18);
}

/* line 597, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-modal__head {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 18px;
  border-bottom: 1px solid var(--border-2);
}

/* line 606, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-modal__title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
}

/* line 613, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-modal__meta {
  font-size: 12px;
  color: var(--text-muted);
}

/* line 622, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-modal__x {
  margin-left: auto;
  float: none;
  border: 0;
  background: transparent;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  opacity: 1;
  color: var(--text-subtle);
  cursor: pointer;
}

/* line 637, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-modal__body {
  max-height: 52vh;
  overflow-y: auto;
  padding: 0;
}

/* line 644, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-mrfq__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 18px;
  border-top: 1px solid var(--border-2);
  background: var(--surface-2);
  font-size: 12px;
}

/* line 654, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-mrfq__doc {
  flex: none;
  color: var(--accent-ink);
  font-weight: 600;
}

/* line 660, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-mrfq__t {
  flex: 0 1 auto;
  min-width: 0;
  color: var(--text);
  font-weight: 600;
}

/* line 670, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-mrfq__chip {
  flex: none;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 1px 8px;
  font-size: 11px;
  color: var(--text-muted);
  background: var(--surface);
}

/* line 687, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-mrfq__q {
  display: flex;
  align-items: baseline;
  margin-left: auto;
  padding-left: 10px;
  min-width: 0;
  color: var(--text-muted);
}

/* line 695, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-mrfq__q > .dp-mrfq__sub {
  flex: 1 1 auto;
  min-width: 0;
}

/* line 702, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-mrfq__q > .dp-mrfq__sent,
.dash-pilot .dp-mrfq__q > .dp-mrfq__lines,
.dash-pilot .dp-mrfq__q > .dp-mrfq__ticks {
  flex: none;
}

/* line 711, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-mrfq__lines {
  color: var(--text-muted);
}

/* line 713, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-mrfq__toggle {
  flex: none;
  display: none;
  border: 0;
  background: transparent;
  color: var(--text-subtle);
  font-size: 12px;
  line-height: 1;
  padding: 0 2px;
  cursor: pointer;
}

/* line 726, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-mv {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  padding: 6px 18px 6px 40px;
  border-top: 1px solid var(--border-2);
  font-size: 13px;
}

/* line 736, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-mv__name {
  flex: 1;
  min-width: 0;
}

/* line 742, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-mv__st {
  flex: none;
  color: var(--text-subtle);
  font-size: 12px;
}

/* line 750, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-mv--off .dp-mv__name {
  color: var(--text-subtle);
}

/* line 756, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-modal--collapsed .dp-mrfq:not(.dp-mrfq--open) .dp-mv {
  display: none;
}

/* line 757, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-modal--collapsed .dp-mrfq__toggle {
  display: inline-block;
}

/* line 758, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-modal--collapsed .dp-mrfq__sent {
  display: none;
}

/* line 763, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-mrfq__ticks {
  display: none;
}

/* line 764, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-modal--collapsed .dp-mrfq__ticks {
  display: inline;
}

/* line 767, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-note-box {
  display: block;
  width: calc(100% - 36px);
  margin: 14px 18px 0;
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 13px;
  color: var(--text);
  resize: vertical;
}

/* line 780, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-modal__foot {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-top: 0;
}

/* line 788, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-modal__sp {
  flex: 1;
}

/* line 790, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-modal__note,
.dash-pilot .dp-modal__cap {
  font-size: 12px;
  color: var(--text-muted);
}

/* line 798, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-modal__cap {
  color: var(--act);
}

/* line 801, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-attach {
  margin: 0;
  height: 26px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: var(--text-muted);
  cursor: pointer;
}

/* line 814, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-attach:hover {
  border-color: var(--border-strong);
}

/* line 817, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-attach__input {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
}

/* line 824, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-attach__names {
  max-width: 220px;
  font-size: 12px;
  color: var(--text-subtle);
}

/* line 833, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-btn--fill {
  background: var(--accent-ink);
  border-color: var(--accent-ink);
  color: var(--surface);
}

/* line 838, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-btn--fill:hover {
  background: var(--accent-ink);
  color: var(--surface);
}

/* line 839, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-btn--fill:focus {
  color: var(--surface);
}

/* line 841, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot .dp-btn--fill[disabled] {
  background: var(--surface);
  border-color: var(--border);
  color: var(--text-subtle);
}

/* line 852, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.dash-pilot #dp_reminder_modal .dp-modal__foot {
  padding-left: 18px;
}

@media (max-width: 1199px) {
  /* line 857, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
  .dash-pilot .dp-cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 899px) {
  /* line 24, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
  .dash-pilot {
    padding: 80px 16px 48px;
  }
  /* line 863, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
  .dash-pilot .dp-topbar {
    flex-wrap: wrap;
  }
  /* line 864, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
  .dash-pilot .dp-filters {
    margin-left: 0;
  }
  /* line 865, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
  .dash-pilot .dp-row__age {
    width: 86px;
  }
}

/* line 878, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.tooltip.dp-tooltip {
  z-index: 1070;
}

/* line 880, app/assets/stylesheets/new_styles/dashboard_pilot.scss */
.tooltip.dp-tooltip .tooltip-inner {
  white-space: pre-line;
  text-align: left;
}
/*











































































 */